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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.10.0-rc.ff1c1d9",
+  "version": "7.11.0-rc.00655fc",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -26,46 +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,json}'",
+    "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",
+    "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",
@@ -75,15 +77,16 @@
     "eslint-plugin-react-hooks": "^4.4.0",
     "eslint-plugin-storybook": "^0.5.12",
     "flat": "^5.0.2",
-    "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.1.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/removed/color.json

@@ -0,0 +1,421 @@
+{
+  "auto.black": null,
+  "auto.white": null,
+  "auto.gray.0": null,
+  "auto.gray.1": null,
+  "auto.gray.2": null,
+  "auto.gray.3": null,
+  "auto.gray.4": null,
+  "auto.gray.5": null,
+  "auto.gray.6": null,
+  "auto.gray.7": null,
+  "auto.gray.8": null,
+  "auto.gray.9": null,
+  "auto.blue.0": null,
+  "auto.blue.1": null,
+  "auto.blue.2": null,
+  "auto.blue.3": null,
+  "auto.blue.4": null,
+  "auto.blue.5": null,
+  "auto.blue.6": null,
+  "auto.blue.7": null,
+  "auto.blue.8": null,
+  "auto.blue.9": null,
+  "auto.green.0": null,
+  "auto.green.1": null,
+  "auto.green.2": null,
+  "auto.green.3": null,
+  "auto.green.4": null,
+  "auto.green.5": null,
+  "auto.green.6": null,
+  "auto.green.7": null,
+  "auto.green.8": null,
+  "auto.green.9": null,
+  "auto.yellow.0": null,
+  "auto.yellow.1": null,
+  "auto.yellow.2": null,
+  "auto.yellow.3": null,
+  "auto.yellow.4": null,
+  "auto.yellow.5": null,
+  "auto.yellow.6": null,
+  "auto.yellow.7": null,
+  "auto.yellow.8": null,
+  "auto.yellow.9": null,
+  "auto.orange.0": null,
+  "auto.orange.1": null,
+  "auto.orange.2": null,
+  "auto.orange.3": null,
+  "auto.orange.4": null,
+  "auto.orange.5": null,
+  "auto.orange.6": null,
+  "auto.orange.7": null,
+  "auto.orange.8": null,
+  "auto.orange.9": null,
+  "auto.red.0": null,
+  "auto.red.1": null,
+  "auto.red.2": null,
+  "auto.red.3": null,
+  "auto.red.4": null,
+  "auto.red.5": null,
+  "auto.red.6": null,
+  "auto.red.7": null,
+  "auto.red.8": null,
+  "auto.red.9": null,
+  "auto.purple.0": null,
+  "auto.purple.1": null,
+  "auto.purple.2": null,
+  "auto.purple.3": null,
+  "auto.purple.4": null,
+  "auto.purple.5": null,
+  "auto.purple.6": null,
+  "auto.purple.7": null,
+  "auto.purple.8": null,
+  "auto.purple.9": null,
+  "auto.pink.0": null,
+  "auto.pink.1": null,
+  "auto.pink.2": null,
+  "auto.pink.3": null,
+  "auto.pink.4": null,
+  "auto.pink.5": null,
+  "auto.pink.6": null,
+  "auto.pink.7": null,
+  "auto.pink.8": null,
+  "auto.pink.9": null,
+  "text.primary": "fg.default",
+  "text.secondary": "fg.muted",
+  "text.tertiary": "fg.muted",
+  "text.placeholder": "fg.subtle",
+  "text.disabled": "fg.muted",
+  "text.inverse": "fg.onEmphasis",
+  "text.link": "accent.fg",
+  "text.danger": "danger.fg",
+  "text.success": "success.fg",
+  "text.warning": "attention.fg",
+  "text.white": null,
+  "icon.primary": "fg.default",
+  "icon.secondary": "fg.muted",
+  "icon.tertiary": "fg.muted",
+  "icon.info": "accent.fg",
+  "icon.danger": "danger.fg",
+  "icon.success": "success.fg",
+  "icon.warning": "attention.fg",
+  "border.primary": "border.default",
+  "border.secondary": "border.muted",
+  "border.tertiary": "border.default",
+  "border.overlay": "border.default",
+  "border.inverse": "fg.onEmphasis",
+  "border.info": "accent.emphasis",
+  "border.danger": "danger.emphasis",
+  "border.success": "success.emphasis",
+  "border.warning": "attention.emphasis",
+  "bg.canvas": "canvas.default",
+  "bg.canvasMobile": null,
+  "bg.canvasInverse": "neutral.emphasis",
+  "bg.canvasInset": "canvas.inset",
+  "bg.primary": "canvas.default",
+  "bg.secondary": "canvas.subtle",
+  "bg.tertiary": "canvas.subtle",
+  "bg.overlay": "canvas.overlay",
+  "bg.backdrop": "primer.canvas.backdrop",
+  "bg.info": "accent.subtle",
+  "bg.infoInverse": "accent.emphasis",
+  "bg.danger": "danger.subtle",
+  "bg.dangerInverse": "danger.emphasis",
+  "bg.success": "success.subtle",
+  "bg.successInverse": "success.emphasis",
+  "bg.warning": "attention.subtle",
+  "bg.warningInverse": "attention.emphasis",
+  "shadow.highlight": "primer.shadow.highlight",
+  "shadow.inset": "primer.shadow.inset",
+  "state.hover.primaryBg": "accent.emphasis",
+  "state.hover.primaryBorder": "accent.emphasis",
+  "state.hover.primaryText": "fg.onEmphasis",
+  "state.hover.primaryIcon": "fg.onEmphasis",
+  "state.hover.secondaryBg": "neutral.subtle",
+  "state.hover.secondaryBorder": "neutral.subtle",
+  "state.selected.primaryBg": "accent.emphasis",
+  "state.selected.primaryBorder": "accent.emphasis",
+  "state.selected.primaryText": "fg.onEmphasis",
+  "state.selected.primaryIcon": "fg.onEmphasis",
+  "state.focus.border": "accent.emphasis",
+  "state.focus.shadow": "primer.shadow.focus",
+  "fade.fg10": null,
+  "fade.fg15": null,
+  "fade.fg30": null,
+  "fade.fg50": null,
+  "fade.fg70": null,
+  "fade.fg85": null,
+  "fade.black10": null,
+  "fade.black15": null,
+  "fade.black30": null,
+  "fade.black50": null,
+  "fade.black70": null,
+  "fade.black85": null,
+  "fade.white10": null,
+  "fade.white15": null,
+  "fade.white30": null,
+  "fade.white50": null,
+  "fade.white70": null,
+  "fade.white85": null,
+  "alert.info.text": "fg.default",
+  "alert.info.icon": "accent.fg",
+  "alert.info.bg": "accent.subtle",
+  "alert.info.border": "accent.muted",
+  "alert.warn.text": "fg.default",
+  "alert.warn.icon": "attention.fg",
+  "alert.warn.bg": "attention.subtle",
+  "alert.warn.border": "attention.muted",
+  "alert.error.text": "fg.default",
+  "alert.error.icon": "danger.fg",
+  "alert.error.bg": "danger.subtle",
+  "alert.error.border": "danger.muted",
+  "alert.success.text": "fg.default",
+  "alert.success.icon": "success.fg",
+  "alert.success.bg": "success.subtle",
+  "alert.success.border": "success.muted",
+  "autocomplete.shadow": "shadow.medium",
+  "autocomplete.rowBorder": "border.muted",
+  "blankslate.icon": "fg.muted",
+  "counter.text": "fg.default",
+  "counter.bg": "neutral.muted",
+  "counter.primary.text": "fg.onEmphasis",
+  "counter.primary.bg": "neutral.emphasis",
+  "counter.secondary.text": "fg.muted",
+  "counter.secondary.bg": "neutral.subtle",
+  "box.blueBorder": "accent.muted",
+  "box.rowYellowBg": "attention.subtle",
+  "box.rowBlueBg": "accent.subtle",
+  "box.headerBlueBg": "accent.subtle",
+  "box.headerBlueBorder": "accent.muted",
+  "box.borderInfo": "accent.muted",
+  "box.bgInfo": "accent.subtle",
+  "box.borderWarning": "attention.muted",
+  "box.bgWarning": "attention.subtle",
+  "branchName.text": "fg.muted",
+  "branchName.icon": "fg.muted",
+  "branchName.bg": "accent.subtle",
+  "branchName.link.text": "accent.fg",
+  "branchName.link.icon": "accent.fg",
+  "branchName.link.bg": "accent.subtle",
+  "markdown.codeBg": "neutral.muted",
+  "markdown.frameBorder": "border.default",
+  "markdown.blockquoteBorder": "border.default",
+  "markdown.tableBorder": "border.default",
+  "markdown.tableTrBorder": "border.muted",
+  "filterItem.barBg": "neutral.subtle",
+  "hiddenTextExpander.bg": "neutral.muted",
+  "hiddenTextExpander.bgHover": "accent.muted",
+  "dragAndDrop.border": "border.default",
+  "uploadEnabled.border": "border.default",
+  "uploadEnabled.borderFocused": "accent.emphasis",
+  "previewableCommentForm.border": "border.default",
+  "verifiedBadge.text": "success.fg",
+  "verifiedBadge.bg": "canvas.default",
+  "verifiedBadge.border": "border.default",
+  "socialCount.bg": "canvas.default",
+  "tooltip.text": "fg.onEmphasis",
+  "tooltip.bg": "neutral.emphasisPlus",
+  "filesExplorerIcon": "accent.fg",
+  "hlAuthorBg": "accent.subtle",
+  "hlAuthorBorder": "accent.muted",
+  "logoSubdued": "neutral.muted",
+  "discussionBorder": "success.muted",
+  "discussionBgSuccess": "success.emphasis",
+  "actionsWorkflowTableStickyBg": "primer.canvas.sticky",
+  "repoLanguageColorBorder": "primer.border.contrast",
+  "codeSelectionBg": "accent.muted",
+  "highlight.text": "fg.default",
+  "highlight.bg": "attention.subtle",
+  "blob.lineHighlightBg": "attention.subtle",
+  "blob.lineHighlightBorder": "attention.muted",
+  "topicTag.text": "accent.fg",
+  "topicTag.bg": "accent.subtle",
+  "topicTag.hoverBg": "accent.emphasis",
+  "topicTag.activeBg": "accent.subtle",
+  "footerInvertocat.octicon": "fg.subtle",
+  "footerInvertocat.octiconHover": "fg.muted",
+  "dropdown.shadow": "shadow.large",
+  "label.border": "border.default",
+  "label.primary.text": "fg.default",
+  "label.primary.border": "neutral.emphasis",
+  "label.secondary.text": "fg.muted",
+  "label.secondary.border": "border.default",
+  "label.info.text": "accent.fg",
+  "label.info.border": "accent.emphasis",
+  "label.success.text": "success.fg",
+  "label.success.border": "success.emphasis",
+  "label.warning.text": "attention.fg",
+  "label.warning.border": "attention.emphasis",
+  "label.danger.text": "danger.fg",
+  "label.danger.border": "danger.emphasis",
+  "label.orange.text": "severe.fg",
+  "label.orange.border": "severe.emphasis",
+  "input.bg": "canvas.default",
+  "input.contrastBg": "canvas.inset",
+  "input.border": "border.default",
+  "input.shadow": "primer.shadow.inset",
+  "input.disabledBorder": "border.default",
+  "input.warningBorder": "attention.emphasis",
+  "input.errorBorder": "danger.emphasis",
+  "input.tooltip.success.text": "fg.default",
+  "input.tooltip.success.bg": "success.subtle",
+  "input.tooltip.success.border": "success.muted",
+  "input.tooltip.warning.text": "fg.default",
+  "input.tooltip.warning.bg": "attention.subtle",
+  "input.tooltip.warning.border": "attention.muted",
+  "input.tooltip.error.text": "fg.default",
+  "input.tooltip.error.bg": "danger.subtle",
+  "input.tooltip.error.border": "danger.muted",
+  "toast.text": "fg.default",
+  "toast.bg": "canvas.default",
+  "toast.border": "border.default",
+  "toast.shadow": "shadow.large",
+  "toast.icon": "fg.onEmphasis",
+  "toast.iconBg": "accent.emphasis",
+  "toast.iconBorder": null,
+  "toast.success.text": "fg.default",
+  "toast.success.border": "border.default",
+  "toast.success.icon": "fg.onEmphasis",
+  "toast.success.iconBg": "success.emphasis",
+  "toast.success.iconBorder": null,
+  "toast.warning.text": "fg.default",
+  "toast.warning.border": "border.default",
+  "toast.warning.icon": "fg.default",
+  "toast.warning.iconBg": "attention.emphasis",
+  "toast.warning.iconBorder": null,
+  "toast.danger.text": "fg.default",
+  "toast.danger.border": "border.default",
+  "toast.danger.icon": "fg.onEmphasis",
+  "toast.danger.iconBg": "danger.emphasis",
+  "toast.danger.iconBorder": null,
+  "toast.loading.text": "fg.default",
+  "toast.loading.border": "border.default",
+  "toast.loading.icon": "fg.onEmphasis",
+  "toast.loading.iconBg": "neutral.emphasis",
+  "toast.loading.iconBorder": null,
+  "timeline.text": "fg.muted",
+  "timeline.badgeSuccessBorder": null,
+  "timeline.targetBadgeBorder": "accent.emphasis",
+  "timeline.targetBadgeShadow": "accent.muted",
+  "diffstat.neutralBg": "neutral.muted",
+  "diffstat.neutralBorder": "border.subtle",
+  "diffstat.deletionBg": "danger.emphasis",
+  "diff.addition.text": "fg.default",
+  "diff.addition.bg": "success.subtle",
+  "diff.addition.border": "success.muted",
+  "diff.deletion.text": "fg.default",
+  "diff.deletion.bg": "danger.subtle",
+  "diff.deletion.border": "danger.muted",
+  "diff.change.text": "attention.fg",
+  "diff.change.bg": "attention.subtle",
+  "diff.change.border": "attention.muted",
+  "mergeBox.successIconBg": "success.emphasis",
+  "mergeBox.successIconText": "fg.onEmphasis",
+  "mergeBox.successIconBorder": null,
+  "mergeBox.successIndicatorBg": "success.emphasis",
+  "mergeBox.successIndicatorBorder": null,
+  "mergeBox.mergedIconBg": "done.emphasis",
+  "mergeBox.mergedIconText": "fg.onEmphasis",
+  "mergeBox.mergedIconBorder": null,
+  "mergeBox.mergedBoxBorder": "done.emphasis",
+  "mergeBox.neutralIconBg": "neutral.emphasis",
+  "mergeBox.neutralIconText": "fg.onEmphasis",
+  "mergeBox.neutralIconBorder": null,
+  "mergeBox.neutralIndicatorBg": "neutral.emphasis",
+  "mergeBox.neutralIndicatorBorder": null,
+  "mergeBox.warningIconBg": "attention.emphasis",
+  "mergeBox.warningIconText": "fg.onEmphasis",
+  "mergeBox.warningIconBorder": null,
+  "mergeBox.warningBoxBorder": "attention.emphasis",
+  "mergeBox.warningMergeHighlight": null,
+  "mergeBox.errorIconBg": "danger.emphasis",
+  "mergeBox.errorIconText": "fg.onEmphasis",
+  "mergeBox.errorIconBorder": null,
+  "mergeBox.errorIndicatorBg": "danger.emphasis",
+  "mergeBox.errorIndicatorBorder": null,
+  "underlinenav.border": null,
+  "underlinenav.borderActive": "primer.border.active",
+  "underlinenav.text": "fg.default",
+  "underlinenav.textHover": "fg.default",
+  "underlinenav.textActive": "fg.default",
+  "underlinenav.iconHover": "fg.subtle",
+  "underlinenav.iconActive": "fg.default",
+  "underlinenav.counterText": "fg.default",
+  "underlinenav.counterBg": "neutral.muted",
+  "selectMenu.borderSecondary": "border.muted",
+  "selectMenu.shadow": "shadow.large",
+  "selectMenu.backdropBg": "primer.canvas.backdrop",
+  "sidenav.borderActive": "primer.border.active",
+  "menu.headingText": "fg.default",
+  "menu.borderActive": "primer.border.active",
+  "project.cardBg": "canvas.overlay",
+  "prState.draft.text": "fg.onEmphasis",
+  "prState.draft.bg": "neutral.emphasis",
+  "prState.draft.border": null,
+  "prState.open.text": "fg.onEmphasis",
+  "prState.open.bg": "success.emphasis",
+  "prState.open.border": null,
+  "prState.merged.text": "fg.onEmphasis",
+  "prState.merged.bg": "done.emphasis",
+  "prState.merged.border": null,
+  "prState.closed.text": "fg.onEmphasis",
+  "prState.closed.bg": "danger.emphasis",
+  "prState.closed.border": null,
+  "diffBlob.numText": "fg.subtle",
+  "diffBlob.numHoverText": "fg.default",
+  "diffBlob.addition.numHoverText": "fg.default",
+  "diffBlob.deletion.numHoverText": "fg.default",
+  "diffBlob.hunk.text": "fg.muted",
+  "diffBlob.hunk.lineBg": "accent.subtle",
+  "diffBlob.emptyBlockBg": "neutral.subtle",
+  "diffBlob.selectedLineHighlightBg": "attention.subtle",
+  "diffBlob.selectedLineHighlightBorder": "attention.muted",
+  "diffBlob.expander.hoverIcon": "fg.onEmphasis",
+  "diffBlob.expander.hoverBg": "accent.emphasis",
+  "diffBlob.commentButton.icon": "fg.onEmphasis",
+  "diffBlob.commentButton.bg": "accent.emphasis",
+  "diffBlob.commentButton.gradientBg": null,
+  "globalNav.logo": null,
+  "globalNav.bg": null,
+  "globalNav.text": null,
+  "globalNav.icon": null,
+  "globalNav.inputBg": null,
+  "globalNav.inputBorder": null,
+  "globalNav.inputIcon": null,
+  "globalNav.inputPlaceholder": null,
+  "introShelf.gradientLeft": "accent.subtle",
+  "introShelf.gradientRight": "success.subtle",
+  "introShelf.gradientIn": "canvas.default",
+  "introShelf.gradientOut": null,
+  "mktg.success": null,
+  "mktg.info": null,
+  "mktg.bgShadeGradient.top": null,
+  "mktg.bgShadeGradient.bottom": null,
+  "mktg.btn.bg.top": null,
+  "mktg.btn.bg.bottom": null,
+  "mktg.btn.bgOverlay.top": null,
+  "mktg.btn.bgOverlay.bottom": null,
+  "mktg.btn.text": null,
+  "mktg.btn.primary.bg.top": null,
+  "mktg.btn.primary.bg.bottom": null,
+  "mktg.btn.primary.bgOverlay.top": null,
+  "mktg.btn.primary.bgOverlay.bottom": null,
+  "mktg.btn.primary.text": null,
+  "mktg.btn.enterprise.bg.top": null,
+  "mktg.btn.enterprise.bg.bottom": null,
+  "mktg.btn.enterprise.bgOverlay.top": null,
+  "mktg.btn.enterprise.bgOverlay.bottom": null,
+  "mktg.btn.enterprise.text": null,
+  "mktg.btn.outline.text": null,
+  "mktg.btn.outline.border": null,
+  "mktg.btn.outline.hover.text": null,
+  "mktg.btn.outline.hover.border": null,
+  "mktg.btn.outline.focus.border": null,
+  "mktg.btn.outline.focus.borderInset": null,
+  "mktg.btn.dark.text": null,
+  "mktg.btn.dark.border": null,
+  "mktg.btn.dark.hover.text": null,
+  "mktg.btn.dark.hover.border": null,
+  "mktg.btn.dark.focus.border": null,
+  "mktg.btn.dark.focus.borderInset": null
+}

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 12 Oct 2022 21:28:04 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 Wed, 12 Oct 2022 21:28:04 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 Wed, 12 Oct 2022 21:28:04 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 Wed, 12 Oct 2022 21:28:04 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 Wed, 12 Oct 2022 21:28:04 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 Wed, 12 Oct 2022 21:28:04 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 Wed, 12 Oct 2022 21:28:04 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 Wed, 12 Oct 2022 21:28:04 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);