From d4de9c2d6d6187fc37f4db4e546d6461d7f8f885 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Tue, 31 Oct 2023 15:28:17 +0100 Subject: [PATCH] update themes config --- .../stories/Color/Base/Scales.stories.tsx | 16 - scripts/themes.config.ts | 29 +- src/tokens/base/color/dark/dark.json5 | 1399 +++-------------- src/tokens/base/color/light/light.json5 | 1399 +++-------------- .../light/overrides/light.tritanopia.json5 | 2 +- .../color/light/patterns-light.json5 | 12 +- .../color/light/primitives-light.json5 | 8 +- .../functional/color/light/syntax-light.json5 | 4 +- src/tokens/functional/color/scales.json5 | 5 - 9 files changed, 395 insertions(+), 2479 deletions(-) diff --git a/docs/storybook/stories/Color/Base/Scales.stories.tsx b/docs/storybook/stories/Color/Base/Scales.stories.tsx index d96ea153c..d9e6e03ef 100644 --- a/docs/storybook/stories/Color/Base/Scales.stories.tsx +++ b/docs/storybook/stories/Color/Base/Scales.stories.tsx @@ -11,7 +11,6 @@ export default { const bgColors = [ 'color-scale-black', 'color-scale-white', - 'color-scale-grayWhite', 'color-scale-gray-0', 'color-scale-gray-1', 'color-scale-gray-2', @@ -122,7 +121,6 @@ export const AllScales = () => { - ) } @@ -280,17 +278,3 @@ export const White = () => { ) } White.tags = ['excludeSnapshot'] - -export const GrayWhite = () => { - const grayWhiteColors = bgColors.filter(color => color.includes('grayWhite')) - return ( -
- {grayWhiteColors.map(color => ( - <> - - - ))} -
- ) -} -GrayWhite.tags = ['excludeSnapshot'] diff --git a/scripts/themes.config.ts b/scripts/themes.config.ts index 4553d93cd..71686fcbe 100644 --- a/scripts/themes.config.ts +++ b/scripts/themes.config.ts @@ -8,7 +8,6 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/color/scales.json5`, `src/tokens/functional/shadow/light.json5`, `src/tokens/functional/border/light.json5`, - `src/tokens/functional/color/presentational.json5`, ], include: [`src/tokens/base/color/light/light.json5`], }, @@ -20,12 +19,8 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/shadow/light.json5`, `src/tokens/functional/border/light.json5`, `src/tokens/functional/color/light/overrides/light.tritanopia.json5`, - `src/tokens/functional/color/presentational.json5`, - ], - include: [ - `src/tokens/base/color/light/light.json5`, - // `src/tokens/base/color/light/light.tritanopia.json5` ], + include: [`src/tokens/base/color/light/light.json5`], }, { filename: 'light-colorblind', @@ -35,12 +30,8 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/shadow/light.json5`, `src/tokens/functional/border/light.json5`, `src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5`, - `src/tokens/functional/color/presentational.json5`, - ], - include: [ - `src/tokens/base/color/light/light.json5`, - // `src/tokens/base/color/light/light.protanopia-deuteranopia.json5`, ], + include: [`src/tokens/base/color/light/light.json5`], }, { filename: 'light-high-contrast', @@ -50,7 +41,6 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/color/light/overrides/light.high-contrast.json5`, `src/tokens/functional/shadow/light.json5`, `src/tokens/functional/border/light.json5`, - `src/tokens/functional/color/presentational.json5`, ], include: [`src/tokens/base/color/light/light.json5`, `src/tokens/base/color/light/light.high-contrast.json5`], }, @@ -61,7 +51,6 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/color/scales.json5`, `src/tokens/functional/shadow/dark.json5`, `src/tokens/functional/border/dark.json5`, - `src/tokens/functional/color/presentational.json5`, ], include: [`src/tokens/base/color/dark/dark.json5`], }, @@ -73,7 +62,6 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/color/dark/overrides/dark.dimmed.json5`, `src/tokens/functional/shadow/dark.json5`, `src/tokens/functional/border/dark.json5`, - `src/tokens/functional/color/presentational.json5`, ], include: [`src/tokens/base/color/dark/dark.json5`, `src/tokens/base/color/dark/dark.dimmed.json5`], }, @@ -85,12 +73,8 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/shadow/dark.json5`, `src/tokens/functional/border/dark.json5`, `src/tokens/functional/color/dark/overrides/dark.tritanopia.json5`, - `src/tokens/functional/color/presentational.json5`, - ], - include: [ - `src/tokens/base/color/dark/dark.json5`, - // `src/tokens/base/color/dark/dark.tritanopia.json5`, ], + include: [`src/tokens/base/color/dark/dark.json5`], }, { filename: 'dark-colorblind', @@ -100,12 +84,8 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/shadow/dark.json5`, `src/tokens/functional/border/dark.json5`, `src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5`, - `src/tokens/functional/color/presentational.json5`, - ], - include: [ - `src/tokens/base/color/dark/dark.json5`, - // , `src/tokens/base/color/dark/dark.protanopia-deuteranopia.json5` ], + include: [`src/tokens/base/color/dark/dark.json5`], }, { filename: 'dark-high-contrast', @@ -115,7 +95,6 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/color/dark/overrides/dark.high-contrast.json5`, `src/tokens/functional/shadow/dark.json5`, `src/tokens/functional/border/dark.json5`, - `src/tokens/functional/color/presentational.json5`, ], include: [`src/tokens/base/color/dark/dark.json5`, `src/tokens/base/color/dark/dark.high-contrast.json5`], }, diff --git a/src/tokens/base/color/dark/dark.json5 b/src/tokens/base/color/dark/dark.json5 index 3fd0d1a84..768214dca 100644 --- a/src/tokens/base/color/dark/dark.json5 +++ b/src/tokens/base/color/dark/dark.json5 @@ -10,16 +10,16 @@ $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, - white: { + "white": { $value: '#ffffff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, @@ -28,1856 +28,835 @@ $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, alpha: 0, }, - grayWhite: { - $value: '#F5F7F9', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - brown: { - '0': { - $value: '#34231e', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#442e27', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#5b3d34', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#714c41', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#8b5e50', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#ab7c6d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#c3a297', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#cbada4', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#dac5be', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#e7d9d5', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, - auburn: { - '0': { - $value: '#372220', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#472c2a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#5d3b37', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#744944', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#915b55', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#ae7b75', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#c5a09b', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#ccaca8', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#dbc4c2', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#e6d7d5', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, - amber: { - '0': { - $value: '#471900', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#5c2300', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#753100', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#8a3e00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#a85100', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#d16c00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#ff8c00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#ff9d14', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#ffbd52', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#ffd68a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, - yellow: { - '0': { - $value: '#3d2500', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#4d2f00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#613d00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#754c00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#8f5f00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#b37a00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#e09d00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#eba800', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#ffbe0a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#ffd761', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, - lemon: { - '0': { - $value: '#3d2e00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#423201', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#554302', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#685403', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#7f6905', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#9b8308', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#c5a90d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#ccb30f', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#e1c914', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#eddd4a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, - olive: { - '0': { - $value: '#202914', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#2d3919', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#3a491d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#4a5b1f', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#5f7222', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#7b8e25', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#a1b427', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#b1be23', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#cbd11f', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#e4e11b', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, - lime: { - '0': { - $value: '#1c2c16', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#233919', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#304d1e', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#3c5f21', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#4b7623', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#629627', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#7fbc29', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#8bc624', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#a2de21', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#bfea48', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, - green: { - '0': { - $value: '#162c21', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#193927', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#1e4d30', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#226337', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#247a3d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#289a42', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#2bc547', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#26cf3c', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#4ee45a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#8df290', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, gray: { '0': { - $value: '#262627', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#313435', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#40464a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#4c555d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#5d6c79', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#74879a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#9baabb', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#a8b6c7', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#bfc9d9', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#d5dbe7', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, - orange: { - '0': { - $value: '#411b0b', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#59250d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#75310f', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#8e3c10', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#b14b10', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#df6011', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#f5904d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#f89e5d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#fcbd8d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#fed2ae', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, - pine: { - '0': { - $value: '#0e2f24', + $value: '#f0f6fc', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '1': { - $value: '#0f392a', + $value: '#c9d1d9', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '2': { - $value: '#114f39', + $value: '#b1bac4', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '3': { - $value: '#126344', + $value: '#8b949e', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '4': { - $value: '#12784f', + $value: '#6e7681', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '5': { - $value: '#129b62', + $value: '#484f58', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '6': { - $value: '#11c074', + $value: '#30363d', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '7': { - $value: '#0ccf77', + $value: '#21262d', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '8': { - $value: '#07e97f', + $value: '#161b22', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '9': { - $value: '#01fe84', + $value: '#0d1117', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, }, blue: { '0': { - $value: '#00225c', + $value: '#cae8ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '1': { - $value: '#002f70', + $value: '#a5d6ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '2': { - $value: '#00438f', + $value: '#79c0ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '3': { - $value: '#0054a3', + $value: '#58a6ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '4': { - $value: '#006bbd', + $value: '#388bfd', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '5': { - $value: '#008ae0', + $value: '#1f6feb', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '6': { - $value: '#1ab2ff', + $value: '#1158c7', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '7': { - $value: '#24c1ff', + $value: '#0d419d', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '8': { - $value: '#57d8ff', + $value: '#0c2d6b', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '9': { - $value: '#85e9ff', + $value: '#051d4d', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, }, - teal: { + green: { '0': { - $value: '#062f37', + $value: '#aff5b4', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '1': { - $value: '#083840', + $value: '#7ee787', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '2': { - $value: '#0b4e56', + $value: '#56d364', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '3': { - $value: '#0d5d63', + $value: '#3fb950', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '4': { - $value: '#117578', + $value: '#2ea043', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '5': { - $value: '#179797', + $value: '#238636', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '6': { - $value: '#1ebeb8', + $value: '#196c2e', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '7': { - $value: '#21cabe', + $value: '#0f5323', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '8': { - $value: '#3fdecf', + $value: '#033a16', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '9': { - $value: '#8eebdf', + $value: '#04260f', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, }, - cyan: { + yellow: { '0': { - $value: '#00333d', + $value: '#f8e3a1', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '1': { - $value: '#003842', + $value: '#f2cc60', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '2': { - $value: '#004b57', + $value: '#e3b341', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '3': { - $value: '#005f6b', + $value: '#d29922', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '4': { - $value: '#007380', + $value: '#bb8009', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '5': { - $value: '#0096a3', + $value: '#9e6a03', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '6': { - $value: '#00bac7', + $value: '#845306', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '7': { - $value: '#00c7d1', + $value: '#693e00', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '8': { - $value: '#00dee6', + $value: '#4b2900', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '9': { - $value: '#00f6fa', + $value: '#341a00', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, }, - indigo: { + orange: { '0': { - $value: '#0f0e2f', + $value: '#ffdfb6', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '1': { - $value: '#232386', + $value: '#ffc680', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '2': { - $value: '#292cbc', + $value: '#ffa657', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '3': { - $value: '#343ada', + $value: '#f0883e', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '4': { - $value: '#5259e5', + $value: '#db6d28', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '5': { - $value: '#727aee', + $value: '#bd561d', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '6': { - $value: '#9ca4f6', + $value: '#9b4215', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '7': { - $value: '#a8b0fa', + $value: '#762d0a', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '8': { - $value: '#bfc6fd', + $value: '#5a1e02', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '9': { - $value: '#d6dcff', + $value: '#3d1300', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, }, - purple: { + red: { '0': { - $value: '#190b32', + $value: '#ffdcd7', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '1': { - $value: '#3e1881', + $value: '#ffc1ba', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '2': { - $value: '#551cb0', + $value: '#ffa198', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '3': { - $value: '#681cd9', + $value: '#ff7b72', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '4': { - $value: '#853deb', + $value: '#f85149', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '5': { - $value: '#a468f3', + $value: '#da3633', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '6': { - $value: '#c295f9', + $value: '#b62324', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '7': { - $value: '#cca1fc', + $value: '#8e1519', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '8': { - $value: '#ddbefe', + $value: '#67060c', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '9': { - $value: '#ebd6ff', + $value: '#490202', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, }, - plum: { + purple: { '0': { - $value: '#3a1358', + $value: '#eddeff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '1': { - $value: '#4a1570', + $value: '#e2c5ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '2': { - $value: '#66189a', + $value: '#d2a8ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '3': { - $value: '#7e19be', + $value: '#bc8cff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '4': { - $value: '#9d1de7', + $value: '#a371f7', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '5': { - $value: '#bb55f1', + $value: '#8957e5', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '6': { - $value: '#d48bf8', + $value: '#6e40c9', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '7': { - $value: '#dd9dfb', + $value: '#553098', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '8': { - $value: '#e9b9fe', + $value: '#3c1e70', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '9': { - $value: '#f2d1ff', + $value: '#271052', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, }, pink: { '0': { - $value: '#3b1b31', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '1': { - $value: '#50213f', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '2': { - $value: '#702956', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '3': { - $value: '#932f6d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '4': { - $value: '#b83283', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '5': { - $value: '#d756a1', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '6': { - $value: '#e88cc0', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '7': { - $value: '#ef9ac9', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '8': { - $value: '#f6b7d8', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - '9': { - $value: '#fad1e6', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/dark', - }, - }, - }, - }, - red: { - '0': { - $value: '#4f0817', + $value: '#ffdaec', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '1': { - $value: '#67091a', + $value: '#ffbedd', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '2': { - $value: '#8a0a1d', + $value: '#ff9bce', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '3': { - $value: '#ad0b1e', + $value: '#f778ba', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '4': { - $value: '#d50b1c', + $value: '#db61a2', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '5': { - $value: '#f73b45', + $value: '#bf4b8a', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '6': { - $value: '#fb888a', + $value: '#9e3670', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '7': { - $value: '#fd9896', + $value: '#7d2457', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '8': { - $value: '#feb7b3', + $value: '#5e103e', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '9': { - $value: '#ffd0cc', + $value: '#42062a', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, }, coral: { '0': { - $value: '#4b130c', + $value: '#ffddd2', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '1': { - $value: '#62190e', + $value: '#ffc2b2', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '2': { - $value: '#842210', + $value: '#ffa28b', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '3': { - $value: '#a22911', + $value: '#f78166', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '4': { - $value: '#c53211', + $value: '#ea6045', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '5': { - $value: '#ef491f', + $value: '#cf462d', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '6': { - $value: '#f78b6e', + $value: '#ac3220', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '7': { - $value: '#fa9c7f', + $value: '#872012', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '8': { - $value: '#fdbba5', + $value: '#640d04', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, '9': { - $value: '#ffd2c2', + $value: '#460701', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/dark', + "collection": "base/color/dark", }, }, }, diff --git a/src/tokens/base/color/light/light.json5 b/src/tokens/base/color/light/light.json5 index 3db5a397c..4dbadeab5 100644 --- a/src/tokens/base/color/light/light.json5 +++ b/src/tokens/base/color/light/light.json5 @@ -10,7 +10,7 @@ $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, @@ -19,7 +19,7 @@ $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, alpha: 0, @@ -29,1855 +29,834 @@ $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, - grayWhite: { - $value: '#F5F7F9', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - brown: { - '0': { - $value: '#f0eae5', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#e3d7ce', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#d0bcae', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#bea08e', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#ad8771', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#8e6752', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#6b4d3d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#573e32', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#412d25', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#2a1d18', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - auburn: { - '0': { - $value: '#f2e9e9', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#e5d4d2', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#d4b8b5', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#c5a09b', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#b2817b', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#9a615b', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#744944', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#5d3b37', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#432a28', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#2d1c1a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - gray: { - '0': { - $value: '#e8ecf2', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#d2dae4', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#b4c0cf', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#9ba9bb', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#808fa3', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#647182', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#4c535d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#40444a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#2f3032', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#1e1f1f', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - orange: { - '0': { - $value: '#ffe7d1', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#fecfaa', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#fbaf74', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#f68c41', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#eb670f', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#b8500f', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#8b3c0e', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#72310d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#51220b', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#351608', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - amber: { - '0': { - $value: '#ffe9bd', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#ffd48a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#ffaf38', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#f58b00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#d67200', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#ad5700', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#853e00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#703100', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#522100', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#381500', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - yellow: { - '0': { - $value: '#ffeba8', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#ffd65c', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#f5b400', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#db9d00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#bd8400', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#946500', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#704b00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#5c3c00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#422a00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#2e1c00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - lemon: { - '0': { - $value: '#f7eea1', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#f0db3d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#d8bd0e', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#c2a60a', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#a68c07', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#866e04', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#645002', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#513f01', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#3d2f00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#291f00', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - olive: { - '0': { - $value: '#f1f183', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#dae236', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#b7c723', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#9cb125', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#809726', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#627722', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#46581d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#37461b', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#273215', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#1a2211', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - lime: { - '0': { - $value: '#e0f5a3', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#bfe85e', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#94d025', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#7fb927', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#679b27', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#4f7b24', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#3a5c1f', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#2e4a1c', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#223617', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#162211', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - green: { + gray: { '0': { - $value: '#caf7ca', + $value: '#f6f8fa', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '1': { - $value: '#9ceda0', + $value: '#eaeef2', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '2': { - $value: '#54d961', + $value: '#d0d7de', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '3': { - $value: '#31bf46', + $value: '#afb8c1', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '4': { - $value: '#30a147', + $value: '#8c959f', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '5': { - $value: '#2c8141', + $value: '#6e7781', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '6': { - $value: '#255f37', + $value: '#57606a', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '7': { - $value: '#214a2f', + $value: '#424a53', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '8': { - $value: '#1b3726', + $value: '#32383f', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '9': { - $value: '#14241b', + $value: '#24292f', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, }, - pine: { + blue: { '0': { - $value: '#9effcf', + $value: '#ddf4ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '1': { - $value: '#24f992', + $value: '#b6e3ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '2': { - $value: '#0bda7a', + $value: '#80ccff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '3': { - $value: '#10c171', + $value: '#54aeff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '4': { - $value: '#12a163', + $value: '#218bff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '5': { - $value: '#128153', + $value: '#0969da', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '6': { - $value: '#115f40', + $value: '#0550ae', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '7': { - $value: '#104c35', + $value: '#033d8b', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '8': { - $value: '#0d3526', + $value: '#0a3069', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '9': { - $value: '#0a241b', + $value: '#002155', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, }, - teal: { + green: { '0': { - $value: '#c7f5ef', + $value: '#dafbe1', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '1': { - $value: '#89ebe1', + $value: '#aceebb', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '2': { - $value: '#22d3c7', + $value: '#6fdd8b', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '3': { - $value: '#1db9b4', + $value: '#4ac26b', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '4': { - $value: '#179b9b', + $value: '#2da44e', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '5': { - $value: '#127e81', + $value: '#1a7f37', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '6': { - $value: '#0d5d63', + $value: '#116329', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '7': { - $value: '#0b4a51', + $value: '#044f1e', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '8': { - $value: '#07343b', + $value: '#003d16', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '9': { - $value: '#052329', + $value: '#002d11', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, }, - cyan: { + yellow: { '0': { - $value: '#bdf4ff', + $value: '#fff8c5', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '1': { - $value: '#7ae9ff', + $value: '#fae17d', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '2': { - $value: '#00d0fa', + $value: '#eac54f', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '3': { - $value: '#00b7db', + $value: '#d4a72c', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '4': { - $value: '#0099b8', + $value: '#bf8700', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '5': { - $value: '#007b94', + $value: '#9a6700', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '6': { - $value: '#00596b', + $value: '#7d4e00', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '7': { - $value: '#004857', + $value: '#633c01', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '8': { - $value: '#003742', + $value: '#4d2d00', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '9': { - $value: '#002229', + $value: '#3b2300', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, }, - blue: { + orange: { '0': { - $value: '#d1f0ff', + $value: '#fff1e5', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '1': { - $value: '#ade1ff', + $value: '#ffd8b5', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '2': { - $value: '#75c8ff', + $value: '#ffb77c', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '3': { - $value: '#47afff', + $value: '#fb8f44', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '4': { - $value: '#0f8fff', + $value: '#e16f24', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '5': { - $value: '#006edb', + $value: '#bc4c00', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '6': { - $value: '#0051ad', + $value: '#953800', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '7': { - $value: '#004094', + $value: '#762c00', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '8': { - $value: '#002d70', + $value: '#5c2200', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '9': { - $value: '#001c4d', + $value: '#471700', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, }, - indigo: { + red: { '0': { - $value: '#e5e9ff', + $value: '#ffebe9', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '1': { - $value: '#d2d7fe', + $value: '#ffcecb', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '2': { - $value: '#b1b9fb', + $value: '#ffaba8', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '3': { - $value: '#979ff7', + $value: '#ff8182', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '4': { - $value: '#7a82f0', + $value: '#fa4549', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '5': { - $value: '#5a61e7', + $value: '#cf222e', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '6': { - $value: '#3339db', + $value: '#a40e26', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '7': { - $value: '#282bbd', + $value: '#82071e', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '8': { - $value: '#212183', + $value: '#660018', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '9': { - $value: '#191853', + $value: '#4c0014', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, }, purple: { '0': { - $value: '#f1e5ff', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#e6d2fe', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#d1b1fc', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#bc91f8', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#a672f3', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#894ceb', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#641edc', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#501daf', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#39187c', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#271254', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - plum: { - '0': { - $value: '#f8e5ff', + $value: '#fbefff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '1': { - $value: '#f0cdfe', + $value: '#ecd8ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '2': { - $value: '#e2a7fb', + $value: '#d8b9ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '3': { - $value: '#d487f7', + $value: '#c297ff', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '4': { - $value: '#c264f2', + $value: '#a475f9', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '5': { - $value: '#a830e8', + $value: '#8250df', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '6': { - $value: '#7e19b8', + $value: '#6639ba', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '7': { - $value: '#651895', + $value: '#512a97', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '8': { - $value: '#48146b', + $value: '#3e1f79', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '9': { - $value: '#301047', + $value: '#2e1461', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, }, pink: { '0': { - $value: '#ffe5f1', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '1': { - $value: '#fdc9e2', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '2': { - $value: '#f8a5cf', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '3': { - $value: '#f184bc', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '4': { - $value: '#e55da5', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '5': { - $value: '#ce2c85', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '6': { - $value: '#952866', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '7': { - $value: '#742553', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '8': { - $value: '#511f3d', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - '9': { - $value: '#311627', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'base/color/light', - }, - }, - }, - }, - red: { - '0': { - $value: '#ffe2e0', + $value: '#ffeff7', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '1': { - $value: '#fecdcd', + $value: '#ffd3eb', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '2': { - $value: '#fda5a7', + $value: '#ffadda', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '3': { - $value: '#fb8389', + $value: '#ff80c8', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '4': { - $value: '#f85461', + $value: '#e85aad', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '5': { - $value: '#df0c24', + $value: '#bf3989', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '6': { - $value: '#a80b22', + $value: '#99286e', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '7': { - $value: '#8a0a22', + $value: '#772057', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '8': { - $value: '#63091c', + $value: '#611347', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '9': { - $value: '#460717', + $value: '#4d0336', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, }, coral: { '0': { - $value: '#ffe4db', + $value: '#fff0eb', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '1': { - $value: '#fecdbe', + $value: '#ffd6cc', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '2': { - $value: '#fca992', + $value: '#ffb4a1', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '3': { - $value: '#f8896d', + $value: '#fd8c73', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '4': { - $value: '#f25c3a', + $value: '#ec6547', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '5': { - $value: '#d43211', + $value: '#c4432b', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '6': { - $value: '#9e2510', + $value: '#9e2f1c', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '7': { - $value: '#801e0f', + $value: '#801f0f', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '8': { - $value: '#5e160d', + $value: '#691105', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, '9': { - $value: '#3e0f0a', + $value: '#510901', $type: 'color', $extensions: { 'org.primer.figma': { - collection: 'base/color/light', + "collection": "base/color/light", }, }, }, diff --git a/src/tokens/functional/color/light/overrides/light.tritanopia.json5 b/src/tokens/functional/color/light/overrides/light.tritanopia.json5 index e075174ea..f0cce79f5 100644 --- a/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +++ b/src/tokens/functional/color/light/overrides/light.tritanopia.json5 @@ -83,7 +83,7 @@ }, closed: { muted: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', }, emphasis: { diff --git a/src/tokens/functional/color/light/patterns-light.json5 b/src/tokens/functional/color/light/patterns-light.json5 index 9504da325..4b7a1a8e1 100644 --- a/src/tokens/functional/color/light/patterns-light.json5 +++ b/src/tokens/functional/color/light/patterns-light.json5 @@ -58,7 +58,7 @@ control: { bgColor: { rest: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -70,7 +70,7 @@ }, }, hover: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -86,7 +86,7 @@ }, }, active: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -114,7 +114,7 @@ }, }, selected: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -206,7 +206,7 @@ }, }, selected: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -1315,7 +1315,7 @@ }, }, disabled: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { diff --git a/src/tokens/functional/color/light/primitives-light.json5 b/src/tokens/functional/color/light/primitives-light.json5 index a4dac3eca..6a5150be5 100644 --- a/src/tokens/functional/color/light/primitives-light.json5 +++ b/src/tokens/functional/color/light/primitives-light.json5 @@ -41,7 +41,7 @@ }, }, onInverse: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -372,7 +372,7 @@ }, }, muted: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -384,7 +384,7 @@ }, }, inset: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -421,7 +421,7 @@ }, }, disabled: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { diff --git a/src/tokens/functional/color/light/syntax-light.json5 b/src/tokens/functional/color/light/syntax-light.json5 index 0f00619c0..b7c714393 100644 --- a/src/tokens/functional/color/light/syntax-light.json5 +++ b/src/tokens/functional/color/light/syntax-light.json5 @@ -321,7 +321,7 @@ invalid: { illegal: { text: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -347,7 +347,7 @@ carriage: { return: { text: { - $value: '{base.color.grayWhite}', + $value: '{base.color.gray.0}', $type: 'color', $extensions: { 'org.primer.figma': { diff --git a/src/tokens/functional/color/scales.json5 b/src/tokens/functional/color/scales.json5 index 338a50f16..06795c4ef 100644 --- a/src/tokens/functional/color/scales.json5 +++ b/src/tokens/functional/color/scales.json5 @@ -20,11 +20,6 @@ $type: 'color', $description: 'Avoid using scales, use other functional tokens instead', }, - grayWhite: { - $value: '{base.color.grayWhite}', - $type: 'color', - $description: 'Avoid using scales, use other functional tokens instead', - }, gray: { '0': { $value: '{base.color.gray.0}',