Merge branch 'primer:main' into krsjenswbp-patch-1

krsjenswbp · web-flow · commit 72d1f3ef6271 · 2025-10-12T04:00:50.000+07:00
diff --git a/.changeset/wet-moose-beg.md b/.changeset/wet-moose-beg.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": minor
+---
+
+Change `contrast` input background to `bgColor-default`
diff --git a/.github/workflows/axe.yml b/.github/workflows/axe.yml
@@ -15,7 +15,7 @@ jobs:
           fetch-depth: 0
       - name: Get changed files
         id: changed-files
-        uses: tj-actions/changed-files@ed68ef82c095e0d48ec87eccea555d944a631a4c
+        uses: tj-actions/changed-files@24d32ffd492484c1d75e0c0b894501ddb9d30d62
         with:
           files: |
             docs/content/components/**/*.md
@@ -28,7 +28,7 @@ jobs:
           echo "STRING_OF_PATHS_WE_CARE_ABOUT=${{ steps.changed-files.outputs.all_changed_files }}" >> $GITHUB_ENV
       - name: Use Node.js
         if: steps.changed-files.outputs.any_changed == 'true'
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 18
           cache: 'npm'
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v5
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v5
         with:
           node-version: 18
           cache: 'npm'
@@ -31,7 +31,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v5
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v5
         with:
           node-version: 18
           cache: 'npm'
@@ -43,7 +43,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v5
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v5
         with:
           node-version: 18
           cache: 'npm'
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -19,7 +19,7 @@ jobs:
           persist-credentials: false
 
       - name: Set up Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 18.x
           cache: 'npm'
diff --git a/.github/workflows/release_candidate.yml b/.github/workflows/release_candidate.yml
@@ -18,7 +18,7 @@ jobs:
           fetch-depth: 0
 
       - name: Set up Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 18.x
           cache: 'npm'
@@ -43,7 +43,7 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Output candidate version number
-        uses: actions/github-script@v7
+        uses: actions/github-script@v8
         with:
           script: |
             const package = require(`${process.env.GITHUB_WORKSPACE}/package.json`)
diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
@@ -7,7 +7,7 @@ jobs:
   stale:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/stale@v9
+      - uses: actions/stale@v10
         with:
           
           # General settings
diff --git a/.github/workflows/welcome.yml b/.github/workflows/welcome.yml
@@ -19,13 +19,13 @@ jobs:
         uses: actions/checkout@v5
 
       - name: Set up Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 18.x
           cache: 'npm'
 
       - name: Get or Create Comment
-        uses: actions/github-script@v7
+        uses: actions/github-script@v8
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           script: |
@@ -68,7 +68,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v5
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v5
         with:
           node-version: 18
           cache: 'npm'
@@ -111,7 +111,7 @@ jobs:
     name: Semantic Version Label
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/github-script@v7
+      - uses: actions/github-script@v8
         id: version-result
         with:
           github-token: "${{ secrets.GITHUB_TOKEN }}"
@@ -124,7 +124,7 @@ jobs:
               return match[0][1]
             }
 
-      - uses: actions/github-script@v7
+      - uses: actions/github-script@v8
         env:
           RELEASE: ${{ steps.version-result.outputs.result }}
         with:
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -1,5 +1,8 @@
 ## Contributing
 
+> [!WARNING] 
+> **This project is in KTLO mode!** New features, functionalities, or major enhancements are unlikely to be accepted. Use existing utility classes from this project where needed. For more complete patterns that include styling and markup, please use [primer/react](https://github.com/primer/react) or, if necessary, [primer/view_components](https://github.com/primer/view_components).
+
 Hi there! We're thrilled that you'd like to contribute to this project. Your help is essential for keeping it great.
 
 ## Using the issue tracker
diff --git a/DEVELOP.md b/DEVELOP.md
@@ -1,5 +1,8 @@
 # Primer CSS Development
 
+> [!WARNING]
+> **This project is in KTLO mode!** New features, functionalities, or major enhancements are unlikely to be accepted. Use existing utility classes from this project where needed. For more complete patterns that include styling and markup, please use [primer/react](https://github.com/primer/react) or, if necessary, [primer/view_components](https://github.com/primer/view_components).
+
 If you've made it this far, **thank you**! We appreciate your contribution, and hope that this document helps you along the way. If you have any questions or problems, don't hesitate to [file an issue](https://github.com/primer/css/issues/new).
 
 ## Structure
diff --git a/README.md b/README.md
@@ -1,35 +1,15 @@
-<p align="center">
-  <img width="300px" alt="" src="./docs/src/readme.png">
-</p>
+# Primer CSS
+The CSS implementation of GitHub's Primer Design System
 
-<h1 align="center">Primer CSS</h1>
+[![npm package](https://img.shields.io/npm/v/@primer/css.svg)](https://www.npmjs.com/package/@primer/css)
+[![build status](https://github.com/primer/css/actions/workflows/ci.yml/badge.svg)](https://github.com/primer/css/actions/workflows/ci.yml)
+[![contributors graph](https://img.shields.io/github/contributors/primer/css.svg)](https://github.com/primer/css/graphs/contributors)
+[![last commit](https://img.shields.io/github/last-commit/primer/css.svg)](https://github.com/primer/css/commits/main)
+[![license](https://img.shields.io/github/license/primer/css.svg)](https://github.com/primer/css/blob/main/LICENSE)
 
-<p align="center">The CSS implementation of GitHub's Primer Design System</p>
-
-<p align="center">
-  <a aria-label="npm package" href="https://www.npmjs.com/package/@primer/css">
-    <img alt="" src="https://img.shields.io/npm/v/@primer/css.svg">
-  </a>
-  <a aria-label="build status" href="https://github.com/primer/css/actions/workflows/ci.yml">
-    <img alt="" src="https://github.com/primer/css/actions/workflows/ci.yml/badge.svg">
-  </a>
-  <a aria-label="contributors graph" href="https://github.com/primer/css/graphs/contributors">
-    <img alt="" src="https://img.shields.io/github/contributors/primer/css.svg">
-  </a>
-  <a aria-label="last commit" href="https://github.com/primer/css/commits/main">
-    <img alt="" src="https://img.shields.io/github/last-commit/primer/css.svg">
-  </a>
-  <a aria-label="license" href="https://github.com/primer/css/blob/main/LICENSE">
-    <img src="https://img.shields.io/github/license/primer/css.svg" alt="">
-  </a>
-</p>
+> :warning: **This project is in KTLO mode!** Use existing utility classes from this project where needed. For more complete patterns that include styling and markup, please use [primer/react](https://github.com/primer/react) or, if necessary, [primer/view_components](https://github.com/primer/view_components).
 
 ## Documentation
-
-> :warning: It is encouraged that you use [primer/react](https://github.com/primer/react) and [primer/view_components](https://github.com/primer/view_components) for styling and markup.
-
-> :warning: **The documentation of this repo is not maintained anymore**. Please raise any documentation-specific pull requests in [primer.style/design](https://github.com/primer/design/)
-
 Our documentation site lives at [primer.style/css](https://primer.style/css). You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.
 
 ## Install
@@ -40,7 +20,7 @@ npm install --save @primer/css
 ```
 
 ## Usage
-The included source files are written in [Sass] using SCSS syntax. After [installing](#install) with npm, you can add your project's `node_modules` directory to your Sass [include paths](https://github.com/sass/node-sass#includepaths) (AKA [load paths](http://technology.customink.com/blog/2014/10/09/understanding-and-using-sass-load-paths/) in Ruby), then import it like this:
+The included source files are written in [Sass] using SCSS syntax. Once installed, you can add your project's `node_modules` directory to your Sass [include paths](https://github.com/sass/node-sass#includepaths) (AKA [load paths](http://technology.customink.com/blog/2014/10/09/understanding-and-using-sass-load-paths/) in Ruby), then import it like this:
 
 ```scss
 @import "@primer/css/index.scss";
@@ -67,5 +47,4 @@ You can find docs about our release process in [RELEASING.md](RELEASING.md).
 
 [install-npm]: https://docs.npmjs.com/getting-started/installing-node
 [npm]: https://www.npmjs.com/
-[primer]: https://primer.style/
 [sass]: http://sass-lang.com/
diff --git a/docs/package-lock.json b/docs/package-lock.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/forms/form-control.scss b/src/forms/form-control.scss

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/css": minor
 +---
++
 +Change `contrast` input background to `bgColor-default`