@gitlab/ui

{ "border": { "color": { "transparent": { "key": "{border.color.transparent}", "$value": "transparent", "$type": "color", "$description": "Used when a border needs to be present, but not visibly perceived.", "$extensions": { "com.figma.scopes": [ "ALL_SCOPES" ] }, "filePath": "src/tokens/constant/border.tokens.json", "isSource": true, "original": { "$value": "{color.alpha.0}", "$type": "color", "$description": "Used when a border needs to be present, but not visibly perceived.", "$extensions": { "com.figma.scopes": [ "ALL_SCOPES" ] }, "key": "{border.color.transparent}" }, "name": "BORDER_COLOR_TRANSPARENT", "attributes": {}, "path": [ "border", "color", "transparent" ] }, "default": { "key": "{border.color.default}", "$value": "#4c4b51", "$type": "color", "$description": "Used for the default border color.", "$extensions": { "com.figma.scopes": [ "STROKE_COLOR" ] }, "filePath": "src/tokens/semantic/border.tokens.json", "isSource": true, "original": { "$value": "{color.neutral.700}", "$type": "color", "$description": "Used for the default border color.", "$extensions": { "com.figma.scopes": [ "STROKE_COLOR" ] }, "key": "{border.color.default}" }, "name": "BORDER_COLOR_DEFAULT", "attributes": {}, "path": [ "border", "color", "default" ] }, "subtle": { "key": "{border.color.subtle}", "$value": "#3a383f", "$type": "color", "$description": "Used for a subtle border in combination with the default background.", "$extensions": { "com.figma.scopes": [ "STROKE_COLOR" ] }, "filePath": "src/tokens/semantic/border.tokens.json", "isSource": true, "original": { "$value": "{color.neutral.800}", "$type": "color", "$description": "Used for a subtle border in combination with the default background.", "$extensions": { "com.figma.scopes": [ "STROKE_COLOR" ] }, "key": "{border.color.subtle}" }, "name": "BORDER_COLOR_SUBTLE", "attributes": {}, "path": [ "border", "color", "subtle" ] }, "strong": { "key": "{border.color.strong}", "$value": "#626168", "$type": "color", "$description": "Used for a distinct border that emphasizes an edge or boundaries.", "$extensions": { "com.figma.scopes": [ "STROKE_COLOR" ] }, "filePath": "src/tokens/semantic/border.tokens.json", "isSource": true, "original": { "$value": "{color.neutral.600}", "$type": "color", "$description": "Used for a distinct border that emphasizes an edge or boundaries.", "$extensions": { "com.figma.scopes": [ "STROKE_COLOR" ] }, "key": "{border.color.strong}" }, "name": "BORDER_COLOR_STRONG", "attributes": {}, "path": [ "border", "color", "strong" ] }, "section": { "key": "{border.color.section}", "$value": "#18171d", "$type": "color", "$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.", "$extensions": { "com.figma.scopes": [ "STROKE_COLOR" ] }, "filePath": "src/tokens/semantic/border.tokens.json", "isSource": true, "original": { "$value": "{background.color.default}", "$type": "color", "$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.", "$extensions": { "com.figma.scopes": [ "STROKE_COLOR" ] }, "key": "{border.color.section}" }, "name": "BORDER_COLOR_SECTION", "attributes": {}, "path": [ "border", "color", "section" ] } }, "radius": { "none": { "key": "{border.radius.none}", "$value": "0", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "filePath": "src/tokens/constant/border.tokens.json", "isSource": true, "original": { "$value": "{spacing-scale.0}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "key": "{border.radius.none}" }, "name": "BORDER_RADIUS_NONE", "attributes": {}, "path": [ "border", "radius", "none" ] }, "xs": { "key": "{border.radius.xs}", "$value": "1px", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "filePath": "src/tokens/constant/border.tokens.json", "isSource": true, "original": { "$value": "{spacing-scale.px}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "key": "{border.radius.xs}" }, "name": "BORDER_RADIUS_XS", "attributes": {}, "path": [ "border", "radius", "xs" ] }, "sm": { "key": "{border.radius.sm}", "$value": "0.125rem", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "filePath": "src/tokens/constant/border.tokens.json", "isSource": true, "original": { "$value": "{spacing-scale.1}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "key": "{border.radius.sm}" }, "name": "BORDER_RADIUS_SM", "attributes": {}, "path": [ "border", "radius", "sm" ] }, "md": { "key": "{border.radius.md}", "$value": "0.25rem", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "filePath": "src/tokens/constant/border.tokens.json", "isSource": true, "original": { "$value": "{spacing-scale.2}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "key": "{border.radius.md}" }, "name": "BORDER_RADIUS_MD", "attributes": {}, "path": [ "border", "radius", "md" ] }, "lg": { "key": "{border.radius.lg}", "$value": "0.5rem", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "filePath": "src/tokens/constant/border.tokens.json", "isSource": true, "original": { "$value": "{spacing-scale.3}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "key": "{border.radius.lg}" }, "name": "BORDER_RADIUS_LG", "attributes": {}, "path": [ "border", "radius", "lg" ] }, "xl": { "key": "{border.radius.xl}", "$value": "0.75rem", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "filePath": "src/tokens/constant/border.tokens.json", "isSource": true, "original": { "$value": "{spacing-scale.4}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "key": "{border.radius.xl}" }, "name": "BORDER_RADIUS_XL", "attributes": {}, "path": [ "border", "radius", "xl" ] }, "2xl": { "key": "{border.radius.2xl}", "$value": "1rem", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "filePath": "src/tokens/constant/border.tokens.json", "isSource": true, "original": { "$value": "{spacing-scale.5}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "key": "{border.radius.2xl}" }, "name": "BORDER_RADIUS_2XL", "attributes": {}, "path": [ "border", "radius", "2xl" ] }, "3xl": { "key": "{border.radius.3xl}", "$value": "1.5rem", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "filePath": "src/tokens/constant/border.tokens.json", "isSource": true, "original": { "$value": "{spacing-scale.6}", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "key": "{border.radius.3xl}" }, "name": "BORDER_RADIUS_3XL", "attributes": {}, "path": [ "border", "radius", "3xl" ] }, "full": { "key": "{border.radius.full}", "$value": "9999px", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "filePath": "src/tokens/constant/border.tokens.json", "isSource": true, "original": { "$value": "9999px", "$type": "dimension", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "key": "{border.radius.full}" }, "name": "BORDER_RADIUS_FULL", "attributes": {}, "path": [ "border", "radius", "full" ] }, "default": { "key": "{border.radius.default}", "$value": "0.25rem", "$type": "dimension", "$description": "", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "filePath": "src/tokens/semantic/border.tokens.json", "isSource": true, "original": { "$value": "{border.radius.md}", "$type": "dimension", "$description": "", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] }, "key": "{border.radius.default}" }, "name": "BORDER_RADIUS_DEFAULT", "attributes": {}, "path": [ "border", "radius", "default" ] } } }, "color": { "alpha": { "0": { "key": "{color.alpha.0}", "$value": "transparent", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.alpha.tokens.json", "isSource": true, "original": { "$value": "transparent", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.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" ] }, "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" ] }, "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" ] }, "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" ] }, "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" ] }, "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" ] }, "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" ] } }, "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" ] }, "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" ] }, "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" ] }, "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" ] }, "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" ] }, "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" ] }, "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" ] } } }, "blue": { "50": { "key": "{color.blue.50}", "$value": "#e9f3fc", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#e9f3fc", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#cbe2f9", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#9dc7f1", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#63a6e9", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#428fdc", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#1f75cb", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#2f68b4", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#2f5ca0", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#284779", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#213454", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#1d283e", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#fff", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#fbfafd", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#ececef", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#dcdcde", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#bfbfc3", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#a4a3a8", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#89888d", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#737278", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#626168", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#4c4b51", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#3a383f", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#28272d", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#18171d", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#050506", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#ecf4ee", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#c3e6cd", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#91d4a8", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#52b87a", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#2da160", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#108548", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#2f7549", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#306440", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#225131", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#1e3e28", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#17291c", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#fdf1dd", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#f5d9a8", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#e9be74", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#d99530", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#c17d10", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#ab6100", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/tokens/constant/color.tokens.json", "isSource": true, "original": { "$value": "#995715", "$type": "color", "$extensions": { "com.figma.scopes": [] }, "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.scopes": [] }, "filePath": "src/