Merge branch 'main' of https://github.com/ProjectProvenance/primer-css

.github/CODEOWNERS

@@ -1 +1,3 @@
-*       @primer/css-reviewers
+* @primer/design-reviewers
+package.json @primer/design-reviewers @primer/engineer-reviewers
+package-lock.json @primer/design-reviewers @primer/engineer-reviewers

.github/workflows/axe.yml

@@ -15,7 +15,7 @@ jobs:
           fetch-depth: 0
       - name: Get changed files
         id: changed-files
-        uses: tj-actions/changed-files@v40
+        uses: tj-actions/changed-files@v44
         with:
           files: |
             docs/content/components/**/*.md

.github/workflows/codeql.yml

@@ -42,7 +42,7 @@ jobs:
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL
-      uses: github/codeql-action/init@v2
+      uses: github/codeql-action/init@v3
       with:
         languages: ${{ matrix.language }}
         # If you wish to specify custom queries, you can do so here or in a config file.
@@ -53,7 +53,7 @@ jobs:
     # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
     # If this step fails, then you should remove it and run the build manually (see below)
     - name: Autobuild
-      uses: github/codeql-action/autobuild@v2
+      uses: github/codeql-action/autobuild@v3
 
     # ℹ️ Command-line programs to run using the OS shell.
     # 📚 https://git.io/JvXDl
@@ -67,4 +67,4 @@ jobs:
     #   make release
 
     - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v2
+      uses: github/codeql-action/analyze@v3

.github/workflows/deploy_preview.yml

@@ -14,13 +14,13 @@ permissions:
 jobs:
   deploy:
     if: ${{ github.repository == 'primer/css' }}
-    uses: primer/.github/.github/workflows/deploy_preview.yml@main
+    uses: primer/.github/.github/workflows/deploy_preview.yml@v2.0.0
     name: Deploy preview
     secrets:
       gh_token: ${{ secrets.GITHUB_TOKEN }}
     with:
-      node_version: 18
-      install: npm ci && cd docs && npm ci && cd ..
+      node_version: 20
+      install: npm i && cd docs && npm i && cd ..
       build: npm run build:docs:preview
       output_dir: docs/public
 

.github/workflows/deploy_production.yml

@@ -39,11 +39,11 @@ jobs:
     if: ${{ github.repository == 'primer/css' }}
     name: Production
     needs: [guard]
-    uses: primer/.github/.github/workflows/deploy.yml@main
+    uses: primer/.github/.github/workflows/deploy.yml@v2.0.0
     secrets:
       gh_token: ${{ secrets.GITHUB_TOKEN }}
     with:
-      node_version: 18
-      install: npm ci && cd docs && npm ci && cd ..
+      node_version: 20
+      install: npm i && cd docs && npm i && cd ..
       build: npm run build:docs
       output_dir: docs/public

.github/workflows/release_canary.yml

@@ -18,7 +18,7 @@ on:
 jobs:
   release-canary:
     name: Canary
-    uses: primer/.github/.github/workflows/release_canary.yml@main
+    uses: primer/.github/.github/workflows/release_canary.yml@v2.0.0
     with:
       install: npm ci
     secrets:

.github/workflows/release_tracking.yml

@@ -0,0 +1,19 @@
+name: Release Event Tracking
+# Measure a datadog event every time a release occurs
+
+on:
+  pull_request:
+    types:
+      - closed
+      - opened
+      - reopened
+
+  release:
+    types: [published]
+
+jobs:
+  release-tracking:
+    name: Release Tracking
+    uses: primer/.github/.github/workflows/release_tracking.yml@create_release_tracking_workflow
+    secrets:
+      datadog_api_key: ${{ secrets.DATADOG_API_KEY }}

.github/workflows/stale.yml

@@ -7,7 +7,7 @@ jobs:
   stale:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/stale@v8
+      - uses: actions/stale@v9
         with:
 
           # General settings

CHANGELOG.md

@@ -1,5 +1,39 @@
 # @primer/css
 
+## 21.3.1
+
+### Patch Changes
+
+- [#2613](https://github.com/primer/css/pull/2613) [`2eabfde`](https://github.com/primer/css/commit/2eabfdea85667c041e86e13376f1d2823b64fcb1) Thanks [@stamat](https://github.com/stamat)! - removing !important from letter-spacing marketing typography
+
+- [#2611](https://github.com/primer/css/pull/2611) [`e867934`](https://github.com/primer/css/commit/e8679348ca29c85b470a6b04a821d7143d4acf16) Thanks [@keithamus](https://github.com/keithamus)! - drop !important from details styling
+
+## 21.3.0
+
+### Minor Changes
+
+- [#2598](https://github.com/primer/css/pull/2598) [`434fcac`](https://github.com/primer/css/commit/434fcac6c296ddd3155945420f785a6b48eb693c) Thanks [@langermank](https://github.com/langermank)! - Remove marketing icon variables
+
+- [#2596](https://github.com/primer/css/pull/2596) [`9896c79`](https://github.com/primer/css/commit/9896c79a846cbaa633d21573be252b8e4812e79d) Thanks [@jonrohan](https://github.com/jonrohan)! - Move native color styles from the color-modes bundle to the base bundle
+
+### Patch Changes
+
+- [#2606](https://github.com/primer/css/pull/2606) [`a03827b`](https://github.com/primer/css/commit/a03827b0a0c76c6df8d15d04ea2ec7976799cc92) Thanks [@langermank](https://github.com/langermank)! - Cleanup old Primitive imports
+
+## 21.2.2
+
+### Patch Changes
+
+- [#2590](https://github.com/primer/css/pull/2590) [`d75a512`](https://github.com/primer/css/commit/d75a512298f087e49cac1787fd131501cc308f07) Thanks [@langermank](https://github.com/langermank)! - Use legacy shadow for all floating shadows
+
+## 21.2.1
+
+### Patch Changes
+
+- [#2581](https://github.com/primer/css/pull/2581) [`5d8a030`](https://github.com/primer/css/commit/5d8a030319fa64c99f0d3bed85079884d7086474) Thanks [@langermank](https://github.com/langermank)! - Update shadow utils
+
+- [#2588](https://github.com/primer/css/pull/2588) [`7a25839`](https://github.com/primer/css/commit/7a2583942001decfa3d8172833a5f6b55469c56b) Thanks [@langermank](https://github.com/langermank)! - Bump Primitives + fix selectmenu box-shadow
+
 ## 21.2.0
 
 ### Minor Changes

docs/.storybook/preview.css

@@ -1,9 +1,20 @@
-@import '@primer/primitives/tokens-next-private/css/base/size/size.css';
-@import '@primer/primitives/tokens-next-private/css/base/typography/typography.css';
-@import '@primer/primitives/tokens-next-private/css/functional/size/border.css';
-@import '@primer/primitives/tokens-next-private/css/functional/size/breakpoints.css';
-@import '@primer/primitives/tokens-next-private/css/functional/size/size-coarse.css';
-@import '@primer/primitives/tokens-next-private/css/functional/size/size-fine.css';
-@import '@primer/primitives/tokens-next-private/css/functional/size/size.css';
-@import '@primer/primitives/tokens-next-private/css/functional/size/viewport.css';
-@import '@primer/primitives/tokens-next-private/css/functional/typography/typography.css';
+@import '@primer/primitives/dist/css/base/size/size.css';
+@import '@primer/primitives/dist/css/base/typography/typography.css';
+@import '@primer/primitives/dist/css/functional/size/border.css';
+@import '@primer/primitives/dist/css/functional/size/breakpoints.css';
+@import '@primer/primitives/dist/css/functional/size/size-coarse.css';
+@import '@primer/primitives/dist/css/functional/size/size-fine.css';
+@import '@primer/primitives/dist/css/functional/size/size.css';
+@import '@primer/primitives/dist/css/functional/size/viewport.css';
+@import '@primer/primitives/dist/css/functional/typography/typography.css';
+
+/* color */
+@import '@primer/primitives/dist/css/functional/themes/light.css';
+@import '@primer/primitives/dist/css/functional/themes/light-tritanopia.css';
+@import '@primer/primitives/dist/css/functional/themes/light-high-contrast.css';
+@import '@primer/primitives/dist/css/functional/themes/light-colorblind.css';
+@import '@primer/primitives/dist/css/functional/themes/dark.css';
+@import '@primer/primitives/dist/css/functional/themes/dark-colorblind.css';
+@import '@primer/primitives/dist/css/functional/themes/dark-dimmed.css';
+@import '@primer/primitives/dist/css/functional/themes/dark-high-contrast.css';
+@import '@primer/primitives/dist/css/functional/themes/dark-tritanopia.css';