diff --git a/.changeset/weak-panthers-appear.md b/.changeset/weak-panthers-appear.md new file mode 100644 index 000000000..585657f67 --- /dev/null +++ b/.changeset/weak-panthers-appear.md @@ -0,0 +1,5 @@ +--- +"@primer/primitives": patch +--- + +Add missing `pink` display tokens diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-bgColor-emphasis-linux.png new file mode 100644 index 000000000..fd5436061 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-bgColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-bgColor-muted-linux.png new file mode 100644 index 000000000..1097e4293 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-bgColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-borderColor-emphasis-linux.png new file mode 100644 index 000000000..f606eb78a Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-borderColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-borderColor-muted-linux.png new file mode 100644 index 000000000..d0c422d43 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-borderColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-fgColor-linux.png new file mode 100644 index 000000000..1b5065ba1 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-display-pink-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-bgColor-emphasis-linux.png new file mode 100644 index 000000000..fd5436061 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-bgColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-bgColor-muted-linux.png new file mode 100644 index 000000000..1097e4293 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-bgColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-borderColor-emphasis-linux.png new file mode 100644 index 000000000..f606eb78a Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-borderColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-borderColor-muted-linux.png new file mode 100644 index 000000000..d0c422d43 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-borderColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-fgColor-linux.png new file mode 100644 index 000000000..1b5065ba1 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-display-pink-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-bgColor-emphasis-linux.png new file mode 100644 index 000000000..edcd7b985 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-bgColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-bgColor-muted-linux.png new file mode 100644 index 000000000..e35763de0 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-bgColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-borderColor-emphasis-linux.png new file mode 100644 index 000000000..bc4912ad7 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-borderColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-borderColor-muted-linux.png new file mode 100644 index 000000000..af8c4fd0f Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-borderColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-fgColor-linux.png new file mode 100644 index 000000000..5405754ca Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-display-pink-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-bgColor-emphasis-linux.png new file mode 100644 index 000000000..fd5436061 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-bgColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-bgColor-muted-linux.png new file mode 100644 index 000000000..1097e4293 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-bgColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-borderColor-emphasis-linux.png new file mode 100644 index 000000000..f606eb78a Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-borderColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-borderColor-muted-linux.png new file mode 100644 index 000000000..d0c422d43 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-borderColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-fgColor-linux.png new file mode 100644 index 000000000..1b5065ba1 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-display-pink-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-bgColor-emphasis-linux.png new file mode 100644 index 000000000..b65ae1d7f Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-bgColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-bgColor-muted-linux.png new file mode 100644 index 000000000..dd23d0415 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-bgColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-borderColor-emphasis-linux.png new file mode 100644 index 000000000..557dd0b7a Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-borderColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-borderColor-muted-linux.png new file mode 100644 index 000000000..550d27840 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-borderColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-fgColor-linux.png new file mode 100644 index 000000000..0b506f175 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-display-pink-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-bgColor-emphasis-linux.png new file mode 100644 index 000000000..b65ae1d7f Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-bgColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-bgColor-muted-linux.png new file mode 100644 index 000000000..dd23d0415 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-bgColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-borderColor-emphasis-linux.png new file mode 100644 index 000000000..557dd0b7a Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-borderColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-borderColor-muted-linux.png new file mode 100644 index 000000000..550d27840 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-borderColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-fgColor-linux.png new file mode 100644 index 000000000..0b506f175 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-display-pink-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-bgColor-emphasis-linux.png new file mode 100644 index 000000000..b65ae1d7f Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-bgColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-bgColor-muted-linux.png new file mode 100644 index 000000000..dd23d0415 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-bgColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-borderColor-emphasis-linux.png new file mode 100644 index 000000000..557dd0b7a Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-borderColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-borderColor-muted-linux.png new file mode 100644 index 000000000..550d27840 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-borderColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-fgColor-linux.png new file mode 100644 index 000000000..0b506f175 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-display-pink-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-bgColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-bgColor-emphasis-linux.png new file mode 100644 index 000000000..b65ae1d7f Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-bgColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-bgColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-bgColor-muted-linux.png new file mode 100644 index 000000000..dd23d0415 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-bgColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-borderColor-emphasis-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-borderColor-emphasis-linux.png new file mode 100644 index 000000000..557dd0b7a Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-borderColor-emphasis-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-borderColor-muted-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-borderColor-muted-linux.png new file mode 100644 index 000000000..550d27840 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-borderColor-muted-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-fgColor-linux.png new file mode 100644 index 000000000..0b506f175 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-display-pink-fgColor-linux.png differ diff --git a/blob-report/report.zip b/blob-report/report.zip new file mode 100644 index 000000000..1d40d160f Binary files /dev/null and b/blob-report/report.zip differ diff --git a/docs/storybook/stories/Migration/v8/TokenComparison.stories.tsx b/docs/storybook/stories/Migration/v8/TokenComparison.stories.tsx index 2567a393b..8b0aeeb76 100644 --- a/docs/storybook/stories/Migration/v8/TokenComparison.stories.tsx +++ b/docs/storybook/stories/Migration/v8/TokenComparison.stories.tsx @@ -12,7 +12,7 @@ import cssShadowVars from './DeprecatedShadowTokensMap.json' // eslint-disable-next-line import/extensions import noChangeCssVars from './NoChangeTokensMap.json' // eslint-disable-next-line import/extensions -import fallbackVars from '../../../../../dist/fallbacks/color-fallbacks.json' +import fallbackVars from './static-fallbacks.json' import {DataTable, Table} from '@primer/react/drafts' export default { diff --git a/docs/storybook/stories/Migration/v8/static-fallbacks.json b/docs/storybook/stories/Migration/v8/static-fallbacks.json new file mode 100644 index 000000000..bc52da6fe --- /dev/null +++ b/docs/storybook/stories/Migration/v8/static-fallbacks.json @@ -0,0 +1,260 @@ +{ + "--topicTag-borderColor": "var(--color-topic-tag-border)", + "--highlight-neutral-bgColor": "var(--color-search-keyword-hl)", + "--page-header-bgColor": "var(--color-page-header-bg)", + "--diffBlob-addition-fgColor-text": "var(--color-diff-blob-addition-fg)", + "--diffBlob-addition-fgColor-num": "var(--color-diff-blob-addition-num-text)", + "--diffBlob-addition-bgColor-num": "var(--color-diff-blob-addition-num-bg)", + "--diffBlob-addition-bgColor-line": "var(--color-diff-blob-addition-line-bg)", + "--diffBlob-addition-bgColor-word": "var(--color-diff-blob-addition-word-bg)", + "--diffBlob-deletion-fgColor-text": "var(--color-diff-blob-deletion-fg)", + "--diffBlob-deletion-fgColor-num": "var(--color-diff-blob-deletion-num-text)", + "--diffBlob-deletion-bgColor-num": "var(--color-diff-blob-deletion-num-bg)", + "--diffBlob-deletion-bgColor-line": "var(--color-diff-blob-deletion-line-bg)", + "--diffBlob-deletion-bgColor-word": "var(--color-diff-blob-deletion-word-bg)", + "--diffBlob-hunk-bgColor-num": "var(--color-diff-blob-hunk-num-bg)", + "--diffBlob-expander-iconColor": "var(--color-diff-blob-expander-icon)", + "--diffStat-addition-bgColor": "var(--bgColor-success-emphasis)", + "--codeMirror-fgColor": "var(--color-codemirror-text)", + "--codeMirror-bgColor": "var(--color-codemirror-bg)", + "--codeMirror-gutters-bgColor": "var(--color-codemirror-gutters-bg)", + "--codeMirror-gutterMarker-fgColor-default": "var(--color-codemirror-guttermarker-text)", + "--codeMirror-gutterMarker-fgColor-muted": "var(--color-codemirror-guttermarker-subtle-text)", + "--codeMirror-lineNumber-fgColor": "var(--color-codemirror-linenumber-text)", + "--codeMirror-cursor-fgColor": "var(--color-codemirror-cursor)", + "--codeMirror-selection-bgColor": "var(--color-codemirror-selection-bg)", + "--codeMirror-activeline-bgColor": "var(--color-codemirror-activeline-bg)", + "--codeMirror-matchingBracket-fgColor": "var(--color-codemirror-matchingbracket-text)", + "--codeMirror-lines-bgColor": "var(--color-codemirror-lines-bg)", + "--codeMirror-syntax-fgColor-comment": "var(--color-codemirror-syntax-comment)", + "--codeMirror-syntax-fgColor-constant": "var(--color-codemirror-syntax-constant)", + "--codeMirror-syntax-fgColor-entity": "var(--color-codemirror-syntax-entity)", + "--codeMirror-syntax-fgColor-keyword": "var(--color-codemirror-syntax-keyword)", + "--codeMirror-syntax-fgColor-storage": "var(--color-codemirror-syntax-storage)", + "--codeMirror-syntax-fgColor-string": "var(--color-codemirror-syntax-string)", + "--codeMirror-syntax-fgColor-support": "var(--color-codemirror-syntax-support)", + "--codeMirror-syntax-fgColor-variable": "var(--color-codemirror-syntax-variable)", + "--header-fgColor-default": "var(--color-header-text)", + "--header-fgColor-logo": "var(--color-header-logo)", + "--header-bgColor": "var(--color-header-bg)", + "--header-borderColor-divider": "var(--color-header-divider)", + "--headerSearch-bgColor": "var(--color-header-search-bg)", + "--headerSearch-borderColor": "var(--color-header-search-border)", + "--avatar-bgColor": "var(--color-avatar-bg)", + "--avatar-borderColor": "var(--color-avatar-border)", + "--avatar-shadow": "var(--color-avatar-child-shadow)", + "--avatarStack-fade-bgColor-default": "var(--color-avatar-stack-fade)", + "--avatarStack-fade-bgColor-muted": "var(--color-avatar-stack-fade-more)", + "--control-bgColor-rest": "var(--color-btn-bg)", + "--control-bgColor-hover": "var(--color-btn-hover-bg)", + "--control-bgColor-active": "var(--color-btn-selected-bg)", + "--control-bgColor-disabled": "var(--color-input-disabled-bg)", + "--control-bgColor-selected": "var(--color-btn-selected-bg)", + "--control-fgColor-rest": "var(--color-fg-default)", + "--control-fgColor-placeholder": "var(--color-fg-subtle)", + "--control-fgColor-disabled": "var(--color-primer-fg-disabled)", + "--control-borderColor-rest": "var(--color-btn-border)", + "--control-borderColor-emphasis": "var(--color-switch-knob-border)", + "--control-borderColor-disabled": "var(--color-btn-border)", + "--control-borderColor-selected": "var(--color-btn-bg)", + "--control-borderColor-success": "var(--color-success-emphasis)", + "--control-borderColor-danger": "var(--color-danger-emphasis)", + "--control-borderColor-warning": "var(--color-attention-emphasis)", + "--control-iconColor-rest": "var(--color-fg-muted)", + "--control-transparent-bgColor-rest": "transparent", + "--control-transparent-bgColor-hover": "var(--color-action-list-item-default-hover-bg)", + "--control-transparent-bgColor-active": "var(--color-action-list-item-default-active-bg)", + "--control-transparent-bgColor-disabled": "var(--color-action-list-item-default-selected-bg)", + "--control-transparent-bgColor-selected": "var(--color-action-list-item-default-selected-bg)", + "--control-transparent-borderColor-rest": "transparent", + "--control-transparent-borderColor-hover": "var(--color-action-list-item-default-hover-border)", + "--control-transparent-borderColor-active": "var(--color-action-list-item-default-active-border)", + "--control-danger-fgColor-rest": "var(--color-danger-fg)", + "--control-danger-fgColor-hover": "var(--color-action-list-item-danger-hover-text)", + "--control-danger-bgColor-hover": "var(--color-action-list-item-danger-hover-bg)", + "--control-danger-bgColor-active": "var(--color-action-list-item-danger-active-bg)", + "--control-checked-bgColor-rest": "var(--color-switch-track-checked-bg)", + "--control-checked-bgColor-hover": "var(--color-switch-track-checked-hover-bg)", + "--control-checked-bgColor-active": "var(--color-switch-track-checked-active-bg)", + "--control-checked-bgColor-disabled": "var(--color-switch-track-disabled-bg)", + "--control-checked-fgColor-rest": "var(--color-switch-track-checked-fg)", + "--control-checked-fgColor-disabled": "var(--color-switch-track-checked-disabled-fg)", + "--control-checked-borderColor-rest": "var(--color-switch-track-checked-bg)", + "--control-checked-borderColor-hover": "var(--color-switch-track-checked-hover-bg)", + "--control-checked-borderColor-active": "var(--color-switch-track-checked-active-bg)", + "--control-checked-borderColor-disabled": "var(--color-switch-track-disabled-bg)", + "--controlTrack-bgColor-rest": "var(--color-switch-track-bg)", + "--controlTrack-bgColor-hover": "var(--color-switch-track-hover-bg)", + "--controlTrack-bgColor-active": "var(--color-switch-track-active-bg)", + "--controlTrack-bgColor-disabled": "var(--color-switch-track-disabled-bg)", + "--controlTrack-fgColor-rest": "var(--color-switch-track-fg)", + "--controlTrack-fgColor-disabled": "var(--color-switch-track-disabled-fg)", + "--controlTrack-borderColor-rest": "var(--color-switch-track-border)", + "--controlTrack-borderColor-disabled": "var(--color-primer-fg-disabled)", + "--controlKnob-bgColor-rest": "var(--color-switch-knob-bg)", + "--controlKnob-bgColor-disabled": "var(--color-btn-bg)", + "--controlKnob-bgColor-checked": "var(--color-switch-knob-checked-bg)", + "--controlKnob-borderColor-rest": "var(--color-switch-knob-border)", + "--controlKnob-borderColor-disabled": "var(--color-btn-bg)", + "--controlKnob-borderColor-checked": "var(--color-switch-knob-checked-border)", + "--counter-borderColor": "var(--color-counter-border)", + "--button-default-fgColor-rest": "var(--color-btn-text)", + "--button-default-bgColor-rest": "var(--color-btn-bg)", + "--button-default-bgColor-hover": "var(--color-btn-hover-bg)", + "--button-default-bgColor-active": "var(--color-btn-active-bg)", + "--button-default-bgColor-selected": "var(--color-btn-selected-bg)", + "--button-default-bgColor-disabled": "var(--color-btn-bg)", + "--button-default-borderColor-rest": "var(--color-btn-border)", + "--button-default-borderColor-hover": "var(--color-btn-hover-border)", + "--button-default-borderColor-active": "var(--color-btn-active-border)", + "--button-default-borderColor-disabled": "var(--color-btn-border)", + "--button-default-shadow-resting": "var(--color-btn-shadow)", + "--button-default-shadow-inset": "var(--color-btn-inset-shadow)", + "--button-primary-fgColor-rest": "var(--color-btn-primary-text)", + "--button-primary-fgColor-disabled": "var(--color-btn-primary-disabled-text)", + "--button-primary-iconColor-rest": "var(--color-btn-primary-icon)", + "--button-primary-bgColor-rest": "var(--color-btn-primary-bg)", + "--button-primary-bgColor-hover": "var(--color-btn-primary-hover-bg)", + "--button-primary-bgColor-active": "var(--color-btn-primary-selected-bg)", + "--button-primary-bgColor-disabled": "var(--color-btn-primary-disabled-bg)", + "--button-primary-borderColor-rest": "var(--color-btn-primary-border)", + "--button-primary-borderColor-hover": "var(--color-btn-primary-hover-border)", + "--button-primary-borderColor-disabled": "var(--color-btn-primary-disabled-border)", + "--button-primary-shadow-selected": "var(--color-btn-primary-selected-shadow)", + "--button-invisible-fgColor-rest": "var(--color-btn-outline-text)", + "--button-invisible-fgColor-hover": "var(--color-btn-outline-text)", + "--button-invisible-fgColor-disabled": "var(--color-primer-fg-disabled)", + "--button-invisible-bgColor-rest": "transparent", + "--button-invisible-bgColor-hover": "var(--color-action-list-item-default-hover-bg)", + "--button-invisible-bgColor-active": "var(--color-action-list-item-default-active-bg)", + "--button-invisible-bgColor-disabled": "var(--color-action-list-item-default-selected-bg)", + "--button-invisible-borderColor-rest": "transparent", + "--button-invisible-borderColor-hover": "transparent", + "--button-invisible-borderColor-disabled": "var(--color-action-list-item-default-selected-bg)", + "--button-outline-fgColor-rest": "var(--color-btn-outline-text)", + "--button-outline-fgColor-hover": "var(--color-btn-outline-hover-text)", + "--button-outline-fgColor-active": "var(--color-btn-outline-selected-text)", + "--button-outline-fgColor-disabled": "var(--color-btn-outline-disabled-text)", + "--button-outline-bgColor-rest": "var(--color-btn-bg)", + "--button-outline-bgColor-hover": "var(--color-btn-outline-hover-bg)", + "--button-outline-bgColor-active": "var(--color-btn-outline-selected-bg)", + "--button-outline-bgColor-disabled": "var(--color-btn-outline-disabled-bg)", + "--button-outline-borderColor-hover": "var(--color-btn-outline-hover-border)", + "--button-outline-borderColor-active": "var(--color-btn-outline-selected-border)", + "--button-outline-shadow-selected": "var(--color-btn-outline-selected-shadow)", + "--button-danger-fgColor-rest": "var(--color-btn-danger-text)", + "--button-danger-fgColor-hover": "var(--color-btn-danger-hover-text)", + "--button-danger-fgColor-active": "var(--color-btn-danger-selected-text)", + "--button-danger-fgColor-disabled": "var(--color-btn-danger-disabled-text)", + "--button-danger-iconColor-rest": "var(--color-btn-danger-icon)", + "--button-danger-iconColor-hover": "var(--color-btn-danger-hover-icon)", + "--button-danger-bgColor-rest": "var(--color-btn-bg)", + "--button-danger-bgColor-hover": "var(--color-btn-danger-hover-bg)", + "--button-danger-bgColor-active": "var(--color-btn-danger-selected-bg)", + "--button-danger-bgColor-disabled": "var(--color-btn-danger-disabled-bg)", + "--button-danger-borderColor-rest": "var(--color-btn-border)", + "--button-danger-borderColor-hover": "var(--color-btn-danger-hover-border)", + "--button-danger-borderColor-active": "var(--color-btn-danger-selected-border)", + "--button-danger-borderColor-disabled": "var(--color-action-list-item-default-selected-bg)", + "--button-danger-shadow-selected": "var(--color-btn-danger-selected-shadow)", + "--buttonCounter-default-bgColor-rest": "var(--color-btn-counter-bg)", + "--buttonCounter-primary-bgColor-rest": "var(--color-btn-primary-counter-bg)", + "--buttonCounter-outline-bgColor-rest": "var(--color-btn-outline-counter-bg)", + "--buttonCounter-outline-bgColor-hover": "var(--color-btn-outline-hover-counter-bg)", + "--buttonCounter-outline-bgColor-disabled": "var(--color-btn-outline-disabled-counter-bg)", + "--buttonCounter-outline-fgColor-rest": "var(--color-btn-outline-counter-fg)", + "--buttonCounter-outline-fgColor-hover": "var(--color-btn-outline-hover-counter-fg)", + "--buttonCounter-outline-fgColor-disabled": "var(--color-btn-outline-disabled-counter-fg)", + "--buttonCounter-danger-bgColor-hover": "var(--color-btn-danger-hover-counter-bg)", + "--buttonCounter-danger-bgColor-disabled": "var(--color-btn-danger-disabled-counter-bg)", + "--buttonCounter-danger-bgColor-rest": "var(--color-btn-danger-counter-bg)", + "--buttonCounter-danger-fgColor-rest": "var(--color-btn-danger-counter-fg)", + "--buttonCounter-danger-fgColor-hover": "var(--color-btn-danger-hover-counter-fg)", + "--buttonCounter-danger-fgColor-disabled": "var(--color-btn-danger-disabled-counter-fg)", + "--focus-outlineColor": "var(--color-accent-fg)", + "--focus-outline": "var(--color-accent-fg solid 2px)", + "--menu-bgColor-active": "var(--color-menu-bg-active)", + "--overlay-bgColor": "var(--color-canvas-overlay)", + "--overlay-backdrop-bgColor": "var(--color-overlay-backdrop)", + "--selectMenu-borderColor": "var(--color-select-menu-backdrop-border)", + "--selectMenu-bgColor-active": "var(--color-select-menu-tap-focus-bg)", + "--sideNav-bgColor-selected": "var(--color-sidenav-selected-bg)", + "--timelineBadge-bgColor": "var(--color-timeline-badge-bg)", + "--treeViewItem-leadingVisual-iconColor-rest": "var(--color-tree-view-item-directory-fill)", + "--underlineNav-borderColor-active": "var(--color-primer-border-active)", + "--underlineNav-borderColor-hover": "var(--color-underlinenav-border-hover)", + "--underlineNav-iconColor-rest": "var(--color-underlinenav-icon)", + "--fgColor-default": "var(--color-fg-default)", + "--fgColor-muted": "var(--color-fg-muted)", + "--fgColor-onEmphasis": "var(--color-fg-on-emphasis)", + "--fgColor-disabled": "var(--color-primer-fg-disabled)", + "--fgColor-link": "var(--color-accent-fg)", + "--fgColor-accent": "var(--color-accent-fg)", + "--fgColor-success": "var(--color-success-fg)", + "--fgColor-attention": "var(--color-attention-fg)", + "--fgColor-severe": "var(--color-severe-fg)", + "--fgColor-danger": "var(--color-danger-fg)", + "--fgColor-open": "var(--color-open-fg)", + "--fgColor-closed": "var(--color-closed-fg)", + "--fgColor-done": "var(--color-done-fg)", + "--fgColor-sponsors": "var(--color-sponsors-fg)", + "--bgColor-default": "var(--color-canvas-default)", + "--bgColor-muted": "var(--color-canvas-subtle)", + "--bgColor-inset": "var(--color-canvas-inset)", + "--bgColor-emphasis": "var(--color-neutral-emphasis-plus)", + "--bgColor-disabled": "var(--color-neutral-muted)", + "--bgColor-neutral-muted": "var(--color-neutral-subtle)", + "--bgColor-neutral-emphasis": "var(--color-fg-subtle)", + "--bgColor-accent-muted": "var(--color-accent-subtle)", + "--bgColor-accent-emphasis": "var(--color-accent-emphasis)", + "--bgColor-success-muted": "var(--color-success-subtle)", + "--bgColor-success-emphasis": "var(--color-success-emphasis)", + "--bgColor-attention-muted": "var(--color-attention-subtle)", + "--bgColor-attention-emphasis": "var(--color-attention-emphasis)", + "--bgColor-severe-muted": "var(--color-severe-subtle)", + "--bgColor-severe-emphasis": "var(--color-severe-emphasis)", + "--bgColor-danger-muted": "var(--color-danger-subtle)", + "--bgColor-danger-emphasis": "var(--color-danger-emphasis)", + "--bgColor-open-muted": "var(--color-open-subtle)", + "--bgColor-open-emphasis": "var(--color-open-emphasis)", + "--bgColor-closed-muted": "var(--color-closed-subtle)", + "--bgColor-closed-emphasis": "var(--color-closed-emphasis)", + "--bgColor-done-muted": "var(--color-done-subtle)", + "--bgColor-done-emphasis": "var(--color-done-emphasis)", + "--bgColor-sponsors-muted": "var(--color-sponsors-subtle)", + "--bgColor-sponsors-emphasis": "var(--color-sponsors-emphasis)", + "--borderColor-default": "var(--color-border-default)", + "--borderColor-muted": "var(--color-border-muted)", + "--borderColor-emphasis": "var(--color-fg-subtle)", + "--borderColor-disabled": "var(--color-border-default)", + "--borderColor-neutral-muted": "var(--color-neutral-muted)", + "--borderColor-neutral-emphasis": "var(--color-fg-subtle)", + "--borderColor-accent-muted": "var(--color-accent-muted)", + "--borderColor-accent-emphasis": "var(--color-accent-emphasis)", + "--borderColor-success-muted": "var(--color-success-muted)", + "--borderColor-success-emphasis": "var(--color-success-emphasis)", + "--borderColor-attention-muted": "var(--color-attention-muted)", + "--borderColor-attention-emphasis": "var(--color-attention-emphasis)", + "--borderColor-severe-muted": "var(--color-severe-muted)", + "--borderColor-severe-emphasis": "var(--color-severe-emphasis)", + "--borderColor-danger-muted": "var(--color-danger-muted)", + "--borderColor-danger-emphasis": "var(--color-danger-emphasis)", + "--borderColor-open-muted": "var(--color-open-muted)", + "--borderColor-open-emphasis": "var(--color-open-emphasis)", + "--borderColor-closed-muted": "var(--color-closed-muted)", + "--borderColor-closed-emphasis": "var(--color-closed-emphasis)", + "--borderColor-done-muted": "var(--color-done-muted)", + "--borderColor-done-emphasis": "var(--color-done-emphasis)", + "--borderColor-sponsors-muted": "var(--color-sponsors-muted)", + "--borderColor-sponsors-emphasis": "var(--color-sponsors-emphasis)", + "--shadow-resting-xsmall": "", + "--shadow-resting-small": "var(--color-shadow-small)", + "--shadow-resting-medium": "var(--color-shadow-medium)", + "--shadow-floating-small": "var(--color-overlay-shadow)", + "--shadow-floating-medium": "", + "--shadow-floating-large": "var(--color-shadow-large)", + "--shadow-floating-xlarge": "var(--color-shadow-extra-large)", + "--shadow-inset": "var(--color-primer-shadow-inset)", + "--borderColor-transparent": "transparent", + "--bgColor-transparent": "transparent" +} diff --git a/src/tokens/functional/color/dark/display-dark.json5 b/src/tokens/functional/color/dark/display-dark.json5 index 8aace1ee4..68f2b177f 100644 --- a/src/tokens/functional/color/dark/display-dark.json5 +++ b/src/tokens/functional/color/dark/display-dark.json5 @@ -1056,5 +1056,71 @@ }, }, }, + pink: { + bgColor: { + muted: { + $value: '{base.display.color.pink.0}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component (internal)', + scopes: ['bgColor'], + }, + }, + }, + emphasis: { + $value: '{base.display.color.pink.5}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component (internal)', + scopes: ['bgColor'], + }, + }, + }, + }, + fgColor: { + $value: '{base.display.color.pink.6}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component (internal)', + scopes: ['fgColor'], + }, + }, + }, + borderColor: { + muted: { + $value: '{base.display.color.pink.1}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component (internal)', + scopes: ['borderColor'], + }, + }, + }, + emphasis: { + $value: '{base.display.color.pink.5}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component (internal)', + scopes: ['borderColor'], + }, + }, + }, + }, + }, }, } diff --git a/src/tokens/functional/color/light/display-light.json5 b/src/tokens/functional/color/light/display-light.json5 index 8aace1ee4..68f2b177f 100644 --- a/src/tokens/functional/color/light/display-light.json5 +++ b/src/tokens/functional/color/light/display-light.json5 @@ -1056,5 +1056,71 @@ }, }, }, + pink: { + bgColor: { + muted: { + $value: '{base.display.color.pink.0}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component (internal)', + scopes: ['bgColor'], + }, + }, + }, + emphasis: { + $value: '{base.display.color.pink.5}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component (internal)', + scopes: ['bgColor'], + }, + }, + }, + }, + fgColor: { + $value: '{base.display.color.pink.6}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component (internal)', + scopes: ['fgColor'], + }, + }, + }, + borderColor: { + muted: { + $value: '{base.display.color.pink.1}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component (internal)', + scopes: ['borderColor'], + }, + }, + }, + emphasis: { + $value: '{base.display.color.pink.5}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component (internal)', + scopes: ['borderColor'], + }, + }, + }, + }, + }, }, }