UNPKG

@gitlab/ui

Version:
1,985 lines (1,984 loc) • 1.08 MB
{ "color": { "alpha": { "0": { "key": "{color.alpha.0}", "$value": "transparent", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "transparent", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.0}" }, "name": "COLOR_ALPHA_0", "attributes": {}, "path": [ "color", "alpha", "0" ] }, "dark": { "2": { "key": "{color.alpha.dark.2}", "$value": "rgba(05, 05, 06, 0.02)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.02)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.dark.2}" }, "name": "COLOR_ALPHA_DARK_2", "attributes": {}, "path": [ "color", "alpha", "dark", "2" ] }, "4": { "key": "{color.alpha.dark.4}", "$value": "rgba(05, 05, 06, 0.04)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.04)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.dark.4}" }, "name": "COLOR_ALPHA_DARK_4", "attributes": {}, "path": [ "color", "alpha", "dark", "4" ] }, "6": { "key": "{color.alpha.dark.6}", "$value": "rgba(05, 05, 06, 0.06)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.06)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.dark.6}" }, "name": "COLOR_ALPHA_DARK_6", "attributes": {}, "path": [ "color", "alpha", "dark", "6" ] }, "8": { "key": "{color.alpha.dark.8}", "$value": "rgba(05, 05, 06, 0.08)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.08)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.dark.8}" }, "name": "COLOR_ALPHA_DARK_8", "attributes": {}, "path": [ "color", "alpha", "dark", "8" ] }, "16": { "key": "{color.alpha.dark.16}", "$value": "rgba(05, 05, 06, 0.16)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.16)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.dark.16}" }, "name": "COLOR_ALPHA_DARK_16", "attributes": {}, "path": [ "color", "alpha", "dark", "16" ] }, "24": { "key": "{color.alpha.dark.24}", "$value": "rgba(05, 05, 06, 0.24)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.24)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.dark.24}" }, "name": "COLOR_ALPHA_DARK_24", "attributes": {}, "path": [ "color", "alpha", "dark", "24" ] }, "40": { "key": "{color.alpha.dark.40}", "$value": "rgba(05, 05, 06, 0.4)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(05, 05, 06, 0.4)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.dark.40}" }, "name": "COLOR_ALPHA_DARK_40", "attributes": {}, "path": [ "color", "alpha", "dark", "40" ] } }, "light": { "2": { "key": "{color.alpha.light.2}", "$value": "rgba(255, 255, 255, 0.02)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.02)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.light.2}" }, "name": "COLOR_ALPHA_LIGHT_2", "attributes": {}, "path": [ "color", "alpha", "light", "2" ] }, "4": { "key": "{color.alpha.light.4}", "$value": "rgba(255, 255, 255, 0.04)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.04)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.light.4}" }, "name": "COLOR_ALPHA_LIGHT_4", "attributes": {}, "path": [ "color", "alpha", "light", "4" ] }, "6": { "key": "{color.alpha.light.6}", "$value": "rgba(255, 255, 255, 0.06)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.06)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.light.6}" }, "name": "COLOR_ALPHA_LIGHT_6", "attributes": {}, "path": [ "color", "alpha", "light", "6" ] }, "8": { "key": "{color.alpha.light.8}", "$value": "rgba(255, 255, 255, 0.08)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.08)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.light.8}" }, "name": "COLOR_ALPHA_LIGHT_8", "attributes": {}, "path": [ "color", "alpha", "light", "8" ] }, "16": { "key": "{color.alpha.light.16}", "$value": "rgba(255, 255, 255, 0.16)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.16)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.light.16}" }, "name": "COLOR_ALPHA_LIGHT_16", "attributes": {}, "path": [ "color", "alpha", "light", "16" ] }, "24": { "key": "{color.alpha.light.24}", "$value": "rgba(255, 255, 255, 0.24)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.24)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.light.24}" }, "name": "COLOR_ALPHA_LIGHT_24", "attributes": {}, "path": [ "color", "alpha", "light", "24" ] }, "36": { "key": "{color.alpha.light.36}", "$value": "rgba(255, 255, 255, 0.36)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "rgba(255, 255, 255, 0.36)", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.alpha.light.36}" }, "name": "COLOR_ALPHA_LIGHT_36", "attributes": {}, "path": [ "color", "alpha", "light", "36" ] } } }, "blue": { "50": { "key": "{color.blue.50}", "$value": "#e9f3fc", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#e9f3fc", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.50}" }, "name": "COLOR_BLUE_50", "attributes": {}, "path": [ "color", "blue", "50" ] }, "100": { "key": "{color.blue.100}", "$value": "#cbe2f9", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#cbe2f9", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.100}" }, "name": "COLOR_BLUE_100", "attributes": {}, "path": [ "color", "blue", "100" ] }, "200": { "key": "{color.blue.200}", "$value": "#9dc7f1", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#9dc7f1", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.200}" }, "name": "COLOR_BLUE_200", "attributes": {}, "path": [ "color", "blue", "200" ] }, "300": { "key": "{color.blue.300}", "$value": "#63a6e9", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#63a6e9", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.300}" }, "name": "COLOR_BLUE_300", "attributes": {}, "path": [ "color", "blue", "300" ] }, "400": { "key": "{color.blue.400}", "$value": "#428fdc", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#428fdc", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.400}" }, "name": "COLOR_BLUE_400", "attributes": {}, "path": [ "color", "blue", "400" ] }, "500": { "key": "{color.blue.500}", "$value": "#1f75cb", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#1f75cb", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.500}" }, "name": "COLOR_BLUE_500", "attributes": {}, "path": [ "color", "blue", "500" ] }, "600": { "key": "{color.blue.600}", "$value": "#2f68b4", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#2f68b4", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.600}" }, "name": "COLOR_BLUE_600", "attributes": {}, "path": [ "color", "blue", "600" ] }, "700": { "key": "{color.blue.700}", "$value": "#2f5ca0", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#2f5ca0", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.700}" }, "name": "COLOR_BLUE_700", "attributes": {}, "path": [ "color", "blue", "700" ] }, "800": { "key": "{color.blue.800}", "$value": "#284779", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#284779", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.800}" }, "name": "COLOR_BLUE_800", "attributes": {}, "path": [ "color", "blue", "800" ] }, "900": { "key": "{color.blue.900}", "$value": "#213454", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#213454", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.900}" }, "name": "COLOR_BLUE_900", "attributes": {}, "path": [ "color", "blue", "900" ] }, "950": { "key": "{color.blue.950}", "$value": "#1d283e", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#1d283e", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.blue.950}" }, "name": "COLOR_BLUE_950", "attributes": {}, "path": [ "color", "blue", "950" ] } }, "neutral": { "0": { "key": "{color.neutral.0}", "$value": "#fff", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#fff", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.0}" }, "name": "COLOR_NEUTRAL_0", "attributes": {}, "path": [ "color", "neutral", "0" ] }, "10": { "key": "{color.neutral.10}", "$value": "#fbfafd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#fbfafd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.10}" }, "name": "COLOR_NEUTRAL_10", "attributes": {}, "path": [ "color", "neutral", "10" ] }, "50": { "key": "{color.neutral.50}", "$value": "#ececef", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#ececef", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.50}" }, "name": "COLOR_NEUTRAL_50", "attributes": {}, "path": [ "color", "neutral", "50" ] }, "100": { "key": "{color.neutral.100}", "$value": "#dcdcde", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#dcdcde", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.100}" }, "name": "COLOR_NEUTRAL_100", "attributes": {}, "path": [ "color", "neutral", "100" ] }, "200": { "key": "{color.neutral.200}", "$value": "#bfbfc3", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#bfbfc3", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.200}" }, "name": "COLOR_NEUTRAL_200", "attributes": {}, "path": [ "color", "neutral", "200" ] }, "300": { "key": "{color.neutral.300}", "$value": "#a4a3a8", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#a4a3a8", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.300}" }, "name": "COLOR_NEUTRAL_300", "attributes": {}, "path": [ "color", "neutral", "300" ] }, "400": { "key": "{color.neutral.400}", "$value": "#89888d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#89888d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.400}" }, "name": "COLOR_NEUTRAL_400", "attributes": {}, "path": [ "color", "neutral", "400" ] }, "500": { "key": "{color.neutral.500}", "$value": "#737278", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#737278", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.500}" }, "name": "COLOR_NEUTRAL_500", "attributes": {}, "path": [ "color", "neutral", "500" ] }, "600": { "key": "{color.neutral.600}", "$value": "#626168", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#626168", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.600}" }, "name": "COLOR_NEUTRAL_600", "attributes": {}, "path": [ "color", "neutral", "600" ] }, "700": { "key": "{color.neutral.700}", "$value": "#4c4b51", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#4c4b51", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.700}" }, "name": "COLOR_NEUTRAL_700", "attributes": {}, "path": [ "color", "neutral", "700" ] }, "800": { "key": "{color.neutral.800}", "$value": "#3a383f", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#3a383f", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.800}" }, "name": "COLOR_NEUTRAL_800", "attributes": {}, "path": [ "color", "neutral", "800" ] }, "900": { "key": "{color.neutral.900}", "$value": "#28272d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#28272d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.900}" }, "name": "COLOR_NEUTRAL_900", "attributes": {}, "path": [ "color", "neutral", "900" ] }, "950": { "key": "{color.neutral.950}", "$value": "#18171d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#18171d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.950}" }, "name": "COLOR_NEUTRAL_950", "attributes": {}, "path": [ "color", "neutral", "950" ] }, "1000": { "key": "{color.neutral.1000}", "$value": "#050506", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#050506", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.neutral.1000}" }, "name": "COLOR_NEUTRAL_1000", "attributes": {}, "path": [ "color", "neutral", "1000" ] } }, "green": { "50": { "key": "{color.green.50}", "$value": "#ecf4ee", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#ecf4ee", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.50}" }, "name": "COLOR_GREEN_50", "attributes": {}, "path": [ "color", "green", "50" ] }, "100": { "key": "{color.green.100}", "$value": "#c3e6cd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#c3e6cd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.100}" }, "name": "COLOR_GREEN_100", "attributes": {}, "path": [ "color", "green", "100" ] }, "200": { "key": "{color.green.200}", "$value": "#91d4a8", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#91d4a8", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.200}" }, "name": "COLOR_GREEN_200", "attributes": {}, "path": [ "color", "green", "200" ] }, "300": { "key": "{color.green.300}", "$value": "#52b87a", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#52b87a", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.300}" }, "name": "COLOR_GREEN_300", "attributes": {}, "path": [ "color", "green", "300" ] }, "400": { "key": "{color.green.400}", "$value": "#2da160", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#2da160", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.400}" }, "name": "COLOR_GREEN_400", "attributes": {}, "path": [ "color", "green", "400" ] }, "500": { "key": "{color.green.500}", "$value": "#108548", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#108548", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.500}" }, "name": "COLOR_GREEN_500", "attributes": {}, "path": [ "color", "green", "500" ] }, "600": { "key": "{color.green.600}", "$value": "#2f7549", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#2f7549", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.600}" }, "name": "COLOR_GREEN_600", "attributes": {}, "path": [ "color", "green", "600" ] }, "700": { "key": "{color.green.700}", "$value": "#306440", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#306440", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.700}" }, "name": "COLOR_GREEN_700", "attributes": {}, "path": [ "color", "green", "700" ] }, "800": { "key": "{color.green.800}", "$value": "#225131", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#225131", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.800}" }, "name": "COLOR_GREEN_800", "attributes": {}, "path": [ "color", "green", "800" ] }, "900": { "key": "{color.green.900}", "$value": "#1e3e28", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#1e3e28", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.900}" }, "name": "COLOR_GREEN_900", "attributes": {}, "path": [ "color", "green", "900" ] }, "950": { "key": "{color.green.950}", "$value": "#17291c", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#17291c", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.green.950}" }, "name": "COLOR_GREEN_950", "attributes": {}, "path": [ "color", "green", "950" ] } }, "orange": { "50": { "key": "{color.orange.50}", "$value": "#fdf1dd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#fdf1dd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.50}" }, "name": "COLOR_ORANGE_50", "attributes": {}, "path": [ "color", "orange", "50" ] }, "100": { "key": "{color.orange.100}", "$value": "#f5d9a8", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#f5d9a8", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.100}" }, "name": "COLOR_ORANGE_100", "attributes": {}, "path": [ "color", "orange", "100" ] }, "200": { "key": "{color.orange.200}", "$value": "#e9be74", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#e9be74", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.200}" }, "name": "COLOR_ORANGE_200", "attributes": {}, "path": [ "color", "orange", "200" ] }, "300": { "key": "{color.orange.300}", "$value": "#d99530", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#d99530", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.300}" }, "name": "COLOR_ORANGE_300", "attributes": {}, "path": [ "color", "orange", "300" ] }, "400": { "key": "{color.orange.400}", "$value": "#c17d10", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#c17d10", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.400}" }, "name": "COLOR_ORANGE_400", "attributes": {}, "path": [ "color", "orange", "400" ] }, "500": { "key": "{color.orange.500}", "$value": "#ab6100", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#ab6100", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.500}" }, "name": "COLOR_ORANGE_500", "attributes": {}, "path": [ "color", "orange", "500" ] }, "600": { "key": "{color.orange.600}", "$value": "#995715", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#995715", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.600}" }, "name": "COLOR_ORANGE_600", "attributes": {}, "path": [ "color", "orange", "600" ] }, "700": { "key": "{color.orange.700}", "$value": "#894b16", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#894b16", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.700}" }, "name": "COLOR_ORANGE_700", "attributes": {}, "path": [ "color", "orange", "700" ] }, "800": { "key": "{color.orange.800}", "$value": "#693c14", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#693c14", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.800}" }, "name": "COLOR_ORANGE_800", "attributes": {}, "path": [ "color", "orange", "800" ] }, "900": { "key": "{color.orange.900}", "$value": "#532e16", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#532e16", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.900}" }, "name": "COLOR_ORANGE_900", "attributes": {}, "path": [ "color", "orange", "900" ] }, "950": { "key": "{color.orange.950}", "$value": "#382315", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#382315", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.orange.950}" }, "name": "COLOR_ORANGE_950", "attributes": {}, "path": [ "color", "orange", "950" ] } }, "purple": { "50": { "key": "{color.purple.50}", "$value": "#f4f0ff", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#f4f0ff", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.50}" }, "name": "COLOR_PURPLE_50", "attributes": {}, "path": [ "color", "purple", "50" ] }, "100": { "key": "{color.purple.100}", "$value": "#e1d8f9", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#e1d8f9", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.100}" }, "name": "COLOR_PURPLE_100", "attributes": {}, "path": [ "color", "purple", "100" ] }, "200": { "key": "{color.purple.200}", "$value": "#cbbbf2", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#cbbbf2", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.200}" }, "name": "COLOR_PURPLE_200", "attributes": {}, "path": [ "color", "purple", "200" ] }, "300": { "key": "{color.purple.300}", "$value": "#ac93e6", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#ac93e6", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.300}" }, "name": "COLOR_PURPLE_300", "attributes": {}, "path": [ "color", "purple", "300" ] }, "400": { "key": "{color.purple.400}", "$value": "#9475db", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#9475db", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.400}" }, "name": "COLOR_PURPLE_400", "attributes": {}, "path": [ "color", "purple", "400" ] }, "500": { "key": "{color.purple.500}", "$value": "#7b58cf", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#7b58cf", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.500}" }, "name": "COLOR_PURPLE_500", "attributes": {}, "path": [ "color", "purple", "500" ] }, "600": { "key": "{color.purple.600}", "$value": "#6a4fb4", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#6a4fb4", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.600}" }, "name": "COLOR_PURPLE_600", "attributes": {}, "path": [ "color", "purple", "600" ] }, "700": { "key": "{color.purple.700}", "$value": "#5c47a6", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#5c47a6", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.700}" }, "name": "COLOR_PURPLE_700", "attributes": {}, "path": [ "color", "purple", "700" ] }, "800": { "key": "{color.purple.800}", "$value": "#493c83", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#493c83", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.800}" }, "name": "COLOR_PURPLE_800", "attributes": {}, "path": [ "color", "purple", "800" ] }, "900": { "key": "{color.purple.900}", "$value": "#342d59", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#342d59", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.900}" }, "name": "COLOR_PURPLE_900", "attributes": {}, "path": [ "color", "purple", "900" ] }, "950": { "key": "{color.purple.950}", "$value": "#27243e", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#27243e", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.purple.950}" }, "name": "COLOR_PURPLE_950", "attributes": {}, "path": [ "color", "purple", "950" ] } }, "red": { "50": { "key": "{color.red.50}", "$value": "#fcf1ef", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#fcf1ef", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.red.50}" }, "name": "COLOR_RED_50", "attributes": {}, "path": [ "color", "red", "50" ] }, "100": { "key": "{color.red.100}", "$value": "#fdd4cd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#fdd4cd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.red.100}" }, "name": "COLOR_RED_100", "attributes": {}, "path": [ "color", "red", "100" ] }, "200": { "key": "{color.red.200}", "$value": "#fcb5aa", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#fcb5aa", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.red.200}" }, "name": "COLOR_RED_200", "attributes": {}, "path": [ "color", "red", "200" ] }, "300": { "key": "{color.red.300}", "$value": "#f6806d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#f6806d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.red.300}" }, "name": "COLOR_RED_300", "attributes": {}, "path": [ "color", "red", "300" ] }, "400": { "key": "{color.red.400}", "$value": "#ec5941", "$type": "color", "$extensions": { "com.figma.scope": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#ec5941", "$type": "color", "$extensions": { "com.figma.scope": [] }, "key": "{color.red.400}" }, "name": "COLOR_RED_400", "attributes": {}, "path": [ "color", "red", "400" ] }, "500": {