@primer/css 21.0.2-rc.f1e2f7f6 → 21.0.2

package/CHANGELOG.md

@@ -4,6 +4,8 @@
 
 ### Patch Changes
 
+- [#2439](https://github.com/primer/css/pull/2439) [`fe17ba05`](https://github.com/primer/css/commit/fe17ba05ac4372fb1d49edc08c8c036c2da54dce) Thanks [@langermank](https://github.com/langermank)! - Bump primitives v7.11.10
+
 - [#2437](https://github.com/primer/css/pull/2437) [`616c8935`](https://github.com/primer/css/commit/616c89354bf8571488674b44f431361d66e9eae3) Thanks [@langermank](https://github.com/langermank)! - Add `::selection` to root color vars
 
 - [#2438](https://github.com/primer/css/pull/2438) [`abdb3a93`](https://github.com/primer/css/commit/abdb3a93f10705472cea773473eb3ada6b918d31) Thanks [@langermank](https://github.com/langermank)! - Add utility typography CSS vars to main bundle

package/dist/meta.json

@@ -44,6 +44,28 @@
       "legacy": "primer-branch-name/index.scss",
       "imports": []
     },
+    "pagination": {
+      "name": "pagination",
+      "source": "src/pagination/index.scss",
+      "sass": "@primer/css/pagination/index.scss",
+      "css": "dist/pagination.css",
+      "map": "dist/pagination.css.map",
+      "js": "dist/pagination.js",
+      "stats": "dist/stats/pagination.json",
+      "legacy": "primer-pagination/index.scss",
+      "imports": []
+    },
+    "select-menu": {
+      "name": "select-menu",
+      "source": "src/select-menu/index.scss",
+      "sass": "@primer/css/select-menu/index.scss",
+      "css": "dist/select-menu.css",
+      "map": "dist/select-menu.css.map",
+      "js": "dist/select-menu.js",
+      "stats": "dist/stats/select-menu.json",
+      "legacy": "primer-select-menu/index.scss",
+      "imports": []
+    },
     "header": {
       "name": "header",
       "source": "src/header/index.scss",
@@ -66,17 +88,6 @@
       "legacy": "primer-toasts/index.scss",
       "imports": []
     },
-    "pagination": {
-      "name": "pagination",
-      "source": "src/pagination/index.scss",
-      "sass": "@primer/css/pagination/index.scss",
-      "css": "dist/pagination.css",
-      "map": "dist/pagination.css.map",
-      "js": "dist/pagination.js",
-      "stats": "dist/stats/pagination.json",
-      "legacy": "primer-pagination/index.scss",
-      "imports": []
-    },
     "tooltips": {
       "name": "tooltips",
       "source": "src/tooltips/index.scss",
@@ -88,17 +99,6 @@
       "legacy": "primer-tooltips/index.scss",
       "imports": []
     },
-    "select-menu": {
-      "name": "select-menu",
-      "source": "src/select-menu/index.scss",
-      "sass": "@primer/css/select-menu/index.scss",
-      "css": "dist/select-menu.css",
-      "map": "dist/select-menu.css.map",
-      "js": "dist/select-menu.js",
-      "stats": "dist/stats/select-menu.json",
-      "legacy": "primer-select-menu/index.scss",
-      "imports": []
-    },
     "marketing-support": {
       "name": "marketing-support",
       "source": "src/marketing/support/index.scss",
@@ -231,17 +231,6 @@
       "legacy": "primer-subhead/index.scss",
       "imports": []
     },
-    "timeline": {
-      "name": "timeline",
-      "source": "src/timeline/index.scss",
-      "sass": "@primer/css/timeline/index.scss",
-      "css": "dist/timeline.css",
-      "map": "dist/timeline.css.map",
-      "js": "dist/timeline.js",
-      "stats": "dist/stats/timeline.json",
-      "legacy": "primer-timeline/index.scss",
-      "imports": []
-    },
     "popover": {
       "name": "popover",
       "source": "src/popover/index.scss",
@@ -253,6 +242,17 @@
       "legacy": "primer-popover/index.scss",
       "imports": []
     },
+    "timeline": {
+      "name": "timeline",
+      "source": "src/timeline/index.scss",
+      "sass": "@primer/css/timeline/index.scss",
+      "css": "dist/timeline.css",
+      "map": "dist/timeline.css.map",
+      "js": "dist/timeline.js",
+      "stats": "dist/stats/timeline.json",
+      "legacy": "primer-timeline/index.scss",
+      "imports": []
+    },
     "toggle-switch": {
       "name": "toggle-switch",
       "source": "src/toggle-switch/index.scss",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/css",
-  "version": "21.0.2-rc.f1e2f7f6",
+  "version": "21.0.2",
   "description": "The CSS implementation of GitHub's Primer Design System",
   "homepage": "https://primer.style/css",
   "author": "GitHub, Inc.",
@@ -42,7 +42,7 @@
     "storybook": "cd docs && yarn && yarn storybook"
   },
   "dependencies": {
-    "@primer/primitives": "^7.11.7",
+    "@primer/primitives": "^7.11.10",
     "@primer/view-components": "^0.1.0"
   },
   "devDependencies": {
@@ -70,6 +70,7 @@
     "postcss-load-config": "4.0.1",
     "postcss-scss": "4.0.5",
     "postcss-simple-vars": "7.0.1",
+    "postcss-custom-properties-fallback": "^1.0.2",
     "prettier": "2.8.8",
     "semver": "7.3.8",
     "stylelint": "14.15.0",

package/postcss.config.cjs

@@ -2,7 +2,8 @@ const autoprefixer = require('autoprefixer')
 const sass = require('@csstools/postcss-sass')
 const scss = require('postcss-scss')
 const scssImport = require('postcss-import')
-const {join} = require('path')
+const { join } = require('path')
+const importedJSONFromPrimitives = require('./node_modules/@primer/primitives/tokens-next-private/fallbacks/color-fallbacks.json')
 
 module.exports = {
   map: {
@@ -18,5 +19,10 @@ module.exports = {
       outputStyle: process.env.CSS_MINIFY === '0' ? 'expanded' : 'compressed'
     }),
     autoprefixer,
+    require('postcss-custom-properties-fallback')({
+      importFrom: {
+        customProperties: importedJSONFromPrimitives
+      },
+    }),
   ]
 }