UNPKG

@gitlab/ui

Version:
1,892 lines • 1.2 MB
{ "background": { "alpha": { "light": { "2": { "key": "{color.alpha.light.2}", "$value": "rgba(255, 255, 255, 0.02)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.02)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.light.2}" }, "name": "COLOR_ALPHA_LIGHT_2", "attributes": {}, "path": [ "color", "alpha", "light", "2" ], "cssWithValue": "var(--gl-color-alpha-light-2)" }, "4": { "key": "{color.alpha.light.4}", "$value": "rgba(255, 255, 255, 0.04)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.04)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.light.4}" }, "name": "COLOR_ALPHA_LIGHT_4", "attributes": {}, "path": [ "color", "alpha", "light", "4" ], "cssWithValue": "var(--gl-color-alpha-light-4)" }, "6": { "key": "{color.alpha.light.6}", "$value": "rgba(255, 255, 255, 0.06)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.06)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.light.6}" }, "name": "COLOR_ALPHA_LIGHT_6", "attributes": {}, "path": [ "color", "alpha", "light", "6" ], "cssWithValue": "var(--gl-color-alpha-light-6)" }, "8": { "key": "{color.alpha.light.8}", "$value": "rgba(255, 255, 255, 0.08)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.08)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.light.8}" }, "name": "COLOR_ALPHA_LIGHT_8", "attributes": {}, "path": [ "color", "alpha", "light", "8" ], "cssWithValue": "var(--gl-color-alpha-light-8)" }, "16": { "key": "{color.alpha.light.16}", "$value": "rgba(255, 255, 255, 0.16)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.16)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.light.16}" }, "name": "COLOR_ALPHA_LIGHT_16", "attributes": {}, "path": [ "color", "alpha", "light", "16" ], "cssWithValue": "var(--gl-color-alpha-light-16)" }, "24": { "key": "{color.alpha.light.24}", "$value": "rgba(255, 255, 255, 0.24)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.24)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.light.24}" }, "name": "COLOR_ALPHA_LIGHT_24", "attributes": {}, "path": [ "color", "alpha", "light", "24" ], "cssWithValue": "var(--gl-color-alpha-light-24)" }, "36": { "key": "{color.alpha.light.36}", "$value": "rgba(255, 255, 255, 0.36)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.36)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.light.36}" }, "name": "COLOR_ALPHA_LIGHT_36", "attributes": {}, "path": [ "color", "alpha", "light", "36" ], "cssWithValue": "var(--gl-color-alpha-light-36)" } }, "dark": { "2": { "key": "{color.alpha.dark.2}", "$value": "rgba(05, 05, 06, 0.02)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.02)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.dark.2}" }, "name": "COLOR_ALPHA_DARK_2", "attributes": {}, "path": [ "color", "alpha", "dark", "2" ], "cssWithValue": "var(--gl-color-alpha-dark-2)" }, "4": { "key": "{color.alpha.dark.4}", "$value": "rgba(05, 05, 06, 0.04)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.04)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.dark.4}" }, "name": "COLOR_ALPHA_DARK_4", "attributes": {}, "path": [ "color", "alpha", "dark", "4" ], "cssWithValue": "var(--gl-color-alpha-dark-4)" }, "6": { "key": "{color.alpha.dark.6}", "$value": "rgba(05, 05, 06, 0.06)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.06)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.dark.6}" }, "name": "COLOR_ALPHA_DARK_6", "attributes": {}, "path": [ "color", "alpha", "dark", "6" ], "cssWithValue": "var(--gl-color-alpha-dark-6)" }, "8": { "key": "{color.alpha.dark.8}", "$value": "rgba(05, 05, 06, 0.08)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.08)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.dark.8}" }, "name": "COLOR_ALPHA_DARK_8", "attributes": {}, "path": [ "color", "alpha", "dark", "8" ], "cssWithValue": "var(--gl-color-alpha-dark-8)" }, "16": { "key": "{color.alpha.dark.16}", "$value": "rgba(05, 05, 06, 0.16)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.16)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.dark.16}" }, "name": "COLOR_ALPHA_DARK_16", "attributes": {}, "path": [ "color", "alpha", "dark", "16" ], "cssWithValue": "var(--gl-color-alpha-dark-16)" }, "24": { "key": "{color.alpha.dark.24}", "$value": "rgba(05, 05, 06, 0.24)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.24)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.dark.24}" }, "name": "COLOR_ALPHA_DARK_24", "attributes": {}, "path": [ "color", "alpha", "dark", "24" ], "cssWithValue": "var(--gl-color-alpha-dark-24)" }, "40": { "key": "{color.alpha.dark.40}", "$value": "rgba(05, 05, 06, 0.4)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.4)", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "key": "{color.alpha.dark.40}" }, "name": "COLOR_ALPHA_DARK_40", "attributes": {}, "path": [ "color", "alpha", "dark", "40" ], "cssWithValue": "var(--gl-color-alpha-dark-40)" } } }, "blue": { "50": { "key": "{blue.50}", "$value": "#033464", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#033464", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.50}" }, "name": "E_50", "attributes": {}, "path": [ "blue", "50" ], "cssWithValue": "var(--blue-50)" }, "100": { "key": "{blue.100}", "$value": "#064787", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#064787", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.100}" }, "name": "E_100", "attributes": {}, "path": [ "blue", "100" ], "cssWithValue": "var(--blue-100)" }, "200": { "key": "{blue.200}", "$value": "#0b5cad", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#0b5cad", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.200}" }, "name": "E_200", "attributes": {}, "path": [ "blue", "200" ], "cssWithValue": "var(--blue-200)" }, "300": { "key": "{blue.300}", "$value": "#1068bf", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#1068bf", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.300}" }, "name": "E_300", "attributes": {}, "path": [ "blue", "300" ], "cssWithValue": "var(--blue-300)" }, "400": { "key": "{blue.400}", "$value": "#1f75cb", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#1f75cb", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.400}" }, "name": "E_400", "attributes": {}, "path": [ "blue", "400" ], "cssWithValue": "var(--blue-400)" }, "500": { "key": "{blue.500}", "$value": "#428fdc", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#428fdc", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.500}" }, "name": "E_500", "attributes": {}, "path": [ "blue", "500" ], "cssWithValue": "var(--blue-500)" }, "600": { "key": "{blue.600}", "$value": "#63a6e9", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#63a6e9", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.600}" }, "name": "E_600", "attributes": {}, "path": [ "blue", "600" ], "cssWithValue": "var(--blue-600)" }, "700": { "key": "{blue.700}", "$value": "#9dc7f1", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#9dc7f1", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.700}" }, "name": "E_700", "attributes": {}, "path": [ "blue", "700" ], "cssWithValue": "var(--blue-700)" }, "800": { "key": "{blue.800}", "$value": "#cbe2f9", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#cbe2f9", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.800}" }, "name": "E_800", "attributes": {}, "path": [ "blue", "800" ], "cssWithValue": "var(--blue-800)" }, "900": { "key": "{blue.900}", "$value": "#e9f3fc", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#e9f3fc", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.900}" }, "name": "E_900", "attributes": {}, "path": [ "blue", "900" ], "cssWithValue": "var(--blue-900)" }, "950": { "key": "{blue.950}", "$value": "#f2f9ff", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#f2f9ff", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{blue.950}" }, "name": "E_950", "attributes": {}, "path": [ "blue", "950" ], "cssWithValue": "var(--blue-950)" } }, "gray": { "10": { "key": "{gray.10}", "$value": "#18171d", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#18171d", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.10}" }, "name": "Y_10", "attributes": {}, "path": [ "gray", "10" ], "cssWithValue": "var(--gray-10)" }, "50": { "key": "{gray.50}", "$value": "#28272d", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#28272d", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.50}" }, "name": "Y_50", "attributes": {}, "path": [ "gray", "50" ], "cssWithValue": "var(--gray-50)" }, "100": { "key": "{gray.100}", "$value": "#3a383f", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#3a383f", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.100}" }, "name": "Y_100", "attributes": {}, "path": [ "gray", "100" ], "cssWithValue": "var(--gray-100)" }, "200": { "key": "{gray.200}", "$value": "#4c4b51", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#4c4b51", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.200}" }, "name": "Y_200", "attributes": {}, "path": [ "gray", "200" ], "cssWithValue": "var(--gray-200)" }, "300": { "key": "{gray.300}", "$value": "#626168", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#626168", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.300}" }, "name": "Y_300", "attributes": {}, "path": [ "gray", "300" ], "cssWithValue": "var(--gray-300)" }, "400": { "key": "{gray.400}", "$value": "#737278", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#737278", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.400}" }, "name": "Y_400", "attributes": {}, "path": [ "gray", "400" ], "cssWithValue": "var(--gray-400)" }, "500": { "key": "{gray.500}", "$value": "#89888d", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#89888d", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.500}" }, "name": "Y_500", "attributes": {}, "path": [ "gray", "500" ], "cssWithValue": "var(--gray-500)" }, "600": { "key": "{gray.600}", "$value": "#a4a3a8", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#a4a3a8", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.600}" }, "name": "Y_600", "attributes": {}, "path": [ "gray", "600" ], "cssWithValue": "var(--gray-600)" }, "700": { "key": "{gray.700}", "$value": "#bfbfc3", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#bfbfc3", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.700}" }, "name": "Y_700", "attributes": {}, "path": [ "gray", "700" ], "cssWithValue": "var(--gray-700)" }, "800": { "key": "{gray.800}", "$value": "#dcdcde", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#dcdcde", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.800}" }, "name": "Y_800", "attributes": {}, "path": [ "gray", "800" ], "cssWithValue": "var(--gray-800)" }, "900": { "key": "{gray.900}", "$value": "#ececef", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#ececef", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.900}" }, "name": "Y_900", "attributes": {}, "path": [ "gray", "900" ], "cssWithValue": "var(--gray-900)" }, "950": { "key": "{gray.950}", "$value": "#fbfafd", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#fbfafd", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{gray.950}" }, "name": "Y_950", "attributes": {}, "path": [ "gray", "950" ], "cssWithValue": "var(--gray-950)" } }, "green": { "50": { "key": "{green.50}", "$value": "#0a4020", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#0a4020", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.50}" }, "name": "EN_50", "attributes": {}, "path": [ "green", "50" ], "cssWithValue": "var(--green-50)" }, "100": { "key": "{green.100}", "$value": "#0d532a", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#0d532a", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.100}" }, "name": "EN_100", "attributes": {}, "path": [ "green", "100" ], "cssWithValue": "var(--green-100)" }, "200": { "key": "{green.200}", "$value": "#24663b", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#24663b", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.200}" }, "name": "EN_200", "attributes": {}, "path": [ "green", "200" ], "cssWithValue": "var(--green-200)" }, "300": { "key": "{green.300}", "$value": "#217645", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#217645", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.300}" }, "name": "EN_300", "attributes": {}, "path": [ "green", "300" ], "cssWithValue": "var(--green-300)" }, "400": { "key": "{green.400}", "$value": "#108548", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#108548", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.400}" }, "name": "EN_400", "attributes": {}, "path": [ "green", "400" ], "cssWithValue": "var(--green-400)" }, "500": { "key": "{green.500}", "$value": "#2da160", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#2da160", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.500}" }, "name": "EN_500", "attributes": {}, "path": [ "green", "500" ], "cssWithValue": "var(--green-500)" }, "600": { "key": "{green.600}", "$value": "#52b87a", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#52b87a", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.600}" }, "name": "EN_600", "attributes": {}, "path": [ "green", "600" ], "cssWithValue": "var(--green-600)" }, "700": { "key": "{green.700}", "$value": "#91d4a8", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#91d4a8", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.700}" }, "name": "EN_700", "attributes": {}, "path": [ "green", "700" ], "cssWithValue": "var(--green-700)" }, "800": { "key": "{green.800}", "$value": "#c3e6cd", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#c3e6cd", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.800}" }, "name": "EN_800", "attributes": {}, "path": [ "green", "800" ], "cssWithValue": "var(--green-800)" }, "900": { "key": "{green.900}", "$value": "#ecf4ee", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#ecf4ee", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.900}" }, "name": "EN_900", "attributes": {}, "path": [ "green", "900" ], "cssWithValue": "var(--green-900)" }, "950": { "key": "{green.950}", "$value": "#f1fdf6", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#f1fdf6", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{green.950}" }, "name": "EN_950", "attributes": {}, "path": [ "green", "950" ], "cssWithValue": "var(--green-950)" } }, "orange": { "50": { "key": "{orange.50}", "$value": "#5c2900", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#5c2900", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.50}" }, "name": "NGE_50", "attributes": {}, "path": [ "orange", "50" ], "cssWithValue": "var(--orange-50)" }, "100": { "key": "{orange.100}", "$value": "#703800", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#703800", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.100}" }, "name": "NGE_100", "attributes": {}, "path": [ "orange", "100" ], "cssWithValue": "var(--orange-100)" }, "200": { "key": "{orange.200}", "$value": "#8f4700", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#8f4700", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.200}" }, "name": "NGE_200", "attributes": {}, "path": [ "orange", "200" ], "cssWithValue": "var(--orange-200)" }, "300": { "key": "{orange.300}", "$value": "#9e5400", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#9e5400", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.300}" }, "name": "NGE_300", "attributes": {}, "path": [ "orange", "300" ], "cssWithValue": "var(--orange-300)" }, "400": { "key": "{orange.400}", "$value": "#ab6100", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#ab6100", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.400}" }, "name": "NGE_400", "attributes": {}, "path": [ "orange", "400" ], "cssWithValue": "var(--orange-400)" }, "500": { "key": "{orange.500}", "$value": "#c17d10", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#c17d10", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.500}" }, "name": "NGE_500", "attributes": {}, "path": [ "orange", "500" ], "cssWithValue": "var(--orange-500)" }, "600": { "key": "{orange.600}", "$value": "#d99530", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#d99530", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.600}" }, "name": "NGE_600", "attributes": {}, "path": [ "orange", "600" ], "cssWithValue": "var(--orange-600)" }, "700": { "key": "{orange.700}", "$value": "#e9be74", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#e9be74", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.700}" }, "name": "NGE_700", "attributes": {}, "path": [ "orange", "700" ], "cssWithValue": "var(--orange-700)" }, "800": { "key": "{orange.800}", "$value": "#f5d9a8", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#f5d9a8", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.800}" }, "name": "NGE_800", "attributes": {}, "path": [ "orange", "800" ], "cssWithValue": "var(--orange-800)" }, "900": { "key": "{orange.900}", "$value": "#fdf1dd", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#fdf1dd", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.900}" }, "name": "NGE_900", "attributes": {}, "path": [ "orange", "900" ], "cssWithValue": "var(--orange-900)" }, "950": { "key": "{orange.950}", "$value": "#fff4e1", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#fff4e1", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{orange.950}" }, "name": "NGE_950", "attributes": {}, "path": [ "orange", "950" ], "cssWithValue": "var(--orange-950)" } }, "purple": { "50": { "key": "{purple.50}", "$value": "#232150", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#232150", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{purple.50}" }, "name": "PLE_50", "attributes": {}, "path": [ "purple", "50" ], "cssWithValue": "var(--purple-50)" }, "100": { "key": "{purple.100}", "$value": "#2f2a6b", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#2f2a6b", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{purple.100}" }, "name": "PLE_100", "attributes": {}, "path": [ "purple", "100" ], "cssWithValue": "var(--purple-100)" }, "200": { "key": "{purple.200}", "$value": "#453894", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": "#453894", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": false, "$deprecated": true, "key": "{purple.200}" }, "name": "PLE_200", "attributes": {}, "path": [ "purple", "200" ], "cssWithValue": "var(--purple-200)" }, "300": { "key": "{purple.300}", "$value": "#5943b6", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "themeable": true, "prefix": fals