@primer/primitives 7.11.0-rc.ef05680 → 7.11.0-rc.efbf6d5

package/dist/deprecated/colors.json

@@ -1 +1,7 @@
-{}
+{
+  "mktg.btn.bg": null,
+  "mktg.btn.shadow.outline": null,
+  "mktg.btn.shadow.focus": null,
+  "mktg.btn.shadow.hover": null,
+  "mktg.btn.shadow.hoverMuted": null
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.11.0-rc.ef05680",
+  "version": "7.11.0-rc.efbf6d5",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -26,32 +26,33 @@
   },
   "homepage": "https://github.com/primer/primitives#readme",
   "scripts": {
-    "build": "ts-node ./script/build.ts && tsc --project tsconfig.build.json",
-    "build:color-tokens": "ts-node -r tsconfig-paths/register ./script/tempColorTokenBuild.ts",
+    "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()\"",
-    "build:new-tokens": "npm run build:tokens && npm run build:color-tokens",
+    "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 && yarn",
     "install:storybook": "cd docs/storybook && npm install",
     "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0 --config .eslintrc.js",
     "lint:fix": "eslint '**/*.{js,ts,tsx,md,mdx}' --fix --max-warnings=0 --config .eslintrc.js",
-    "postbuild": "ts-node ./script/color-contrast.ts",
+    "postbuild": "ts-node ./scripts/color-contrast.ts",
     "prebuild": "rm -rf dist",
     "prebuild:tokens": "rm -rf tokens-v2-private",
-    "prebuild:color-tokens": "rm -rf tokens-v2-private/**/**/color",
+    "prebuild:v3": "rm -rf tokens-v3-private",
     "prepack": "yarn build && yarn build:tokens",
-    "prepare": "husky install && npm run install:storybook",
+    "prepare": "husky install && yarn install:docs && yarn install:storybook",
     "release": "changeset publish",
-    "start:storybook": "npm run build:color-tokens && cd docs/storybook && npm run storybook",
+    "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 'yarn build'"
   },
   "prettier": "@github/prettier-config",
   "devDependencies": {
     "@changesets/changelog-github": "^0.3.0",
     "@changesets/cli": "^2.22.0",
     "@github/prettier-config": "^0.0.6",
-    "@types/chalk": "^2.2.0",
     "@types/flat": "^5.0.1",
     "@types/fs-extra": "^9.0.13",
     "@types/jest": "^29.1.2",
@@ -61,7 +62,6 @@
     "@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": "^2.0.0",
     "console-table-printer": "^2.11.1",

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:45 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:45 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:45 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 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 Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:45 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 Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:45 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 Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 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 Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 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 Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 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 Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:45 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 Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 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 Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 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 Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 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 Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 06 Dec 2022 20:19:55 GMT
+// Generated on Fri, 20 Jan 2023 08:30:45 GMT
 
 $base-size-128: 8rem;
 $base-size-112: 7rem;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 06 Dec 2022 20:19:55 GMT
+// Generated on Fri, 20 Jan 2023 08:30:44 GMT
 
 $base-text-weight-semibold: 600;
 $base-text-weight-medium: 500;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 06 Dec 2022 20:19:55 GMT
+// Generated on Fri, 20 Jan 2023 08:30:44 GMT
 
 $primer-borderRadius-full: 100vh;
 $primer-borderRadius-large: 0.75rem;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 06 Dec 2022 20:19:55 GMT
+// Generated on Fri, 20 Jan 2023 08:30:44 GMT
 
 $primer-breakpoint-xxlarge: 90rem;
 $primer-breakpoint-xlarge: 80rem;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 06 Dec 2022 20:19:55 GMT
+// Generated on Fri, 20 Jan 2023 08:30:45 GMT
 
 $primer-controlStack-medium-gap-auto: $base-size-12;
 $primer-controlStack-small-gap-auto: $base-size-16;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 06 Dec 2022 20:19:55 GMT
+// Generated on Fri, 20 Jan 2023 08:30:44 GMT
 
 $primer-controlStack-medium-gap-auto: $base-size-8;
 $primer-controlStack-small-gap-auto: $base-size-8;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 06 Dec 2022 20:19:55 GMT
+// Generated on Fri, 20 Jan 2023 08:30:44 GMT
 
 $primer-controlStack-large-gap-spacious: $base-size-12;
 $primer-controlStack-large-gap-condensed: $base-size-8;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 06 Dec 2022 20:19:55 GMT
+// Generated on Fri, 20 Jan 2023 08:30:44 GMT
 
 $primer-viewportRange-landscape: (orientation: landscape);
 $primer-viewportRange-portrait: (orientation: portrait);

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 06 Dec 2022 20:19:55 GMT
+// Generated on Fri, 20 Jan 2023 08:30:44 GMT
 
 $primer-text-codeInline-size: 0.9285em;
 $primer-text-codeBlock-lineHeight: calc(20/13);

package/tokens-v2-private/ts/tokens/base/size/size.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:45 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:45 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/border.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:45 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:45 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/size.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */
 
 

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 06 Dec 2022 20:19:55 GMT
+ * Generated on Fri, 20 Jan 2023 08:30:44 GMT
  */