From 01e3daf2f5ed364b0d8b270c1cfd34989ff9b0f9 Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Mon, 4 Mar 2024 12:30:21 -0800 Subject: [PATCH] Add alpha Display scales for internal use (#819) * add alpha scales * move files * fix extension --- scripts/themes.config.ts | 30 +- src/tokens/base/color/dark/display-dark.json5 | 1774 +++++++++++++++++ .../base/color/light/display-light.json5 | 1774 +++++++++++++++++ 3 files changed, 3569 insertions(+), 9 deletions(-) create mode 100644 src/tokens/base/color/dark/display-dark.json5 create mode 100644 src/tokens/base/color/light/display-light.json5 diff --git a/scripts/themes.config.ts b/scripts/themes.config.ts index 71686fcbe..bb838f064 100644 --- a/scripts/themes.config.ts +++ b/scripts/themes.config.ts @@ -9,7 +9,7 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/shadow/light.json5`, `src/tokens/functional/border/light.json5`, ], - include: [`src/tokens/base/color/light/light.json5`], + include: [`src/tokens/base/color/light/light.json5`, `src/tokens/base/color/light/display-light.json5`], }, { filename: 'light-tritanopia', @@ -20,7 +20,7 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/border/light.json5`, `src/tokens/functional/color/light/overrides/light.tritanopia.json5`, ], - include: [`src/tokens/base/color/light/light.json5`], + include: [`src/tokens/base/color/light/light.json5`, `src/tokens/base/color/light/display-light.json5`], }, { filename: 'light-colorblind', @@ -31,7 +31,7 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/border/light.json5`, `src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5`, ], - include: [`src/tokens/base/color/light/light.json5`], + include: [`src/tokens/base/color/light/light.json5`, `src/tokens/base/color/light/display-light.json5`], }, { filename: 'light-high-contrast', @@ -42,7 +42,11 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/shadow/light.json5`, `src/tokens/functional/border/light.json5`, ], - include: [`src/tokens/base/color/light/light.json5`, `src/tokens/base/color/light/light.high-contrast.json5`], + include: [ + `src/tokens/base/color/light/light.json5`, + `src/tokens/base/color/light/light.high-contrast.json5`, + `src/tokens/base/color/light/display-light.json5`, + ], }, { filename: 'dark', @@ -52,7 +56,7 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/shadow/dark.json5`, `src/tokens/functional/border/dark.json5`, ], - include: [`src/tokens/base/color/dark/dark.json5`], + include: [`src/tokens/base/color/dark/dark.json5`, `src/tokens/base/color/light/display-dark.json5`], }, { filename: 'dark-dimmed', @@ -63,7 +67,11 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/shadow/dark.json5`, `src/tokens/functional/border/dark.json5`, ], - include: [`src/tokens/base/color/dark/dark.json5`, `src/tokens/base/color/dark/dark.dimmed.json5`], + include: [ + `src/tokens/base/color/dark/dark.json5`, + `src/tokens/base/color/dark/dark.dimmed.json5`, + `src/tokens/base/color/light/display-dark.json5`, + ], }, { filename: 'dark-tritanopia', @@ -74,7 +82,7 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/border/dark.json5`, `src/tokens/functional/color/dark/overrides/dark.tritanopia.json5`, ], - include: [`src/tokens/base/color/dark/dark.json5`], + include: [`src/tokens/base/color/dark/dark.json5`, `src/tokens/base/color/light/display-dark.json5`], }, { filename: 'dark-colorblind', @@ -85,7 +93,7 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/border/dark.json5`, `src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5`, ], - include: [`src/tokens/base/color/dark/dark.json5`], + include: [`src/tokens/base/color/dark/dark.json5`, `src/tokens/base/color/light/display-dark.json5`], }, { filename: 'dark-high-contrast', @@ -96,6 +104,10 @@ export const themes: TokenBuildInput[] = [ `src/tokens/functional/shadow/dark.json5`, `src/tokens/functional/border/dark.json5`, ], - include: [`src/tokens/base/color/dark/dark.json5`, `src/tokens/base/color/dark/dark.high-contrast.json5`], + include: [ + `src/tokens/base/color/dark/dark.json5`, + `src/tokens/base/color/dark/dark.high-contrast.json5`, + `src/tokens/base/color/light/display-dark.json5`, + ], }, ] diff --git a/src/tokens/base/color/dark/display-dark.json5 b/src/tokens/base/color/dark/display-dark.json5 new file mode 100644 index 000000000..39cbfde2f --- /dev/null +++ b/src/tokens/base/color/dark/display-dark.json5 @@ -0,0 +1,1774 @@ +{ + base: { + display: { + color: { + gray: { + '0': { + $value: '#1c1c1c', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#2a2b2d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#393d41', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#474e57', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#576270', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#6e7f96', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#92a1b5', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#9babbf', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#b3c0d1', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#c4cfde', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + red: { + '0': { + $value: '#3c0614', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#58091a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#790c20', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#990f24', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#c31328', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#eb3342', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#f27d83', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#f48b8d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#f7adab', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#f9c1be', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + coral: { + '0': { + $value: '#351008', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#51180b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#72220d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#902a0e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#b3350f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#e1430e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#f7794b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#fa8c61', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#fdaa86', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#ffc0a3', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + orange: { + '0': { + $value: '#311708', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#43200a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#632f0d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#7b3c0e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#984b10', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#c46212', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#ed8326', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#f1933b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#f6b06a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#fac68f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + yellow: { + '0': { + $value: '#2e1a00', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#3d2401', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#5a3702', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#6d4403', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#895906', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#aa7109', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#d3910d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#df9e11', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#edb431', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#f0ca6a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + lemon: { + '0': { + $value: '#291d00', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#372901', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#4f3c02', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#614c05', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#786008', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#977b0c', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#ba9b12', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#c4a717', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#d7bc1d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#e3d04f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + olive: { + '0': { + $value: '#171e0b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#252d10', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#374115', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#485219', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#5e681d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#7a8321', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#a2a626', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#b2af24', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#cbc025', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#e2d04b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + lime: { + '0': { + $value: '#141f0f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#1f3116', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#2c441d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#375421', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#496c28', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#5f892f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#7dae37', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#89ba36', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#9fcc3e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#bcda67', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + green: { + '0': { + $value: '#122117', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#182f1f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#214529', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#285830', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#2f6f37', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#388f3f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#41b445', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#46c144', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#75d36f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#99e090', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + pine: { + '0': { + $value: '#082119', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#0b3224', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#0e4430', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#115a3e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#14714c', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#18915e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#1bb673', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#1ac176', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#1bda81', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#3eea97', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + teal: { + '0': { + $value: '#041f25', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#073036', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#0a464d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#0c555a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#106c70', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#158a8a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#1cb0ab', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#1fbdb2', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#24d6c4', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#5fe3d1', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + cyan: { + '0': { + $value: '#001f29', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#002e3d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#014156', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#02536f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#036a8c', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#0587b3', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#07ace4', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#09b7f1', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#45cbf7', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#80dbf9', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + blue: { + '0': { + $value: '#001a47', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#002766', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#00378a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#0046a8', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#005bd1', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#0576ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#4da0ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#61adff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#85c2ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#a3d3ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + indigo: { + '0': { + $value: '#1b183f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#25215f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#312c90', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#3935c0', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#514ed4', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#7070e1', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#9899ec', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#a2a5f1', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#b7baf6', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#c8cbf9', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + purple: { + '0': { + $value: '#211047', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#31146b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#481a9e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#5b1cca', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#7730e8', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#975bf1', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#b687f7', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#c398fb', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#d2affd', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#e1c7ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + plum: { + '0': { + $value: '#2a0e3f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#40125e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#5c1688', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#7517ab', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#9518d8', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#b643ef', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#d07ef7', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#d889fa', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#e4a5fd', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#edbdff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + pink: { + '0': { + $value: '#2d1524', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#451c35', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#65244a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#842a5d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#ac2f74', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#d34591', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#e57bb2', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#ec8dbd', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#f4a9cd', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#f9bed9', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + auburn: { + '0': { + $value: '#271817', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#3a2422', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#543331', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#6d4340', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#87534f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#a86f6b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#bf9592', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#c6a19f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#d4b7b5', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#dfcac8', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + brown: { + '0': { + $value: '#241c14', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '1': { + $value: '#342a1d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '2': { + $value: '#483a28', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '3': { + $value: '#5d4a32', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '4': { + $value: '#755e3e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '5': { + $value: '#94774c', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '6': { + $value: '#b69a6d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '7': { + $value: '#bfa77d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '8': { + $value: '#cdbb98', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + '9': { + $value: '#dbceb3', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + black: { + $value: '#0d1117', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + white: { + $value: '#ffffff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/dark', + }, + }, + }, + }, + }, + }, +} diff --git a/src/tokens/base/color/light/display-light.json5 b/src/tokens/base/color/light/display-light.json5 new file mode 100644 index 000000000..bbbfd04e3 --- /dev/null +++ b/src/tokens/base/color/light/display-light.json5 @@ -0,0 +1,1774 @@ +{ + base: { + display: { + color: { + 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: '#5c6570', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#4e535a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#424448', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#303031', + $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: '#e6d6d5', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#d4b7b5', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#c59e9b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#b4827e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#9d615c', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#8a5551', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#744744', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#5d3937', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#432928', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + brown: { + '0': { + $value: '#eeeae2', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#dfd7c8', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#cbbda4', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#b8a484', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#a68b64', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#856d4c', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#755f43', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#64513a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#51412f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#3a2e22', + $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: '#a24610', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#8d3c11', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#70300f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#54230d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + yellow: { + '0': { + $value: '#ffec9e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#ffd642', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#ebb400', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#d19d00', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#b88700', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#946a00', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#805900', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#704d00', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#5c3d00', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#422b00', + $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: '#786002', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#654f01', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#523f00', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#3d2e00', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + olive: { + '0': { + $value: '#f0f0ad', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#dbe170', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#b9c832', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#9bae32', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#819532', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#64762d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#56682c', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#495a2b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#3b4927', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#2a331f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + lime: { + '0': { + $value: '#e3f2b5', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#c7e580', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#9bd039', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#80b530', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#6c9d2f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#527a29', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#476c28', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#3a5b25', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#2f4a21', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#213319', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + green: { + '0': { + $value: '#caf7ca', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#9ceda0', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#54d961', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#31bf46', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#30a147', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#2c8141', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#2b6e3f', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#285c3b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#254b34', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#1d3528', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + pine: { + '0': { + $value: '#bff8db', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#80efb9', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#1dd781', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#1dbf76', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#1aa267', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#167e53', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#156f4b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#135d41', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#114b36', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#0d3627', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + teal: { + '0': { + $value: '#c7f5ef', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#89ebe1', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#22d3c7', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#1db9b4', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#179b9b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#127e81', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#106e75', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#0d5b63', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#0a4852', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#073740', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + cyan: { + '0': { + $value: '#bdf4ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#7ae9ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#00d0fa', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#00b7db', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#0099b8', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#007b94', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#006a80', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#00596b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#004857', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#003742', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + blue: { + '0': { + $value: '#d1f0ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#ade1ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#75c8ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#47afff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#0f8fff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#006edb', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#005fcc', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#004db3', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#003d99', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#002b75', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + indigo: { + '0': { + $value: '#e5e9ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#d2d7fe', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#b1b9fb', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#979ff7', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#7a82f0', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#5a61e7', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#494edf', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#393cd5', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#2d2db4', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#25247b', + $type: 'color', + $extensions: { + 'org.primer.figma': { + 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: '#783ae4', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#6223d7', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#4f21ab', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#391b79', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + plum: { + '0': { + $value: '#f8e5ff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#f0cdfe', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#e2a7fb', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#d487f7', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#c264f2', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#a830e8', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#961edc', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#7d1eb8', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#651d96', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#471769', + $type: 'color', + $extensions: { + 'org.primer.figma': { + 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: '#b12f79', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#8e2e66', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#6e2b53', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#4d233d', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + red: { + '0': { + $value: '#ffe2e0', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#fecdcd', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#fda5a7', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#fb8389', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#f85461', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#df0c24', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#c50d28', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#a60c29', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#880c27', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#610a20', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + coral: { + '0': { + $value: '#ffe5db', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '1': { + $value: '#fecebe', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '2': { + $value: '#fcab92', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '3': { + $value: '#f88768', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '4': { + $value: '#f25f3a', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '5': { + $value: '#d43511', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '6': { + $value: '#ba2e12', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '7': { + $value: '#9b2712', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '8': { + $value: '#7e2011', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + '9': { + $value: '#5d180e', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + black: { + $value: '#0d1117', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + white: { + $value: '#ffffff', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'base/color/light', + }, + }, + }, + }, + }, + }, +}