@primer/primitives 7.6.0 → 7.8.0-rc.b3d89b6

package/dist/ts/colors/light_tritanopia.ts

@@ -0,0 +1,577 @@
+export default {
+  "canvasDefaultTransparent": "rgba(255,255,255,0)",
+  "pageHeaderBg": "#f6f8fa",
+  "marketingIcon": {
+    "primary": "#218bff",
+    "secondary": "#54aeff"
+  },
+  "diffBlob": {
+    "addition": {
+      "numText": "#24292f",
+      "fg": "#24292f",
+      "numBg": "rgba(84,174,255,0.4)",
+      "lineBg": "rgba(221,244,255,0.5)",
+      "wordBg": "rgba(84,174,255,0.4)"
+    },
+    "deletion": {
+      "numText": "#24292f",
+      "fg": "#24292f",
+      "numBg": "rgba(255,129,130,0.4)",
+      "lineBg": "rgba(255,235,233,0.5)",
+      "wordBg": "rgba(255,171,168,0.5)"
+    },
+    "hunk": {
+      "numBg": "rgba(84,174,255,0.4)"
+    },
+    "expander": {
+      "icon": "#57606a"
+    },
+    "selectedLineHighlightMixBlendMode": "multiply"
+  },
+  "diffstat": {
+    "deletionBorder": "rgba(27,31,36,0.15)",
+    "additionBorder": "rgba(27,31,36,0.15)",
+    "additionBg": "#218bff"
+  },
+  "searchKeyword": {
+    "hl": "#fff8c5"
+  },
+  "prettylights": {
+    "syntax": {
+      "comment": "#6e7781",
+      "constant": "#0550ae",
+      "entity": "#8250df",
+      "storageModifierImport": "#24292f",
+      "entityTag": "#0550ae",
+      "keyword": "#cf222e",
+      "string": "#0a3069",
+      "variable": "#a40e26",
+      "brackethighlighterUnmatched": "#82071e",
+      "invalidIllegalText": "#f6f8fa",
+      "invalidIllegalBg": "#82071e",
+      "carriageReturnText": "#f6f8fa",
+      "carriageReturnBg": "#cf222e",
+      "stringRegexp": "#0550ae",
+      "markupList": "#3b2300",
+      "markupHeading": "#0550ae",
+      "markupItalic": "#24292f",
+      "markupBold": "#24292f",
+      "markupDeletedText": "#82071e",
+      "markupDeletedBg": "#FFEBE9",
+      "markupInsertedText": "#0550ae",
+      "markupInsertedBg": "#ddf4ff",
+      "markupChangedText": "#a40e26",
+      "markupChangedBg": "#ffcecb",
+      "markupIgnoredText": "#eaeef2",
+      "markupIgnoredBg": "#0550ae",
+      "metaDiffRange": "#8250df",
+      "brackethighlighterAngle": "#57606a",
+      "sublimelinterGutterMark": "#8c959f",
+      "constantOtherReferenceLink": "#0a3069"
+    }
+  },
+  "codemirror": {
+    "text": "#24292f",
+    "bg": "#ffffff",
+    "guttersBg": "#ffffff",
+    "guttermarkerText": "#ffffff",
+    "guttermarkerSubtleText": "#6e7781",
+    "linenumberText": "#57606a",
+    "cursor": "#24292f",
+    "selectionBg": "rgba(84,174,255,0.4)",
+    "activelineBg": "rgba(234,238,242,0.5)",
+    "matchingbracketText": "#24292f",
+    "linesBg": "#ffffff",
+    "syntax": {
+      "comment": "#24292f",
+      "constant": "#0550ae",
+      "entity": "#8250df",
+      "keyword": "#cf222e",
+      "storage": "#cf222e",
+      "string": "#0a3069",
+      "support": "#0550ae",
+      "variable": "#a40e26"
+    }
+  },
+  "checks": {
+    "bg": "#24292f",
+    "runBorderWidth": "0px",
+    "containerBorderWidth": "0px",
+    "textPrimary": "#f6f8fa",
+    "textSecondary": "#8c959f",
+    "textLink": "#54aeff",
+    "btnIcon": "#afb8c1",
+    "btnHoverIcon": "#f6f8fa",
+    "btnHoverBg": "rgba(255,255,255,0.125)",
+    "inputText": "#eaeef2",
+    "inputPlaceholderText": "#8c959f",
+    "inputFocusText": "#8c959f",
+    "inputBg": "#32383f",
+    "inputShadow": "none",
+    "donutError": "#fa4549",
+    "donutPending": "#bf8700",
+    "donutSuccess": "#218bff",
+    "donutNeutral": "#afb8c1",
+    "dropdownText": "#afb8c1",
+    "dropdownBg": "#32383f",
+    "dropdownBorder": "#424a53",
+    "dropdownShadow": "rgba(27,31,36,0.3)",
+    "dropdownHoverText": "#f6f8fa",
+    "dropdownHoverBg": "#424a53",
+    "dropdownBtnHoverText": "#f6f8fa",
+    "dropdownBtnHoverBg": "#32383f",
+    "scrollbarThumbBg": "#57606a",
+    "headerLabelText": "#d0d7de",
+    "headerLabelOpenText": "#f6f8fa",
+    "headerBorder": "#32383f",
+    "headerIcon": "#8c959f",
+    "lineText": "#d0d7de",
+    "lineNumText": "rgba(140,149,159,0.75)",
+    "lineTimestampText": "#8c959f",
+    "lineHoverBg": "#32383f",
+    "lineSelectedBg": "rgba(33,139,255,0.15)",
+    "lineSelectedNumText": "#54aeff",
+    "lineDtFmText": "#24292f",
+    "lineDtFmBg": "#9a6700",
+    "gateBg": "rgba(125,78,0,0.15)",
+    "gateText": "#d0d7de",
+    "gateWaitingText": "#d4a72c",
+    "stepHeaderOpenBg": "#32383f",
+    "stepErrorText": "#ff8182",
+    "stepWarningText": "#d4a72c",
+    "loglineText": "#8c959f",
+    "loglineNumText": "rgba(140,149,159,0.75)",
+    "loglineDebugText": "#c297ff",
+    "loglineErrorText": "#d0d7de",
+    "loglineErrorNumText": "#ff8182",
+    "loglineErrorBg": "rgba(164,14,38,0.15)",
+    "loglineWarningText": "#d0d7de",
+    "loglineWarningNumText": "#d4a72c",
+    "loglineWarningBg": "rgba(125,78,0,0.15)",
+    "loglineCommandText": "#54aeff",
+    "loglineSectionText": "#54aeff",
+    "ansi": {
+      "black": "#24292f",
+      "blackBright": "#32383f",
+      "white": "#d0d7de",
+      "whiteBright": "#d0d7de",
+      "gray": "#8c959f",
+      "red": "#ff8182",
+      "redBright": "#ffaba8",
+      "green": "#54aeff",
+      "greenBright": "#80ccff",
+      "yellow": "#d4a72c",
+      "yellowBright": "#eac54f",
+      "blue": "#54aeff",
+      "blueBright": "#80ccff",
+      "magenta": "#c297ff",
+      "magentaBright": "#d8b9ff",
+      "cyan": "#76e3ea",
+      "cyanBright": "#b3f0ff"
+    }
+  },
+  "project": {
+    "headerBg": "#24292f",
+    "sidebarBg": "#ffffff",
+    "gradientIn": "#ffffff",
+    "gradientOut": "rgba(255,255,255,0)"
+  },
+  "mktg": {
+    "btn": {
+      "bg": "#1b1f23",
+      "shadow": {
+        "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
+        "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
+        "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
+        "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
+      }
+    }
+  },
+  "avatar": {
+    "bg": "#ffffff",
+    "border": "rgba(27,31,36,0.15)",
+    "stackFade": "#afb8c1",
+    "stackFadeMore": "#d0d7de",
+    "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
+  },
+  "topicTag": {
+    "border": "rgba(0,0,0,0)"
+  },
+  "counter": {
+    "border": "rgba(0,0,0,0)"
+  },
+  "selectMenu": {
+    "backdropBorder": "rgba(0,0,0,0)",
+    "tapHighlight": "rgba(175,184,193,0.5)",
+    "tapFocusBg": "#b6e3ff"
+  },
+  "overlay": {
+    "shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)"
+  },
+  "header": {
+    "text": "rgba(255,255,255,0.7)",
+    "bg": "#24292f",
+    "divider": "#57606a",
+    "logo": "#ffffff"
+  },
+  "headerSearch": {
+    "bg": "#24292f",
+    "border": "#57606a"
+  },
+  "sidenav": {
+    "selectedBg": "#ffffff"
+  },
+  "menu": {
+    "bgActive": "rgba(0,0,0,0)"
+  },
+  "input": {
+    "disabledBg": "rgba(175,184,193,0.2)"
+  },
+  "timeline": {
+    "badgeBg": "#eaeef2"
+  },
+  "ansi": {
+    "black": "#24292f",
+    "blackBright": "#57606a",
+    "white": "#6e7781",
+    "whiteBright": "#8c959f",
+    "gray": "#6e7781",
+    "red": "#cf222e",
+    "redBright": "#a40e26",
+    "green": "#0550ae",
+    "greenBright": "#0969da",
+    "yellow": "#4d2d00",
+    "yellowBright": "#633c01",
+    "blue": "#0969da",
+    "blueBright": "#218bff",
+    "magenta": "#8250df",
+    "magentaBright": "#a475f9",
+    "cyan": "#1b7c83",
+    "cyanBright": "#3192aa"
+  },
+  "btn": {
+    "text": "#24292f",
+    "bg": "#f6f8fa",
+    "border": "rgba(27,31,36,0.15)",
+    "shadow": "0 1px 0 rgba(27,31,36,0.04)",
+    "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
+    "hoverBg": "#f3f4f6",
+    "hoverBorder": "rgba(27,31,36,0.15)",
+    "activeBg": "hsla(220,14%,93%,1)",
+    "activeBorder": "rgba(27,31,36,0.15)",
+    "selectedBg": "hsla(220,14%,94%,1)",
+    "focusBg": "#f6f8fa",
+    "focusBorder": "rgba(27,31,36,0.15)",
+    "focusShadow": "0 0 0 3px rgba(9,105,218,0.3)",
+    "shadowActive": "inset 0 0.15em 0.3em rgba(27,31,36,0.15)",
+    "shadowInputFocus": "0 0 0 0.2em rgba(9,105,218,0.3)",
+    "counterBg": "rgba(27,31,36,0.08)",
+    "primary": {
+      "text": "#ffffff",
+      "bg": "#218bff",
+      "border": "rgba(27,31,36,0.15)",
+      "shadow": "0 1px 0 rgba(27,31,36,0.1)",
+      "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+      "hoverBg": "#0969da",
+      "hoverBorder": "rgba(27,31,36,0.15)",
+      "selectedBg": "hsla(212,92%,43%,1)",
+      "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)",
+      "disabledText": "rgba(255,255,255,0.8)",
+      "disabledBg": "#80ccff",
+      "disabledBorder": "rgba(27,31,36,0.15)",
+      "focusBg": "#218bff",
+      "focusBorder": "rgba(27,31,36,0.15)",
+      "focusShadow": "0 0 0 3px rgba(33,139,255,0.4)",
+      "icon": "rgba(255,255,255,0.8)",
+      "counterBg": "rgba(255,255,255,0.2)"
+    },
+    "outline": {
+      "text": "#0969da",
+      "hoverText": "#ffffff",
+      "hoverBg": "#0969da",
+      "hoverBorder": "rgba(27,31,36,0.15)",
+      "hoverShadow": "0 1px 0 rgba(27,31,36,0.1)",
+      "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+      "hoverCounterBg": "rgba(255,255,255,0.2)",
+      "selectedText": "#ffffff",
+      "selectedBg": "hsla(212,92%,42%,1)",
+      "selectedBorder": "rgba(27,31,36,0.15)",
+      "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)",
+      "disabledText": "rgba(9,105,218,0.5)",
+      "disabledBg": "#f6f8fa",
+      "disabledCounterBg": "rgba(9,105,218,0.05)",
+      "focusBorder": "rgba(27,31,36,0.15)",
+      "focusShadow": "0 0 0 3px rgba(5,80,174,0.4)",
+      "counterBg": "rgba(9,105,218,0.1)"
+    },
+    "danger": {
+      "text": "#cf222e",
+      "hoverText": "#ffffff",
+      "hoverBg": "#a40e26",
+      "hoverBorder": "rgba(27,31,36,0.15)",
+      "hoverShadow": "0 1px 0 rgba(27,31,36,0.1)",
+      "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+      "hoverCounterBg": "rgba(255,255,255,0.2)",
+      "selectedText": "#ffffff",
+      "selectedBg": "hsla(356,72%,44%,1)",
+      "selectedBorder": "rgba(27,31,36,0.15)",
+      "selectedShadow": "inset 0 1px 0 rgba(76,0,20,0.2)",
+      "disabledText": "rgba(207,34,46,0.5)",
+      "disabledBg": "#f6f8fa",
+      "disabledCounterBg": "rgba(207,34,46,0.05)",
+      "focusBorder": "rgba(27,31,36,0.15)",
+      "focusShadow": "0 0 0 3px rgba(164,14,38,0.4)",
+      "counterBg": "rgba(207,34,46,0.1)",
+      "icon": "#cf222e",
+      "hoverIcon": "#ffffff"
+    }
+  },
+  "underlinenav": {
+    "icon": "#6e7781",
+    "borderHover": "rgba(175,184,193,0.2)"
+  },
+  "actionListItem": {
+    "inlineDivider": "rgba(208,215,222,0.48)",
+    "default": {
+      "hoverBg": "rgba(208,215,222,0.32)",
+      "hoverBorder": "rgba(0,0,0,0)",
+      "activeBg": "rgba(208,215,222,0.48)",
+      "activeBorder": "rgba(0,0,0,0)",
+      "selectedBg": "rgba(208,215,222,0.24)"
+    },
+    "danger": {
+      "hoverBg": "rgba(255,235,233,0.64)",
+      "activeBg": "#FFEBE9",
+      "hoverText": "#cf222e"
+    }
+  },
+  "switchTrack": {
+    "bg": "#eaeef2",
+    "border": "#afb8c1",
+    "checked": {
+      "bg": "#ddf4ff",
+      "hoverBg": "#b6e3ff",
+      "activeBg": "#80ccff",
+      "border": "#54aeff"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#0969da",
+      "disabledBg": "#6e7781"
+    }
+  },
+  "fg": {
+    "default": "#24292f",
+    "muted": "#57606a",
+    "subtle": "#6e7781",
+    "onEmphasis": "#ffffff"
+  },
+  "canvas": {
+    "default": "#ffffff",
+    "overlay": "#ffffff",
+    "inset": "#f6f8fa",
+    "subtle": "#f6f8fa"
+  },
+  "border": {
+    "default": "#d0d7de",
+    "muted": "hsla(210,18%,87%,1)",
+    "subtle": "rgba(27,31,36,0.15)"
+  },
+  "shadow": {
+    "small": "0 1px 0 rgba(27,31,36,0.04)",
+    "medium": "0 3px 6px rgba(140,149,159,0.15)",
+    "large": "0 8px 24px rgba(140,149,159,0.2)",
+    "extraLarge": "0 12px 28px rgba(140,149,159,0.3)"
+  },
+  "neutral": {
+    "emphasisPlus": "#24292f",
+    "emphasis": "#6e7781",
+    "muted": "rgba(175,184,193,0.2)",
+    "subtle": "rgba(234,238,242,0.5)"
+  },
+  "accent": {
+    "fg": "#0969da",
+    "emphasis": "#0969da",
+    "muted": "rgba(84,174,255,0.4)",
+    "subtle": "#ddf4ff"
+  },
+  "success": {
+    "fg": "#0969da",
+    "emphasis": "#218bff",
+    "muted": "rgba(84,174,255,0.4)",
+    "subtle": "#ddf4ff"
+  },
+  "attention": {
+    "fg": "#9a6700",
+    "emphasis": "#bf8700",
+    "muted": "rgba(212,167,44,0.4)",
+    "subtle": "#fff8c5"
+  },
+  "severe": {
+    "fg": "#cf222e",
+    "emphasis": "#cf222e",
+    "muted": "rgba(255,129,130,0.4)",
+    "subtle": "#FFEBE9"
+  },
+  "danger": {
+    "fg": "#cf222e",
+    "emphasis": "#cf222e",
+    "muted": "rgba(255,129,130,0.4)",
+    "subtle": "#FFEBE9"
+  },
+  "open": {
+    "fg": "#cf222e",
+    "emphasis": "#fa4549",
+    "muted": "rgba(255,129,130,0.4)",
+    "subtle": "#FFEBE9"
+  },
+  "closed": {
+    "fg": "#6e7781",
+    "emphasis": "#6e7781",
+    "muted": "rgba(175,184,193,0.4)",
+    "subtle": "#f6f8fa"
+  },
+  "done": {
+    "fg": "#8250df",
+    "emphasis": "#8250df",
+    "muted": "rgba(194,151,255,0.4)",
+    "subtle": "#fbefff"
+  },
+  "sponsors": {
+    "fg": "#bf3989",
+    "emphasis": "#bf3989",
+    "muted": "rgba(255,128,200,0.4)",
+    "subtle": "#ffeff7"
+  },
+  "primer": {
+    "fg": {
+      "disabled": "#8c959f"
+    },
+    "canvas": {
+      "backdrop": "rgba(27,31,36,0.5)",
+      "sticky": "rgba(255,255,255,0.95)"
+    },
+    "border": {
+      "active": "#FD8C73",
+      "contrast": "rgba(27,31,36,0.1)"
+    },
+    "shadow": {
+      "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
+      "inset": "inset 0 1px 0 rgba(208,215,222,0.2)",
+      "focus": "0 0 0 3px rgba(9,105,218,0.3)"
+    }
+  },
+  "scale": {
+    "black": "#1b1f24",
+    "white": "#ffffff",
+    "gray": [
+      "#f6f8fa",
+      "#eaeef2",
+      "#d0d7de",
+      "#afb8c1",
+      "#8c959f",
+      "#6e7781",
+      "#57606a",
+      "#424a53",
+      "#32383f",
+      "#24292f"
+    ],
+    "blue": [
+      "#ddf4ff",
+      "#b6e3ff",
+      "#80ccff",
+      "#54aeff",
+      "#218bff",
+      "#0969da",
+      "#0550ae",
+      "#033d8b",
+      "#0a3069",
+      "#002155"
+    ],
+    "green": [
+      "#ddf4ff",
+      "#b6e3ff",
+      "#80ccff",
+      "#54aeff",
+      "#218bff",
+      "#0969da",
+      "#0550ae",
+      "#033d8b",
+      "#0a3069",
+      "#002155"
+    ],
+    "yellow": [
+      "#fff8c5",
+      "#fae17d",
+      "#eac54f",
+      "#d4a72c",
+      "#bf8700",
+      "#9a6700",
+      "#7d4e00",
+      "#633c01",
+      "#4d2d00",
+      "#3b2300"
+    ],
+    "orange": [
+      "#FFEBE9",
+      "#ffcecb",
+      "#ffaba8",
+      "#ff8182",
+      "#fa4549",
+      "#cf222e",
+      "#a40e26",
+      "#82071e",
+      "#660018",
+      "#4c0014"
+    ],
+    "red": [
+      "#FFEBE9",
+      "#ffcecb",
+      "#ffaba8",
+      "#ff8182",
+      "#fa4549",
+      "#cf222e",
+      "#a40e26",
+      "#82071e",
+      "#660018",
+      "#4c0014"
+    ],
+    "purple": [
+      "#fbefff",
+      "#ecd8ff",
+      "#d8b9ff",
+      "#c297ff",
+      "#a475f9",
+      "#8250df",
+      "#6639ba",
+      "#512a97",
+      "#3e1f79",
+      "#2e1461"
+    ],
+    "pink": [
+      "#ffeff7",
+      "#ffd3eb",
+      "#ffadda",
+      "#ff80c8",
+      "#e85aad",
+      "#bf3989",
+      "#99286e",
+      "#772057",
+      "#611347",
+      "#4d0336"
+    ],
+    "coral": [
+      "#FFF0EB",
+      "#FFD6CC",
+      "#FFB4A1",
+      "#FD8C73",
+      "#EC6547",
+      "#C4432B",
+      "#9E2F1C",
+      "#801F0F",
+      "#691105",
+      "#510901"
+    ]
+  }
+}

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@primer/primitives",
-  "version": "7.6.0",
+  "version": "7.8.0-rc.b3d89b6",
   "description": "Typography, spacing, and color primitives for Primer design system",
-  "files": ["dist"],
+  "files": [
+    "dist",
+    "tokens-v2-private"
+  ],
   "main": "dist/js/index.js",
   "types": "dist/js/index.d.ts",
   "repository": "https://github.com/primer/primitives",
@@ -21,11 +24,13 @@
   },
   "homepage": "https://github.com/primer/primitives#readme",
   "scripts": {
-    "prebuild": "rm -rf dist",
     "build": "ts-node ./script/build.ts && tsc",
-    "prepack": "yarn build",
-    "watch": "ls data/**/*.scss script/**/*.ts | entr -s 'yarn build'",
-    "release": "yarn build && changeset publish"
+    "build:tokens": "node ./build.js",
+    "postinstall": "cd docs && yarn",
+    "prebuild": "rm -rf dist && rm -rf tokens-v2-private",
+    "prepack": "yarn build && yarn build:tokens",
+    "release": "changeset publish",
+    "watch": "ls data/**/*.scss script/**/*.ts | entr -s 'yarn build'"
   },
   "prettier": "@github/prettier-config",
   "devDependencies": {
@@ -35,8 +40,8 @@
     "@babel/traverse": "^7.15.0",
     "@babel/types": "^7.15.0",
     "@changesets/changelog-github": "^0.3.0",
-    "@changesets/cli": "^2.11.2",
-    "@github/prettier-config": "^0.0.4",
+    "@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",
@@ -54,6 +59,7 @@
     "mkdirp": "^1.0.4",
     "node-sass": "^7.0.0",
     "sass-extract": "^2.1.0",
+    "style-dictionary": "^3.1.1",
     "ts-node": "^8.10.2",
     "typescript": "^3.7.2"
   }

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

@@ -0,0 +1,24 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 16:47:26 GMT
+ */
+
+:root {
+  --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/css/tokens/base/typography/typography.css

@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 16:47:26 GMT
+ */
+
+:root {
+  --base-text-weight-semibold: 600;
+  --base-text-weight-medium: 500;
+  --base-text-weight-normal: 400;
+  --base-text-weight-light: 300;
+}

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

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 16:47:26 GMT
+ */
+
+:root {
+  --primer-borderRadius-full: 100vh;
+  --primer-borderRadius-large: 0.75rem;
+  --primer-borderRadius-medium: 0.375rem;
+  --primer-borderRadius-small: 0.1875rem;
+  --primer-borderWidth-thick: max(4px, 0.25rem);
+  --primer-borderWidth-normal: max(2px, 0.125rem);
+  --primer-borderWidth-thin: max(1px, 0.0625rem);
+  --primer-borderInset-thick: inset 0 0 0 var(--primer-borderWidth-thick);
+  --primer-borderInset-normal: inset 0 0 0 var(--primer-borderWidth-normal);
+  --primer-borderInset-thin: inset 0 0 0 var(--primer-borderWidth-thin);
+}

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

@@ -0,0 +1,13 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 16:47:26 GMT
+ */
+
+:root {
+  --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;
+}