@primer/primitives 7.9.0 → 7.10.0-rc.15b37d5

package/dist/scss/colors/_dark_dimmed.scss

@@ -83,7 +83,7 @@
     --color-checks-input-placeholder-text: #636e7b;
     --color-checks-input-focus-text: #adbac7;
     --color-checks-input-bg: #2d333b;
-    --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
+    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
     --color-checks-donut-error: #e5534b;
     --color-checks-donut-pending: #c69026;
     --color-checks-donut-success: #46954a;
@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: #444c56;
     --color-segmented-control-button-active-bg: #373e47;
     --color-segmented-control-button-selected-border: #636e7b;
+    --color-tree-view-item-chevron-hover-bg: rgba(144,157,171,0.12);
     --color-fg-default: #adbac7;
     --color-fg-muted: #768390;
     --color-fg-subtle: #636e7b;

package/dist/scss/colors/_dark_high_contrast.scss

@@ -83,7 +83,7 @@
     --color-checks-input-placeholder-text: #9ea7b3;
     --color-checks-input-focus-text: #f0f3f6;
     --color-checks-input-bg: #272b33;
-    --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
+    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
     --color-checks-donut-error: #ff6a69;
     --color-checks-donut-pending: #f0b72f;
     --color-checks-donut-success: #09b43a;
@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: #525964;
     --color-segmented-control-button-active-bg: #272b33;
     --color-segmented-control-button-selected-border: #9ea7b3;
+    --color-tree-view-item-chevron-hover-bg: #525964;
     --color-fg-default: #f0f3f6;
     --color-fg-muted: #f0f3f6;
     --color-fg-subtle: #9ea7b3;

package/dist/scss/colors/_dark_tritanopia.scss

@@ -83,7 +83,7 @@
     --color-checks-input-placeholder-text: #6e7681;
     --color-checks-input-focus-text: #c9d1d9;
     --color-checks-input-bg: #161b22;
-    --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
+    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
     --color-checks-donut-error: #f85149;
     --color-checks-donut-pending: #d29922;
     --color-checks-donut-success: #388bfd;
@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: #30363d;
     --color-segmented-control-button-active-bg: #21262d;
     --color-segmented-control-button-selected-border: #6e7681;
+    --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #6e7681;

package/dist/scss/colors/_light.scss

@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
     --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
     --color-segmented-control-button-selected-border: #6e7781;
+    --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_colorblind.scss

@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
     --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
     --color-segmented-control-button-selected-border: #6e7781;
+    --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_high_contrast.scss

@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: rgba(172,182,192,0.2);
     --color-segmented-control-button-active-bg: rgba(172,182,192,0.4);
     --color-segmented-control-button-selected-border: #66707b;
+    --color-tree-view-item-chevron-hover-bg: #ced5dc;
     --color-fg-default: #0e1116;
     --color-fg-muted: #0e1116;
     --color-fg-subtle: #66707b;

package/dist/scss/colors/_light_tritanopia.scss

@@ -282,6 +282,7 @@
     --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
     --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
     --color-segmented-control-button-selected-border: #6e7781;
+    --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/ts/colors/dark.ts

@@ -107,7 +107,7 @@ export default {
     "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#f85149",
     "donutPending": "#d29922",
     "donutSuccess": "#2ea043",
@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(177,186,196,0.12)"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/ts/colors/dark_colorblind.ts

@@ -107,7 +107,7 @@ export default {
     "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#d47616",
     "donutPending": "#d29922",
     "donutSuccess": "#388bfd",
@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(177,186,196,0.12)"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/ts/colors/dark_dimmed.ts

@@ -107,7 +107,7 @@ export default {
     "inputPlaceholderText": "#636e7b",
     "inputFocusText": "#adbac7",
     "inputBg": "#2d333b",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#e5534b",
     "donutPending": "#c69026",
     "donutSuccess": "#46954a",
@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(144,157,171,0.12)"
+    }
+  },
   "fg": {
     "default": "#adbac7",
     "muted": "#768390",

package/dist/ts/colors/dark_high_contrast.ts

@@ -107,7 +107,7 @@ export default {
     "inputPlaceholderText": "#9ea7b3",
     "inputFocusText": "#f0f3f6",
     "inputBg": "#272b33",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#ff6a69",
     "donutPending": "#f0b72f",
     "donutSuccess": "#09b43a",
@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "#525964"
+    }
+  },
   "fg": {
     "default": "#f0f3f6",
     "muted": "#f0f3f6",

package/dist/ts/colors/dark_tritanopia.ts

@@ -107,7 +107,7 @@ export default {
     "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
-    "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
+    "inputShadow": "0 0 0 1px (obj) => (0, get_1.default)(obj, path)",
     "donutError": "#f85149",
     "donutPending": "#d29922",
     "donutSuccess": "#388bfd",
@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(177,186,196,0.12)"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",

package/dist/ts/colors/light.ts

@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(208,215,222,0.32)"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/ts/colors/light_colorblind.ts

@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(208,215,222,0.32)"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/ts/colors/light_high_contrast.ts

@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "#ced5dc"
+    }
+  },
   "fg": {
     "default": "#0e1116",
     "muted": "#0e1116",

package/dist/ts/colors/light_tritanopia.ts

@@ -375,6 +375,11 @@ export default {
       }
     }
   },
+  "treeViewItem": {
+    "chevron": {
+      "hoverBg": "rgba(208,215,222,0.32)"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.9.0",
+  "version": "7.10.0-rc.15b37d5",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -26,12 +26,16 @@
   },
   "homepage": "https://github.com/primer/primitives#readme",
   "scripts": {
-    "build": "ts-node ./script/build.ts && tsc",
+    "build": "ts-node ./script/build.ts && tsc --project tsconfig.build.json",
     "build:tokens": "node -e \"require('./build')._init()\"",
+    "format": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css,json}'",
+    "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0 --config .eslintrc.js",
+    "postbuild": "ts-node ./script/color-contrast.ts",
     "prebuild": "rm -rf dist",
     "prebuild:tokens": "rm -rf tokens-v2-private",
     "prepack": "yarn build && yarn build:tokens",
     "release": "changeset publish",
+    "test": "jest --verbose --coverage",
     "watch": "ls data/**/*.scss script/**/*.ts | entr -s 'yarn build'"
   },
   "prettier": "@github/prettier-config",
@@ -43,7 +47,7 @@
     "@babel/types": "^7.15.0",
     "@changesets/changelog-github": "^0.3.0",
     "@changesets/cli": "^2.22.0",
-    "@github/prettier-config": "0.0.4",
+    "@github/prettier-config": "^0.0.4",
     "@octokit/rest": "^18.5.3",
     "@types/babel__traverse": "^7.14.2",
     "@types/chalk": "^2.2.0",
@@ -51,18 +55,35 @@
     "@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",
     "camelcase-keys": "^6.2.2",
     "chalk": "^4.1.0",
+    "color-blend": "^4.0.0",
     "color2k": "^1.2.4",
+    "console-table-printer": "^2.11.1",
     "deep-shape-equals": "^0.1.2",
     "deepmerge": "^4.2.2",
+    "eslint": "^8.12.0",
+    "eslint-import-resolver-typescript": "^2.7.0",
+    "eslint-plugin-github": "^4.3.6",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-mdx": "^1.17.0",
+    "eslint-plugin-primer-react": "^0.7.4",
+    "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react-hooks": "^4.4.0",
+    "eslint-plugin-storybook": "^0.5.12",
     "flat": "^5.0.2",
+    "jest": "^29.0.1",
     "lodash": "^4.17.20",
     "mkdirp": "^1.0.4",
     "node-sass": "^7.0.0",
+    "prettier": "^2.7.1",
+    "react": "^17.0.2",
     "sass-extract": "^2.1.0",
     "style-dictionary": "^3.1.1",
     "ts-node": "^8.10.2",
-    "typescript": "^3.7.2"
+    "typescript": "^4.2.0"
   }
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 :root {

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

@@ -1,9 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
-@media (pointer: coarse) { :root {
+
+    @media (pointer: coarse) { :root {
   --primer-controlStack-medium-gap-auto: var(--base-size-12);
   --primer-controlStack-small-gap-auto: var(--base-size-16);
   --primer-control-minTarget-auto: var(--base-size-44);

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

@@ -1,9 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
-@media (pointer: fine) { :root {
+
+    @media (pointer: fine) { :root {
   --primer-controlStack-medium-gap-auto: var(--base-size-8);
   --primer-controlStack-small-gap-auto: var(--base-size-8);
   --primer-control-minTarget-auto: var(--base-size-16);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 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 Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 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 Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 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 Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 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 Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 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 Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 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 Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 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 Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 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 Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 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 Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 export const PrimerViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
 export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";

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

@@ -0,0 +1,21 @@
+
+// Do not edit directly
+// Generated on Tue, 11 Oct 2022 10:49:29 GMT
+
+$base-size-128: 8rem;
+$base-size-112: 7rem;
+$base-size-96: 6rem;
+$base-size-80: 5rem;
+$base-size-64: 4rem;
+$base-size-48: 3rem;
+$base-size-44: 2.75rem;
+$base-size-40: 2.5rem;
+$base-size-36: 2.25rem;
+$base-size-32: 2rem;
+$base-size-28: 1.75rem;
+$base-size-24: 1.5rem;
+$base-size-20: 1.25rem;
+$base-size-16: 1rem;
+$base-size-12: 0.75rem;
+$base-size-8: 0.5rem;
+$base-size-4: 0.25rem;

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

@@ -0,0 +1,8 @@
+
+// Do not edit directly
+// Generated on Tue, 11 Oct 2022 10:49:29 GMT
+
+$base-text-weight-semibold: 600;
+$base-text-weight-medium: 500;
+$base-text-weight-normal: 400;
+$base-text-weight-light: 300;

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

@@ -0,0 +1,14 @@
+
+// Do not edit directly
+// Generated on Tue, 11 Oct 2022 10:49:29 GMT
+
+$primer-borderRadius-full: 100vh;
+$primer-borderRadius-large: 0.75rem;
+$primer-borderRadius-medium: 0.375rem;
+$primer-borderRadius-small: 0.1875rem;
+$primer-borderWidth-thicker: max(4px, 0.25rem);
+$primer-borderWidth-thick: max(2px, 0.125rem);
+$primer-borderWidth-thin: max(1px, 0.0625rem);
+$primer-borderInset-thicker: inset 0 0 0 $primer-borderWidth-thicker;
+$primer-borderInset-thick: inset 0 0 0 $primer-borderWidth-thick;
+$primer-borderInset-thin: inset 0 0 0 $primer-borderWidth-thin;

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

@@ -0,0 +1,10 @@
+
+// Do not edit directly
+// Generated on Tue, 11 Oct 2022 10:49:29 GMT
+
+$primer-breakpoint-xxlarge: 90rem;
+$primer-breakpoint-xlarge: 80rem;
+$primer-breakpoint-large: 63.25rem;
+$primer-breakpoint-medium: 48rem;
+$primer-breakpoint-small: 34rem;
+$primer-breakpoint-xsmall: 20rem;

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

@@ -0,0 +1,7 @@
+
+// Do not edit directly
+// Generated on Tue, 11 Oct 2022 10:49:29 GMT
+
+$primer-controlStack-medium-gap-auto: $base-size-12;
+$primer-controlStack-small-gap-auto: $base-size-16;
+$primer-control-minTarget-auto: $base-size-44;