diff --git a/docs/storybook/.storybook/main.ts b/docs/storybook/.storybook/main.ts
index 8c742071f..fd58c1022 100644
--- a/docs/storybook/.storybook/main.ts
+++ b/docs/storybook/.storybook/main.ts
@@ -8,11 +8,12 @@ const config: StorybookConfig = {
'@storybook/addon-webpack5-compiler-swc',
'storybook-addon-paddings',
],
- swc: () => ({
+ swc: ({configType}) => ({
jsc: {
transform: {
react: {
runtime: 'automatic',
+ development: configType === 'DEVELOPMENT',
},
},
},
diff --git a/docs/storybook/package.json b/docs/storybook/package.json
index 8f493c3f8..7c54a9634 100644
--- a/docs/storybook/package.json
+++ b/docs/storybook/package.json
@@ -29,7 +29,7 @@
"build:preview": "npm run clean && scripts/build-storybook preview",
"build:prod": "npm run clean && scripts/build-storybook",
"clean": "rm -rf out",
- "storybook": "storybook dev -p 6006 --ci",
+ "storybook": "NODE_ENV=development storybook dev -p 6006 --ci",
"build-storybook": "storybook build"
}
}
diff --git a/docs/storybook/stories/Color/Base/Display-Scales.stories.tsx b/docs/storybook/stories/Color/Base/Display-Scales.stories.tsx
index 917d0fcbb..b48a169d4 100644
--- a/docs/storybook/stories/Color/Base/Display-Scales.stories.tsx
+++ b/docs/storybook/stories/Color/Base/Display-Scales.stories.tsx
@@ -8,231 +8,22 @@ export default {
},
}
-const bgColors = [
- 'base-display-color-gray-0',
- 'base-display-color-gray-1',
- 'base-display-color-gray-2',
- 'base-display-color-gray-3',
- 'base-display-color-gray-4',
- 'base-display-color-gray-5',
- 'base-display-color-gray-6',
- 'base-display-color-gray-7',
- 'base-display-color-gray-8',
- 'base-display-color-gray-9',
- 'base-display-color-indigo-0',
- 'base-display-color-indigo-1',
- 'base-display-color-indigo-2',
- 'base-display-color-indigo-3',
- 'base-display-color-indigo-4',
- 'base-display-color-indigo-5',
- 'base-display-color-indigo-6',
- 'base-display-color-indigo-7',
- 'base-display-color-indigo-8',
- 'base-display-color-indigo-9',
- 'base-display-color-blue-0',
- 'base-display-color-blue-1',
- 'base-display-color-blue-2',
- 'base-display-color-blue-3',
- 'base-display-color-blue-4',
- 'base-display-color-blue-5',
- 'base-display-color-blue-6',
- 'base-display-color-blue-7',
- 'base-display-color-blue-8',
- 'base-display-color-blue-9',
- 'base-display-color-cyan-0',
- 'base-display-color-cyan-1',
- 'base-display-color-cyan-2',
- 'base-display-color-cyan-3',
- 'base-display-color-cyan-4',
- 'base-display-color-cyan-5',
- 'base-display-color-cyan-6',
- 'base-display-color-cyan-7',
- 'base-display-color-cyan-8',
- 'base-display-color-cyan-9',
- 'base-display-color-teal-0',
- 'base-display-color-teal-1',
- 'base-display-color-teal-2',
- 'base-display-color-teal-3',
- 'base-display-color-teal-4',
- 'base-display-color-teal-5',
- 'base-display-color-teal-6',
- 'base-display-color-teal-7',
- 'base-display-color-teal-8',
- 'base-display-color-teal-9',
- 'base-display-color-pine-0',
- 'base-display-color-pine-1',
- 'base-display-color-pine-2',
- 'base-display-color-pine-3',
- 'base-display-color-pine-4',
- 'base-display-color-pine-5',
- 'base-display-color-pine-6',
- 'base-display-color-pine-7',
- 'base-display-color-pine-8',
- 'base-display-color-pine-9',
- 'base-display-color-green-0',
- 'base-display-color-green-1',
- 'base-display-color-green-2',
- 'base-display-color-green-3',
- 'base-display-color-green-4',
- 'base-display-color-green-5',
- 'base-display-color-green-6',
- 'base-display-color-green-7',
- 'base-display-color-green-8',
- 'base-display-color-green-9',
- 'base-display-color-lime-0',
- 'base-display-color-lime-1',
- 'base-display-color-lime-2',
- 'base-display-color-lime-3',
- 'base-display-color-lime-4',
- 'base-display-color-lime-5',
- 'base-display-color-lime-6',
- 'base-display-color-lime-7',
- 'base-display-color-lime-8',
- 'base-display-color-lime-9',
- 'base-display-color-olive-0',
- 'base-display-color-olive-1',
- 'base-display-color-olive-2',
- 'base-display-color-olive-3',
- 'base-display-color-olive-4',
- 'base-display-color-olive-5',
- 'base-display-color-olive-6',
- 'base-display-color-olive-7',
- 'base-display-color-olive-8',
- 'base-display-color-olive-9',
- 'base-display-color-lemon-0',
- 'base-display-color-lemon-1',
- 'base-display-color-lemon-2',
- 'base-display-color-lemon-3',
- 'base-display-color-lemon-4',
- 'base-display-color-lemon-5',
- 'base-display-color-lemon-6',
- 'base-display-color-lemon-7',
- 'base-display-color-lemon-8',
- 'base-display-color-lemon-9',
- 'base-display-color-yellow-0',
- 'base-display-color-yellow-1',
- 'base-display-color-yellow-2',
- 'base-display-color-yellow-3',
- 'base-display-color-yellow-4',
- 'base-display-color-yellow-5',
- 'base-display-color-yellow-6',
- 'base-display-color-yellow-7',
- 'base-display-color-yellow-8',
- 'base-display-color-yellow-9',
- 'base-display-color-orange-0',
- 'base-display-color-orange-1',
- 'base-display-color-orange-2',
- 'base-display-color-orange-3',
- 'base-display-color-orange-4',
- 'base-display-color-orange-5',
- 'base-display-color-orange-6',
- 'base-display-color-orange-7',
- 'base-display-color-orange-8',
- 'base-display-color-orange-9',
- 'base-display-color-amber-0',
- 'base-display-color-amber-1',
- 'base-display-color-amber-2',
- 'base-display-color-amber-3',
- 'base-display-color-amber-4',
- 'base-display-color-amber-5',
- 'base-display-color-amber-6',
- 'base-display-color-amber-7',
- 'base-display-color-amber-8',
- 'base-display-color-amber-9',
- 'base-display-color-red-0',
- 'base-display-color-red-1',
- 'base-display-color-red-2',
- 'base-display-color-red-3',
- 'base-display-color-red-4',
- 'base-display-color-red-5',
- 'base-display-color-red-6',
- 'base-display-color-red-7',
- 'base-display-color-red-8',
- 'base-display-color-red-9',
- 'base-display-color-purple-0',
- 'base-display-color-purple-1',
- 'base-display-color-purple-2',
- 'base-display-color-purple-3',
- 'base-display-color-purple-4',
- 'base-display-color-purple-5',
- 'base-display-color-purple-6',
- 'base-display-color-purple-7',
- 'base-display-color-purple-8',
- 'base-display-color-purple-9',
- 'base-display-color-plum-0',
- 'base-display-color-plum-1',
- 'base-display-color-plum-2',
- 'base-display-color-plum-3',
- 'base-display-color-plum-4',
- 'base-display-color-plum-5',
- 'base-display-color-plum-6',
- 'base-display-color-plum-7',
- 'base-display-color-plum-8',
- 'base-display-color-plum-9',
- 'base-display-color-pink-0',
- 'base-display-color-pink-1',
- 'base-display-color-pink-2',
- 'base-display-color-pink-3',
- 'base-display-color-pink-4',
- 'base-display-color-pink-5',
- 'base-display-color-pink-6',
- 'base-display-color-pink-7',
- 'base-display-color-pink-8',
- 'base-display-color-pink-9',
- 'base-display-color-coral-0',
- 'base-display-color-coral-1',
- 'base-display-color-coral-2',
- 'base-display-color-coral-3',
- 'base-display-color-coral-4',
- 'base-display-color-coral-5',
- 'base-display-color-coral-6',
- 'base-display-color-coral-7',
- 'base-display-color-coral-8',
- 'base-display-color-coral-9',
- 'base-display-color-brown-0',
- 'base-display-color-brown-1',
- 'base-display-color-brown-2',
- 'base-display-color-brown-3',
- 'base-display-color-brown-4',
- 'base-display-color-brown-5',
- 'base-display-color-brown-6',
- 'base-display-color-brown-7',
- 'base-display-color-brown-8',
- 'base-display-color-brown-9',
- 'base-display-color-auburn-0',
- 'base-display-color-auburn-1',
- 'base-display-color-auburn-2',
- 'base-display-color-auburn-3',
- 'base-display-color-auburn-4',
- 'base-display-color-auburn-5',
- 'base-display-color-auburn-6',
- 'base-display-color-auburn-7',
- 'base-display-color-auburn-8',
- 'base-display-color-auburn-9',
+const displayColorNames = [
+ 'gray', 'indigo', 'blue', 'cyan', 'teal', 'pine', 'green', 'lime', 'olive',
+ 'lemon', 'yellow', 'orange', 'red', 'coral', 'pink', 'plum', 'purple',
+ 'brown', 'auburn',
]
+const bgColors = displayColorNames.flatMap(name =>
+ Array.from({length: 14}, (_, i) => `base-display-color-${name}-${i}`),
+)
+
export const AllScales = () => {
return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ {displayColorNames.map(name => (
+
+ ))}
)
}
diff --git a/docs/storybook/stories/utilities/getTokensByName.ts b/docs/storybook/stories/utilities/getTokensByName.ts
index cd0737a4b..e70753027 100644
--- a/docs/storybook/stories/utilities/getTokensByName.ts
+++ b/docs/storybook/stories/utilities/getTokensByName.ts
@@ -1,4 +1,4 @@
-import type StyleDictionary from 'style-dictionary'
+import type * as StyleDictionary from 'style-dictionary'
export const getTokensByName = (
tokens: Record,
diff --git a/src/tokens/base/color/dark/display-dark.json5 b/src/tokens/base/color/dark/display-dark.json5
index 2bcb4f7d4..de582acd2 100644
--- a/src/tokens/base/color/dark/display-dark.json5
+++ b/src/tokens/base/color/dark/display-dark.json5
@@ -6,8 +6,12 @@
'0': {
$value: {
colorSpace: 'hsl',
- components: [0, 0, 11],
- hex: '#1c1c1c',
+ components: [
+ 140,
+ 20,
+ 2.9,
+ ],
+ hex: '#050806',
},
$type: 'color',
$extensions: {
@@ -19,8 +23,12 @@
'1': {
$value: {
colorSpace: 'hsl',
- components: [220, 3.4, 17.1],
- hex: '#2a2b2d',
+ components: [
+ 140,
+ 16.7,
+ 7.1,
+ ],
+ hex: '#0f1511',
},
$type: 'color',
$extensions: {
@@ -32,8 +40,12 @@
'2': {
$value: {
colorSpace: 'hsl',
- components: [210, 6.6, 23.9],
- hex: '#393d41',
+ components: [
+ 140,
+ 10.7,
+ 11,
+ ],
+ hex: '#191f1b',
},
$type: 'color',
$extensions: {
@@ -45,8 +57,12 @@
'3': {
$value: {
colorSpace: 'hsl',
- components: [213.8, 10.1, 31],
- hex: '#474e57',
+ components: [
+ 140,
+ 9,
+ 13.6,
+ ],
+ hex: '#1f2521',
},
$type: 'color',
$extensions: {
@@ -58,8 +74,12 @@
'4': {
$value: {
colorSpace: 'hsl',
- components: [213.6, 12.6, 39],
- hex: '#576270',
+ components: [
+ 140,
+ 7.3,
+ 16.1,
+ ],
+ hex: '#262c28',
},
$type: 'color',
$extensions: {
@@ -71,8 +91,12 @@
'5': {
$value: {
colorSpace: 'hsl',
- components: [214.5, 16, 51],
- hex: '#6e7f96',
+ components: [
+ 137.5,
+ 7.2,
+ 19.2,
+ ],
+ hex: '#2d342f',
},
$type: 'color',
$extensions: {
@@ -84,8 +108,12 @@
'6': {
$value: {
colorSpace: 'hsl',
- components: [214.3, 19.1, 64.1],
- hex: '#92a1b5',
+ components: [
+ 135,
+ 7,
+ 22.4,
+ ],
+ hex: '#353d37',
},
$type: 'color',
$extensions: {
@@ -97,8 +125,12 @@
'7': {
$value: {
colorSpace: 'hsl',
- components: [213.3, 22, 67.8],
- hex: '#9babbf',
+ components: [
+ 135.7,
+ 6.5,
+ 29.6,
+ ],
+ hex: '#465049',
},
$type: 'color',
$extensions: {
@@ -110,8 +142,12 @@
'8': {
$value: {
colorSpace: 'hsl',
- components: [214, 24.6, 76.1],
- hex: '#b3c0d1',
+ components: [
+ 136.4,
+ 5.9,
+ 36.7,
+ ],
+ hex: '#58635b',
},
$type: 'color',
$extensions: {
@@ -123,8 +159,12 @@
'9': {
$value: {
colorSpace: 'hsl',
- components: [214.6, 28.3, 82],
- hex: '#c4cfde',
+ components: [
+ 137.4,
+ 5.6,
+ 44,
+ ],
+ hex: '#69766d',
},
$type: 'color',
$extensions: {
@@ -133,13 +173,15 @@
},
},
},
- },
- red: {
- '0': {
+ '10': {
$value: {
colorSpace: 'hsl',
- components: [344.4, 81.8, 12.9],
- hex: '#3c0614',
+ components: [
+ 138.5,
+ 5.2,
+ 51.2,
+ ],
+ hex: '#7c8980',
},
$type: 'color',
$extensions: {
@@ -148,11 +190,15 @@
},
},
},
- '1': {
+ '11': {
$value: {
colorSpace: 'hsl',
- components: [347.1, 81.4, 19],
- hex: '#58091a',
+ components: [
+ 132,
+ 5.8,
+ 66.3,
+ ],
+ hex: '#a4aea6',
},
$type: 'color',
$extensions: {
@@ -161,11 +207,15 @@
},
},
},
- '2': {
+ '12': {
$value: {
colorSpace: 'hsl',
- components: [349, 82, 26.1],
- hex: '#790c20',
+ components: [
+ 135,
+ 7.3,
+ 78.4,
+ ],
+ hex: '#c3cbc5',
},
$type: 'color',
$extensions: {
@@ -174,11 +224,15 @@
},
},
},
- '3': {
+ '13': {
$value: {
colorSpace: 'hsl',
- components: [350.9, 82.1, 32.9],
- hex: '#990f24',
+ components: [
+ 137.1,
+ 8.4,
+ 83.7,
+ ],
+ hex: '#d1d8d3',
},
$type: 'color',
$extensions: {
@@ -187,11 +241,17 @@
},
},
},
- '4': {
+ },
+ red: {
+ '0': {
$value: {
colorSpace: 'hsl',
- components: [352.8, 82.2, 42],
- hex: '#c31328',
+ components: [
+ 344.7,
+ 100,
+ 10,
+ ],
+ hex: '#33000d',
},
$type: 'color',
$extensions: {
@@ -200,11 +260,15 @@
},
},
},
- '5': {
+ '1': {
$value: {
colorSpace: 'hsl',
- components: [355.1, 82.1, 56.1],
- hex: '#eb3342',
+ components: [
+ 346.3,
+ 95.8,
+ 18.8,
+ ],
+ hex: '#5d0216',
},
$type: 'color',
$extensions: {
@@ -213,11 +277,15 @@
},
},
},
- '6': {
+ '2': {
$value: {
colorSpace: 'hsl',
- components: [356.9, 81.8, 72],
- hex: '#f27d83',
+ components: [
+ 347.8,
+ 91.4,
+ 27.5,
+ ],
+ hex: '#860620',
},
$type: 'color',
$extensions: {
@@ -226,11 +294,15 @@
},
},
},
- '7': {
+ '3': {
$value: {
colorSpace: 'hsl',
- components: [358.9, 82.7, 75.1],
- hex: '#f48b8d',
+ components: [
+ 348.4,
+ 89.8,
+ 31.9,
+ ],
+ hex: '#9a0824',
},
$type: 'color',
$extensions: {
@@ -239,11 +311,15 @@
},
},
},
- '8': {
+ '4': {
$value: {
colorSpace: 'hsl',
- components: [1.6, 82.6, 82],
- hex: '#f7adab',
+ components: [
+ 349,
+ 88.1,
+ 36.3,
+ ],
+ hex: '#ae0b28',
},
$type: 'color',
$extensions: {
@@ -252,11 +328,15 @@
},
},
},
- '9': {
+ '5': {
$value: {
colorSpace: 'hsl',
- components: [3.1, 83.1, 86.1],
- hex: '#f9c1be',
+ components: [
+ 349.7,
+ 86.2,
+ 40.6,
+ ],
+ hex: '#c00e2c',
},
$type: 'color',
$extensions: {
@@ -265,13 +345,15 @@
},
},
},
- },
- coral: {
- '0': {
+ '6': {
$value: {
colorSpace: 'hsl',
- components: [10.7, 73.8, 12],
- hex: '#351008',
+ components: [
+ 350.4,
+ 84.3,
+ 44.9,
+ ],
+ hex: '#d31130',
},
$type: 'color',
$extensions: {
@@ -280,11 +362,15 @@
},
},
},
- '1': {
+ '7': {
$value: {
colorSpace: 'hsl',
- components: [11.1, 76.1, 18],
- hex: '#51180b',
+ components: [
+ 354.4,
+ 89.7,
+ 52.5,
+ ],
+ hex: '#f2182d',
},
$type: 'color',
$extensions: {
@@ -293,11 +379,15 @@
},
},
},
- '2': {
+ '8': {
$value: {
colorSpace: 'hsl',
- components: [12.5, 79.5, 24.9],
- hex: '#72220d',
+ components: [
+ 358.5,
+ 95.1,
+ 60,
+ ],
+ hex: '#fa373c',
},
$type: 'color',
$extensions: {
@@ -306,11 +396,15 @@
},
},
},
- '3': {
+ '9': {
$value: {
colorSpace: 'hsl',
- components: [12.9, 82.3, 31],
- hex: '#902a0e',
+ components: [
+ 359.1,
+ 95.8,
+ 63.8,
+ ],
+ hex: '#fb4a4c',
},
$type: 'color',
$extensions: {
@@ -319,11 +413,15 @@
},
},
},
- '4': {
+ '10': {
$value: {
colorSpace: 'hsl',
- components: [13.9, 84.5, 38],
- hex: '#b3350f',
+ components: [
+ 359.6,
+ 96.4,
+ 67.5,
+ ],
+ hex: '#fc5c5d',
},
$type: 'color',
$extensions: {
@@ -332,11 +430,15 @@
},
},
},
- '5': {
+ '11': {
$value: {
colorSpace: 'hsl',
- components: [15.1, 88.3, 46.9],
- hex: '#e1430e',
+ components: [
+ 1.5,
+ 96.7,
+ 75.9,
+ ],
+ hex: '#fc8986',
},
$type: 'color',
$extensions: {
@@ -345,11 +447,15 @@
},
},
},
- '6': {
+ '12': {
$value: {
colorSpace: 'hsl',
- components: [16, 91.5, 63.1],
- hex: '#f7794b',
+ components: [
+ 3,
+ 97.6,
+ 83.9,
+ ],
+ hex: '#feb1ad',
},
$type: 'color',
$extensions: {
@@ -358,11 +464,15 @@
},
},
},
- '7': {
+ '13': {
$value: {
colorSpace: 'hsl',
- components: [16.9, 93.9, 68],
- hex: '#fa8c61',
+ components: [
+ 4.4,
+ 100,
+ 92,
+ ],
+ hex: '#fed9d6',
},
$type: 'color',
$extensions: {
@@ -371,11 +481,17 @@
},
},
},
- '8': {
+ },
+ coral: {
+ '0': {
$value: {
colorSpace: 'hsl',
- components: [18.2, 96.7, 75.9],
- hex: '#fdaa86',
+ components: [
+ 0,
+ 100,
+ 11.8,
+ ],
+ hex: '#3c0000',
},
$type: 'color',
$extensions: {
@@ -384,11 +500,15 @@
},
},
},
- '9': {
+ '1': {
$value: {
colorSpace: 'hsl',
- components: [18.9, 100, 82],
- hex: '#ffc0a3',
+ components: [
+ 7.5,
+ 100,
+ 15.7,
+ ],
+ hex: '#500a00',
},
$type: 'color',
$extensions: {
@@ -397,13 +517,15 @@
},
},
},
- },
- orange: {
- '0': {
+ '2': {
$value: {
colorSpace: 'hsl',
- components: [22, 71.9, 11.2],
- hex: '#311708',
+ components: [
+ 8,
+ 79,
+ 28,
+ ],
+ hex: '#7f1e0e',
},
$type: 'color',
$extensions: {
@@ -412,11 +534,15 @@
},
},
},
- '1': {
+ '3': {
$value: {
colorSpace: 'hsl',
- components: [23.2, 74, 15.1],
- hex: '#43200a',
+ components: [
+ 8.8,
+ 80.5,
+ 31.4,
+ ],
+ hex: '#90220f',
},
$type: 'color',
$extensions: {
@@ -425,11 +551,15 @@
},
},
},
- '2': {
+ '4': {
$value: {
colorSpace: 'hsl',
- components: [23.7, 76.8, 22],
- hex: '#632f0d',
+ components: [
+ 9.5,
+ 82,
+ 34.9,
+ ],
+ hex: '#a12710',
},
$type: 'color',
$extensions: {
@@ -438,11 +568,15 @@
},
},
},
- '3': {
+ '5': {
$value: {
colorSpace: 'hsl',
- components: [25.3, 79.6, 26.9],
- hex: '#7b3c0e',
+ components: [
+ 10.2,
+ 83,
+ 38.5,
+ ],
+ hex: '#b32c10',
},
$type: 'color',
$extensions: {
@@ -451,11 +585,15 @@
},
},
},
- '4': {
+ '6': {
$value: {
colorSpace: 'hsl',
- components: [26, 81, 32.9],
- hex: '#984b10',
+ components: [
+ 11,
+ 84.1,
+ 42,
+ ],
+ hex: '#c53211',
},
$type: 'color',
$extensions: {
@@ -464,11 +602,15 @@
},
},
},
- '5': {
+ '7': {
$value: {
colorSpace: 'hsl',
- components: [27, 83.2, 42],
- hex: '#c46212',
+ components: [
+ 11.4,
+ 85.5,
+ 46.9,
+ ],
+ hex: '#dd3811',
},
$type: 'color',
$extensions: {
@@ -477,11 +619,15 @@
},
},
},
- '6': {
+ '8': {
$value: {
colorSpace: 'hsl',
- components: [28, 84.7, 53.9],
- hex: '#ed8326',
+ components: [
+ 11.8,
+ 87,
+ 51.8,
+ ],
+ hex: '#ef4319',
},
$type: 'color',
$extensions: {
@@ -490,11 +636,15 @@
},
},
},
- '7': {
+ '9': {
$value: {
colorSpace: 'hsl',
- components: [29, 86.7, 58.8],
- hex: '#f1933b',
+ components: [
+ 12,
+ 88.9,
+ 56.8,
+ ],
+ hex: '#f2562e',
},
$type: 'color',
$extensions: {
@@ -503,11 +653,15 @@
},
},
},
- '8': {
+ '10': {
$value: {
colorSpace: 'hsl',
- components: [30, 88.6, 69],
- hex: '#f6b06a',
+ components: [
+ 12.2,
+ 90.8,
+ 61.8,
+ ],
+ hex: '#f66945',
},
$type: 'color',
$extensions: {
@@ -516,11 +670,15 @@
},
},
},
- '9': {
+ '11': {
$value: {
colorSpace: 'hsl',
- components: [30.8, 91.5, 77.1],
- hex: '#fac68f',
+ components: [
+ 13.2,
+ 93.2,
+ 71.4,
+ ],
+ hex: '#fa9072',
},
$type: 'color',
$extensions: {
@@ -529,13 +687,15 @@
},
},
},
- },
- yellow: {
- '0': {
+ '12': {
$value: {
colorSpace: 'hsl',
- components: [33.9, 100, 9],
- hex: '#2e1a00',
+ components: [
+ 14.3,
+ 95.8,
+ 81.2,
+ ],
+ hex: '#fcb7a1',
},
$type: 'color',
$extensions: {
@@ -544,11 +704,15 @@
},
},
},
- '1': {
+ '13': {
$value: {
colorSpace: 'hsl',
- components: [35, 96.8, 12.2],
- hex: '#3d2401',
+ components: [
+ 15,
+ 100,
+ 89,
+ ],
+ hex: '#ffd4c6',
},
$type: 'color',
$extensions: {
@@ -557,11 +721,17 @@
},
},
},
- '2': {
+ },
+ orange: {
+ '0': {
$value: {
colorSpace: 'hsl',
- components: [36.1, 95.7, 18],
- hex: '#5a3702',
+ components: [
+ 23.6,
+ 100,
+ 12,
+ ],
+ hex: '#3d1800',
},
$type: 'color',
$extensions: {
@@ -570,11 +740,15 @@
},
},
},
- '3': {
+ '1': {
$value: {
colorSpace: 'hsl',
- components: [36.8, 94.6, 22],
- hex: '#6d4403',
+ components: [
+ 24.8,
+ 100,
+ 17.1,
+ ],
+ hex: '#572400',
},
$type: 'color',
$extensions: {
@@ -583,11 +757,15 @@
},
},
},
- '4': {
+ '2': {
$value: {
colorSpace: 'hsl',
- components: [38, 91.6, 28],
- hex: '#895906',
+ components: [
+ 26.3,
+ 100,
+ 22,
+ ],
+ hex: '#703100',
},
$type: 'color',
$extensions: {
@@ -596,11 +774,15 @@
},
},
},
- '5': {
+ '3': {
$value: {
colorSpace: 'hsl',
- components: [38.8, 89.9, 35.1],
- hex: '#aa7109',
+ components: [
+ 26.5,
+ 100,
+ 25.3,
+ ],
+ hex: '#813800',
},
$type: 'color',
$extensions: {
@@ -609,11 +791,15 @@
},
},
},
- '6': {
+ '4': {
$value: {
colorSpace: 'hsl',
- components: [40, 88.4, 43.9],
- hex: '#d3910d',
+ components: [
+ 26.7,
+ 100,
+ 28.6,
+ ],
+ hex: '#914000',
},
$type: 'color',
$extensions: {
@@ -622,11 +808,15 @@
},
},
},
- '7': {
+ '5': {
$value: {
colorSpace: 'hsl',
- components: [41.1, 85.8, 47.1],
- hex: '#df9e11',
+ components: [
+ 26.9,
+ 99.5,
+ 31.9,
+ ],
+ hex: '#a24800',
},
$type: 'color',
$extensions: {
@@ -635,11 +825,15 @@
},
},
},
- '8': {
+ '6': {
$value: {
colorSpace: 'hsl',
- components: [41.8, 83.9, 56.1],
- hex: '#edb431',
+ components: [
+ 27,
+ 98.9,
+ 35.3,
+ ],
+ hex: '#b35100',
},
$type: 'color',
$extensions: {
@@ -648,11 +842,15 @@
},
},
},
- '9': {
+ '7': {
$value: {
colorSpace: 'hsl',
- components: [43, 81.7, 67.8],
- hex: '#f0ca6a',
+ components: [
+ 27.1,
+ 99,
+ 38.6,
+ ],
+ hex: '#c45900',
},
$type: 'color',
$extensions: {
@@ -661,13 +859,15 @@
},
},
},
- },
- lemon: {
- '0': {
+ '8': {
$value: {
colorSpace: 'hsl',
- components: [42.4, 100, 8],
- hex: '#291d00',
+ components: [
+ 27.2,
+ 99.1,
+ 42,
+ ],
+ hex: '#d56100',
},
$type: 'color',
$extensions: {
@@ -676,11 +876,15 @@
},
},
},
- '1': {
+ '9': {
$value: {
colorSpace: 'hsl',
- components: [44.4, 96.4, 11],
- hex: '#372901',
+ components: [
+ 26.9,
+ 93.2,
+ 45.5,
+ ],
+ hex: '#e06907',
},
$type: 'color',
$extensions: {
@@ -689,11 +893,15 @@
},
},
},
- '2': {
+ '10': {
$value: {
colorSpace: 'hsl',
- components: [45.2, 95.1, 15.9],
- hex: '#4f3c02',
+ components: [
+ 26.7,
+ 87.2,
+ 49,
+ ],
+ hex: '#e9700f',
},
$type: 'color',
$extensions: {
@@ -702,11 +910,15 @@
},
},
},
- '3': {
+ '11': {
$value: {
colorSpace: 'hsl',
- components: [46.3, 90.2, 20],
- hex: '#614c05',
+ components: [
+ 26.4,
+ 85.8,
+ 58.4,
+ ],
+ hex: '#ef8939',
},
$type: 'color',
$extensions: {
@@ -715,11 +927,15 @@
},
},
},
- '4': {
+ '12': {
$value: {
colorSpace: 'hsl',
- components: [47.1, 87.5, 25.1],
- hex: '#786008',
+ components: [
+ 26.1,
+ 92.4,
+ 74.1,
+ ],
+ hex: '#f9b57f',
},
$type: 'color',
$extensions: {
@@ -728,11 +944,15 @@
},
},
},
- '5': {
+ '13': {
$value: {
colorSpace: 'hsl',
- components: [47.9, 85.3, 32],
- hex: '#977b0c',
+ components: [
+ 25.9,
+ 100,
+ 90,
+ ],
+ hex: '#fee2cc',
},
$type: 'color',
$extensions: {
@@ -741,11 +961,17 @@
},
},
},
- '6': {
+ },
+ yellow: {
+ '0': {
$value: {
colorSpace: 'hsl',
- components: [48.9, 82.4, 40],
- hex: '#ba9b12',
+ components: [
+ 22.9,
+ 100,
+ 8.2,
+ ],
+ hex: '#290f00',
},
$type: 'color',
$extensions: {
@@ -754,11 +980,15 @@
},
},
},
- '7': {
+ '1': {
$value: {
colorSpace: 'hsl',
- components: [49.9, 79, 42.9],
- hex: '#c4a717',
+ components: [
+ 26.2,
+ 100,
+ 13.9,
+ ],
+ hex: '#461e00',
},
$type: 'color',
$extensions: {
@@ -767,11 +997,15 @@
},
},
},
- '8': {
+ '2': {
$value: {
colorSpace: 'hsl',
- components: [51.3, 76.2, 47.8],
- hex: '#d7bc1d',
+ components: [
+ 29.7,
+ 100,
+ 19.8,
+ ],
+ hex: '#643100',
},
$type: 'color',
$extensions: {
@@ -780,11 +1014,15 @@
},
},
},
- '9': {
+ '3': {
$value: {
colorSpace: 'hsl',
- components: [52.3, 72.5, 60],
- hex: '#e3d04f',
+ components: [
+ 31.4,
+ 100,
+ 22.8,
+ ],
+ hex: '#743c00',
},
$type: 'color',
$extensions: {
@@ -793,13 +1031,15 @@
},
},
},
- },
- olive: {
- '0': {
+ '4': {
$value: {
colorSpace: 'hsl',
- components: [82.1, 46.3, 8],
- hex: '#171e0b',
+ components: [
+ 33,
+ 100,
+ 25.7,
+ ],
+ hex: '#834800',
},
$type: 'color',
$extensions: {
@@ -808,11 +1048,15 @@
},
},
},
- '1': {
+ '5': {
$value: {
colorSpace: 'hsl',
- components: [76.6, 47.5, 12],
- hex: '#252d10',
+ components: [
+ 34.7,
+ 100,
+ 28.5,
+ ],
+ hex: '#915400',
},
$type: 'color',
$extensions: {
@@ -821,11 +1065,15 @@
},
},
},
- '2': {
+ '6': {
$value: {
colorSpace: 'hsl',
- components: [73.6, 51.2, 16.9],
- hex: '#374115',
+ components: [
+ 36.4,
+ 100,
+ 31.4,
+ ],
+ hex: '#a06100',
},
$type: 'color',
$extensions: {
@@ -834,11 +1082,15 @@
},
},
},
- '3': {
+ '7': {
$value: {
colorSpace: 'hsl',
- components: [70.5, 53.3, 21],
- hex: '#485219',
+ components: [
+ 38,
+ 100,
+ 34.3,
+ ],
+ hex: '#af6e00',
},
$type: 'color',
$extensions: {
@@ -847,11 +1099,15 @@
},
},
},
- '4': {
+ '8': {
$value: {
colorSpace: 'hsl',
- components: [68, 56.4, 26.1],
- hex: '#5e681d',
+ components: [
+ 39.5,
+ 100,
+ 37.3,
+ ],
+ hex: '#be7d00',
},
$type: 'color',
$extensions: {
@@ -860,11 +1116,15 @@
},
},
},
- '5': {
+ '9': {
$value: {
colorSpace: 'hsl',
- components: [65.5, 59.8, 32.2],
- hex: '#7a8321',
+ components: [
+ 41.2,
+ 100,
+ 40.1,
+ ],
+ hex: '#cc8c00',
},
$type: 'color',
$extensions: {
@@ -873,11 +1133,15 @@
},
},
},
- '6': {
+ '10': {
$value: {
colorSpace: 'hsl',
- components: [61.9, 62.7, 40],
- hex: '#a2a626',
+ components: [
+ 43,
+ 100,
+ 42.9,
+ ],
+ hex: '#da9c00',
},
$type: 'color',
$extensions: {
@@ -886,11 +1150,15 @@
},
},
},
- '7': {
+ '11': {
$value: {
colorSpace: 'hsl',
- components: [58.7, 66.4, 42],
- hex: '#b2af24',
+ components: [
+ 43.7,
+ 95.6,
+ 55.5,
+ ],
+ hex: '#fabf21',
},
$type: 'color',
$extensions: {
@@ -899,11 +1167,15 @@
},
},
},
- '8': {
+ '12': {
$value: {
colorSpace: 'hsl',
- components: [56, 69.2, 47.1],
- hex: '#cbc025',
+ components: [
+ 44.7,
+ 90.3,
+ 67.6,
+ ],
+ hex: '#f6d061',
},
$type: 'color',
$extensions: {
@@ -912,11 +1184,15 @@
},
},
},
- '9': {
+ '13': {
$value: {
colorSpace: 'hsl',
- components: [52.8, 72.2, 59],
- hex: '#e2d04b',
+ components: [
+ 45.5,
+ 86.1,
+ 80.2,
+ ],
+ hex: '#f7e2a1',
},
$type: 'color',
$extensions: {
@@ -926,12 +1202,16 @@
},
},
},
- lime: {
+ lemon: {
'0': {
$value: {
colorSpace: 'hsl',
- components: [101.3, 34.8, 9],
- hex: '#141f0f',
+ components: [
+ 41.7,
+ 100,
+ 7.1,
+ ],
+ hex: '#241900',
},
$type: 'color',
$extensions: {
@@ -943,8 +1223,12 @@
'1': {
$value: {
colorSpace: 'hsl',
- components: [100, 38, 13.9],
- hex: '#1f3116',
+ components: [
+ 44.3,
+ 97,
+ 13.1,
+ ],
+ hex: '#413001',
},
$type: 'color',
$extensions: {
@@ -956,8 +1240,12 @@
'2': {
$value: {
colorSpace: 'hsl',
- components: [96.9, 40.2, 19],
- hex: '#2c441d',
+ components: [
+ 45.5,
+ 96.1,
+ 20.2,
+ ],
+ hex: '#654d02',
},
$type: 'color',
$extensions: {
@@ -969,8 +1257,12 @@
'3': {
$value: {
colorSpace: 'hsl',
- components: [94.1, 43.6, 22.9],
- hex: '#375421',
+ components: [
+ 46.1,
+ 95.2,
+ 23.8,
+ ],
+ hex: '#765b02',
},
$type: 'color',
$extensions: {
@@ -982,8 +1274,12 @@
'4': {
$value: {
colorSpace: 'hsl',
- components: [90.9, 45.9, 29],
- hex: '#496c28',
+ components: [
+ 46.7,
+ 94.2,
+ 27.3,
+ ],
+ hex: '#876a04',
},
$type: 'color',
$extensions: {
@@ -995,8 +1291,12 @@
'5': {
$value: {
colorSpace: 'hsl',
- components: [88, 48.9, 36.1],
- hex: '#5f892f',
+ components: [
+ 47.5,
+ 93.7,
+ 30.8,
+ ],
+ hex: '#987904',
},
$type: 'color',
$extensions: {
@@ -1008,8 +1308,12 @@
'6': {
$value: {
colorSpace: 'hsl',
- components: [84.7, 52, 44.9],
- hex: '#7dae37',
+ components: [
+ 48.2,
+ 93.1,
+ 34.3,
+ ],
+ hex: '#a88806',
},
$type: 'color',
$extensions: {
@@ -1021,8 +1325,12 @@
'7': {
$value: {
colorSpace: 'hsl',
- components: [82.3, 55, 47.1],
- hex: '#89ba36',
+ components: [
+ 48.9,
+ 91.3,
+ 37.8,
+ ],
+ hex: '#b89708',
},
$type: 'color',
$extensions: {
@@ -1034,8 +1342,12 @@
'8': {
$value: {
colorSpace: 'hsl',
- components: [79, 58.2, 52.2],
- hex: '#9fcc3e',
+ components: [
+ 49.5,
+ 89.5,
+ 41.2,
+ ],
+ hex: '#c7a60b',
},
$type: 'color',
$extensions: {
@@ -1047,8 +1359,12 @@
'9': {
$value: {
colorSpace: 'hsl',
- components: [75.7, 60.8, 62.9],
- hex: '#bcda67',
+ components: [
+ 50.2,
+ 87.8,
+ 44.6,
+ ],
+ hex: '#d5b40d',
},
$type: 'color',
$extensions: {
@@ -1057,13 +1373,15 @@
},
},
},
- },
- green: {
- '0': {
+ '10': {
$value: {
colorSpace: 'hsl',
- components: [140, 29.4, 10],
- hex: '#122117',
+ components: [
+ 50.9,
+ 86.1,
+ 48,
+ ],
+ hex: '#e3c311',
},
$type: 'color',
$extensions: {
@@ -1072,11 +1390,15 @@
},
},
},
- '1': {
+ '11': {
$value: {
colorSpace: 'hsl',
- components: [138.3, 32.4, 13.9],
- hex: '#182f1f',
+ components: [
+ 51.7,
+ 89.5,
+ 58.8,
+ ],
+ hex: '#f3d937',
},
$type: 'color',
$extensions: {
@@ -1085,11 +1407,15 @@
},
},
},
- '2': {
+ '12': {
$value: {
colorSpace: 'hsl',
- components: [133.3, 35.3, 20],
- hex: '#214529',
+ components: [
+ 52.4,
+ 92.3,
+ 69.6,
+ ],
+ hex: '#f9e669',
},
$type: 'color',
$extensions: {
@@ -1098,11 +1424,15 @@
},
},
},
- '3': {
+ '13': {
$value: {
colorSpace: 'hsl',
- components: [130, 37.5, 25.1],
- hex: '#285830',
+ components: [
+ 53.1,
+ 93.5,
+ 81.8,
+ ],
+ hex: '#fbf2a5',
},
$type: 'color',
$extensions: {
@@ -1111,11 +1441,17 @@
},
},
},
- '4': {
+ },
+ olive: {
+ '0': {
$value: {
colorSpace: 'hsl',
- components: [127.5, 40.5, 31],
- hex: '#2f6f37',
+ components: [
+ 82.1,
+ 46.3,
+ 8,
+ ],
+ hex: '#161d0a',
},
$type: 'color',
$extensions: {
@@ -1124,11 +1460,15 @@
},
},
},
- '5': {
+ '1': {
$value: {
colorSpace: 'hsl',
- components: [124.8, 43.7, 39],
- hex: '#388f3f',
+ components: [
+ 76.6,
+ 47.5,
+ 12,
+ ],
+ hex: '#252d10',
},
$type: 'color',
$extensions: {
@@ -1137,11 +1477,15 @@
},
},
},
- '6': {
+ '2': {
$value: {
colorSpace: 'hsl',
- components: [122.1, 46.9, 48],
- hex: '#41b445',
+ components: [
+ 73.6,
+ 51.2,
+ 16.9,
+ ],
+ hex: '#374115',
},
$type: 'color',
$extensions: {
@@ -1150,11 +1494,15 @@
},
},
},
- '7': {
+ '3': {
$value: {
colorSpace: 'hsl',
- components: [119, 50.2, 51.2],
- hex: '#46c144',
+ components: [
+ 70.5,
+ 53.3,
+ 21,
+ ],
+ hex: '#485219',
},
$type: 'color',
$extensions: {
@@ -1163,11 +1511,15 @@
},
},
},
- '8': {
+ '4': {
$value: {
colorSpace: 'hsl',
- components: [116.4, 53.2, 63.1],
- hex: '#75d36f',
+ components: [
+ 69.2,
+ 54.8,
+ 23.6,
+ ],
+ hex: '#525c1b',
},
$type: 'color',
$extensions: {
@@ -1176,11 +1528,15 @@
},
},
},
- '9': {
+ '5': {
$value: {
colorSpace: 'hsl',
- components: [113.3, 56.3, 72.2],
- hex: '#99e090',
+ components: [
+ 68,
+ 56.4,
+ 26.1,
+ ],
+ hex: '#5e681d',
},
$type: 'color',
$extensions: {
@@ -1189,13 +1545,15 @@
},
},
},
- },
- pine: {
- '0': {
+ '6': {
$value: {
colorSpace: 'hsl',
- components: [160.8, 61, 8],
- hex: '#082119',
+ components: [
+ 66.8,
+ 58.1,
+ 29.2,
+ ],
+ hex: '#6b751f',
},
$type: 'color',
$extensions: {
@@ -1204,11 +1562,15 @@
},
},
},
- '1': {
+ '7': {
$value: {
colorSpace: 'hsl',
- components: [158.5, 63.9, 12],
- hex: '#0b3224',
+ components: [
+ 65.5,
+ 59.8,
+ 32.2,
+ ],
+ hex: '#7a8321',
},
$type: 'color',
$extensions: {
@@ -1217,11 +1579,15 @@
},
},
},
- '2': {
+ '8': {
$value: {
colorSpace: 'hsl',
- components: [157.8, 65.9, 16.1],
- hex: '#0e4430',
+ components: [
+ 63.7,
+ 61.2,
+ 36.1,
+ ],
+ hex: '#8d9423',
},
$type: 'color',
$extensions: {
@@ -1230,11 +1596,15 @@
},
},
},
- '3': {
+ '9': {
$value: {
colorSpace: 'hsl',
- components: [157, 68.2, 21],
- hex: '#115a3e',
+ components: [
+ 61.9,
+ 62.7,
+ 40,
+ ],
+ hex: '#a1a526',
},
$type: 'color',
$extensions: {
@@ -1243,11 +1613,15 @@
},
},
},
- '4': {
+ '10': {
$value: {
colorSpace: 'hsl',
- components: [156.1, 69.9, 26.1],
- hex: '#14714c',
+ components: [
+ 60.3,
+ 64.6,
+ 41,
+ ],
+ hex: '#abac25',
},
$type: 'color',
$extensions: {
@@ -1256,11 +1630,15 @@
},
},
},
- '5': {
+ '11': {
$value: {
colorSpace: 'hsl',
- components: [154.7, 71.6, 33.1],
- hex: '#18915e',
+ components: [
+ 58.7,
+ 66.4,
+ 42,
+ ],
+ hex: '#b2af23',
},
$type: 'color',
$extensions: {
@@ -1269,11 +1647,15 @@
},
},
},
- '6': {
+ '12': {
$value: {
colorSpace: 'hsl',
- components: [154.1, 74.2, 41],
- hex: '#1bb673',
+ components: [
+ 56,
+ 69.2,
+ 47.1,
+ ],
+ hex: '#cbc024',
},
$type: 'color',
$extensions: {
@@ -1282,11 +1664,15 @@
},
},
},
- '7': {
+ '13': {
$value: {
colorSpace: 'hsl',
- components: [153.1, 76.3, 42.9],
- hex: '#1ac176',
+ components: [
+ 52.8,
+ 72.2,
+ 59,
+ ],
+ hex: '#e1cf4a',
},
$type: 'color',
$extensions: {
@@ -1295,11 +1681,17 @@
},
},
},
- '8': {
+ },
+ lime: {
+ '0': {
$value: {
colorSpace: 'hsl',
- components: [152, 78, 48],
- hex: '#1bda81',
+ components: [
+ 110,
+ 70.6,
+ 6.7,
+ ],
+ hex: '#091d05',
},
$type: 'color',
$extensions: {
@@ -1308,11 +1700,15 @@
},
},
},
- '9': {
+ '1': {
$value: {
colorSpace: 'hsl',
- components: [151, 80.4, 58],
- hex: '#3eea97',
+ components: [
+ 98.8,
+ 68,
+ 9.8,
+ ],
+ hex: '#142907',
},
$type: 'color',
$extensions: {
@@ -1321,13 +1717,15 @@
},
},
},
- },
- teal: {
- '0': {
+ '2': {
$value: {
colorSpace: 'hsl',
- components: [190.9, 80.5, 8],
- hex: '#041f25',
+ components: [
+ 87.9,
+ 66.2,
+ 12.7,
+ ],
+ hex: '#21350a',
},
$type: 'color',
$extensions: {
@@ -1336,11 +1734,15 @@
},
},
},
- '1': {
+ '3': {
$value: {
colorSpace: 'hsl',
- components: [187.7, 77, 12],
- hex: '#073036',
+ components: [
+ 86.3,
+ 69.5,
+ 17.1,
+ ],
+ hex: '#2f4a0d',
},
$type: 'color',
$extensions: {
@@ -1349,11 +1751,15 @@
},
},
},
- '2': {
+ '4': {
$value: {
colorSpace: 'hsl',
- components: [186.3, 77, 17.1],
- hex: '#0a464d',
+ components: [
+ 84.8,
+ 72.7,
+ 21.6,
+ ],
+ hex: '#3e5f0f',
},
$type: 'color',
$extensions: {
@@ -1362,11 +1768,15 @@
},
},
},
- '3': {
+ '5': {
$value: {
colorSpace: 'hsl',
- components: [183.8, 76.5, 20],
- hex: '#0c555a',
+ components: [
+ 82.8,
+ 76,
+ 25.9,
+ ],
+ hex: '#4e740f',
},
$type: 'color',
$extensions: {
@@ -1375,11 +1785,15 @@
},
},
},
- '4': {
+ '6': {
$value: {
colorSpace: 'hsl',
- components: [182.5, 75, 25.1],
- hex: '#106c70',
+ components: [
+ 80.7,
+ 79.2,
+ 30.2,
+ ],
+ hex: '#5f8a10',
},
$type: 'color',
$extensions: {
@@ -1388,11 +1802,15 @@
},
},
},
- '5': {
+ '7': {
$value: {
colorSpace: 'hsl',
- components: [180, 73.6, 31.2],
- hex: '#158a8a',
+ components: [
+ 78.8,
+ 82.1,
+ 34.6,
+ ],
+ hex: '#73a00f',
},
$type: 'color',
$extensions: {
@@ -1401,11 +1819,15 @@
},
},
},
- '6': {
+ '8': {
$value: {
colorSpace: 'hsl',
- components: [178, 72.5, 40],
- hex: '#1cb0ab',
+ components: [
+ 77,
+ 84.9,
+ 39,
+ ],
+ hex: '#88b70f',
},
$type: 'color',
$extensions: {
@@ -1414,11 +1836,15 @@
},
},
},
- '7': {
+ '9': {
$value: {
colorSpace: 'hsl',
- components: [175.8, 71.8, 43.1],
- hex: '#1fbdb2',
+ components: [
+ 75.7,
+ 82.5,
+ 44,
+ ],
+ hex: '#9ccc13',
},
$type: 'color',
$extensions: {
@@ -1427,11 +1853,15 @@
},
},
},
- '8': {
+ '10': {
$value: {
colorSpace: 'hsl',
- components: [173.9, 71.2, 49],
- hex: '#24d6c4',
+ components: [
+ 74.4,
+ 80,
+ 49,
+ ],
+ hex: '#b0e018',
},
$type: 'color',
$extensions: {
@@ -1440,11 +1870,49 @@
},
},
},
- '9': {
+ '11': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 72,
+ 85.4,
+ 59.8,
+ ],
+ hex: '#cdf040',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 80,
+ 100,
+ 79.4,
+ ],
+ hex: '#dbff95',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
$value: {
colorSpace: 'hsl',
- components: [171.8, 70.2, 63.1],
- hex: '#5fe3d1',
+ components: [
+ 80,
+ 100,
+ 89.4,
+ ],
+ hex: '#ecffc8',
},
$type: 'color',
$extensions: {
@@ -1454,12 +1922,16 @@
},
},
},
- cyan: {
+ green: {
'0': {
$value: {
colorSpace: 'hsl',
- components: [194.6, 100, 8],
- hex: '#001f29',
+ components: [
+ 159.2,
+ 56.5,
+ 9,
+ ],
+ hex: '#09231a',
},
$type: 'color',
$extensions: {
@@ -1471,8 +1943,12 @@
'1': {
$value: {
colorSpace: 'hsl',
- components: [194.8, 100, 12],
- hex: '#002e3d',
+ components: [
+ 159.4,
+ 57.4,
+ 12,
+ ],
+ hex: '#0d3024',
},
$type: 'color',
$extensions: {
@@ -1484,8 +1960,12 @@
'2': {
$value: {
colorSpace: 'hsl',
- components: [194.8, 97.7, 17.1],
- hex: '#014156',
+ components: [
+ 154.6,
+ 65,
+ 15.7,
+ ],
+ hex: '#0e422c',
},
$type: 'color',
$extensions: {
@@ -1497,8 +1977,12 @@
'3': {
$value: {
colorSpace: 'hsl',
- components: [195.4, 96.5, 22.2],
- hex: '#02536f',
+ components: [
+ 149.3,
+ 71.3,
+ 19.2,
+ ],
+ hex: '#0e5330',
},
$type: 'color',
$extensions: {
@@ -1510,8 +1994,12 @@
'4': {
$value: {
colorSpace: 'hsl',
- components: [194.9, 95.8, 28],
- hex: '#036a8c',
+ components: [
+ 144,
+ 77.6,
+ 22.7,
+ ],
+ hex: '#0c6630',
},
$type: 'color',
$extensions: {
@@ -1523,8 +2011,12 @@
'5': {
$value: {
colorSpace: 'hsl',
- components: [195.2, 94.6, 36.1],
- hex: '#0587b3',
+ components: [
+ 140.2,
+ 83.2,
+ 25.4,
+ ],
+ hex: '#0a762f',
},
$type: 'color',
$extensions: {
@@ -1536,8 +2028,12 @@
'6': {
$value: {
colorSpace: 'hsl',
- components: [195.2, 94, 46.1],
- hex: '#07ace4',
+ components: [
+ 136.5,
+ 88.8,
+ 28,
+ ],
+ hex: '#07862a',
},
$type: 'color',
$extensions: {
@@ -1549,8 +2045,12 @@
'7': {
$value: {
colorSpace: 'hsl',
- components: [195, 92.8, 49],
- hex: '#09b7f1',
+ components: [
+ 136.2,
+ 87.1,
+ 34.2,
+ ],
+ hex: '#0ba334',
},
$type: 'color',
$extensions: {
@@ -1562,8 +2062,12 @@
'8': {
$value: {
colorSpace: 'hsl',
- components: [194.8, 91.8, 62],
- hex: '#45cbf7',
+ components: [
+ 136,
+ 85.4,
+ 40.4,
+ ],
+ hex: '#0fbe3d',
},
$type: 'color',
$extensions: {
@@ -1575,8 +2079,12 @@
'9': {
$value: {
colorSpace: 'hsl',
- components: [194.9, 91, 73.9],
- hex: '#80dbf9',
+ components: [
+ 135.8,
+ 84,
+ 46.5,
+ ],
+ hex: '#12da47',
},
$type: 'color',
$extensions: {
@@ -1585,13 +2093,15 @@
},
},
},
- },
- blue: {
- '0': {
+ '10': {
$value: {
colorSpace: 'hsl',
- components: [218, 100, 13.9],
- hex: '#001a47',
+ components: [
+ 135.7,
+ 82.6,
+ 52.7,
+ ],
+ hex: '#22ea56',
},
$type: 'color',
$extensions: {
@@ -1600,11 +2110,15 @@
},
},
},
- '1': {
+ '11': {
$value: {
colorSpace: 'hsl',
- components: [217.1, 100, 20],
- hex: '#002766',
+ components: [
+ 135.2,
+ 79.8,
+ 65.1,
+ ],
+ hex: '#5eed82',
},
$type: 'color',
$extensions: {
@@ -1613,11 +2127,15 @@
},
},
},
- '2': {
+ '12': {
$value: {
colorSpace: 'hsl',
- components: [216.1, 100, 27.1],
- hex: '#00378a',
+ components: [
+ 135.3,
+ 79.7,
+ 74.9,
+ ],
+ hex: '#8bf2a5',
},
$type: 'color',
$extensions: {
@@ -1626,11 +2144,15 @@
},
},
},
- '3': {
+ '13': {
$value: {
colorSpace: 'hsl',
- components: [215, 100, 32.9],
- hex: '#0046a8',
+ components: [
+ 135.3,
+ 88.7,
+ 89.6,
+ ],
+ hex: '#ccfcd8',
},
$type: 'color',
$extensions: {
@@ -1639,11 +2161,17 @@
},
},
},
- '4': {
+ },
+ pine: {
+ '0': {
$value: {
colorSpace: 'hsl',
- components: [213.9, 100, 41],
- hex: '#005bd1',
+ components: [
+ 160.8,
+ 61,
+ 8,
+ ],
+ hex: '#072018',
},
$type: 'color',
$extensions: {
@@ -1652,11 +2180,15 @@
},
},
},
- '5': {
+ '1': {
$value: {
colorSpace: 'hsl',
- components: [212.9, 100, 51],
- hex: '#0576ff',
+ components: [
+ 158.5,
+ 63.9,
+ 12,
+ ],
+ hex: '#0b3224',
},
$type: 'color',
$extensions: {
@@ -1665,11 +2197,15 @@
},
},
},
- '6': {
+ '2': {
$value: {
colorSpace: 'hsl',
- components: [212, 100, 65.1],
- hex: '#4da0ff',
+ components: [
+ 157.8,
+ 65.9,
+ 16.1,
+ ],
+ hex: '#0d4430',
},
$type: 'color',
$extensions: {
@@ -1678,11 +2214,15 @@
},
},
},
- '7': {
+ '3': {
$value: {
colorSpace: 'hsl',
- components: [211.1, 100, 69],
- hex: '#61adff',
+ components: [
+ 157,
+ 68.2,
+ 21,
+ ],
+ hex: '#115a3e',
},
$type: 'color',
$extensions: {
@@ -1691,11 +2231,15 @@
},
},
},
- '8': {
+ '4': {
$value: {
colorSpace: 'hsl',
- components: [210, 100, 76.1],
- hex: '#85c2ff',
+ components: [
+ 156.6,
+ 69.1,
+ 23.6,
+ ],
+ hex: '#126545',
},
$type: 'color',
$extensions: {
@@ -1704,11 +2248,15 @@
},
},
},
- '9': {
+ '5': {
$value: {
colorSpace: 'hsl',
- components: [208.7, 100, 82],
- hex: '#a3d3ff',
+ components: [
+ 156.1,
+ 69.9,
+ 26.1,
+ ],
+ hex: '#14714c',
},
$type: 'color',
$extensions: {
@@ -1717,13 +2265,15 @@
},
},
},
- },
- indigo: {
- '0': {
+ '6': {
$value: {
colorSpace: 'hsl',
- components: [244.6, 44.8, 17.1],
- hex: '#1b183f',
+ components: [
+ 155.4,
+ 70.8,
+ 29.6,
+ ],
+ hex: '#168055',
},
$type: 'color',
$extensions: {
@@ -1732,11 +2282,15 @@
},
},
},
- '1': {
+ '7': {
$value: {
colorSpace: 'hsl',
- components: [243.9, 48.4, 25.1],
- hex: '#25215f',
+ components: [
+ 154.7,
+ 71.6,
+ 33.1,
+ ],
+ hex: '#17905d',
},
$type: 'color',
$extensions: {
@@ -1745,11 +2299,15 @@
},
},
},
- '2': {
+ '8': {
$value: {
colorSpace: 'hsl',
- components: [243, 53.2, 36.9],
- hex: '#312c90',
+ components: [
+ 154.4,
+ 72.9,
+ 37,
+ ],
+ hex: '#19a368',
},
$type: 'color',
$extensions: {
@@ -1758,11 +2316,15 @@
},
},
},
- '3': {
+ '9': {
$value: {
colorSpace: 'hsl',
- components: [241.7, 56.7, 48],
- hex: '#3935c0',
+ components: [
+ 154.1,
+ 74.2,
+ 41,
+ ],
+ hex: '#1ab673',
},
$type: 'color',
$extensions: {
@@ -1771,11 +2333,15 @@
},
},
},
- '4': {
+ '10': {
$value: {
colorSpace: 'hsl',
- components: [241.3, 60.9, 56.9],
- hex: '#514ed4',
+ components: [
+ 153.6,
+ 75.2,
+ 42,
+ ],
+ hex: '#1abb74',
},
$type: 'color',
$extensions: {
@@ -1784,11 +2350,873 @@
},
},
},
- '5': {
+ '11': {
$value: {
colorSpace: 'hsl',
- components: [240, 65.3, 66.1],
- hex: '#7070e1',
+ components: [
+ 153.1,
+ 76.3,
+ 42.9,
+ ],
+ hex: '#19c076',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 152,
+ 78,
+ 48,
+ ],
+ hex: '#1ad980',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 151,
+ 80.4,
+ 58,
+ ],
+ hex: '#3dea96',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ teal: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 181.5,
+ 80.4,
+ 10,
+ ],
+ hex: '#042c2e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 181.6,
+ 94.9,
+ 15.5,
+ ],
+ hex: '#024b4d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 180.5,
+ 93.2,
+ 23.1,
+ ],
+ hex: '#047071',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 180.1,
+ 92.2,
+ 27,
+ ],
+ hex: '#058384',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 179.6,
+ 91.1,
+ 30.8,
+ ],
+ hex: '#069695',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 179.1,
+ 89.9,
+ 34.7,
+ ],
+ hex: '#08a8a5',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 178.6,
+ 88.8,
+ 38.6,
+ ],
+ hex: '#0bb9b5',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 178.1,
+ 87.6,
+ 42.5,
+ ],
+ hex: '#0dcbc5',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 177.6,
+ 86.4,
+ 46.3,
+ ],
+ hex: '#10dcd3',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 177.1,
+ 85.6,
+ 50.1,
+ ],
+ hex: '#12ece2',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '10': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 176.7,
+ 84.7,
+ 53.9,
+ ],
+ hex: '#25ede2',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '11': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 175.3,
+ 80.6,
+ 65.7,
+ ],
+ hex: '#61eee2',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 173.9,
+ 75.9,
+ 77.3,
+ ],
+ hex: '#99f1e8',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 172.5,
+ 71.4,
+ 89,
+ ],
+ hex: '#cef6f1',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ cyan: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 194.6,
+ 100,
+ 8,
+ ],
+ hex: '#001e28',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 194.8,
+ 100,
+ 12,
+ ],
+ hex: '#002e3d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 194.8,
+ 97.7,
+ 17.1,
+ ],
+ hex: '#014156',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 195.4,
+ 96.5,
+ 22.2,
+ ],
+ hex: '#01536f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 195.2,
+ 96.2,
+ 25.1,
+ ],
+ hex: '#025e7d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 194.9,
+ 95.8,
+ 28,
+ ],
+ hex: '#02698b',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 195.1,
+ 95.2,
+ 32,
+ ],
+ hex: '#03789f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 195.2,
+ 94.6,
+ 36.1,
+ ],
+ hex: '#0487b3',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 195.2,
+ 94.3,
+ 41.1,
+ ],
+ hex: '#0599cb',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 195.2,
+ 94,
+ 46.1,
+ ],
+ hex: '#07ace4',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '10': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 195.1,
+ 93.4,
+ 47.5,
+ ],
+ hex: '#08b1ea',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '11': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 195,
+ 92.8,
+ 49,
+ ],
+ hex: '#08b6f0',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 194.8,
+ 91.8,
+ 62,
+ ],
+ hex: '#45cbf7',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 194.9,
+ 91,
+ 73.9,
+ ],
+ hex: '#7fdaf9',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ blue: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 231.6,
+ 100,
+ 11.2,
+ ],
+ hex: '#000739',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 222.8,
+ 90.4,
+ 20.4,
+ ],
+ hex: '#041f63',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 224.9,
+ 89.4,
+ 29.6,
+ ],
+ hex: '#08298e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 227.4,
+ 84.4,
+ 34.8,
+ ],
+ hex: '#0d2da3',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 230,
+ 79.4,
+ 40,
+ ],
+ hex: '#1530b6',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 224.9,
+ 85.3,
+ 42.5,
+ ],
+ hex: '#0f3ec8',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 219.9,
+ 91.3,
+ 44.9,
+ ],
+ hex: '#094fdb',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 216.2,
+ 95.7,
+ 47.8,
+ ],
+ hex: '#0561ee',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 212.4,
+ 100,
+ 50.6,
+ ],
+ hex: '#0376ff',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 211.7,
+ 100,
+ 55,
+ ],
+ hex: '#1985ff',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '10': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 211,
+ 100,
+ 59.4,
+ ],
+ hex: '#2f94fe',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '11': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 210.4,
+ 98.5,
+ 73.3,
+ ],
+ hex: '#77bafd',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 203.9,
+ 100,
+ 81.8,
+ ],
+ hex: '#a2daff',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 197.7,
+ 100,
+ 88,
+ ],
+ hex: '#c1ecfe',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ indigo: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 236.4,
+ 65.8,
+ 14.9,
+ ],
+ hex: '#0c0f3e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 237.6,
+ 63.3,
+ 23.5,
+ ],
+ hex: '#151961',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 240,
+ 59.8,
+ 32.2,
+ ],
+ hex: '#212183',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 237.5,
+ 63.5,
+ 37.1,
+ ],
+ hex: '#22279a',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 235,
+ 67.3,
+ 42,
+ ],
+ hex: '#232fb3',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 234.7,
+ 67.7,
+ 46.5,
+ ],
+ hex: '#2634c6',
},
$type: 'color',
$extensions: {
@@ -1800,8 +3228,12 @@
'6': {
$value: {
colorSpace: 'hsl',
- components: [239.3, 68.9, 76.1],
- hex: '#9899ec',
+ components: [
+ 234.4,
+ 68,
+ 51,
+ ],
+ hex: '#2d3cd7',
},
$type: 'color',
$extensions: {
@@ -1813,8 +3245,12 @@
'7': {
$value: {
colorSpace: 'hsl',
- components: [237.7, 73.8, 79],
- hex: '#a2a5f1',
+ components: [
+ 233.7,
+ 71.5,
+ 55.2,
+ ],
+ hex: '#3b4cde',
},
$type: 'color',
$extensions: {
@@ -1826,8 +3262,12 @@
'8': {
$value: {
colorSpace: 'hsl',
- components: [237.1, 77.8, 84.1],
- hex: '#b7baf6',
+ components: [
+ 233,
+ 74.9,
+ 59.4,
+ ],
+ hex: '#495ce5',
},
$type: 'color',
$extensions: {
@@ -1839,8 +3279,80 @@
'9': {
$value: {
colorSpace: 'hsl',
- components: [236.3, 80.3, 88],
- hex: '#c8cbf9',
+ components: [
+ 232.2,
+ 78.3,
+ 63.6,
+ ],
+ hex: '#596cea',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '10': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 231.5,
+ 81.7,
+ 67.8,
+ ],
+ hex: '#697cef',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '11': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 229.9,
+ 88.4,
+ 76.3,
+ ],
+ hex: '#8d9ff7',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 228.6,
+ 94.9,
+ 84.7,
+ ],
+ hex: '#b2c1fd',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 226.7,
+ 100,
+ 92.9,
+ ],
+ hex: '#dae2ff',
},
$type: 'color',
$extensions: {
@@ -1854,8 +3366,12 @@
'0': {
$value: {
colorSpace: 'hsl',
- components: [258.5, 63.2, 17.1],
- hex: '#211047',
+ components: [
+ 257.1,
+ 91.3,
+ 9,
+ ],
+ hex: '#0d012b',
},
$type: 'color',
$extensions: {
@@ -1867,8 +3383,12 @@
'1': {
$value: {
colorSpace: 'hsl',
- components: [260, 68.5, 24.9],
- hex: '#31146b',
+ components: [
+ 258.3,
+ 100,
+ 14.1,
+ ],
+ hex: '#150047',
},
$type: 'color',
$extensions: {
@@ -1880,8 +3400,12 @@
'2': {
$value: {
colorSpace: 'hsl',
- components: [260.9, 71.7, 36.1],
- hex: '#481a9e',
+ components: [
+ 256.2,
+ 69.6,
+ 22,
+ ],
+ hex: '#26115f',
},
$type: 'color',
$extensions: {
@@ -1893,8 +3417,12 @@
'3': {
$value: {
colorSpace: 'hsl',
- components: [261.7, 75.7, 45.1],
- hex: '#5b1cca',
+ components: [
+ 257.9,
+ 72.1,
+ 28.8,
+ ],
+ hex: '#33147e',
},
$type: 'color',
$extensions: {
@@ -1906,8 +3434,12 @@
'4': {
$value: {
colorSpace: 'hsl',
- components: [263.2, 80, 54.9],
- hex: '#7730e8',
+ components: [
+ 259.6,
+ 74.6,
+ 35.5,
+ ],
+ hex: '#43169e',
},
$type: 'color',
$extensions: {
@@ -1919,8 +3451,12 @@
'5': {
$value: {
colorSpace: 'hsl',
- components: [264, 84.3, 65.1],
- hex: '#975bf1',
+ components: [
+ 261.4,
+ 77.3,
+ 42.2,
+ ],
+ hex: '#5318bf',
},
$type: 'color',
$extensions: {
@@ -1932,8 +3468,12 @@
'6': {
$value: {
colorSpace: 'hsl',
- components: [265.2, 87.5, 74.9],
- hex: '#b687f7',
+ components: [
+ 263.1,
+ 80,
+ 49,
+ ],
+ hex: '#6518e0',
},
$type: 'color',
$extensions: {
@@ -1945,8 +3485,12 @@
'7': {
$value: {
colorSpace: 'hsl',
- components: [266.1, 92.5, 79],
- hex: '#c398fb',
+ components: [
+ 264,
+ 85,
+ 54.8,
+ ],
+ hex: '#7829ed',
},
$type: 'color',
$extensions: {
@@ -1958,8 +3502,12 @@
'8': {
$value: {
colorSpace: 'hsl',
- components: [266.9, 95.1, 83.9],
- hex: '#d2affd',
+ components: [
+ 264.9,
+ 90,
+ 60.6,
+ ],
+ hex: '#8b40f4',
},
$type: 'color',
$extensions: {
@@ -1971,8 +3519,80 @@
'9': {
$value: {
colorSpace: 'hsl',
- components: [267.9, 100, 89],
- hex: '#e1c7ff',
+ components: [
+ 265.6,
+ 91.2,
+ 64.6,
+ ],
+ hex: '#9852f7',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '10': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 266.4,
+ 92.5,
+ 68.6,
+ ],
+ hex: '#a664f8',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '11': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 268.1,
+ 95,
+ 76.7,
+ ],
+ hex: '#c08bfc',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 265.6,
+ 97.4,
+ 84.9,
+ ],
+ hex: '#d2b2fd',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 265,
+ 100,
+ 92.9,
+ ],
+ hex: '#e9daff',
},
$type: 'color',
$extensions: {
@@ -1986,8 +3606,12 @@
'0': {
$value: {
colorSpace: 'hsl',
- components: [274.3, 63.6, 15.1],
- hex: '#2a0e3f',
+ components: [
+ 274.3,
+ 63.6,
+ 15.1,
+ ],
+ hex: '#2a0e3e',
},
$type: 'color',
$extensions: {
@@ -1999,7 +3623,11 @@
'1': {
$value: {
colorSpace: 'hsl',
- components: [276.3, 67.9, 22],
+ components: [
+ 276.3,
+ 67.9,
+ 22,
+ ],
hex: '#40125e',
},
$type: 'color',
@@ -2012,8 +3640,12 @@
'2': {
$value: {
colorSpace: 'hsl',
- components: [276.8, 72.2, 31],
- hex: '#5c1688',
+ components: [
+ 276.8,
+ 72.2,
+ 31,
+ ],
+ hex: '#5b1588',
},
$type: 'color',
$extensions: {
@@ -2025,8 +3657,12 @@
'3': {
$value: {
colorSpace: 'hsl',
- components: [278.1, 76.3, 38],
- hex: '#7517ab',
+ components: [
+ 278.1,
+ 76.3,
+ 38,
+ ],
+ hex: '#7416aa',
},
$type: 'color',
$extensions: {
@@ -2038,8 +3674,12 @@
'4': {
$value: {
colorSpace: 'hsl',
- components: [279.1, 80, 47.1],
- hex: '#9518d8',
+ components: [
+ 278.6,
+ 78.2,
+ 42.5,
+ ],
+ hex: '#8417c1',
},
$type: 'color',
$extensions: {
@@ -2051,8 +3691,12 @@
'5': {
$value: {
colorSpace: 'hsl',
- components: [280.1, 84.3, 60],
- hex: '#b643ef',
+ components: [
+ 279.1,
+ 80,
+ 47.1,
+ ],
+ hex: '#9518d8',
},
$type: 'color',
$extensions: {
@@ -2064,8 +3708,12 @@
'6': {
$value: {
colorSpace: 'hsl',
- components: [280.7, 88.3, 73.1],
- hex: '#d07ef7',
+ components: [
+ 279.6,
+ 82.2,
+ 53.5,
+ ],
+ hex: '#a727e9',
},
$type: 'color',
$extensions: {
@@ -2077,8 +3725,12 @@
'7': {
$value: {
colorSpace: 'hsl',
- components: [281.9, 91.9, 75.9],
- hex: '#d889fa',
+ components: [
+ 280.1,
+ 84.3,
+ 60,
+ ],
+ hex: '#b543ee',
},
$type: 'color',
$extensions: {
@@ -2090,8 +3742,12 @@
'8': {
$value: {
colorSpace: 'hsl',
- components: [283, 95.7, 82],
- hex: '#e4a5fd',
+ components: [
+ 280.4,
+ 86.3,
+ 66.5,
+ ],
+ hex: '#c360f3',
},
$type: 'color',
$extensions: {
@@ -2103,7 +3759,79 @@
'9': {
$value: {
colorSpace: 'hsl',
- components: [283.6, 100, 87.1],
+ components: [
+ 280.7,
+ 88.3,
+ 73.1,
+ ],
+ hex: '#d07df6',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '10': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 281.3,
+ 90.1,
+ 74.5,
+ ],
+ hex: '#d483f8',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '11': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 281.9,
+ 91.9,
+ 75.9,
+ ],
+ hex: '#d789fa',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 283,
+ 95.7,
+ 82,
+ ],
+ hex: '#e4a5fd',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 283.6,
+ 100,
+ 87.1,
+ ],
hex: '#edbdff',
},
$type: 'color',
@@ -2118,8 +3846,12 @@
'0': {
$value: {
colorSpace: 'hsl',
- components: [322.5, 36.4, 12.9],
- hex: '#2d1524',
+ components: [
+ 325.5,
+ 71.4,
+ 11,
+ ],
+ hex: '#30081f',
},
$type: 'color',
$extensions: {
@@ -2131,8 +3863,12 @@
'1': {
$value: {
colorSpace: 'hsl',
- components: [323.4, 42.3, 19],
- hex: '#451c35',
+ components: [
+ 322.1,
+ 70.8,
+ 18.8,
+ ],
+ hex: '#510d38',
},
$type: 'color',
$extensions: {
@@ -2144,8 +3880,12 @@
'2': {
$value: {
colorSpace: 'hsl',
- components: [324.9, 47.4, 26.9],
- hex: '#65244a',
+ components: [
+ 322.7,
+ 69.3,
+ 26.9,
+ ],
+ hex: '#741550',
},
$type: 'color',
$extensions: {
@@ -2157,8 +3897,12 @@
'3': {
$value: {
colorSpace: 'hsl',
- components: [326, 51.7, 34.1],
- hex: '#842a5d',
+ components: [
+ 323.1,
+ 68.9,
+ 30.9,
+ ],
+ hex: '#85185b',
},
$type: 'color',
$extensions: {
@@ -2170,8 +3914,12 @@
'4': {
$value: {
colorSpace: 'hsl',
- components: [326.9, 57.1, 42.9],
- hex: '#ac2f74',
+ components: [
+ 323.6,
+ 68.5,
+ 34.9,
+ ],
+ hex: '#951c66',
},
$type: 'color',
$extensions: {
@@ -2183,8 +3931,12 @@
'5': {
$value: {
colorSpace: 'hsl',
- components: [327.9, 61.7, 54.9],
- hex: '#d34591',
+ components: [
+ 323.9,
+ 70.2,
+ 40.5,
+ ],
+ hex: '#af1e76',
},
$type: 'color',
$extensions: {
@@ -2196,8 +3948,12 @@
'6': {
$value: {
colorSpace: 'hsl',
- components: [328.9, 67.1, 69],
- hex: '#e57bb2',
+ components: [
+ 324.1,
+ 71.9,
+ 46.1,
+ ],
+ hex: '#ca2186',
},
$type: 'color',
$extensions: {
@@ -2209,8 +3965,12 @@
'7': {
$value: {
colorSpace: 'hsl',
- components: [329.7, 71.4, 73.9],
- hex: '#ec8dbd',
+ components: [
+ 323.1,
+ 73.8,
+ 49.6,
+ ],
+ hex: '#db2193',
},
$type: 'color',
$extensions: {
@@ -2222,8 +3982,12 @@
'8': {
$value: {
colorSpace: 'hsl',
- components: [331.2, 77.3, 81],
- hex: '#f4a9cd',
+ components: [
+ 322.2,
+ 75.7,
+ 53.1,
+ ],
+ hex: '#e12c9e',
},
$type: 'color',
$extensions: {
@@ -2235,8 +3999,80 @@
'9': {
$value: {
colorSpace: 'hsl',
- components: [332.5, 83.1, 86.1],
- hex: '#f9bed9',
+ components: [
+ 321.1,
+ 78.3,
+ 58.1,
+ ],
+ hex: '#e740ac',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '10': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 320.1,
+ 80.9,
+ 63.1,
+ ],
+ hex: '#ed54ba',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '11': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 318,
+ 87,
+ 72.9,
+ ],
+ hex: '#f67dd1',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 315.6,
+ 93.1,
+ 82.9,
+ ],
+ hex: '#fbaae6',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 313.3,
+ 100,
+ 92.9,
+ ],
+ hex: '#ffdaf6',
},
$type: 'color',
$extensions: {
@@ -2250,7 +4086,11 @@
'0': {
$value: {
colorSpace: 'hsl',
- components: [3.7, 25.8, 12.2],
+ components: [
+ 3.7,
+ 25.8,
+ 12.2,
+ ],
hex: '#271817',
},
$type: 'color',
@@ -2263,8 +4103,12 @@
'1': {
$value: {
colorSpace: 'hsl',
- components: [5, 26.1, 18],
- hex: '#3a2422',
+ components: [
+ 5,
+ 26.1,
+ 18,
+ ],
+ hex: '#392321',
},
$type: 'color',
$extensions: {
@@ -2276,7 +4120,11 @@
'2': {
$value: {
colorSpace: 'hsl',
- components: [3.4, 26.3, 26.1],
+ components: [
+ 3.4,
+ 26.3,
+ 26.1,
+ ],
hex: '#543331',
},
$type: 'color',
@@ -2289,8 +4137,12 @@
'3': {
$value: {
colorSpace: 'hsl',
- components: [4, 26, 33.9],
- hex: '#6d4340',
+ components: [
+ 4,
+ 26,
+ 33.9,
+ ],
+ hex: '#6c423f',
},
$type: 'color',
$extensions: {
@@ -2302,8 +4154,12 @@
'4': {
$value: {
colorSpace: 'hsl',
- components: [4.3, 26.2, 42],
- hex: '#87534f',
+ components: [
+ 4.2,
+ 26.1,
+ 38,
+ ],
+ hex: '#7a4b47',
},
$type: 'color',
$extensions: {
@@ -2315,8 +4171,12 @@
'5': {
$value: {
colorSpace: 'hsl',
- components: [3.9, 26, 53.9],
- hex: '#a86f6b',
+ components: [
+ 4.3,
+ 26.2,
+ 42,
+ ],
+ hex: '#87534f',
},
$type: 'color',
$extensions: {
@@ -2328,8 +4188,12 @@
'6': {
$value: {
colorSpace: 'hsl',
- components: [4, 26, 66.1],
- hex: '#bf9592',
+ components: [
+ 4.1,
+ 26.1,
+ 48,
+ ],
+ hex: '#9a5e5a',
},
$type: 'color',
$extensions: {
@@ -2341,8 +4205,12 @@
'7': {
$value: {
colorSpace: 'hsl',
- components: [3.1, 25.5, 70],
- hex: '#c6a19f',
+ components: [
+ 3.9,
+ 26,
+ 53.9,
+ ],
+ hex: '#a86e6a',
},
$type: 'color',
$extensions: {
@@ -2354,8 +4222,12 @@
'8': {
$value: {
colorSpace: 'hsl',
- components: [3.9, 26.5, 77.1],
- hex: '#d4b7b5',
+ components: [
+ 4,
+ 26,
+ 60,
+ ],
+ hex: '#b3817e',
},
$type: 'color',
$extensions: {
@@ -2367,8 +4239,80 @@
'9': {
$value: {
colorSpace: 'hsl',
- components: [5.2, 26.4, 82.9],
- hex: '#dfcac8',
+ components: [
+ 4,
+ 26,
+ 66.1,
+ ],
+ hex: '#bf9592',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '10': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 3.5,
+ 25.8,
+ 68,
+ ],
+ hex: '#c29b98',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '11': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 3.1,
+ 25.5,
+ 70,
+ ],
+ hex: '#c6a19e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 3.9,
+ 26.5,
+ 77.1,
+ ],
+ hex: '#d4b7b5',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 5.2,
+ 26.4,
+ 82.9,
+ ],
+ hex: '#dec9c7',
},
$type: 'color',
$extensions: {
@@ -2382,7 +4326,11 @@
'0': {
$value: {
colorSpace: 'hsl',
- components: [30, 28.6, 11],
+ components: [
+ 30,
+ 28.6,
+ 11,
+ ],
hex: '#241c14',
},
$type: 'color',
@@ -2395,7 +4343,11 @@
'1': {
$value: {
colorSpace: 'hsl',
- components: [33.9, 28.4, 15.9],
+ components: [
+ 33.9,
+ 28.4,
+ 15.9,
+ ],
hex: '#342a1d',
},
$type: 'color',
@@ -2408,7 +4360,11 @@
'2': {
$value: {
colorSpace: 'hsl',
- components: [33.8, 28.6, 22],
+ components: [
+ 33.8,
+ 28.6,
+ 22,
+ ],
hex: '#483a28',
},
$type: 'color',
@@ -2421,8 +4377,12 @@
'3': {
$value: {
colorSpace: 'hsl',
- components: [33.5, 30.1, 28],
- hex: '#5d4a32',
+ components: [
+ 33.5,
+ 30.1,
+ 28,
+ ],
+ hex: '#5c4931',
},
$type: 'color',
$extensions: {
@@ -2434,8 +4394,12 @@
'4': {
$value: {
colorSpace: 'hsl',
- components: [34.9, 30.7, 35.1],
- hex: '#755e3e',
+ components: [
+ 34.2,
+ 30.4,
+ 31.6,
+ ],
+ hex: '#685337',
},
$type: 'color',
$extensions: {
@@ -2447,8 +4411,12 @@
'5': {
$value: {
colorSpace: 'hsl',
- components: [35.8, 32.1, 43.9],
- hex: '#94774c',
+ components: [
+ 34.9,
+ 30.7,
+ 35.1,
+ ],
+ hex: '#745d3e',
},
$type: 'color',
$extensions: {
@@ -2460,8 +4428,12 @@
'6': {
$value: {
colorSpace: 'hsl',
- components: [37, 33.3, 57.1],
- hex: '#b69a6d',
+ components: [
+ 35.3,
+ 31.4,
+ 39.5,
+ ],
+ hex: '#846a45',
},
$type: 'color',
$extensions: {
@@ -2473,8 +4445,12 @@
'7': {
$value: {
colorSpace: 'hsl',
- components: [38.2, 34, 62],
- hex: '#bfa77d',
+ components: [
+ 35.8,
+ 32.1,
+ 43.9,
+ ],
+ hex: '#93764c',
},
$type: 'color',
$extensions: {
@@ -2486,8 +4462,12 @@
'8': {
$value: {
colorSpace: 'hsl',
- components: [39.6, 34.6, 70],
- hex: '#cdbb98',
+ components: [
+ 36.4,
+ 32.7,
+ 50.5,
+ ],
+ hex: '#aa8957',
},
$type: 'color',
$extensions: {
@@ -2499,8 +4479,80 @@
'9': {
$value: {
colorSpace: 'hsl',
- components: [40.5, 35.7, 78],
- hex: '#dbceb3',
+ components: [
+ 37,
+ 33.3,
+ 57.1,
+ ],
+ hex: '#b69a6d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '10': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 37.6,
+ 33.6,
+ 59.5,
+ ],
+ hex: '#baa075',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '11': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 38.2,
+ 34,
+ 62,
+ ],
+ hex: '#bfa77d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '12': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 39.6,
+ 34.6,
+ 70,
+ ],
+ hex: '#ccba98',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '13': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [
+ 40.5,
+ 35.7,
+ 78,
+ ],
+ hex: '#dacdb2',
},
$type: 'color',
$extensions: {
@@ -2513,7 +4565,11 @@
black: {
$value: {
colorSpace: 'hsl',
- components: [216, 27.8, 7.1],
+ components: [
+ 216,
+ 27.8,
+ 7.1,
+ ],
hex: '#0d1117',
},
$type: 'color',
@@ -2526,7 +4582,11 @@
white: {
$value: {
colorSpace: 'hsl',
- components: [0, 0, 100],
+ components: [
+ 0,
+ 0,
+ 100,
+ ],
hex: '#ffffff',
},
$type: 'color',
@@ -2539,4 +4599,4 @@
},
},
},
-}
+}
\ No newline at end of file
diff --git a/src/tokens/base/color/dark/display-dark.json5.backup b/src/tokens/base/color/dark/display-dark.json5.backup
new file mode 100644
index 000000000..ba064f868
--- /dev/null
+++ b/src/tokens/base/color/dark/display-dark.json5.backup
@@ -0,0 +1,2542 @@
+{
+ base: {
+ display: {
+ color: {
+ gray: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [137.1, 8.4, 83.7],
+ hex: '#d2d9d4',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [135, 7.3, 78.4],
+ hex: '#c4ccc6',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [132, 5.8, 66.3],
+ hex: '#a4aea6',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [138.5, 5.2, 51.2],
+ hex: '#7c8980',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [136.4, 5.9, 36.7],
+ hex: '#58635b',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [135, 7, 22.4],
+ hex: '#353d37',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [140, 7.3, 16.1],
+ hex: '#262c28',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [140, 10.7, 11],
+ hex: '#191f1b',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [140, 16.7, 7.1],
+ hex: '#0f1511',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [140, 20, 2.9],
+ hex: '#060907',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ red: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [4.4, 100, 92],
+ hex: '#ffd9d6',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [3, 97.6, 83.9],
+ hex: '#feb2ae',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [1.5, 96.7, 75.9],
+ hex: '#fd8986',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [359.6, 96.4, 67.5],
+ hex: '#fc5c5d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [358.5, 95.1, 60],
+ hex: '#fa383d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [350.4, 84.3, 44.9],
+ hex: '#d31231',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [349, 88.1, 36.3],
+ hex: '#ae0b29',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [347.8, 91.4, 27.5],
+ hex: '#860620',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [346.3, 95.8, 18.8],
+ hex: '#5e0217',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [344.7, 100, 10],
+ hex: '#33000d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ coral: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [15, 100, 89],
+ hex: '#ffd5c7',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [14.3, 95.8, 81.2],
+ hex: '#fdb7a1',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [13.2, 93.2, 71.4],
+ hex: '#fa9072',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [12.2, 90.8, 61.8],
+ hex: '#f66945',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [11.8, 87, 51.8],
+ hex: '#ef4319',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [11, 84.1, 42],
+ hex: '#c53211',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [9.5, 82, 34.9],
+ hex: '#a22710',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [8, 79, 28],
+ hex: '#801e0f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [7.5, 100, 15.7],
+ hex: '#500a00',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [0, 100, 11.8],
+ hex: '#3c0000',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ orange: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [25.9, 100, 90],
+ hex: '#ffe2cc',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [26.1, 92.4, 74.1],
+ hex: '#fab580',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [26.4, 85.8, 58.4],
+ hex: '#f08a3a',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [26.7, 87.2, 49],
+ hex: '#ea7110',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [27.2, 99.1, 42],
+ hex: '#d56101',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [27, 98.9, 35.3],
+ hex: '#b35101',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [26.7, 100, 28.6],
+ hex: '#924100',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [26.3, 100, 22],
+ hex: '#703100',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [24.8, 100, 17.1],
+ hex: '#572400',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [23.6, 100, 12],
+ hex: '#3d1800',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ yellow: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [45.5, 86.1, 80.2],
+ hex: '#f8e3a1',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [44.7, 90.3, 67.6],
+ hex: '#f7d162',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [43.7, 95.6, 55.5],
+ hex: '#fabf21',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [43, 100, 42.9],
+ hex: '#db9d00',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [39.5, 100, 37.3],
+ hex: '#be7d00',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [36.4, 100, 31.4],
+ hex: '#a06100',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [33, 100, 25.7],
+ hex: '#834800',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [29.7, 100, 19.8],
+ hex: '#653200',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [26.2, 100, 13.9],
+ hex: '#471f00',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [22.9, 100, 8.2],
+ hex: '#2a1000',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ lemon: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [53.1, 93.5, 81.8],
+ hex: '#fcf2a5',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [52.4, 92.3, 69.6],
+ hex: '#f9e76a',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [51.7, 89.5, 58.8],
+ hex: '#f4da38',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [50.9, 86.1, 48],
+ hex: '#e4c411',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [49.5, 89.5, 41.2],
+ hex: '#c7a60b',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [48.2, 93.1, 34.3],
+ hex: '#a98906',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [46.7, 94.2, 27.3],
+ hex: '#876a04',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [45.5, 96.1, 20.2],
+ hex: '#654d02',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [44.3, 97, 13.1],
+ hex: '#423101',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [41.7, 100, 7.1],
+ hex: '#241900',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ olive: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [82.1, 46.3, 8],
+ hex: '#171e0b',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [76.6, 47.5, 12],
+ hex: '#252d10',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [73.6, 51.2, 16.9],
+ hex: '#374115',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [70.5, 53.3, 21],
+ hex: '#485219',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [68, 56.4, 26.1],
+ hex: '#5e681d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [65.5, 59.8, 32.2],
+ hex: '#7a8321',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [61.9, 62.7, 40],
+ hex: '#a2a626',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [58.7, 66.4, 42],
+ hex: '#b2af24',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [56, 69.2, 47.1],
+ hex: '#cbc025',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [52.8, 72.2, 59],
+ hex: '#e2d04b',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ lime: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [80, 100, 89.4],
+ hex: '#edffc9',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [80, 100, 79.4],
+ hex: '#dcff96',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [72, 85.4, 59.8],
+ hex: '#cdf041',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [74.4, 80, 49],
+ hex: '#b1e119',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [77, 84.9, 39],
+ hex: '#88b80f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [80.7, 79.2, 30.2],
+ hex: '#608a10',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [84.8, 72.7, 21.6],
+ hex: '#3e5f0f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [87.9, 66.2, 12.7],
+ hex: '#22360b',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [98.8, 68, 9.8],
+ hex: '#142a08',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [110, 70.6, 6.7],
+ hex: '#091d05',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ green: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [135.3, 88.7, 89.6],
+ hex: '#cdfcd9',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [135.3, 79.7, 74.9],
+ hex: '#8cf2a6',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [135.2, 79.8, 65.1],
+ hex: '#5fed83',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [135.7, 82.6, 52.7],
+ hex: '#23ea57',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [136, 85.4, 40.4],
+ hex: '#0fbf3e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [136.5, 88.8, 28],
+ hex: '#08872b',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [144, 77.6, 22.7],
+ hex: '#0d6731',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [154.6, 65, 15.7],
+ hex: '#0e422c',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [159.4, 57.4, 12],
+ hex: '#0d3024',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [159.2, 56.5, 9],
+ hex: '#0a241b',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ pine: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [160.8, 61, 8],
+ hex: '#082119',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [158.5, 63.9, 12],
+ hex: '#0b3224',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [157.8, 65.9, 16.1],
+ hex: '#0e4430',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [157, 68.2, 21],
+ hex: '#115a3e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [156.1, 69.9, 26.1],
+ hex: '#14714c',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [154.7, 71.6, 33.1],
+ hex: '#18915e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [154.1, 74.2, 41],
+ hex: '#1bb673',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [153.1, 76.3, 42.9],
+ hex: '#1ac176',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [152, 78, 48],
+ hex: '#1bda81',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [151, 80.4, 58],
+ hex: '#3eea97',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ teal: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [172.5, 71.4, 89],
+ hex: '#cff7f2',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [173.9, 75.9, 77.3],
+ hex: '#99f1e8',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [175.3, 80.6, 65.7],
+ hex: '#61eee3',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [176.7, 84.7, 53.9],
+ hex: '#26ede2',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [177.6, 86.4, 46.3],
+ hex: '#10dcd4',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [178.6, 88.8, 38.6],
+ hex: '#0bbab6',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [179.6, 91.1, 30.8],
+ hex: '#079695',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [180.5, 93.2, 23.1],
+ hex: '#047172',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [181.6, 94.9, 15.5],
+ hex: '#024b4d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [181.5, 80.4, 10],
+ hex: '#052d2e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ cyan: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [194.6, 100, 8],
+ hex: '#001f29',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [194.8, 100, 12],
+ hex: '#002e3d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [194.8, 97.7, 17.1],
+ hex: '#014156',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [195.4, 96.5, 22.2],
+ hex: '#02536f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [194.9, 95.8, 28],
+ hex: '#036a8c',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [195.2, 94.6, 36.1],
+ hex: '#0587b3',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [195.2, 94, 46.1],
+ hex: '#07ace4',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [195, 92.8, 49],
+ hex: '#09b7f1',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [194.8, 91.8, 62],
+ hex: '#45cbf7',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [194.9, 91, 73.9],
+ hex: '#80dbf9',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ blue: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [197.7, 100, 88],
+ hex: '#c2edff',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [203.9, 100, 81.8],
+ hex: '#a2daff',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [210.4, 98.5, 73.3],
+ hex: '#78bafe',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [211, 100, 59.4],
+ hex: '#3094ff',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [212.4, 100, 50.6],
+ hex: '#0377ff',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [219.9, 91.3, 44.9],
+ hex: '#0a50db',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [230, 79.4, 40],
+ hex: '#1530b7',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [224.9, 89.4, 29.6],
+ hex: '#082a8f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [222.8, 90.4, 20.4],
+ hex: '#052063',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [231.6, 100, 11.2],
+ hex: '#000839',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ indigo: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [226.7, 100, 92.9],
+ hex: '#dbe3ff',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [228.6, 94.9, 84.7],
+ hex: '#b3c1fd',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [229.9, 88.4, 76.3],
+ hex: '#8d9ff8',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [231.5, 81.7, 67.8],
+ hex: '#6a7df0',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [233, 74.9, 59.4],
+ hex: '#4a5ce5',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [234.4, 68, 51],
+ hex: '#2d3dd7',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [235, 67.3, 42],
+ hex: '#232fb3',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [240, 59.8, 32.2],
+ hex: '#212183',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [237.6, 63.3, 23.5],
+ hex: '#161962',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [236.4, 65.8, 14.9],
+ hex: '#0d103f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ purple: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [265, 100, 92.9],
+ hex: '#eadbff',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [265.6, 97.4, 84.9],
+ hex: '#d3b3fe',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [268.1, 95, 76.7],
+ hex: '#c08bfc',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [266.4, 92.5, 68.6],
+ hex: '#a665f9',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [264.9, 90, 60.6],
+ hex: '#8b40f5',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [263.1, 80, 49],
+ hex: '#6619e1',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [259.6, 74.6, 35.5],
+ hex: '#43179e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [256.2, 69.6, 22],
+ hex: '#26115f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [258.3, 100, 14.1],
+ hex: '#160048',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [257.1, 91.3, 9],
+ hex: '#0e022c',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ plum: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [274.3, 63.6, 15.1],
+ hex: '#2a0e3f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [276.3, 67.9, 22],
+ hex: '#40125e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [276.8, 72.2, 31],
+ hex: '#5c1688',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [278.1, 76.3, 38],
+ hex: '#7517ab',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [279.1, 80, 47.1],
+ hex: '#9518d8',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [280.1, 84.3, 60],
+ hex: '#b643ef',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [280.7, 88.3, 73.1],
+ hex: '#d07ef7',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [281.9, 91.9, 75.9],
+ hex: '#d889fa',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [283, 95.7, 82],
+ hex: '#e4a5fd',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [283.6, 100, 87.1],
+ hex: '#edbdff',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ pink: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [313.3, 100, 92.9],
+ hex: '#ffdbf7',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [315.6, 93.1, 82.9],
+ hex: '#fcabe7',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [318, 87, 72.9],
+ hex: '#f67ed2',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [320.1, 80.9, 63.1],
+ hex: '#ed55ba',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [322.2, 75.7, 53.1],
+ hex: '#e22d9f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [324.1, 71.9, 46.1],
+ hex: '#ca2186',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [323.6, 68.5, 34.9],
+ hex: '#961c66',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [322.7, 69.3, 26.9],
+ hex: '#741550',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [322.1, 70.8, 18.8],
+ hex: '#520e39',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [325.5, 71.4, 11],
+ hex: '#30081f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ auburn: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [3.7, 25.8, 12.2],
+ hex: '#271817',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [5, 26.1, 18],
+ hex: '#3a2422',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [3.4, 26.3, 26.1],
+ hex: '#543331',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [4, 26, 33.9],
+ hex: '#6d4340',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [4.3, 26.2, 42],
+ hex: '#87534f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [3.9, 26, 53.9],
+ hex: '#a86f6b',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [4, 26, 66.1],
+ hex: '#bf9592',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [3.1, 25.5, 70],
+ hex: '#c6a19f',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [3.9, 26.5, 77.1],
+ hex: '#d4b7b5',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [5.2, 26.4, 82.9],
+ hex: '#dfcac8',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ brown: {
+ '0': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [30, 28.6, 11],
+ hex: '#241c14',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '1': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [33.9, 28.4, 15.9],
+ hex: '#342a1d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '2': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [33.8, 28.6, 22],
+ hex: '#483a28',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '3': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [33.5, 30.1, 28],
+ hex: '#5d4a32',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '4': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [34.9, 30.7, 35.1],
+ hex: '#755e3e',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '5': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [35.8, 32.1, 43.9],
+ hex: '#94774c',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '6': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [37, 33.3, 57.1],
+ hex: '#b69a6d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '7': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [38.2, 34, 62],
+ hex: '#bfa77d',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '8': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [39.6, 34.6, 70],
+ hex: '#cdbb98',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ '9': {
+ $value: {
+ colorSpace: 'hsl',
+ components: [40.5, 35.7, 78],
+ hex: '#dbceb3',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ },
+ black: {
+ $value: {
+ colorSpace: 'hsl',
+ components: [216, 27.8, 7.1],
+ hex: '#0d1117',
+ },
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'base/color/dark',
+ },
+ },
+ },
+ white: {
+ $value: {
+ colorSpace: 'hsl',
+ components: [0, 0, 100],
+ hex: '#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
index 0dc27ee77..a7820b7dd 100644
--- a/src/tokens/base/color/light/display-light.json5
+++ b/src/tokens/base/color/light/display-light.json5
@@ -1,2542 +1,4602 @@
{
- base: {
- display: {
- color: {
- gray: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [216, 27.8, 92.9],
- hex: '#e8ecf2',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [213.3, 25, 85.9],
- hex: '#d2dae4',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [213.3, 22, 75.9],
- hex: '#b4c0cf',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [213.8, 19, 67.1],
- hex: '#9ba9bb',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [214.3, 16, 57.1],
- hex: '#808fa3',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [214, 13, 45.1],
- hex: '#647182',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [213, 9.8, 40],
- hex: '#5c6570',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [215, 7.1, 32.9],
- hex: '#4e535a',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [220, 4.3, 27.1],
- hex: '#424448',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [240, 1, 19],
- hex: '#303031',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "base": {
+ "display": {
+ "color": {
+ "gray": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 140,
+ 13,
+ 95.5
+ ],
+ "hex": "#f2f5f3"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 137.1,
+ 14.9,
+ 90.8
+ ],
+ "hex": "#e4ebe6"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 137.1,
+ 8.4,
+ 83.7
+ ],
+ "hex": "#d2d9d4"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 135,
+ 7.3,
+ 78.4
+ ],
+ "hex": "#c4ccc6"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 134.2,
+ 6.9,
+ 75.8
+ ],
+ "hex": "#BCC5BE"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 133.3,
+ 6.6,
+ 73.1
+ ],
+ "hex": "#b6bfb8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 134.9,
+ 6.0,
+ 67.0
+ ],
+ "hex": "#A5B0A8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 136.4,
+ 5.5,
+ 61
+ ],
+ "hex": "#96a199"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 136.4,
+ 5.0,
+ 54.9
+ ],
+ "hex": "#869189"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 136.4,
+ 4.4,
+ 48.8
+ ],
+ "hex": "#77827a"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 136.4,
+ 5.2,
+ 42.8
+ ],
+ "hex": "#67726A"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 136.4,
+ 5.9,
+ 36.7
+ ],
+ "hex": "#58635b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 135,
+ 7,
+ 22.4
+ ],
+ "hex": "#353d37"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 140,
+ 10.7,
+ 11
+ ],
+ "hex": "#191f1b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- auburn: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [0, 25.7, 93.1],
- hex: '#f2e9e9',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [3.5, 25.4, 86.9],
- hex: '#e6d6d5',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [3.9, 26.5, 77.1],
- hex: '#d4b7b5',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [4.3, 26.6, 69],
- hex: '#c59e9b',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [4.4, 26.5, 60],
- hex: '#b4827e',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [4.6, 26.1, 48.8],
- hex: '#9d615c',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [4.2, 26, 42.9],
- hex: '#8a5551',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [3.8, 26.1, 36.1],
- hex: '#744744',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [3.2, 25.7, 29],
- hex: '#5d3937',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [2.2, 25.2, 21],
- hex: '#432928',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "auburn": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 0,
+ 25.7,
+ 93.1
+ ],
+ "hex": "#f2e9e9"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 3.5,
+ 25.4,
+ 86.9
+ ],
+ "hex": "#e6d6d5"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 3.9,
+ 26.5,
+ 77.1
+ ],
+ "hex": "#d4b7b5"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 4.3,
+ 26.6,
+ 69
+ ],
+ "hex": "#c59e9b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 4.3,
+ 26.6,
+ 64.5
+ ],
+ "hex": "#BC8F8C"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 4.4,
+ 26.5,
+ 60
+ ],
+ "hex": "#b4827e"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 4.5,
+ 26.3,
+ 54.4
+ ],
+ "hex": "#A9706C"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 4.6,
+ 26.1,
+ 48.8
+ ],
+ "hex": "#9d615c"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 4.4,
+ 26.1,
+ 45.8
+ ],
+ "hex": "#935A56"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 4.2,
+ 26,
+ 42.9
+ ],
+ "hex": "#8a5551"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 4.0,
+ 26.1,
+ 39.5
+ ],
+ "hex": "#7E4D4A"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 3.8,
+ 26.1,
+ 36.1
+ ],
+ "hex": "#744744"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 3.2,
+ 25.7,
+ 29
+ ],
+ "hex": "#5d3937"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 2.2,
+ 25.2,
+ 21
+ ],
+ "hex": "#432928"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- brown: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [40, 26.1, 91],
- hex: '#eeeae2',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [39.1, 26.4, 82.9],
- hex: '#dfd7c8',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [38.5, 27.3, 72],
- hex: '#cbbda4',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [36.9, 26.8, 62],
- hex: '#b8a484',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [35.5, 27, 52.2],
- hex: '#a68b64',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [34.7, 27.3, 41],
- hex: '#856d4c',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [33.6, 27.2, 36.1],
- hex: '#755f43',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [32.9, 26.6, 31],
- hex: '#64513a',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [31.8, 26.6, 25.1],
- hex: '#51412f',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [30, 26.1, 18],
- hex: '#3a2e22',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "brown": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 40,
+ 26.1,
+ 91
+ ],
+ "hex": "#eeeae2"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 39.1,
+ 26.4,
+ 82.9
+ ],
+ "hex": "#dfd7c8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 38.5,
+ 27.3,
+ 72
+ ],
+ "hex": "#cbbda4"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 36.9,
+ 26.8,
+ 62
+ ],
+ "hex": "#b8a484"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 36.2,
+ 26.9,
+ 57.1
+ ],
+ "hex": "#AF9774"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 35.5,
+ 27,
+ 52.2
+ ],
+ "hex": "#a68b64"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 35.1,
+ 27.1,
+ 46.6
+ ],
+ "hex": "#977C56"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 34.7,
+ 27.3,
+ 41
+ ],
+ "hex": "#856d4c"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 34.2,
+ 27.2,
+ 38.5
+ ],
+ "hex": "#7D6647"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 33.6,
+ 27.2,
+ 36.1
+ ],
+ "hex": "#755f43"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 33.2,
+ 26.9,
+ 33.5
+ ],
+ "hex": "#6C583E"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 32.9,
+ 26.6,
+ 31
+ ],
+ "hex": "#64513a"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 31.8,
+ 26.6,
+ 25.1
+ ],
+ "hex": "#51412f"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 30,
+ 26.1,
+ 18
+ ],
+ "hex": "#3a2e22"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- orange: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [28.7, 100, 91],
- hex: '#ffe7d1',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [26.4, 97.7, 83.1],
- hex: '#fecfaa',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [26.2, 94.4, 72],
- hex: '#fbaf74',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [24.9, 91, 61],
- hex: '#f68c41',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [24, 88, 49],
- hex: '#eb670f',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [23.1, 84.9, 39],
- hex: '#b8500f',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [22.2, 82, 34.9],
- hex: '#a24610',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [20.8, 78.5, 31],
- hex: '#8d3c11',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [20.4, 76.4, 24.9],
- hex: '#70300f',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [18.6, 73.2, 19],
- hex: '#54230d',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "orange": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 27.7,
+ 100,
+ 94.9
+ ],
+ "hex": "#fff1e5"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 25.9,
+ 93.1,
+ 82.9
+ ],
+ "hex": "#fcceab"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 23.8,
+ 85.1,
+ 71
+ ],
+ "hex": "#f4a876"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 26.4,
+ 85.8,
+ 58.4
+ ],
+ "hex": "#f08a3a"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 27.8,
+ 86.0,
+ 52.1
+ ],
+ "hex": "#ED7D1B"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 29.1,
+ 86.3,
+ 45.9
+ ],
+ "hex": "#da7210"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 28.9,
+ 90.0,
+ 41.6
+ ],
+ "hex": "#C9660A"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 28.7,
+ 93.7,
+ 37.3
+ ],
+ "hex": "#b85b06"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 28.0,
+ 95.6,
+ 33.5
+ ],
+ "hex": "#A64F03"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 27.3,
+ 97.4,
+ 29.6
+ ],
+ "hex": "#954502"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 26.8,
+ 98.7,
+ 25.8
+ ],
+ "hex": "#823A00"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 26.3,
+ 100,
+ 22
+ ],
+ "hex": "#703100"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 22.8,
+ 100,
+ 18
+ ],
+ "hex": "#5c2300"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 19.4,
+ 100,
+ 13.9
+ ],
+ "hex": "#471700"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- yellow: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [48.2, 100, 81],
- hex: '#ffec9e',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [47, 100, 62.9],
- hex: '#ffd642',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [46, 100, 46.1],
- hex: '#ebb400',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [45.1, 100, 41],
- hex: '#d19d00',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [44, 100, 36.1],
- hex: '#b88700',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [43, 100, 29],
- hex: '#946a00',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [41.7, 100, 25.1],
- hex: '#805900',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [41.3, 100, 22],
- hex: '#704d00',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [39.8, 100, 18],
- hex: '#5c3d00',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [39.1, 100, 12.9],
- hex: '#422b00',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "yellow": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 52.8,
+ 100,
+ 88.6
+ ],
+ "hex": "#fff8c5"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 49.4,
+ 100,
+ 73.3
+ ],
+ "hex": "#ffe777"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 47.2,
+ 100,
+ 63.1
+ ],
+ "hex": "#ffd743"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 43.7,
+ 95.6,
+ 55.5
+ ],
+ "hex": "#fabf21"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 43.4,
+ 97.8,
+ 49.2
+ ],
+ "hex": "#F8B402"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 43,
+ 100,
+ 42.9
+ ],
+ "hex": "#db9d00"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 41.2,
+ 100.0,
+ 40.1
+ ],
+ "hex": "#CC8C00"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 39.5,
+ 100,
+ 37.3
+ ],
+ "hex": "#be7d00"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 38.0,
+ 100.0,
+ 34.3
+ ],
+ "hex": "#AF6E00"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 36.4,
+ 100,
+ 31.4
+ ],
+ "hex": "#a06100"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 34.8,
+ 100.0,
+ 28.4
+ ],
+ "hex": "#915400"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 33.2,
+ 100,
+ 25.5
+ ],
+ "hex": "#824800"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 29.7,
+ 100,
+ 19.8
+ ],
+ "hex": "#653200"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 26.2,
+ 100,
+ 13.9
+ ],
+ "hex": "#471f00"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- lemon: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [53.7, 84.3, 80],
- hex: '#f7eea1',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [53, 85.6, 59],
- hex: '#f0db3d',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [52, 87.8, 45.1],
- hex: '#d8bd0e',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [50.9, 90.2, 40],
- hex: '#c2a60a',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [50.2, 91.9, 33.9],
- hex: '#a68c07',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [48.9, 94.2, 27.1],
- hex: '#866e04',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [47.8, 96.7, 23.9],
- hex: '#786002',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [46.8, 98, 20],
- hex: '#654f01',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [46.1, 100, 16.1],
- hex: '#523f00',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [45.2, 100, 12],
- hex: '#3d2e00',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "lemon": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 53.5,
+ 94.9,
+ 84.7
+ ],
+ "hex": "#fdf5b3"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 52.2,
+ 87.3,
+ 69
+ ],
+ "hex": "#f5e36b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 52.1,
+ 87.6,
+ 59
+ ],
+ "hex": "#f2da3b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 52,
+ 87.5,
+ 47.1
+ ],
+ "hex": "#e1c50f"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 50.8,
+ 88.5,
+ 44.2
+ ],
+ "hex": "#D4B50C"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 49.5,
+ 89.5,
+ 41.2
+ ],
+ "hex": "#c7a60b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 48.9,
+ 91.3,
+ 37.8
+ ],
+ "hex": "#B89708"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 48.2,
+ 93.1,
+ 34.3
+ ],
+ "hex": "#a98906"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 48.4,
+ 94.2,
+ 30.0
+ ],
+ "hex": "#947804"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 48.5,
+ 95.4,
+ 25.7
+ ],
+ "hex": "#806803"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 48.0,
+ 96.7,
+ 22.4
+ ],
+ "hex": "#705A01"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 47.5,
+ 98,
+ 19.2
+ ],
+ "hex": "#614d01"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 46.2,
+ 100,
+ 12.7
+ ],
+ "hex": "#413200"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 43.2,
+ 100,
+ 9.8
+ ],
+ "hex": "#322400"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- olive: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [60, 69.1, 81],
- hex: '#f0f0ad',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [63.2, 65.3, 66.1],
- hex: '#dbe170',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [66, 60, 49],
- hex: '#b9c832',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [69.2, 55.4, 43.9],
- hex: '#9bae32',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [72.1, 49.7, 39],
- hex: '#819532',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [74.8, 44.8, 32],
- hex: '#64762d',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [78, 40.5, 29],
- hex: '#56682c',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [81.7, 35.3, 26.1],
- hex: '#495a2b',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [84.7, 30.4, 22],
- hex: '#3b4927',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [87, 24.4, 16.1],
- hex: '#2a331f',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "olive": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 60,
+ 69.1,
+ 81
+ ],
+ "hex": "#f0f0ad"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 63.2,
+ 65.3,
+ 66.1
+ ],
+ "hex": "#dbe170"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 66,
+ 60,
+ 49
+ ],
+ "hex": "#b9c832"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 69.2,
+ 55.4,
+ 43.9
+ ],
+ "hex": "#9bae32"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 70.7,
+ 52.5,
+ 41.5
+ ],
+ "hex": "#8DA132"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 72.1,
+ 49.7,
+ 39
+ ],
+ "hex": "#819532"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 73.4,
+ 47.2,
+ 35.5
+ ],
+ "hex": "#72852F"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 74.8,
+ 44.8,
+ 32
+ ],
+ "hex": "#64762d"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 76.4,
+ 42.6,
+ 30.5
+ ],
+ "hex": "#5C6E2C"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 78,
+ 40.5,
+ 29
+ ],
+ "hex": "#56682c"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 79.8,
+ 37.9,
+ 27.6
+ ],
+ "hex": "#4F602B"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 81.7,
+ 35.3,
+ 26.1
+ ],
+ "hex": "#495a2b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 84.7,
+ 30.4,
+ 22
+ ],
+ "hex": "#3b4927"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 87,
+ 24.4,
+ 16.1
+ ],
+ "hex": "#2a331f"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- lime: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [74.8, 70.1, 82.9],
- hex: '#e3f2b5',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [77.8, 66, 70],
- hex: '#c7e580',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [81.1, 61.6, 52],
- hex: '#9bd039',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [83.9, 58.1, 44.9],
- hex: '#80b530',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [86.7, 53.9, 40],
- hex: '#6c9d2f',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [89.6, 49.7, 32],
- hex: '#527a29',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [92.6, 45.9, 29],
- hex: '#476c28',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [96.7, 42.2, 25.1],
- hex: '#3a5b25',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [99.5, 38.3, 21],
- hex: '#2f4a21',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [101.5, 34.2, 14.9],
- hex: '#213319',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "lime": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 72.2,
+ 96.4,
+ 89
+ ],
+ "hex": "#f3fec8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 71.9,
+ 94.4,
+ 79
+ ],
+ "hex": "#e8fc97"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 72.2,
+ 93.6,
+ 69.2
+ ],
+ "hex": "#dcfa67"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 71.7,
+ 89.1,
+ 60.6
+ ],
+ "hex": "#d1f441"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 73.1,
+ 81.2,
+ 56.0
+ ],
+ "hex": "#C2E933"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 74.5,
+ 73.4,
+ 51.4
+ ],
+ "hex": "#b2de28"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 75.8,
+ 75.3,
+ 47.1
+ ],
+ "hex": "#A3D21D"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 77,
+ 77.2,
+ 42.9
+ ],
+ "hex": "#92c219"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 77.8,
+ 74.7,
+ 37.6
+ ],
+ "hex": "#7DA718"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 78.7,
+ 72.1,
+ 32.4
+ ],
+ "hex": "#698e17"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 80.6,
+ 69.2,
+ 27.3
+ ],
+ "hex": "#547515"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 82.4,
+ 66.4,
+ 22.2
+ ],
+ "hex": "#425e13"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 85.3,
+ 72.2,
+ 15.5
+ ],
+ "hex": "#2c440b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 87.9,
+ 95.6,
+ 8.8
+ ],
+ "hex": "#182c01"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- green: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [120, 73.8, 88],
- hex: '#caf7ca',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [123, 69.2, 77.1],
- hex: '#9ceda0',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [125.9, 63.6, 59],
- hex: '#54d961',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [128.9, 59.2, 47.1],
- hex: '#31bf46',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [132.2, 54.1, 41],
- hex: '#30a147',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [134.8, 49.1, 33.9],
- hex: '#2c8141',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [137.9, 43.8, 30],
- hex: '#2b6e3f',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [141.9, 39.4, 25.9],
- hex: '#285c3b',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [143.7, 33.9, 22],
- hex: '#254b34',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [147.5, 29.3, 16.1],
- hex: '#1d3528',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "green": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 158.6,
+ 53.8,
+ 94.9
+ ],
+ "hex": "#ebf9f4"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 136.9,
+ 100,
+ 87.5
+ ],
+ "hex": "#bfffd1"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 135.3,
+ 79.7,
+ 74.9
+ ],
+ "hex": "#8cf2a6"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 135.2,
+ 79.8,
+ 65.1
+ ],
+ "hex": "#5fed83"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 135.4,
+ 81.2,
+ 58.9
+ ],
+ "hex": "#41EB6C"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 135.7,
+ 82.6,
+ 52.7
+ ],
+ "hex": "#23ea57"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 135.8,
+ 84.0,
+ 46.5
+ ],
+ "hex": "#12DA47"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 136,
+ 85.4,
+ 40.4
+ ],
+ "hex": "#0fbf3e"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 136.2,
+ 87.1,
+ 34.2
+ ],
+ "hex": "#0BA334"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 136.5,
+ 88.8,
+ 28
+ ],
+ "hex": "#08872b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 140.2,
+ 83.2,
+ 25.4
+ ],
+ "hex": "#0A762F"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 144,
+ 77.6,
+ 22.7
+ ],
+ "hex": "#0d6731"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 152,
+ 68.2,
+ 17.3
+ ],
+ "hex": "#0e4a2e"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 159.4,
+ 57.4,
+ 12
+ ],
+ "hex": "#0d3024"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- pine: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [149.5, 80.3, 86.1],
- hex: '#bff8db',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [150.8, 77.6, 72],
- hex: '#80efb9',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [152.3, 76.2, 47.8],
- hex: '#1dd781',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [153, 73.6, 43.1],
- hex: '#1dbf76',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [154, 72.3, 36.9],
- hex: '#1aa267',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [155.2, 70.3, 29],
- hex: '#167e53',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [156, 68.2, 25.9],
- hex: '#156f4b',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [157.3, 66.1, 22],
- hex: '#135d41',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [158.3, 63, 18],
- hex: '#114b36',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [158, 61.2, 13.1],
- hex: '#0d3627',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "pine": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 149.5,
+ 80.3,
+ 86.1
+ ],
+ "hex": "#bff8db"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 150.8,
+ 77.6,
+ 72
+ ],
+ "hex": "#80efb9"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 152.3,
+ 76.2,
+ 47.8
+ ],
+ "hex": "#1dd781"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 153,
+ 73.6,
+ 43.1
+ ],
+ "hex": "#1dbf76"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 153.5,
+ 72.9,
+ 40.0
+ ],
+ "hex": "#1BB06E"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 154,
+ 72.3,
+ 36.9
+ ],
+ "hex": "#1aa267"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 154.6,
+ 71.3,
+ 33.0
+ ],
+ "hex": "#188F5D"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 155.2,
+ 70.3,
+ 29
+ ],
+ "hex": "#167e53"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 155.6,
+ 69.2,
+ 27.4
+ ],
+ "hex": "#15764F"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 156,
+ 68.2,
+ 25.9
+ ],
+ "hex": "#156f4b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 156.7,
+ 67.2,
+ 23.9
+ ],
+ "hex": "#146646"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 157.3,
+ 66.1,
+ 22
+ ],
+ "hex": "#135d41"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 158.3,
+ 63,
+ 18
+ ],
+ "hex": "#114b36"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 158,
+ 61.2,
+ 13.1
+ ],
+ "hex": "#0d3627"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- teal: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [172.2, 69.7, 87.1],
- hex: '#c7f5ef',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [173.9, 71, 72.9],
- hex: '#89ebe1',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [175.9, 72.2, 48],
- hex: '#22d3c7',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [178.1, 72.9, 42],
- hex: '#1db9b4',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [180, 74.2, 34.9],
- hex: '#179b9b',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [181.6, 75.5, 28.8],
- hex: '#127e81',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [184.2, 75.9, 26.1],
- hex: '#106e75',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [185.6, 76.8, 22],
- hex: '#0d5b63',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [188.3, 78.3, 18],
- hex: '#0a4852',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [189.5, 80.3, 13.9],
- hex: '#073740',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "teal": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 172.3,
+ 72.1,
+ 91.6
+ ],
+ "hex": "#daf9f5"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 174.4,
+ 70.1,
+ 79
+ ],
+ "hex": "#a4efe8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 175.5,
+ 69.6,
+ 66.5
+ ],
+ "hex": "#6ee5dc"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 177,
+ 68.5,
+ 53.9
+ ],
+ "hex": "#39dad2"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 177.8,
+ 67.8,
+ 47.8
+ ],
+ "hex": "#27CCC6"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 178.7,
+ 67,
+ 41.6
+ ],
+ "hex": "#23b1ae"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 179.3,
+ 66.6,
+ 35.3
+ ],
+ "hex": "#1E9594"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 180,
+ 66.2,
+ 29
+ ],
+ "hex": "#197b7b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 180.4,
+ 66.7,
+ 25.9
+ ],
+ "hex": "#156D6D"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 180.8,
+ 67.2,
+ 22.7
+ ],
+ "hex": "#136061"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 181.2,
+ 81.1,
+ 19.1
+ ],
+ "hex": "#095658"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 181.6,
+ 94.9,
+ 15.5
+ ],
+ "hex": "#024b4d"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 180,
+ 76.8,
+ 13.5
+ ],
+ "hex": "#083d3d"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 181.5,
+ 79.6,
+ 9.6
+ ],
+ "hex": "#052b2c"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- cyan: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [190, 100, 87.1],
- hex: '#bdf4ff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [189.9, 100, 73.9],
- hex: '#7ae9ff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [190.1, 100, 49],
- hex: '#00d0fa',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [189.9, 100, 42.9],
- hex: '#00b7db',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [190.1, 100, 36.1],
- hex: '#0099b8',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [190.1, 100, 29],
- hex: '#007b94',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [190.3, 100, 25.1],
- hex: '#006a80',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [190.1, 100, 21],
- hex: '#00596b',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [190.3, 100, 17.1],
- hex: '#004857',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [190, 100, 12.9],
- hex: '#003742',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "cyan": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190,
+ 100,
+ 87.1
+ ],
+ "hex": "#bdf4ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 189.9,
+ 100,
+ 73.9
+ ],
+ "hex": "#7ae9ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190.1,
+ 100,
+ 49
+ ],
+ "hex": "#00d0fa"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 189.9,
+ 100,
+ 42.9
+ ],
+ "hex": "#00b7db"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190.0,
+ 100.0,
+ 39.5
+ ],
+ "hex": "#00A7C9"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190.1,
+ 100,
+ 36.1
+ ],
+ "hex": "#0099b8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190.1,
+ 100.0,
+ 32.5
+ ],
+ "hex": "#008AA6"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190.1,
+ 100,
+ 29
+ ],
+ "hex": "#007b94"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190.2,
+ 100.0,
+ 27.1
+ ],
+ "hex": "#007289"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190.3,
+ 100,
+ 25.1
+ ],
+ "hex": "#006a80"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190.2,
+ 100.0,
+ 23.1
+ ],
+ "hex": "#006175"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190.1,
+ 100,
+ 21
+ ],
+ "hex": "#00596b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190.3,
+ 100,
+ 17.1
+ ],
+ "hex": "#004857"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 190,
+ 100,
+ 12.9
+ ],
+ "hex": "#003742"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- blue: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [199.6, 100, 91],
- hex: '#d1f0ff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [202, 100, 83.9],
- hex: '#ade1ff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [203.9, 100, 72.9],
- hex: '#75c8ff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [206.1, 100, 63.9],
- hex: '#47afff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [208, 100, 52.9],
- hex: '#0f8fff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [209.9, 100, 42.9],
- hex: '#006edb',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [212.1, 100, 40],
- hex: '#005fcc',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [214.2, 100, 35.1],
- hex: '#004db3',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [216.1, 100, 30],
- hex: '#003d99',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [217.9, 100, 22.9],
- hex: '#002b75',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "blue": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 199.4,
+ 100,
+ 93.3
+ ],
+ "hex": "#ddf4ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 197,
+ 100,
+ 86.9
+ ],
+ "hex": "#bcecff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 201.6,
+ 100,
+ 77.6
+ ],
+ "hex": "#8dd6ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 206.3,
+ 100,
+ 68.6
+ ],
+ "hex": "#5fb9ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 208.7,
+ 100.0,
+ 64.0
+ ],
+ "hex": "#47A7FF"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 211,
+ 100,
+ 59.4
+ ],
+ "hex": "#3094ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 211.7,
+ 100.0,
+ 55.0
+ ],
+ "hex": "#1985FF"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 212.4,
+ 100,
+ 50.6
+ ],
+ "hex": "#0377ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 214.2,
+ 100.0,
+ 46.2
+ ],
+ "hex": "#0065EB"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 216.1,
+ 100,
+ 41.8
+ ],
+ "hex": "#0055d5"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 216.6,
+ 100.0,
+ 37.2
+ ],
+ "hex": "#004ABD"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 217,
+ 100,
+ 32.7
+ ],
+ "hex": "#0040a7"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 216.9,
+ 100,
+ 23.9
+ ],
+ "hex": "#002f7a"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 218.2,
+ 100,
+ 15.1
+ ],
+ "hex": "#001c4d"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- indigo: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [230.8, 100, 94.9],
- hex: '#e5e9ff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [233.2, 95.7, 91],
- hex: '#d2d7fe',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [233.5, 90.2, 83.9],
- hex: '#b1b9fb',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [235, 85.7, 78],
- hex: '#979ff7',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [235.9, 79.7, 71],
- hex: '#7a82f0',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [237, 74.6, 62.9],
- hex: '#5a61e7',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [238, 70.1, 58],
- hex: '#494edf',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [238.8, 65, 52.9],
- hex: '#393cd5',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [240, 60, 44.1],
- hex: '#2d2db4',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [240.7, 54.7, 31.2],
- hex: '#25247b',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "indigo": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 228.8,
+ 100,
+ 96.9
+ ],
+ "hex": "#eff2ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 230.2,
+ 100,
+ 91.6
+ ],
+ "hex": "#d4dbff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 228.6,
+ 94.9,
+ 84.7
+ ],
+ "hex": "#b3c1fd"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 231.4,
+ 86.8,
+ 76.3
+ ],
+ "hex": "#8e9df7"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 232.1,
+ 83.7,
+ 72.0
+ ],
+ "hex": "#7C8BF3"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 232.7,
+ 80.5,
+ 67.8
+ ],
+ "hex": "#6b7bef"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 233.8,
+ 77.8,
+ 63.5
+ ],
+ "hex": "#5968EA"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 235,
+ 75,
+ 59.2
+ ],
+ "hex": "#4956e5"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 234.7,
+ 71.5,
+ 55.1
+ ],
+ "hex": "#3A49DE"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 234.4,
+ 68,
+ 51
+ ],
+ "hex": "#2d3dd7"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 235.7,
+ 66.1,
+ 46.3
+ ],
+ "hex": "#2833C4"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 236.9,
+ 64.2,
+ 41.6
+ ],
+ "hex": "#262dae"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 240,
+ 59.8,
+ 32.2
+ ],
+ "hex": "#212183"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 238,
+ 62.9,
+ 19
+ ],
+ "hex": "#12144f"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- purple: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [267.7, 100, 94.9],
- hex: '#f1e5ff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [267.3, 95.7, 91],
- hex: '#e6d2fe',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [265.6, 92.6, 84.1],
- hex: '#d1b1fc',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [265, 88, 77.1],
- hex: '#bc91f8',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [264.2, 84.3, 70],
- hex: '#a672f3',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [263, 79.9, 61],
- hex: '#894ceb',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [261.9, 75.9, 56.1],
- hex: '#783ae4',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [261, 72, 49],
- hex: '#6223d7',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [260, 67.6, 40],
- hex: '#4f21ab',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [259.1, 63.5, 29],
- hex: '#391b79',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "purple": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 265.4,
+ 100,
+ 94.9
+ ],
+ "hex": "#f0e5ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 267.1,
+ 93.9,
+ 87.1
+ ],
+ "hex": "#dbbffd"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 268.5,
+ 96.2,
+ 79.4
+ ],
+ "hex": "#c898fd"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 270.2,
+ 100,
+ 72
+ ],
+ "hex": "#b870ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 268.9,
+ 97.2,
+ 68.5
+ ],
+ "hex": "#AB60FC"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 267.7,
+ 94.4,
+ 64.9
+ ],
+ "hex": "#9f51fa"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 266.5,
+ 91.6,
+ 61.4
+ ],
+ "hex": "#9242F6"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 265.4,
+ 88.8,
+ 57.8
+ ],
+ "hex": "#8534f3"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 264.2,
+ 84.4,
+ 53.4
+ ],
+ "hex": "#7423EC"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 263.1,
+ 80,
+ 49
+ ],
+ "hex": "#6619e1"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 261.4,
+ 77.3,
+ 42.2
+ ],
+ "hex": "#5318BF"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 259.6,
+ 74.6,
+ 35.5
+ ],
+ "hex": "#43179e"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 256.2,
+ 69.6,
+ 22
+ ],
+ "hex": "#26115f"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 258.3,
+ 100,
+ 14.1
+ ],
+ "hex": "#160048"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- plum: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [283.8, 100, 94.9],
- hex: '#f8e5ff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [282.9, 96.1, 90],
- hex: '#f0cdfe',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [282.1, 91.3, 82],
- hex: '#e2a7fb',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [281.3, 87.5, 74.9],
- hex: '#d487f7',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [279.7, 84.5, 67.1],
- hex: '#c264f2',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [279.1, 80, 54.9],
- hex: '#a830e8',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [277.9, 76, 49],
- hex: '#961edc',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [277, 72, 42],
- hex: '#7d1eb8',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [275.7, 67.6, 35.1],
- hex: '#651d96',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [275.1, 64.1, 25.1],
- hex: '#471769',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- },
- pink: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [332.3, 100, 94.9],
- hex: '#ffe5f1',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [331.2, 92.9, 89],
- hex: '#fdc9e2',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [329.6, 85.6, 81],
- hex: '#f8a5cf',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [329.2, 79.6, 73.1],
- hex: '#f184bc',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [328.2, 72.3, 63.1],
- hex: '#e55da5',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [327, 64.8, 49],
- hex: '#ce2c85',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [325.8, 58, 43.9],
- hex: '#b12f79',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [325, 51.1, 36.9],
- hex: '#8e2e66',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [324.2, 43.8, 30],
- hex: '#6e2b53',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [322.9, 37.5, 22],
- hex: '#4d233d',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "plum": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 283.8,
+ 100,
+ 94.9
+ ],
+ "hex": "#f8e5ff"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 282.9,
+ 96.1,
+ 90
+ ],
+ "hex": "#f0cdfe"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 282.1,
+ 91.3,
+ 82
+ ],
+ "hex": "#e2a7fb"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 281.3,
+ 87.5,
+ 74.9
+ ],
+ "hex": "#d487f7"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 280.5,
+ 86.0,
+ 71.0
+ ],
+ "hex": "#CB75F4"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 279.7,
+ 84.5,
+ 67.1
+ ],
+ "hex": "#c264f2"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 279.4,
+ 82.2,
+ 61.0
+ ],
+ "hex": "#B549ED"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 279.1,
+ 80,
+ 54.9
+ ],
+ "hex": "#a830e8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 278.5,
+ 78.0,
+ 52.0
+ ],
+ "hex": "#9F24E4"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 277.9,
+ 76,
+ 49
+ ],
+ "hex": "#961edc"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 277.4,
+ 74.0,
+ 45.5
+ ],
+ "hex": "#891EC9"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 277,
+ 72,
+ 42
+ ],
+ "hex": "#7d1eb8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 275.7,
+ 67.6,
+ 35.1
+ ],
+ "hex": "#651d96"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 275.1,
+ 64.1,
+ 25.1
+ ],
+ "hex": "#471769"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- red: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [3.9, 100, 93.9],
- hex: '#ffe2e0',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [0, 96.1, 90],
- hex: '#fecdcd',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [358.6, 95.7, 82],
- hex: '#fda5a7',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [357, 93.7, 74.9],
- hex: '#fb8389',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [355.2, 92.1, 65.1],
- hex: '#f85461',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [353.2, 89.8, 46.1],
- hex: '#df0c24',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [351.2, 87.6, 41.2],
- hex: '#c50d28',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [348.7, 86.5, 34.9],
- hex: '#a60c29',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [346.9, 83.8, 29],
- hex: '#880c27',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [344.8, 81.3, 21],
- hex: '#610a20',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "pink": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 312,
+ 100,
+ 97.1
+ ],
+ "hex": "#fff0fc"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 314.4,
+ 100,
+ 89.4
+ ],
+ "hex": "#ffc9f2"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 318,
+ 87,
+ 72.9
+ ],
+ "hex": "#f67ed2"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 321.3,
+ 100,
+ 75.1
+ ],
+ "hex": "#ff80d2"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 321.1,
+ 100.0,
+ 69.8
+ ],
+ "hex": "#FF64C8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 320.9,
+ 100,
+ 64.5
+ ],
+ "hex": "#ff4ac0"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 321.9,
+ 93.0,
+ 59.8
+ ],
+ "hex": "#F739B2"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 322.8,
+ 86,
+ 55.1
+ ],
+ "hex": "#ef2aa4"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 323.5,
+ 79.0,
+ 50.6
+ ],
+ "hex": "#E41D96"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 324.1,
+ 71.9,
+ 46.1
+ ],
+ "hex": "#ca2186"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 325.0,
+ 64.8,
+ 41.6
+ ],
+ "hex": "#AE2575"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 325.9,
+ 57.7,
+ 37.1
+ ],
+ "hex": "#952866"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 325.8,
+ 64.2,
+ 24.1
+ ],
+ "hex": "#651643"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 324.7,
+ 71.8,
+ 13.9
+ ],
+ "hex": "#3d0a28"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- coral: {
- '0': {
- $value: {
- colorSpace: 'hsl',
- components: [16.7, 100, 92.9],
- hex: '#ffe5db',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '1': {
- $value: {
- colorSpace: 'hsl',
- components: [15, 97, 87.1],
- hex: '#fecebe',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '2': {
- $value: {
- colorSpace: 'hsl',
- components: [14.2, 94.6, 78],
- hex: '#fcab92',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '3': {
- $value: {
- colorSpace: 'hsl',
- components: [12.9, 91.1, 69],
- hex: '#f88768',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '4': {
- $value: {
- colorSpace: 'hsl',
- components: [12.1, 87.6, 58.8],
- hex: '#f25f3a',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '5': {
- $value: {
- colorSpace: 'hsl',
- components: [11.1, 85.2, 44.9],
- hex: '#d43511',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '6': {
- $value: {
- colorSpace: 'hsl',
- components: [10, 82.4, 40],
- hex: '#ba2e12',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '7': {
- $value: {
- colorSpace: 'hsl',
- components: [9.2, 79.2, 33.9],
- hex: '#9b2712',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '8': {
- $value: {
- colorSpace: 'hsl',
- components: [8.3, 76.2, 28],
- hex: '#7e2011',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
- '9': {
- $value: {
- colorSpace: 'hsl',
- components: [7.6, 73.8, 21],
- hex: '#5d180e',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
- },
+ "red": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 5.5,
+ 100,
+ 95.7
+ ],
+ "hex": "#ffebe9"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 3.5,
+ 100,
+ 89.8
+ ],
+ "hex": "#ffcecb"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 2.1,
+ 100,
+ 82.9
+ ],
+ "hex": "#ffaba8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 359.5,
+ 100,
+ 75.3
+ ],
+ "hex": "#ff8182"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 359.1,
+ 97.4,
+ 68.9
+ ],
+ "hex": "#FC6264"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 358.7,
+ 94.8,
+ 62.5
+ ],
+ "hex": "#fa4549"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 356.9,
+ 83.3,
+ 54.9
+ ],
+ "hex": "#EB2C36"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 355.1,
+ 71.8,
+ 47.3
+ ],
+ "hex": "#cf2230"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 352.1,
+ 79.9,
+ 41.8
+ ],
+ "hex": "#BF152B"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 349,
+ 88.1,
+ 36.3
+ ],
+ "hex": "#ae0b29"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 348.4,
+ 89.8,
+ 31.9
+ ],
+ "hex": "#9A0824"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 347.8,
+ 91.4,
+ 27.5
+ ],
+ "hex": "#860620"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 347,
+ 100,
+ 22.5
+ ],
+ "hex": "#730019"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 344.5,
+ 100,
+ 12.9
+ ],
+ "hex": "#420011"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- black: {
- $value: {
- colorSpace: 'hsl',
- components: [216, 27.8, 7.1],
- hex: '#0d1117',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
+ "coral": {
+ "0": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 15,
+ 100,
+ 96.1
+ ],
+ "hex": "#fff0eb"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "1": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 15.2,
+ 100,
+ 86.1
+ ],
+ "hex": "#ffcab8"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "2": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 14,
+ 100,
+ 76.5
+ ],
+ "hex": "#ffa387"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "3": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 13.1,
+ 100,
+ 66.9
+ ],
+ "hex": "#ff7b56"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "4": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 11.9,
+ 99.5,
+ 62.0
+ ],
+ "hex": "#FE643D"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "5": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 10.8,
+ 99.1,
+ 57.1
+ ],
+ "hex": "#fe4c25"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "6": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 10.9,
+ 88.8,
+ 53.2
+ ],
+ "hex": "#F1441D"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "7": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 10.9,
+ 78.6,
+ 49.4
+ ],
+ "hex": "#e13f1b"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "8": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 10.9,
+ 81.3,
+ 45.7
+ ],
+ "hex": "#D33815"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "9": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 11,
+ 84.1,
+ 42
+ ],
+ "hex": "#c53211"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "10": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 10.2,
+ 83.0,
+ 38.5
+ ],
+ "hex": "#B32C10"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "11": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 9.5,
+ 82,
+ 34.9
+ ],
+ "hex": "#a22710"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "12": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 8,
+ 79,
+ 28
+ ],
+ "hex": "#801e0f"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ },
+ "13": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 7.5,
+ 100,
+ 15.7
+ ],
+ "hex": "#500a00"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
},
- white: {
- $value: {
- colorSpace: 'hsl',
- components: [0, 0, 100],
- hex: '#ffffff',
- },
- $type: 'color',
- $extensions: {
- 'org.primer.figma': {
- collection: 'base/color/light',
- },
- },
+ "black": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 7.5,
+ 100,
+ 15.7
+ ],
+ "hex": "#500a00"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
},
- },
- },
- },
-}
+ "white": {
+ "$value": {
+ "colorSpace": "hsl",
+ "components": [
+ 7.5,
+ 100,
+ 15.7
+ ],
+ "hex": "#500a00"
+ },
+ "$type": "color",
+ "$extensions": {
+ "org.primer.figma": {
+ "collection": "base/color/light"
+ }
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/tokens/functional/color/display.json5 b/src/tokens/functional/color/display.json5
index f264ddadb..1cde1e4d0 100644
--- a/src/tokens/functional/color/display.json5
+++ b/src/tokens/functional/color/display.json5
@@ -3,11 +3,76 @@
$description: 'Decorative colors for categorization and visual distinction without semantic meaning. Use for labels, tags, avatars, status indicators, and user-assigned colors. Do NOT use for success/error/warning states—use semantic colors (bgColor.success/danger/attention) instead.',
$extensions: {
'org.primer.llm': {
- usage: ['label', 'tag', 'avatar', 'badge', 'category-indicator', 'user-assigned-color', 'project-color', 'decorative-element'],
+ usage: [
+ 'label',
+ 'tag',
+ 'avatar',
+ 'badge',
+ 'category-indicator',
+ 'user-assigned-color',
+ 'project-color',
+ 'decorative-element',
+ ],
rules: 'Use display colors for arbitrary categorization where the color has no inherent meaning (e.g., project labels, user avatars). For meaningful states like success, error, or warning, use semantic colors instead. Scales 0-2 are lighter (backgrounds), 3-5 are mid-tones, 6-9 are darker (foregrounds/borders).',
},
},
blue: {
+ '10': {
+ $value: '{base.display.color.blue.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.blue.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.blue.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.blue.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.blue.0}',
@@ -16,7 +81,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -27,7 +95,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -38,7 +109,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -49,7 +123,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -60,7 +137,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -71,7 +151,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -82,7 +165,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -93,7 +179,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -104,7 +193,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -115,7 +207,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -128,7 +223,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -138,26 +235,28 @@
},
},
emphasis: {
- $value: '{base.display.color.blue.5}',
+ $value: '{base.display.color.blue.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.blue.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.blue.7}',
+ $value: '{base.display.color.blue.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.blue.7}',
+ $value: '{base.display.color.blue.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.blue.7}',
+ $value: '{base.display.color.blue.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.blue.3}',
@@ -176,17 +275,19 @@
},
},
fgColor: {
- $value: '{base.display.color.blue.6}',
+ $value: '{base.display.color.blue.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.blue.6}',
+ $value: '{base.display.color.blue.10}',
},
'light-high-contrast': {
$value: '{base.display.color.blue.8}',
@@ -220,7 +321,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -230,38 +333,40 @@
},
},
emphasis: {
- $value: '{base.display.color.blue.5}',
+ $value: '{base.display.color.blue.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.blue.5}',
+ $value: '{base.display.color.blue.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.blue.6}',
+ $value: '{base.display.color.blue.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.blue.6}',
+ $value: '{base.display.color.blue.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.blue.6}',
+ $value: '{base.display.color.blue.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.blue.6}',
+ $value: '{base.display.color.blue.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.blue.6}',
+ $value: '{base.display.color.blue.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.blue.6}',
+ $value: '{base.display.color.blue.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.blue.6}',
+ $value: '{base.display.color.blue.8}',
},
},
},
@@ -269,6 +374,62 @@
},
},
green: {
+ '10': {
+ $value: '{base.display.color.green.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.green.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.green.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.green.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.green.0}',
@@ -277,7 +438,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -288,7 +452,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -299,7 +466,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -310,7 +480,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -321,7 +494,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -332,7 +508,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -343,7 +522,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -354,7 +536,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -365,7 +550,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -376,7 +564,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -389,7 +580,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -399,26 +592,28 @@
},
},
emphasis: {
- $value: '{base.display.color.green.5}',
+ $value: '{base.display.color.green.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.green.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.green.7}',
+ $value: '{base.display.color.green.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.green.7}',
+ $value: '{base.display.color.green.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.green.7}',
+ $value: '{base.display.color.green.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.green.3}',
@@ -437,17 +632,19 @@
},
},
fgColor: {
- $value: '{base.display.color.green.6}',
+ $value: '{base.display.color.green.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.green.6}',
+ $value: '{base.display.color.green.10}',
},
'light-high-contrast': {
$value: '{base.display.color.green.8}',
@@ -481,7 +678,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -491,38 +690,40 @@
},
},
emphasis: {
- $value: '{base.display.color.green.5}',
+ $value: '{base.display.color.green.8}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.green.5}',
+ $value: '{base.display.color.green.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.green.6}',
+ $value: '{base.display.color.green.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.green.6}',
+ $value: '{base.display.color.green.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.green.6}',
+ $value: '{base.display.color.green.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.green.6}',
+ $value: '{base.display.color.green.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.green.6}',
+ $value: '{base.display.color.green.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.green.6}',
+ $value: '{base.display.color.green.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.green.6}',
+ $value: '{base.display.color.green.8}',
},
},
},
@@ -530,6 +731,62 @@
},
},
orange: {
+ '10': {
+ $value: '{base.display.color.orange.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.orange.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.orange.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.orange.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.orange.0}',
@@ -538,7 +795,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -549,7 +809,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -560,7 +823,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -571,7 +837,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -582,7 +851,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -593,7 +865,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -604,7 +879,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -615,7 +893,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -626,7 +907,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -637,7 +921,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -650,7 +937,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -660,26 +949,28 @@
},
},
emphasis: {
- $value: '{base.display.color.orange.5}',
+ $value: '{base.display.color.orange.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.orange.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.orange.7}',
+ $value: '{base.display.color.orange.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.orange.7}',
+ $value: '{base.display.color.orange.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.orange.7}',
+ $value: '{base.display.color.orange.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.orange.3}',
@@ -698,17 +989,19 @@
},
},
fgColor: {
- $value: '{base.display.color.orange.6}',
+ $value: '{base.display.color.orange.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.orange.6}',
+ $value: '{base.display.color.orange.10}',
},
'light-high-contrast': {
$value: '{base.display.color.orange.8}',
@@ -742,7 +1035,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -752,38 +1047,40 @@
},
},
emphasis: {
- $value: '{base.display.color.orange.5}',
+ $value: '{base.display.color.orange.8}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.orange.5}',
+ $value: '{base.display.color.orange.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.orange.6}',
+ $value: '{base.display.color.orange.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.orange.6}',
+ $value: '{base.display.color.orange.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.orange.6}',
+ $value: '{base.display.color.orange.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.orange.6}',
+ $value: '{base.display.color.orange.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.orange.6}',
+ $value: '{base.display.color.orange.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.orange.6}',
+ $value: '{base.display.color.orange.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.orange.6}',
+ $value: '{base.display.color.orange.8}',
},
},
},
@@ -791,6 +1088,62 @@
},
},
purple: {
+ '10': {
+ $value: '{base.display.color.purple.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.purple.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.purple.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.purple.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.purple.0}',
@@ -799,7 +1152,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -810,7 +1166,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -821,7 +1180,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -832,7 +1194,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -843,7 +1208,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -854,7 +1222,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -865,7 +1236,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -876,7 +1250,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -887,7 +1264,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -898,7 +1278,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -911,7 +1294,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -921,26 +1306,28 @@
},
},
emphasis: {
- $value: '{base.display.color.purple.5}',
+ $value: '{base.display.color.purple.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.purple.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.purple.7}',
+ $value: '{base.display.color.purple.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.purple.7}',
+ $value: '{base.display.color.purple.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.purple.7}',
+ $value: '{base.display.color.purple.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.purple.3}',
@@ -959,17 +1346,19 @@
},
},
fgColor: {
- $value: '{base.display.color.purple.6}',
+ $value: '{base.display.color.purple.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.purple.6}',
+ $value: '{base.display.color.purple.10}',
},
'light-high-contrast': {
$value: '{base.display.color.purple.8}',
@@ -1003,7 +1392,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -1013,38 +1404,40 @@
},
},
emphasis: {
- $value: '{base.display.color.purple.5}',
+ $value: '{base.display.color.purple.8}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.purple.5}',
+ $value: '{base.display.color.purple.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.purple.6}',
+ $value: '{base.display.color.purple.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.purple.6}',
+ $value: '{base.display.color.purple.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.purple.6}',
+ $value: '{base.display.color.purple.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.purple.6}',
+ $value: '{base.display.color.purple.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.purple.6}',
+ $value: '{base.display.color.purple.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.purple.6}',
+ $value: '{base.display.color.purple.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.purple.6}',
+ $value: '{base.display.color.purple.8}',
},
},
},
@@ -1052,6 +1445,62 @@
},
},
plum: {
+ '10': {
+ $value: '{base.display.color.plum.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.plum.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.plum.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.plum.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.plum.0}',
@@ -1060,7 +1509,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1071,7 +1523,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1082,7 +1537,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1093,7 +1551,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1104,7 +1565,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1115,7 +1579,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1126,7 +1593,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1137,7 +1607,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1148,7 +1621,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1159,7 +1635,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1172,7 +1651,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -1182,26 +1663,28 @@
},
},
emphasis: {
- $value: '{base.display.color.plum.5}',
+ $value: '{base.display.color.plum.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.plum.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.plum.7}',
+ $value: '{base.display.color.plum.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.plum.7}',
+ $value: '{base.display.color.plum.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.plum.7}',
+ $value: '{base.display.color.plum.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.plum.3}',
@@ -1220,17 +1703,19 @@
},
},
fgColor: {
- $value: '{base.display.color.plum.6}',
+ $value: '{base.display.color.plum.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.plum.6}',
+ $value: '{base.display.color.plum.10}',
},
'light-high-contrast': {
$value: '{base.display.color.plum.8}',
@@ -1264,7 +1749,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -1274,38 +1761,40 @@
},
},
emphasis: {
- $value: '{base.display.color.plum.5}',
+ $value: '{base.display.color.plum.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.plum.5}',
+ $value: '{base.display.color.plum.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.plum.6}',
+ $value: '{base.display.color.plum.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.plum.6}',
+ $value: '{base.display.color.plum.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.plum.6}',
+ $value: '{base.display.color.plum.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.plum.6}',
+ $value: '{base.display.color.plum.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.plum.6}',
+ $value: '{base.display.color.plum.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.plum.6}',
+ $value: '{base.display.color.plum.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.plum.6}',
+ $value: '{base.display.color.plum.8}',
},
},
},
@@ -1313,6 +1802,62 @@
},
},
red: {
+ '10': {
+ $value: '{base.display.color.red.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.red.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.red.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.red.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.red.0}',
@@ -1321,7 +1866,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1332,7 +1880,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1343,7 +1894,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1354,7 +1908,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1365,7 +1922,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1376,7 +1936,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1387,7 +1950,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1398,7 +1964,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1409,7 +1978,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1420,7 +1992,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1433,7 +2008,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -1443,26 +2020,28 @@
},
},
emphasis: {
- $value: '{base.display.color.red.5}',
+ $value: '{base.display.color.red.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.red.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.red.7}',
+ $value: '{base.display.color.red.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.red.7}',
+ $value: '{base.display.color.red.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.red.7}',
+ $value: '{base.display.color.red.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.red.3}',
@@ -1481,17 +2060,19 @@
},
},
fgColor: {
- $value: '{base.display.color.red.6}',
+ $value: '{base.display.color.red.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.red.6}',
+ $value: '{base.display.color.red.10}',
},
'light-high-contrast': {
$value: '{base.display.color.red.8}',
@@ -1525,7 +2106,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -1535,38 +2118,40 @@
},
},
emphasis: {
- $value: '{base.display.color.red.5}',
+ $value: '{base.display.color.red.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.red.5}',
+ $value: '{base.display.color.red.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.red.6}',
+ $value: '{base.display.color.red.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.red.6}',
+ $value: '{base.display.color.red.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.red.6}',
+ $value: '{base.display.color.red.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.red.6}',
+ $value: '{base.display.color.red.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.red.6}',
+ $value: '{base.display.color.red.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.red.6}',
+ $value: '{base.display.color.red.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.red.6}',
+ $value: '{base.display.color.red.8}',
},
},
},
@@ -1574,6 +2159,62 @@
},
},
coral: {
+ '10': {
+ $value: '{base.display.color.coral.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.coral.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.coral.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.coral.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.coral.0}',
@@ -1582,7 +2223,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1593,7 +2237,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1604,7 +2251,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1615,7 +2265,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1626,7 +2279,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1637,7 +2293,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1648,7 +2307,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1659,7 +2321,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1670,7 +2335,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1681,7 +2349,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1694,7 +2365,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -1704,26 +2377,28 @@
},
},
emphasis: {
- $value: '{base.display.color.coral.5}',
+ $value: '{base.display.color.coral.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.red.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.coral.7}',
+ $value: '{base.display.color.coral.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.coral.7}',
+ $value: '{base.display.color.coral.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.coral.7}',
+ $value: '{base.display.color.coral.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.coral.3}',
@@ -1742,17 +2417,19 @@
},
},
fgColor: {
- $value: '{base.display.color.coral.6}',
+ $value: '{base.display.color.coral.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.red.6}',
+ $value: '{base.display.color.red.10}',
},
'light-high-contrast': {
$value: '{base.display.color.coral.8}',
@@ -1786,7 +2463,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -1796,38 +2475,40 @@
},
},
emphasis: {
- $value: '{base.display.color.coral.5}',
+ $value: '{base.display.color.coral.8}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.red.5}',
+ $value: '{base.display.color.red.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.coral.6}',
+ $value: '{base.display.color.coral.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.coral.6}',
+ $value: '{base.display.color.coral.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.coral.6}',
+ $value: '{base.display.color.coral.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.coral.6}',
+ $value: '{base.display.color.coral.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.coral.6}',
+ $value: '{base.display.color.coral.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.coral.6}',
+ $value: '{base.display.color.coral.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.coral.6}',
+ $value: '{base.display.color.coral.8}',
},
},
},
@@ -1835,6 +2516,62 @@
},
},
yellow: {
+ '10': {
+ $value: '{base.display.color.yellow.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.yellow.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.yellow.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.yellow.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.yellow.0}',
@@ -1843,7 +2580,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1854,7 +2594,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1865,7 +2608,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1876,7 +2622,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1887,7 +2636,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1898,7 +2650,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1909,7 +2664,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1920,7 +2678,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1931,7 +2692,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1942,7 +2706,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -1955,7 +2722,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -1965,26 +2734,28 @@
},
},
emphasis: {
- $value: '{base.display.color.yellow.5}',
+ $value: '{base.display.color.yellow.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.yellow.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.yellow.7}',
+ $value: '{base.display.color.yellow.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.yellow.7}',
+ $value: '{base.display.color.yellow.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.yellow.7}',
+ $value: '{base.display.color.yellow.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.yellow.3}',
@@ -2003,17 +2774,19 @@
},
},
fgColor: {
- $value: '{base.display.color.yellow.6}',
+ $value: '{base.display.color.yellow.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.yellow.6}',
+ $value: '{base.display.color.yellow.10}',
},
'light-high-contrast': {
$value: '{base.display.color.yellow.8}',
@@ -2047,7 +2820,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -2057,38 +2832,40 @@
},
},
emphasis: {
- $value: '{base.display.color.yellow.5}',
+ $value: '{base.display.color.yellow.8}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.yellow.5}',
+ $value: '{base.display.color.yellow.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.yellow.6}',
+ $value: '{base.display.color.yellow.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.yellow.6}',
+ $value: '{base.display.color.yellow.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.yellow.6}',
+ $value: '{base.display.color.yellow.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.yellow.6}',
+ $value: '{base.display.color.yellow.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.yellow.6}',
+ $value: '{base.display.color.yellow.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.yellow.6}',
+ $value: '{base.display.color.yellow.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.yellow.6}',
+ $value: '{base.display.color.yellow.8}',
},
},
},
@@ -2096,6 +2873,62 @@
},
},
gray: {
+ '10': {
+ $value: '{base.display.color.gray.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.gray.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.gray.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.gray.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.gray.0}',
@@ -2104,7 +2937,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2115,7 +2951,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2126,7 +2965,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2137,7 +2979,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2148,7 +2993,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2159,7 +3007,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2170,7 +3021,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2181,7 +3035,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2192,7 +3049,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2203,7 +3063,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2216,7 +3079,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -2226,26 +3091,28 @@
},
},
emphasis: {
- $value: '{base.display.color.gray.5}',
+ $value: '{base.display.color.gray.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.gray.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.gray.7}',
+ $value: '{base.display.color.gray.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.gray.7}',
+ $value: '{base.display.color.gray.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.gray.7}',
+ $value: '{base.display.color.gray.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.gray.3}',
@@ -2264,17 +3131,19 @@
},
},
fgColor: {
- $value: '{base.display.color.gray.6}',
+ $value: '{base.display.color.gray.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.gray.6}',
+ $value: '{base.display.color.gray.10}',
},
'light-high-contrast': {
$value: '{base.display.color.gray.8}',
@@ -2308,7 +3177,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -2318,38 +3189,40 @@
},
},
emphasis: {
- $value: '{base.display.color.gray.5}',
+ $value: '{base.display.color.gray.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.gray.5}',
+ $value: '{base.display.color.gray.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.gray.6}',
+ $value: '{base.display.color.gray.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.gray.6}',
+ $value: '{base.display.color.gray.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.gray.6}',
+ $value: '{base.display.color.gray.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.gray.6}',
+ $value: '{base.display.color.gray.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.gray.6}',
+ $value: '{base.display.color.gray.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.gray.6}',
+ $value: '{base.display.color.gray.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.gray.6}',
+ $value: '{base.display.color.gray.8}',
},
},
},
@@ -2357,6 +3230,62 @@
},
},
auburn: {
+ '10': {
+ $value: '{base.display.color.auburn.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.auburn.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.auburn.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.auburn.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.auburn.0}',
@@ -2365,7 +3294,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2376,7 +3308,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2387,7 +3322,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2398,7 +3336,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2409,7 +3350,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2420,7 +3364,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2431,7 +3378,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2442,7 +3392,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2453,7 +3406,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2464,7 +3420,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2477,7 +3436,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -2487,26 +3448,28 @@
},
},
emphasis: {
- $value: '{base.display.color.auburn.5}',
+ $value: '{base.display.color.auburn.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.auburn.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.auburn.7}',
+ $value: '{base.display.color.auburn.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.auburn.7}',
+ $value: '{base.display.color.auburn.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.auburn.7}',
+ $value: '{base.display.color.auburn.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.auburn.3}',
@@ -2525,17 +3488,19 @@
},
},
fgColor: {
- $value: '{base.display.color.auburn.6}',
+ $value: '{base.display.color.auburn.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.auburn.6}',
+ $value: '{base.display.color.auburn.10}',
},
'light-high-contrast': {
$value: '{base.display.color.auburn.8}',
@@ -2569,7 +3534,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -2579,38 +3546,40 @@
},
},
emphasis: {
- $value: '{base.display.color.auburn.5}',
+ $value: '{base.display.color.auburn.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.auburn.5}',
+ $value: '{base.display.color.auburn.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.auburn.6}',
+ $value: '{base.display.color.auburn.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.auburn.6}',
+ $value: '{base.display.color.auburn.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.auburn.6}',
+ $value: '{base.display.color.auburn.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.auburn.6}',
+ $value: '{base.display.color.auburn.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.auburn.6}',
+ $value: '{base.display.color.auburn.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.auburn.6}',
+ $value: '{base.display.color.auburn.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.auburn.6}',
+ $value: '{base.display.color.auburn.8}',
},
},
},
@@ -2618,6 +3587,62 @@
},
},
brown: {
+ '10': {
+ $value: '{base.display.color.brown.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.brown.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.brown.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.brown.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.brown.0}',
@@ -2626,7 +3651,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2637,7 +3665,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2648,7 +3679,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2659,7 +3693,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2670,7 +3707,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2681,7 +3721,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2692,7 +3735,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2703,7 +3749,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2714,7 +3763,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2725,7 +3777,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2738,7 +3793,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -2748,26 +3805,28 @@
},
},
emphasis: {
- $value: '{base.display.color.brown.5}',
+ $value: '{base.display.color.brown.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.brown.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.brown.7}',
+ $value: '{base.display.color.brown.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.brown.7}',
+ $value: '{base.display.color.brown.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.brown.7}',
+ $value: '{base.display.color.brown.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.brown.3}',
@@ -2786,17 +3845,19 @@
},
},
fgColor: {
- $value: '{base.display.color.brown.6}',
+ $value: '{base.display.color.brown.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.brown.6}',
+ $value: '{base.display.color.brown.10}',
},
'light-high-contrast': {
$value: '{base.display.color.brown.8}',
@@ -2830,7 +3891,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -2840,45 +3903,103 @@
},
},
emphasis: {
- $value: '{base.display.color.brown.5}',
+ $value: '{base.display.color.brown.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.brown.5}',
+ $value: '{base.display.color.brown.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.brown.6}',
+ $value: '{base.display.color.brown.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.brown.6}',
+ $value: '{base.display.color.brown.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.brown.6}',
+ $value: '{base.display.color.brown.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.brown.6}',
+ $value: '{base.display.color.brown.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.brown.6}',
+ $value: '{base.display.color.brown.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.brown.6}',
+ $value: '{base.display.color.brown.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.brown.6}',
+ $value: '{base.display.color.brown.8}',
},
},
},
},
},
- },
- lemon: {
+ },
+ lemon: {
+ '10': {
+ $value: '{base.display.color.lemon.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.lemon.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.lemon.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.lemon.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.lemon.0}',
@@ -2887,7 +4008,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2898,7 +4022,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2909,7 +4036,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2920,7 +4050,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2931,7 +4064,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2942,7 +4078,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2953,7 +4092,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2964,7 +4106,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2975,7 +4120,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2986,7 +4134,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -2999,7 +4150,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -3009,26 +4162,28 @@
},
},
emphasis: {
- $value: '{base.display.color.lemon.5}',
+ $value: '{base.display.color.lemon.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.lemon.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.lemon.7}',
+ $value: '{base.display.color.lemon.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.lemon.7}',
+ $value: '{base.display.color.lemon.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.lemon.7}',
+ $value: '{base.display.color.lemon.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.lemon.3}',
@@ -3047,17 +4202,19 @@
},
},
fgColor: {
- $value: '{base.display.color.lemon.6}',
+ $value: '{base.display.color.lemon.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.lemon.6}',
+ $value: '{base.display.color.lemon.10}',
},
'light-high-contrast': {
$value: '{base.display.color.lemon.8}',
@@ -3091,7 +4248,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -3101,38 +4260,40 @@
},
},
emphasis: {
- $value: '{base.display.color.lemon.5}',
+ $value: '{base.display.color.lemon.8}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.lemon.5}',
+ $value: '{base.display.color.lemon.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.lemon.6}',
+ $value: '{base.display.color.lemon.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.lemon.6}',
+ $value: '{base.display.color.lemon.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.lemon.6}',
+ $value: '{base.display.color.lemon.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.lemon.6}',
+ $value: '{base.display.color.lemon.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.lemon.6}',
+ $value: '{base.display.color.lemon.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.lemon.6}',
+ $value: '{base.display.color.lemon.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.lemon.6}',
+ $value: '{base.display.color.lemon.8}',
},
},
},
@@ -3140,6 +4301,62 @@
},
},
olive: {
+ '10': {
+ $value: '{base.display.color.olive.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.olive.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.olive.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.olive.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.olive.0}',
@@ -3148,7 +4365,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3159,7 +4379,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3170,7 +4393,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3181,7 +4407,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3192,7 +4421,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3203,7 +4435,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3214,7 +4449,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3225,7 +4463,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3236,7 +4477,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3247,7 +4491,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3260,7 +4507,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -3270,26 +4519,28 @@
},
},
emphasis: {
- $value: '{base.display.color.olive.5}',
+ $value: '{base.display.color.olive.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.olive.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.olive.7}',
+ $value: '{base.display.color.olive.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.olive.7}',
+ $value: '{base.display.color.olive.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.olive.7}',
+ $value: '{base.display.color.olive.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.olive.3}',
@@ -3308,17 +4559,19 @@
},
},
fgColor: {
- $value: '{base.display.color.olive.6}',
+ $value: '{base.display.color.olive.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.olive.6}',
+ $value: '{base.display.color.olive.10}',
},
'light-high-contrast': {
$value: '{base.display.color.olive.8}',
@@ -3352,7 +4605,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -3362,38 +4617,40 @@
},
},
emphasis: {
- $value: '{base.display.color.olive.5}',
+ $value: '{base.display.color.olive.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.olive.5}',
+ $value: '{base.display.color.olive.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.olive.6}',
+ $value: '{base.display.color.olive.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.olive.6}',
+ $value: '{base.display.color.olive.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.olive.6}',
+ $value: '{base.display.color.olive.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.olive.6}',
+ $value: '{base.display.color.olive.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.olive.6}',
+ $value: '{base.display.color.olive.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.olive.6}',
+ $value: '{base.display.color.olive.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.olive.6}',
+ $value: '{base.display.color.olive.8}',
},
},
},
@@ -3401,6 +4658,62 @@
},
},
lime: {
+ '10': {
+ $value: '{base.display.color.lime.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.lime.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.lime.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.lime.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.lime.0}',
@@ -3409,7 +4722,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3420,7 +4736,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3431,7 +4750,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3442,7 +4764,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3453,7 +4778,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3464,7 +4792,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3475,7 +4806,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3486,7 +4820,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3497,7 +4834,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3508,7 +4848,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3521,7 +4864,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -3531,26 +4876,28 @@
},
},
emphasis: {
- $value: '{base.display.color.lime.5}',
+ $value: '{base.display.color.lime.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.lime.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.lime.7}',
+ $value: '{base.display.color.lime.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.lime.7}',
+ $value: '{base.display.color.lime.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.lime.7}',
+ $value: '{base.display.color.lime.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.lime.3}',
@@ -3569,17 +4916,19 @@
},
},
fgColor: {
- $value: '{base.display.color.lime.6}',
+ $value: '{base.display.color.lime.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.lime.6}',
+ $value: '{base.display.color.lime.10}',
},
'light-high-contrast': {
$value: '{base.display.color.lime.8}',
@@ -3613,7 +4962,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -3623,38 +4974,40 @@
},
},
emphasis: {
- $value: '{base.display.color.lime.5}',
+ $value: '{base.display.color.lime.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.lime.5}',
+ $value: '{base.display.color.lime.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.lime.6}',
+ $value: '{base.display.color.lime.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.lime.6}',
+ $value: '{base.display.color.lime.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.lime.6}',
+ $value: '{base.display.color.lime.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.lime.6}',
+ $value: '{base.display.color.lime.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.lime.6}',
+ $value: '{base.display.color.lime.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.lime.6}',
+ $value: '{base.display.color.lime.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.lime.6}',
+ $value: '{base.display.color.lime.8}',
},
},
},
@@ -3662,6 +5015,62 @@
},
},
pine: {
+ '10': {
+ $value: '{base.display.color.pine.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.pine.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.pine.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.pine.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.pine.0}',
@@ -3670,7 +5079,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3681,7 +5093,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3692,7 +5107,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3703,7 +5121,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3714,7 +5135,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3725,7 +5149,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3736,7 +5163,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3747,7 +5177,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3758,7 +5191,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3769,7 +5205,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3782,7 +5221,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -3792,26 +5233,28 @@
},
},
emphasis: {
- $value: '{base.display.color.pine.5}',
+ $value: '{base.display.color.pine.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.pine.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.pine.7}',
+ $value: '{base.display.color.pine.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.pine.7}',
+ $value: '{base.display.color.pine.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.pine.7}',
+ $value: '{base.display.color.pine.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.pine.3}',
@@ -3830,17 +5273,19 @@
},
},
fgColor: {
- $value: '{base.display.color.pine.6}',
+ $value: '{base.display.color.pine.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.pine.6}',
+ $value: '{base.display.color.pine.10}',
},
'light-high-contrast': {
$value: '{base.display.color.pine.8}',
@@ -3874,7 +5319,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -3884,38 +5331,40 @@
},
},
emphasis: {
- $value: '{base.display.color.pine.5}',
+ $value: '{base.display.color.pine.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.pine.5}',
+ $value: '{base.display.color.pine.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.pine.6}',
+ $value: '{base.display.color.pine.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.pine.6}',
+ $value: '{base.display.color.pine.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.pine.6}',
+ $value: '{base.display.color.pine.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.pine.6}',
+ $value: '{base.display.color.pine.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.pine.6}',
+ $value: '{base.display.color.pine.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.pine.6}',
+ $value: '{base.display.color.pine.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.pine.6}',
+ $value: '{base.display.color.pine.8}',
},
},
},
@@ -3923,6 +5372,62 @@
},
},
teal: {
+ '10': {
+ $value: '{base.display.color.teal.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.teal.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.teal.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.teal.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.teal.0}',
@@ -3931,7 +5436,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3942,7 +5450,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3953,7 +5464,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3964,7 +5478,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3975,7 +5492,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3986,7 +5506,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -3997,7 +5520,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4008,7 +5534,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4019,7 +5548,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4030,7 +5562,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4043,7 +5578,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -4053,26 +5590,28 @@
},
},
emphasis: {
- $value: '{base.display.color.teal.5}',
+ $value: '{base.display.color.teal.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.teal.4}',
+ $value: '{base.display.color.teal.3}',
},
'light-high-contrast': {
- $value: '{base.display.color.teal.7}',
+ $value: '{base.display.color.teal.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.teal.7}',
+ $value: '{base.display.color.teal.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.teal.7}',
+ $value: '{base.display.color.teal.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.teal.3}',
@@ -4091,17 +5630,19 @@
},
},
fgColor: {
- $value: '{base.display.color.teal.6}',
+ $value: '{base.display.color.teal.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.teal.6}',
+ $value: '{base.display.color.teal.10}',
},
'light-high-contrast': {
$value: '{base.display.color.teal.8}',
@@ -4135,7 +5676,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -4145,38 +5688,40 @@
},
},
emphasis: {
- $value: '{base.display.color.teal.5}',
+ $value: '{base.display.color.teal.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.teal.5}',
+ $value: '{base.display.color.teal.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.teal.6}',
+ $value: '{base.display.color.teal.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.teal.6}',
+ $value: '{base.display.color.teal.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.teal.6}',
+ $value: '{base.display.color.teal.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.teal.6}',
+ $value: '{base.display.color.teal.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.teal.6}',
+ $value: '{base.display.color.teal.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.teal.6}',
+ $value: '{base.display.color.teal.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.teal.6}',
+ $value: '{base.display.color.teal.8}',
},
},
},
@@ -4184,6 +5729,62 @@
},
},
cyan: {
+ '10': {
+ $value: '{base.display.color.cyan.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.cyan.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.cyan.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.cyan.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.cyan.0}',
@@ -4192,7 +5793,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4203,7 +5807,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4214,7 +5821,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4225,7 +5835,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4236,7 +5849,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4247,7 +5863,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4258,7 +5877,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4269,7 +5891,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4280,7 +5905,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4291,7 +5919,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4304,7 +5935,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -4314,26 +5947,28 @@
},
},
emphasis: {
- $value: '{base.display.color.cyan.5}',
+ $value: '{base.display.color.cyan.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.cyan.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.cyan.7}',
+ $value: '{base.display.color.cyan.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.cyan.7}',
+ $value: '{base.display.color.cyan.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.cyan.7}',
+ $value: '{base.display.color.cyan.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.cyan.3}',
@@ -4352,17 +5987,19 @@
},
},
fgColor: {
- $value: '{base.display.color.cyan.6}',
+ $value: '{base.display.color.cyan.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.cyan.6}',
+ $value: '{base.display.color.cyan.10}',
},
'light-high-contrast': {
$value: '{base.display.color.cyan.8}',
@@ -4396,7 +6033,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -4406,38 +6045,40 @@
},
},
emphasis: {
- $value: '{base.display.color.cyan.5}',
+ $value: '{base.display.color.cyan.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.cyan.5}',
+ $value: '{base.display.color.cyan.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.cyan.6}',
+ $value: '{base.display.color.cyan.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.cyan.6}',
+ $value: '{base.display.color.cyan.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.cyan.6}',
+ $value: '{base.display.color.cyan.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.cyan.6}',
+ $value: '{base.display.color.cyan.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.cyan.6}',
+ $value: '{base.display.color.cyan.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.cyan.6}',
+ $value: '{base.display.color.cyan.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.cyan.6}',
+ $value: '{base.display.color.cyan.8}',
},
},
},
@@ -4445,6 +6086,62 @@
},
},
indigo: {
+ '10': {
+ $value: '{base.display.color.indigo.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.indigo.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.indigo.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.indigo.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.indigo.0}',
@@ -4453,7 +6150,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4464,7 +6164,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4475,7 +6178,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4486,7 +6192,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4497,7 +6206,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4508,7 +6220,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4519,7 +6234,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4530,7 +6248,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4541,7 +6262,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4552,7 +6276,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4565,7 +6292,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -4575,26 +6304,28 @@
},
},
emphasis: {
- $value: '{base.display.color.indigo.5}',
+ $value: '{base.display.color.indigo.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.indigo.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.indigo.7}',
+ $value: '{base.display.color.indigo.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.indigo.7}',
+ $value: '{base.display.color.indigo.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.indigo.7}',
+ $value: '{base.display.color.indigo.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.indigo.3}',
@@ -4613,17 +6344,19 @@
},
},
fgColor: {
- $value: '{base.display.color.indigo.6}',
+ $value: '{base.display.color.indigo.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.indigo.6}',
+ $value: '{base.display.color.indigo.10}',
},
'light-high-contrast': {
$value: '{base.display.color.indigo.8}',
@@ -4657,7 +6390,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -4667,38 +6402,40 @@
},
},
emphasis: {
- $value: '{base.display.color.indigo.5}',
+ $value: '{base.display.color.indigo.8}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.indigo.5}',
+ $value: '{base.display.color.indigo.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.indigo.6}',
+ $value: '{base.display.color.indigo.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.indigo.6}',
+ $value: '{base.display.color.indigo.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.indigo.6}',
+ $value: '{base.display.color.indigo.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.indigo.6}',
+ $value: '{base.display.color.indigo.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.indigo.6}',
+ $value: '{base.display.color.indigo.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.indigo.6}',
+ $value: '{base.display.color.indigo.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.indigo.6}',
+ $value: '{base.display.color.indigo.8}',
},
},
},
@@ -4706,6 +6443,62 @@
},
},
pink: {
+ '10': {
+ $value: '{base.display.color.pink.10}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '11': {
+ $value: '{base.display.color.pink.11}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '12': {
+ $value: '{base.display.color.pink.12}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
+ '13': {
+ $value: '{base.display.color.pink.13}',
+ $type: 'color',
+ $extensions: {
+ 'org.primer.figma': {
+ collection: 'mode',
+ group: 'component',
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
+ },
+ },
+ },
scale: {
'0': {
$value: '{base.display.color.pink.0}',
@@ -4714,7 +6507,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4725,7 +6521,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4736,7 +6535,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4747,7 +6549,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4758,7 +6563,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4769,7 +6577,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4780,7 +6591,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4791,7 +6605,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4802,7 +6619,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4813,7 +6633,10 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor', 'borderColor'],
+ scopes: [
+ 'bgColor',
+ 'borderColor',
+ ],
},
},
},
@@ -4826,7 +6649,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -4836,26 +6661,28 @@
},
},
emphasis: {
- $value: '{base.display.color.pink.5}',
+ $value: '{base.display.color.pink.10}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['bgColor'],
+ scopes: [
+ 'bgColor',
+ ],
},
'org.primer.overrides': {
dark: {
$value: '{base.display.color.pink.4}',
},
'light-high-contrast': {
- $value: '{base.display.color.pink.7}',
+ $value: '{base.display.color.pink.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.pink.7}',
+ $value: '{base.display.color.pink.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.pink.7}',
+ $value: '{base.display.color.pink.8}',
},
'dark-high-contrast': {
$value: '{base.display.color.pink.3}',
@@ -4874,17 +6701,19 @@
},
},
fgColor: {
- $value: '{base.display.color.pink.6}',
+ $value: '{base.display.color.pink.11}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['fgColor'],
+ scopes: [
+ 'fgColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.pink.6}',
+ $value: '{base.display.color.pink.10}',
},
'light-high-contrast': {
$value: '{base.display.color.pink.8}',
@@ -4918,7 +6747,9 @@
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
@@ -4928,38 +6759,40 @@
},
},
emphasis: {
- $value: '{base.display.color.pink.5}',
+ $value: '{base.display.color.pink.8}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
- scopes: ['borderColor'],
+ scopes: [
+ 'borderColor',
+ ],
},
'org.primer.overrides': {
dark: {
- $value: '{base.display.color.pink.5}',
+ $value: '{base.display.color.pink.10}',
},
'light-high-contrast': {
- $value: '{base.display.color.pink.6}',
+ $value: '{base.display.color.pink.8}',
},
'light-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.pink.6}',
+ $value: '{base.display.color.pink.8}',
},
'light-tritanopia-high-contrast': {
- $value: '{base.display.color.pink.6}',
+ $value: '{base.display.color.pink.8}',
},
'dark-high-contrast': {
- $value: '{base.display.color.pink.6}',
+ $value: '{base.display.color.pink.8}',
},
'dark-dimmed-high-contrast': {
- $value: '{base.display.color.pink.6}',
+ $value: '{base.display.color.pink.8}',
},
'dark-protanopia-deuteranopia-high-contrast': {
- $value: '{base.display.color.pink.6}',
+ $value: '{base.display.color.pink.8}',
},
'dark-tritanopia-high-contrast': {
- $value: '{base.display.color.pink.6}',
+ $value: '{base.display.color.pink.8}',
},
},
},
@@ -4967,4 +6800,4 @@
},
},
},
-}
+}
\ No newline at end of file