@primer/primitives 7.10.0 → 7.11.0-rc.00655fc

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.10.0",
+  "version": "7.11.0-rc.00655fc",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -26,48 +26,48 @@
   },
   "homepage": "https://github.com/primer/primitives#readme",
   "scripts": {
-    "build": "ts-node ./script/build.ts && tsc --project tsconfig.build.json",
+    "build": "ts-node ./scripts/build.ts && tsc --project tsconfig.build.json",
+    "build:v3": "ts-node -r tsconfig-paths/register ./scripts/buildV3.ts",
     "build:tokens": "node -e \"require('./build')._init()\"",
-    "format": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
+    "build:new-tokens": "npm run build:tokens && npm run build:v3",
+    "contrast-check": "npx ts-node ./scripts/color-contrast.ts",
+    "format": "prettier --write  '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
+    "format:check": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
+    "install:docs": "cd docs && npm ci --legacy-peer-deps --no-audit --no-fund --include=dev",
+    "install:storybook": "cd docs/storybook && npm ci --legacy-peer-deps --no-audit --no-fund",
     "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0 --config .eslintrc.js",
-    "postbuild": "ts-node ./script/color-contrast.ts",
+    "lint:fix": "eslint '**/*.{js,ts,tsx,md,mdx}' --fix --max-warnings=0 --config .eslintrc.js",
+    "postbuild": "ts-node ./scripts/color-contrast.ts",
     "prebuild": "rm -rf dist",
     "prebuild:tokens": "rm -rf tokens-v2-private",
-    "prepack": "yarn build && yarn build:tokens",
+    "prebuild:v3": "rm -rf tokens-v3-private",
+    "prepack": "npm run build && npm run build:tokens",
+    "prepare": "husky install && npm run install:docs && npm run install:storybook",
     "release": "changeset publish",
-    "build:color-tokens": "ts-node ./script/tempColorTokenBuild.ts",
+    "start:storybook": "npm run build:v3 && cd docs/storybook && npm run storybook",
     "test": "jest --verbose --coverage",
-    "watch": "ls data/**/*.scss script/**/*.ts | entr -s 'yarn build'"
+    "watch": "ls data/**/*.scss scripts/**/*.ts | entr -s 'npm run build'"
   },
   "prettier": "@github/prettier-config",
   "devDependencies": {
-    "@actions/core": "^1.2.7",
-    "@actions/github": "^4.0.0",
-    "@babel/parser": "^7.15.3",
-    "@babel/traverse": "^7.15.0",
-    "@babel/types": "^7.15.0",
     "@changesets/changelog-github": "^0.3.0",
     "@changesets/cli": "^2.22.0",
-    "@github/prettier-config": "^0.0.4",
-    "@octokit/rest": "^18.5.3",
-    "@types/babel__traverse": "^7.14.2",
-    "@types/chalk": "^2.2.0",
+    "@github/prettier-config": "^0.0.6",
     "@types/flat": "^5.0.1",
     "@types/fs-extra": "^9.0.13",
+    "@types/jest": "^29.1.2",
     "@types/lodash": "^4.14.163",
     "@types/mkdirp": "^1.0.1",
-    "@types/node": "^14.0.26",
-    "@types/react": "^17.0.50",
-    "@typescript-eslint/eslint-plugin": "^5.17.0",
-    "@typescript-eslint/parser": "^5.17.0",
+    "@types/node": "^14.18.34",
+    "@typescript-eslint/eslint-plugin": "^5.45.0",
+    "@typescript-eslint/parser": "^5.45.0",
     "camelcase-keys": "^6.2.2",
-    "chalk": "^4.1.0",
     "color-blend": "^4.0.0",
-    "color2k": "^1.2.4",
+    "color2k": "^2.0.0",
     "console-table-printer": "^2.11.1",
-    "deep-shape-equals": "^0.1.2",
     "deepmerge": "^4.2.2",
     "eslint": "^8.12.0",
+    "eslint-config-prettier": "^8.6.0",
     "eslint-import-resolver-typescript": "^2.7.0",
     "eslint-plugin-github": "^4.3.6",
     "eslint-plugin-jsx-a11y": "^6.5.1",
@@ -77,17 +77,16 @@
     "eslint-plugin-react-hooks": "^4.4.0",
     "eslint-plugin-storybook": "^0.5.12",
     "flat": "^5.0.2",
-    "fs-extra": "^10.1.0",
-    "jest": "^29.0.1",
+    "husky": "^8.0.1",
+    "jest": "29.3",
     "json5": "^2.2.1",
     "lodash": "^4.17.20",
-    "mkdirp": "^1.0.4",
-    "node-sass": "^7.0.0",
+    "mkdirp": "^2.1.1",
     "prettier": "^2.7.1",
-    "react": "^17.0.2",
-    "sass-extract": "^2.1.0",
-    "style-dictionary": "3.7.1",
-    "ts-node": "^8.10.2",
-    "typescript": "^4.2.0"
+    "style-dictionary": "^3.7.2",
+    "ts-jest": "^29.0.3",
+    "ts-node": "^10.9.1",
+    "tsconfig-paths": "^4.1.0",
+    "typescript": "^4.9.3"
   }
 }

package/tokens/functional/size/border.json

@@ -36,5 +36,13 @@
         "value": "100vh"
       }
     }
+  },
+  "outline": {
+    "focus": {
+      "offset": {
+        "$value": "1px",
+        "$type": "dimension"
+      }
+    }
   }
 }

package/tokens/functional/typography/typography.json

@@ -2,10 +2,10 @@
   "<namespace>": {
     "fontStack": {
       "system": {
-        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
       },
       "sansSerif": {
-        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
       },
       "monospace": {
         "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/border.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/breakpoints.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/size/size-coarse.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 

package/tokens-v2-private/css/tokens/functional/size/size-fine.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 

package/tokens-v2-private/css/tokens/functional/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 :root {

package/tokens-v2-private/css/tokens/functional/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 :root {
@@ -25,8 +25,8 @@
   --primer-text-display-size: 2.5rem;
   --primer-text-display-lineBoxHeight: 3.5rem;
   --primer-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-  --primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-  --primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
   --primer-text-codeInline-weight: var(--base-text-weight-normal);
   --primer-text-codeBlock-weight: var(--base-text-weight-normal);
   --primer-text-caption-weight: var(--base-text-weight-normal);

package/tokens-v2-private/docs/docValues.json

@@ -1485,11 +1485,11 @@
   ],
   "tokens/functional/typography/typography.json": [
     {
-      "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "filePath": "tokens/functional/typography/typography.json",
       "isSource": true,
       "original": {
-        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
       },
       "name": "primer-fontStack-system",
       "attributes": {},
@@ -1500,11 +1500,11 @@
       ]
     },
     {
-      "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "filePath": "tokens/functional/typography/typography.json",
       "isSource": true,
       "original": {
-        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
       },
       "name": "primer-fontStack-sansSerif",
       "attributes": {},
@@ -1594,7 +1594,7 @@
       ]
     },
     {
-      "value": "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "value": "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "type": "typography",
       "filePath": "tokens/functional/typography/typography.json",
       "isSource": true,
@@ -1701,7 +1701,7 @@
       ]
     },
     {
-      "value": "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "value": "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "type": "typography",
       "filePath": "tokens/functional/typography/typography.json",
       "isSource": true,
@@ -1725,7 +1725,7 @@
       ]
     },
     {
-      "value": "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "value": "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "type": "typography",
       "filePath": "tokens/functional/typography/typography.json",
       "isSource": true,
@@ -1797,7 +1797,7 @@
       ]
     },
     {
-      "value": "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "value": "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "type": "typography",
       "filePath": "tokens/functional/typography/typography.json",
       "isSource": true,
@@ -1938,7 +1938,7 @@
       ]
     },
     {
-      "value": "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "value": "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "type": "typography",
       "filePath": "tokens/functional/typography/typography.json",
       "isSource": true,
@@ -1962,7 +1962,7 @@
       ]
     },
     {
-      "value": "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "value": "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "type": "typography",
       "filePath": "tokens/functional/typography/typography.json",
       "isSource": true,
@@ -1986,7 +1986,7 @@
       ]
     },
     {
-      "value": "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "value": "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "type": "typography",
       "filePath": "tokens/functional/typography/typography.json",
       "isSource": true,
@@ -2058,7 +2058,7 @@
       ]
     },
     {
-      "value": "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "value": "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
       "type": "typography",
       "filePath": "tokens/functional/typography/typography.json",
       "isSource": true,

package/tokens-v2-private/js/module/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 module.exports = {

package/tokens-v2-private/js/module/tokens/functional/typography/typography.js

@@ -1,17 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 module.exports = {
   "primer": {
     "fontStack": {
       "system": {
-        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
         "filePath": "tokens/functional/typography/typography.json",
         "isSource": true,
         "original": {
-          "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+          "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
         },
         "name": "system",
         "attributes": {},
@@ -22,11 +22,11 @@ module.exports = {
         ]
       },
       "sansSerif": {
-        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
         "filePath": "tokens/functional/typography/typography.json",
         "isSource": true,
         "original": {
-          "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+          "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
         },
         "name": "sansSerif",
         "attributes": {},
@@ -123,7 +123,7 @@ module.exports = {
             "fontWeight": "500",
             "fontSize": "2.5rem",
             "lineHeight": "calc(56/40)",
-            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
           },
           "type": "typography",
           "filePath": "tokens/functional/typography/typography.json",
@@ -242,7 +242,7 @@ module.exports = {
               "fontWeight": "600",
               "fontSize": "2rem",
               "lineHeight": "calc(48/32)",
-              "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+              "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
             },
             "type": "typography",
             "filePath": "tokens/functional/typography/typography.json",
@@ -271,7 +271,7 @@ module.exports = {
               "fontWeight": "600",
               "fontSize": "1.25rem",
               "lineHeight": "calc(32/20)",
-              "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+              "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
             },
             "type": "typography",
             "filePath": "tokens/functional/typography/typography.json",
@@ -351,7 +351,7 @@ module.exports = {
             "fontWeight": "400",
             "fontSize": "1.25rem",
             "lineHeight": "calc(32/20)",
-            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
           },
           "type": "typography",
           "filePath": "tokens/functional/typography/typography.json",
@@ -504,7 +504,7 @@ module.exports = {
               "fontWeight": "400",
               "fontSize": "1rem",
               "lineHeight": "calc(24/16)",
-              "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+              "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
             },
             "type": "typography",
             "filePath": "tokens/functional/typography/typography.json",
@@ -533,7 +533,7 @@ module.exports = {
               "fontWeight": "400",
               "fontSize": "0.875rem",
               "lineHeight": "calc(20/14)",
-              "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+              "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
             },
             "type": "typography",
             "filePath": "tokens/functional/typography/typography.json",
@@ -562,7 +562,7 @@ module.exports = {
               "fontWeight": "400",
               "fontSize": "0.75rem",
               "lineHeight": "calc(20/12)",
-              "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+              "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
             },
             "type": "typography",
             "filePath": "tokens/functional/typography/typography.json",
@@ -642,7 +642,7 @@ module.exports = {
             "fontWeight": "400",
             "fontSize": "0.75rem",
             "lineHeight": "calc(16/12)",
-            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
           },
           "type": "typography",
           "filePath": "tokens/functional/typography/typography.json",

package/tokens-v2-private/js/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 export const BaseSize4 = "0.25rem";

package/tokens-v2-private/js/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 export const BaseTextWeightLight = "300";

package/tokens-v2-private/js/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 export const PrimerBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";

package/tokens-v2-private/js/tokens/functional/size/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 export const PrimerBreakpointXsmall = "20rem";

package/tokens-v2-private/js/tokens/functional/size/size-coarse.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 export const PrimerControlMinTargetAuto = "2.75rem";

package/tokens-v2-private/js/tokens/functional/size/size-fine.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 export const PrimerControlMinTargetAuto = "1rem";

package/tokens-v2-private/js/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 export const PrimerControlMinTargetFine = "1rem";

package/tokens-v2-private/js/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 17 Oct 2022 21:56:43 GMT
+ * Generated on Mon, 30 Jan 2023 13:02:09 GMT
  */
 
 export const PrimerViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";