From 1e178d9ebe331189d8e4923119150d361a655e96 Mon Sep 17 00:00:00 2001 From: Jake Albaugh Date: Fri, 24 May 2024 13:38:54 -0500 Subject: [PATCH] layout and section --- scripts/tokens/tokens.json | 8264 +++++++++-------- scripts/tokens/tokensCodeSyntaxes.js | 7 +- src/blocks/Cards/Cards.figma.tsx | 4 +- src/blocks/Cards/Cards.stories.tsx | 2 +- src/blocks/Headers/Headers.tsx | 0 src/figma/figmaComponents.tsx | 19 +- src/theme.css | 13 +- src/ui/Avatar/Avatar.stories.tsx | 2 +- src/ui/Button/Button.stories.tsx | 2 +- src/ui/Card/Card.stories.tsx | 2 +- src/ui/Dialog/Dialog.stories.tsx | 15 +- src/ui/Fieldset/Fieldset.tsx | 16 +- src/ui/Fieldset/fieldset.css | 6 + .../Layout.stories.tsx} | 60 +- src/ui/{Grid/Grid.tsx => Layout/Layout.tsx} | 34 +- src/ui/{Grid/grid.css => Layout/layout.css} | 39 + src/ui/Menu/Menu.stories.tsx | 2 +- src/ui/Popover/Popover.stories.tsx | 2 +- src/ui/Radio/Radio.stories.tsx | 2 +- src/ui/Table/Table.stories.tsx | 2 +- src/ui/index.ts | 2 +- 21 files changed, 4316 insertions(+), 4179 deletions(-) create mode 100644 src/blocks/Headers/Headers.tsx rename src/ui/{Grid/Grid.stories.tsx => Layout/Layout.stories.tsx} (61%) rename src/ui/{Grid/Grid.tsx => Layout/Layout.tsx} (65%) rename src/ui/{Grid/grid.css => Layout/layout.css} (73%) diff --git a/scripts/tokens/tokens.json b/scripts/tokens/tokens.json index 02e91ca..f77d74a 100644 --- a/scripts/tokens/tokens.json +++ b/scripts/tokens/tokens.json @@ -1,742 +1,634 @@ { - "@responsive": { + "@typography_primitives": { "$extensions": { "org.sds": { - "figmaId": "VariableCollectionId:9:11202", + "figmaId": "VariableCollectionId:9:11179", "modes": [ - "desktop", - "wide", - "mobile", - "tablet" + "default" ] } }, - "width-device-min": { - "$type": "number", - "$value": 1160, + "family-sans": { + "$type": "fontFamily", + "$value": "Inter", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11219", + "figmaId": "VariableID:9:11199", "modes": { - "desktop": 1160, - "wide": 1440, - "mobile": 375, - "tablet": 768 + "default": "Inter" } } } }, - "ratio-dialog-max": { - "$type": "number", - "$value": 0.5, + "family-serif": { + "$type": "fontFamily", + "$value": "Noto Serif", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11299", + "figmaId": "VariableID:9:11200", "modes": { - "desktop": 0.5, - "wide": 0.5, - "mobile": 2, - "tablet": 0.8500000238418579 + "default": "Noto Serif" } } } }, - "ratio-column-full": { - "$type": "number", - "$value": 1, + "family-mono": { + "$type": "fontFamily", + "$value": "Roboto Mono", "$extensions": { "org.sds": { - "figmaId": "VariableID:2117:5645", + "figmaId": "VariableID:9:11201", "modes": { - "desktop": 1, - "wide": 1, - "mobile": 1, - "tablet": 1 + "default": "Roboto Mono" } } } }, - "ratio-column-quarter-major": { - "$type": "number", - "$value": 0.75, + "weight-thin": { + "$type": "fontWeight", + "$value": 100, "$extensions": { "org.sds": { - "figmaId": "VariableID:2117:5646", + "figmaId": "VariableID:9:11180", "modes": { - "desktop": 0.75, - "wide": 0.75, - "mobile": 1, - "tablet": 0.5 + "default": 100 } } } }, - "ratio-column-quarter-minor": { - "$type": "number", - "$value": 0.25, + "weight-thin-italic": { + "$type": "unknown", + "$value": "Thin Italic", "$extensions": { "org.sds": { - "figmaId": "VariableID:2117:5647", + "figmaId": "VariableID:66:10200", "modes": { - "desktop": 0.25, - "wide": 0.25, - "mobile": 1, - "tablet": 0.5 + "default": "Thin Italic" } } } }, - "ratio-column-quarter-half": { - "$type": "number", - "$value": 0.5, + "weight-extra-light": { + "$type": "fontWeight", + "$value": 200, "$extensions": { "org.sds": { - "figmaId": "VariableID:2117:5648", + "figmaId": "VariableID:9:11181", "modes": { - "desktop": 0.5, - "wide": 0.5, - "mobile": 1, - "tablet": 0.5 + "default": 200 } } } }, - "ratio-column-third-major": { - "$type": "number", - "$value": 0.6700000166893005, + "weight-extralight-italic": { + "$type": "unknown", + "$value": "Extra Light Italic", "$extensions": { "org.sds": { - "figmaId": "VariableID:2144:3761", + "figmaId": "VariableID:66:10201", "modes": { - "desktop": 0.6700000166893005, - "wide": 0.6700000166893005, - "mobile": 1, - "tablet": 1 + "default": "Extra Light Italic" } } } }, - "ratio-column-third-minor": { - "$type": "number", - "$value": 0.33000001311302185, + "weight-light": { + "$type": "fontWeight", + "$value": 300, "$extensions": { "org.sds": { - "figmaId": "VariableID:2144:3762", + "figmaId": "VariableID:9:11182", "modes": { - "desktop": 0.33000001311302185, - "wide": 0.33000001311302185, - "mobile": 1, - "tablet": 1 + "default": 300 } } } }, - "direction-column-to-row": { + "weight-light-italic": { "$type": "unknown", - "$value": "row", + "$value": "Light Italic", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11220", + "figmaId": "VariableID:56:8551", "modes": { - "desktop": "row", - "wide": "row", - "mobile": "column", - "tablet": "column" + "default": "Light Italic" } } } }, - "direction-column-to-row-reverse": { - "$type": "unknown", - "$value": "row-reverse", + "weight-regular": { + "$type": "fontWeight", + "$value": 400, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11296", + "figmaId": "VariableID:9:11183", "modes": { - "desktop": "row-reverse", - "wide": "row-reverse", - "mobile": "column", - "tablet": "column" + "default": 400 } } } }, - "direction-row-to-column": { + "weight-regular-italic": { "$type": "unknown", - "$value": "column", + "$value": "Italic", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11221", + "figmaId": "VariableID:56:8552", "modes": { - "desktop": "column", - "wide": "column", - "mobile": "row", - "tablet": "row" + "default": "Italic" } } } }, - "direction-row-reverse-to-column": { - "$type": "unknown", - "$value": "column", + "weight-medium": { + "$type": "fontWeight", + "$value": 500, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11297", + "figmaId": "VariableID:9:11184", "modes": { - "desktop": "column", - "wide": "column", - "mobile": "row-reverse", - "tablet": "row-reverse" + "default": 500 } } } }, - "display-none-to-flex": { + "weight-medium-italic": { "$type": "unknown", - "$value": "flex", + "$value": "Medium Italic", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11222", + "figmaId": "VariableID:66:10202", "modes": { - "desktop": "flex", - "wide": "flex", - "mobile": "none", - "tablet": "none" + "default": "Medium Italic" } } } }, - "display-flex-to-none": { - "$type": "unknown", - "$value": "none", + "weight-semibold": { + "$type": "fontWeight", + "$value": 600, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11223", + "figmaId": "VariableID:9:11185", "modes": { - "desktop": "none", - "wide": "none", - "mobile": "flex", - "tablet": "flex" + "default": 600 } } } }, - "root-font-size": { - "$type": "number", - "$value": 16, + "weight-semibold-italic": { + "$type": "unknown", + "$value": "Semi Bold Italic", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11224", + "figmaId": "VariableID:66:10203", "modes": { - "desktop": 16, - "wide": 16, - "mobile": 18, - "tablet": 18 + "default": "Semi Bold Italic" } } } }, - "border-width": { - "$type": "number", - "$value": 1, + "weight-bold": { + "$type": "fontWeight", + "$value": 700, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11227", + "figmaId": "VariableID:9:11186", "modes": { - "desktop": 1, - "wide": 1, - "mobile": 1, - "tablet": 1 + "default": 700 } } } - } - }, - "@size": { - "$extensions": { - "org.sds": { - "figmaId": "VariableCollectionId:9:11257", - "modes": [ - "default" - ] - } }, - "gap-xs": { - "$type": "number", - "$value": 4, + "weight-bold-italic": { + "$type": "unknown", + "$value": "Bold Italic", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11258", + "figmaId": "VariableID:56:8553", "modes": { - "default": 4 + "default": "Bold Italic" } } } }, - "gap-sm": { - "$type": "number", - "$value": 8, + "weight-extra-bold": { + "$type": "fontWeight", + "$value": 800, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11259", + "figmaId": "VariableID:9:11187", "modes": { - "default": 8 + "default": 800 } } } }, - "gap-md": { - "$type": "number", - "$value": 12, + "weight-extrabold-italic": { + "$type": "unknown", + "$value": "Extra Bold Italic", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11260", + "figmaId": "VariableID:66:10204", "modes": { - "default": 12 + "default": "Extra Bold Italic" } } } }, - "gap-lg": { - "$type": "number", - "$value": 16, + "weight-black": { + "$type": "fontWeight", + "$value": 900, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11261", + "figmaId": "VariableID:9:11188", "modes": { - "default": 16 + "default": 900 } } } }, - "gap-xl": { - "$type": "number", - "$value": 24, + "weight-black-italic": { + "$type": "unknown", + "$value": "Extra Bold Italic", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11262", + "figmaId": "VariableID:66:10208", "modes": { - "default": 24 + "default": "Extra Bold Italic" } } } }, - "gap-xxl": { + "scale-10": { "$type": "number", - "$value": 48, + "$value": 72, "$extensions": { "org.sds": { - "figmaId": "VariableID:2143:14622", + "figmaId": "VariableID:9:11189", "modes": { - "default": 48 + "default": 72 } } } }, - "gap-column": { + "scale-09": { "$type": "number", "$value": 64, "$extensions": { "org.sds": { - "figmaId": "VariableID:107:11150", + "figmaId": "VariableID:9:11190", "modes": { "default": 64 } } } }, - "gap-negative-xs": { + "scale-08": { "$type": "number", - "$value": -4, + "$value": 48, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11263", + "figmaId": "VariableID:9:11191", "modes": { - "default": -4 + "default": 48 } } } }, - "gap-negative-sm": { + "scale-07": { "$type": "number", - "$value": -8, + "$value": 40, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11264", + "figmaId": "VariableID:9:11192", "modes": { - "default": -8 + "default": 40 } } } }, - "gap-negative-md": { + "scale-06": { "$type": "number", - "$value": -12, + "$value": 32, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11265", + "figmaId": "VariableID:9:11193", "modes": { - "default": -12 + "default": 32 } } } }, - "gap-negative-lg": { + "scale-05": { "$type": "number", - "$value": -16, + "$value": 24, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11266", + "figmaId": "VariableID:9:11194", "modes": { - "default": -16 + "default": 24 } } } }, - "gap-negative-xl": { + "scale-04": { "$type": "number", - "$value": -24, + "$value": 20, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11267", + "figmaId": "VariableID:9:11195", "modes": { - "default": -24 + "default": 20 } } } }, - "padding-xs": { + "scale-03": { "$type": "number", - "$value": 4, + "$value": 16, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11268", + "figmaId": "VariableID:9:11196", "modes": { - "default": 4 + "default": 16 } } } }, - "padding-sm": { + "scale-02": { "$type": "number", - "$value": 8, + "$value": 14, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11269", + "figmaId": "VariableID:9:11197", "modes": { - "default": 8 + "default": 14 } } } }, - "padding-md": { + "scale-01": { "$type": "number", "$value": 12, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11270", + "figmaId": "VariableID:9:11198", "modes": { "default": 12 } } } + } + }, + "@responsive": { + "$extensions": { + "org.sds": { + "figmaId": "VariableCollectionId:9:11202", + "modes": [ + "desktop", + "wide", + "mobile", + "tablet" + ] + } }, - "padding-lg": { + "width-device-min": { "$type": "number", - "$value": 16, + "$value": 1160, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11271", + "figmaId": "VariableID:9:11219", "modes": { - "default": 16 + "desktop": 1160, + "wide": 1440, + "mobile": 375, + "tablet": 768 } } } }, - "padding-xl": { + "ratio-dialog-max": { "$type": "number", - "$value": 24, + "$value": 0.5, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11272", + "figmaId": "VariableID:9:11299", "modes": { - "default": 24 + "desktop": 0.5, + "wide": 0.5, + "mobile": 2, + "tablet": 0.8500000238418579 } } } }, - "padding-xxl": { + "ratio-column-full": { "$type": "number", - "$value": 32, + "$value": 1, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11273", + "figmaId": "VariableID:2117:5645", "modes": { - "default": 32 + "desktop": 1, + "wide": 1, + "mobile": 1, + "tablet": 1 } } } }, - "padding-section": { + "ratio-column-half": { "$type": "number", - "$value": 64, + "$value": 0.5, "$extensions": { "org.sds": { - "figmaId": "VariableID:2143:17262", + "figmaId": "VariableID:2117:5648", "modes": { - "default": 64 + "desktop": 0.5, + "wide": 0.5, + "mobile": 1, + "tablet": 0.5 } } } }, - "padding-hero-vertical": { + "ratio-column-quarter-major": { "$type": "number", - "$value": 160, + "$value": 0.75, "$extensions": { "org.sds": { - "figmaId": "VariableID:107:11151", + "figmaId": "VariableID:2117:5646", "modes": { - "default": 160 + "desktop": 0.75, + "wide": 0.75, + "mobile": 1, + "tablet": 0.5 } } } }, - "radius-xs": { + "ratio-column-quarter-minor": { "$type": "number", - "$value": 4, + "$value": 0.25, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11274", + "figmaId": "VariableID:2117:5647", "modes": { - "default": 4 + "desktop": 0.25, + "wide": 0.25, + "mobile": 1, + "tablet": 0.5 } } } }, - "radius-sm": { + "ratio-column-third-major": { "$type": "number", - "$value": 8, + "$value": 0.6700000166893005, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11275", + "figmaId": "VariableID:2144:3761", "modes": { - "default": 8 + "desktop": 0.6700000166893005, + "wide": 0.6700000166893005, + "mobile": 1, + "tablet": 1 } } } }, - "radius-md": { + "ratio-column-third-minor": { "$type": "number", - "$value": 12, + "$value": 0.33000001311302185, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11276", + "figmaId": "VariableID:2144:3762", "modes": { - "default": 12 + "desktop": 0.33000001311302185, + "wide": 0.33000001311302185, + "mobile": 1, + "tablet": 1 } } } }, - "radius-lg": { - "$type": "number", - "$value": 16, + "direction-column-to-row": { + "$type": "unknown", + "$value": "row", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11277", + "figmaId": "VariableID:9:11220", "modes": { - "default": 16 + "desktop": "row", + "wide": "row", + "mobile": "column", + "tablet": "column" } } } }, - "radius-xl": { - "$type": "number", - "$value": 24, + "direction-column-to-row-reverse": { + "$type": "unknown", + "$value": "row-reverse", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11278", + "figmaId": "VariableID:9:11296", "modes": { - "default": 24 + "desktop": "row-reverse", + "wide": "row-reverse", + "mobile": "column", + "tablet": "column" } } } }, - "radius-xxl": { - "$type": "number", - "$value": 32, + "direction-row-to-column": { + "$type": "unknown", + "$value": "column", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11279", + "figmaId": "VariableID:9:11221", "modes": { - "default": 32 + "desktop": "column", + "wide": "column", + "mobile": "row", + "tablet": "row" } } } }, - "radius-full": { - "$type": "number", - "$value": 9999, + "direction-row-reverse-to-column": { + "$type": "unknown", + "$value": "column", "$extensions": { "org.sds": { - "figmaId": "VariableID:56:9308", + "figmaId": "VariableID:9:11297", "modes": { - "default": 9999 + "desktop": "column", + "wide": "column", + "mobile": "row-reverse", + "tablet": "row-reverse" } } } }, - "depth-none": { - "$type": "number", - "$value": 0, + "display-none-to-flex": { + "$type": "unknown", + "$value": "flex", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11280", + "figmaId": "VariableID:9:11222", "modes": { - "default": 0 + "desktop": "flex", + "wide": "flex", + "mobile": "none", + "tablet": "none" } } } }, - "depth-xs": { - "$type": "number", - "$value": 1, + "display-flex-to-none": { + "$type": "unknown", + "$value": "none", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11281", - "modes": { - "default": 1 - } - } - } - }, - "depth-sm": { - "$type": "number", - "$value": 4, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11282", - "modes": { - "default": 4 - } - } - } - }, - "depth-md": { - "$type": "number", - "$value": 5, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11283", + "figmaId": "VariableID:9:11223", "modes": { - "default": 5 + "desktop": "none", + "wide": "none", + "mobile": "flex", + "tablet": "flex" } } } }, - "depth-lg": { + "root-font-size": { "$type": "number", "$value": 16, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11284", - "modes": { - "default": 16 - } - } - } - }, - "depth-xl": { - "$type": "number", - "$value": 32, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11285", - "modes": { - "default": 32 - } - } - } - }, - "depth-xxl": { - "$type": "number", - "$value": 48, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11286", - "modes": { - "default": 48 - } - } - } - }, - "depth-negative-xs": { - "$type": "number", - "$value": -1, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11287", - "modes": { - "default": -1 - } - } - } - }, - "depth-negative-sm": { - "$type": "number", - "$value": -4, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11288", - "modes": { - "default": -4 - } - } - } - }, - "depth-negative-md": { - "$type": "number", - "$value": -8, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11289", - "modes": { - "default": -8 - } - } - } - }, - "depth-negative-lg": { - "$type": "number", - "$value": -16, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11290", - "modes": { - "default": -16 - } - } - } - }, - "depth-negative-xl": { - "$type": "number", - "$value": -32, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11291", + "figmaId": "VariableID:9:11224", "modes": { - "default": -32 + "desktop": 16, + "wide": 16, + "mobile": 18, + "tablet": 18 } } } }, - "depth-negative-xxl": { + "border-width": { "$type": "number", - "$value": -48, + "$value": 1, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11292", + "figmaId": "VariableID:9:11227", "modes": { - "default": -48 + "desktop": 1, + "wide": 1, + "mobile": 1, + "tablet": 1 } } } @@ -1248,3088 +1140,3976 @@ } } }, - "@typography_primitives": { + "@size": { "$extensions": { "org.sds": { - "figmaId": "VariableCollectionId:9:11179", + "figmaId": "VariableCollectionId:9:11257", "modes": [ "default" ] } }, - "family-sans": { - "$type": "fontFamily", - "$value": "Inter", + "gap-xs": { + "$type": "number", + "$value": 4, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11199", + "figmaId": "VariableID:9:11258", "modes": { - "default": "Inter" + "default": 4 } } } }, - "family-serif": { - "$type": "fontFamily", - "$value": "Noto Serif", + "gap-sm": { + "$type": "number", + "$value": 8, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11200", + "figmaId": "VariableID:9:11259", "modes": { - "default": "Noto Serif" + "default": 8 } } } }, - "family-mono": { - "$type": "fontFamily", - "$value": "Roboto Mono", + "gap-md": { + "$type": "number", + "$value": 12, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11201", + "figmaId": "VariableID:9:11260", "modes": { - "default": "Roboto Mono" + "default": 12 } } } }, - "weight-thin": { - "$type": "fontWeight", - "$value": 100, + "gap-lg": { + "$type": "number", + "$value": 16, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11180", + "figmaId": "VariableID:9:11261", "modes": { - "default": 100 + "default": 16 } } } }, - "weight-thin-italic": { - "$type": "unknown", - "$value": "Thin Italic", + "gap-xl": { + "$type": "number", + "$value": 24, "$extensions": { "org.sds": { - "figmaId": "VariableID:66:10200", + "figmaId": "VariableID:9:11262", "modes": { - "default": "Thin Italic" + "default": 24 } } } }, - "weight-extra-light": { - "$type": "fontWeight", - "$value": 200, + "gap-xxl": { + "$type": "number", + "$value": 48, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11181", + "figmaId": "VariableID:2143:14622", "modes": { - "default": 200 + "default": 48 } } } }, - "weight-extralight-italic": { - "$type": "unknown", - "$value": "Extra Light Italic", + "gap-column": { + "$type": "number", + "$value": 64, "$extensions": { "org.sds": { - "figmaId": "VariableID:66:10201", + "figmaId": "VariableID:107:11150", "modes": { - "default": "Extra Light Italic" + "default": 64 } } } }, - "weight-light": { - "$type": "fontWeight", - "$value": 300, + "gap-negative-xs": { + "$type": "number", + "$value": -4, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11182", + "figmaId": "VariableID:9:11263", "modes": { - "default": 300 + "default": -4 } } } }, - "weight-light-italic": { - "$type": "unknown", - "$value": "Light Italic", + "gap-negative-sm": { + "$type": "number", + "$value": -8, "$extensions": { "org.sds": { - "figmaId": "VariableID:56:8551", + "figmaId": "VariableID:9:11264", "modes": { - "default": "Light Italic" + "default": -8 } } } }, - "weight-regular": { - "$type": "fontWeight", - "$value": 400, + "gap-negative-md": { + "$type": "number", + "$value": -12, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11183", + "figmaId": "VariableID:9:11265", "modes": { - "default": 400 + "default": -12 } } } }, - "weight-regular-italic": { - "$type": "unknown", - "$value": "Italic", + "gap-negative-lg": { + "$type": "number", + "$value": -16, "$extensions": { "org.sds": { - "figmaId": "VariableID:56:8552", + "figmaId": "VariableID:9:11266", "modes": { - "default": "Italic" + "default": -16 } } } }, - "weight-medium": { - "$type": "fontWeight", - "$value": 500, + "gap-negative-xl": { + "$type": "number", + "$value": -24, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11184", + "figmaId": "VariableID:9:11267", "modes": { - "default": 500 + "default": -24 } } } }, - "weight-medium-italic": { - "$type": "unknown", - "$value": "Medium Italic", + "padding-xs": { + "$type": "number", + "$value": 4, "$extensions": { "org.sds": { - "figmaId": "VariableID:66:10202", + "figmaId": "VariableID:9:11268", "modes": { - "default": "Medium Italic" + "default": 4 } } } }, - "weight-semibold": { - "$type": "fontWeight", - "$value": 600, + "padding-sm": { + "$type": "number", + "$value": 8, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11185", + "figmaId": "VariableID:9:11269", "modes": { - "default": 600 + "default": 8 } } } }, - "weight-semibold-italic": { - "$type": "unknown", - "$value": "Semi Bold Italic", + "padding-md": { + "$type": "number", + "$value": 12, "$extensions": { "org.sds": { - "figmaId": "VariableID:66:10203", + "figmaId": "VariableID:9:11270", "modes": { - "default": "Semi Bold Italic" + "default": 12 } } } }, - "weight-bold": { - "$type": "fontWeight", - "$value": 700, + "padding-lg": { + "$type": "number", + "$value": 16, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11186", + "figmaId": "VariableID:9:11271", "modes": { - "default": 700 + "default": 16 } } } }, - "weight-bold-italic": { - "$type": "unknown", - "$value": "Bold Italic", + "padding-xl": { + "$type": "number", + "$value": 24, "$extensions": { "org.sds": { - "figmaId": "VariableID:56:8553", + "figmaId": "VariableID:9:11272", "modes": { - "default": "Bold Italic" + "default": 24 } } } }, - "weight-extra-bold": { - "$type": "fontWeight", - "$value": 800, + "padding-xxl": { + "$type": "number", + "$value": 32, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11187", + "figmaId": "VariableID:9:11273", "modes": { - "default": 800 + "default": 32 } } } }, - "weight-extrabold-italic": { - "$type": "unknown", - "$value": "Extra Bold Italic", + "padding-section-sm": { + "$type": "number", + "$value": 32, "$extensions": { "org.sds": { - "figmaId": "VariableID:66:10204", + "figmaId": "VariableID:2159:2116", "modes": { - "default": "Extra Bold Italic" + "default": 32 } } } }, - "weight-black": { - "$type": "fontWeight", - "$value": 900, + "padding-section-md": { + "$type": "number", + "$value": 64, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11188", + "figmaId": "VariableID:2143:17262", "modes": { - "default": 900 + "default": 64 } } } }, - "weight-black-italic": { - "$type": "unknown", - "$value": "Extra Bold Italic", + "padding-section-lg": { + "$type": "number", + "$value": 160, "$extensions": { "org.sds": { - "figmaId": "VariableID:66:10208", + "figmaId": "VariableID:107:11151", "modes": { - "default": "Extra Bold Italic" + "default": 160 } } } }, - "scale-10": { + "radius-xs": { "$type": "number", - "$value": 72, + "$value": 4, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11189", + "figmaId": "VariableID:9:11274", "modes": { - "default": 72 + "default": 4 } } } }, - "scale-09": { + "radius-sm": { "$type": "number", - "$value": 64, + "$value": 8, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11190", + "figmaId": "VariableID:9:11275", "modes": { - "default": 64 + "default": 8 } } } }, - "scale-08": { + "radius-md": { "$type": "number", - "$value": 48, + "$value": 12, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11191", + "figmaId": "VariableID:9:11276", "modes": { - "default": 48 + "default": 12 } } } }, - "scale-07": { + "radius-lg": { "$type": "number", - "$value": 40, + "$value": 16, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11192", + "figmaId": "VariableID:9:11277", "modes": { - "default": 40 + "default": 16 } } } }, - "scale-06": { + "radius-xl": { + "$type": "number", + "$value": 24, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11278", + "modes": { + "default": 24 + } + } + } + }, + "radius-xxl": { "$type": "number", "$value": 32, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11193", + "figmaId": "VariableID:9:11279", "modes": { "default": 32 } } } }, - "scale-05": { + "radius-full": { "$type": "number", - "$value": 24, + "$value": 9999, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11194", + "figmaId": "VariableID:56:9308", "modes": { - "default": 24 + "default": 9999 } } } }, - "scale-04": { + "depth-none": { "$type": "number", - "$value": 20, + "$value": 0, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11195", + "figmaId": "VariableID:9:11280", "modes": { - "default": 20 + "default": 0 } } } }, - "scale-03": { + "depth-xs": { "$type": "number", - "$value": 16, + "$value": 1, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11196", + "figmaId": "VariableID:9:11281", "modes": { - "default": 16 + "default": 1 } } } }, - "scale-02": { + "depth-sm": { "$type": "number", - "$value": 14, + "$value": 4, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11197", + "figmaId": "VariableID:9:11282", "modes": { - "default": 14 + "default": 4 } } } }, - "scale-01": { + "depth-md": { "$type": "number", - "$value": 12, + "$value": 5, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11198", + "figmaId": "VariableID:9:11283", "modes": { - "default": 12 + "default": 5 } } } - } - }, - "@color_primitives": { - "$extensions": { - "org.sds": { - "figmaId": "VariableCollectionId:3919:36421", - "modes": [ - "value" - ] + }, + "depth-lg": { + "$type": "number", + "$value": 16, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11284", + "modes": { + "default": 16 + } + } } }, - "black": { - "100": { - "$type": "color", - "$value": "#0c0c0d0d", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11234", - "modes": { - "value": "#0c0c0d0d" - } + "depth-xl": { + "$type": "number", + "$value": 32, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11285", + "modes": { + "default": 32 } } - }, - "200": { - "$type": "color", - "$value": "#0c0c0d1a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11235", - "modes": { - "value": "#0c0c0d1a" - } + } + }, + "depth-xxl": { + "$type": "number", + "$value": 48, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11286", + "modes": { + "default": 48 } } - }, - "300": { - "$type": "color", - "$value": "#0c0c0d33", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11236", - "modes": { - "value": "#0c0c0d33" - } + } + }, + "depth-negative-xs": { + "$type": "number", + "$value": -1, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11287", + "modes": { + "default": -1 } } - }, - "400": { - "$type": "color", - "$value": "#0c0c0d66", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11237", - "modes": { - "value": "#0c0c0d66" - } - } - } - }, - "500": { - "$type": "color", - "$value": "#0c0c0db2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11238", - "modes": { - "value": "#0c0c0db2" - } - } - } - }, - "600": { - "$type": "color", - "$value": "#0c0c0dcc", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11239", - "modes": { - "value": "#0c0c0dcc" - } - } - } - }, - "700": { - "$type": "color", - "$value": "#0c0c0dd9", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11240", - "modes": { - "value": "#0c0c0dd9" - } - } - } - }, - "800": { - "$type": "color", - "$value": "#0c0c0de5", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11241", - "modes": { - "value": "#0c0c0de5" - } + } + }, + "depth-negative-sm": { + "$type": "number", + "$value": -4, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11288", + "modes": { + "default": -4 } } - }, - "900": { - "$type": "color", - "$value": "#0c0c0df2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11242", - "modes": { - "value": "#0c0c0df2" - } + } + }, + "depth-negative-md": { + "$type": "number", + "$value": -8, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11289", + "modes": { + "default": -8 } } - }, - "1000": { - "$type": "color", - "$value": "#0c0c0d", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11243", - "modes": { - "value": "#0c0c0d" - } + } + }, + "depth-negative-lg": { + "$type": "number", + "$value": -16, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11290", + "modes": { + "default": -16 } } } }, - "white": { - "100": { - "$type": "color", - "$value": "#ffffff0d", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36544", - "modes": { - "value": "#ffffff0d" - } + "depth-negative-xl": { + "$type": "number", + "$value": -32, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11291", + "modes": { + "default": -32 } } - }, - "200": { - "$type": "color", - "$value": "#ffffff1a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36545", - "modes": { - "value": "#ffffff1a" - } + } + }, + "depth-negative-xxl": { + "$type": "number", + "$value": -48, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11292", + "modes": { + "default": -48 } } - }, - "300": { - "$type": "color", - "$value": "#ffffff33", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36546", - "modes": { - "value": "#ffffff33" + } + } + }, + "@colors": { + "$extensions": { + "org.sds": { + "figmaId": "VariableCollectionId:3919:36422", + "modes": [ + "light", + "dark", + "purple_light", + "purple_dark", + "blue_light", + "blue_dark", + "teal_light", + "teal_dark" + ] + } + }, + "bg": { + "default": { + "default": { + "$type": "color", + "$value": "{@color_primitives.white.1000}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36423", + "modes": { + "light": "{@color_primitives.white.1000}", + "dark": "{@color_primitives.grey.900}", + "purple_light": "{@color_primitives.white.1000}", + "purple_dark": "{@color_primitives.grey.900}", + "blue_light": "{@color_primitives.white.1000}", + "blue_dark": "{@color_primitives.grey.900}", + "teal_light": "{@color_primitives.white.1000}", + "teal_dark": "{@color_primitives.grey.900}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#ffffff66", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36547", - "modes": { - "value": "#ffffff66" + }, + "default-hover": { + "$type": "color", + "$value": "{@color_primitives.grey.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36426", + "modes": { + "light": "{@color_primitives.grey.100}", + "dark": "{@color_primitives.grey.700}", + "purple_light": "{@color_primitives.grey.100}", + "purple_dark": "{@color_primitives.grey.700}", + "blue_light": "{@color_primitives.grey.100}", + "blue_dark": "{@color_primitives.grey.700}", + "teal_light": "{@color_primitives.grey.100}", + "teal_dark": "{@color_primitives.grey.700}" + } } } - } - }, - "500": { - "$type": "color", - "$value": "#ffffffb2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36548", - "modes": { - "value": "#ffffffb2" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.grey.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36424", + "modes": { + "light": "{@color_primitives.grey.100}", + "dark": "{@color_primitives.grey.800}", + "purple_light": "{@color_primitives.grey.100}", + "purple_dark": "{@color_primitives.grey.800}", + "blue_light": "{@color_primitives.grey.100}", + "blue_dark": "{@color_primitives.grey.800}", + "teal_light": "{@color_primitives.grey.100}", + "teal_dark": "{@color_primitives.grey.800}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#ffffffcc", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36549", - "modes": { - "value": "#ffffffcc" + }, + "secondary-hover": { + "$type": "color", + "$value": "{@color_primitives.grey.200}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:56:9309", + "modes": { + "light": "{@color_primitives.grey.200}", + "dark": "{@color_primitives.grey.900}", + "purple_light": "{@color_primitives.grey.100}", + "purple_dark": "{@color_primitives.grey.800}", + "blue_light": "{@color_primitives.grey.100}", + "blue_dark": "{@color_primitives.grey.800}", + "teal_light": "{@color_primitives.grey.100}", + "teal_dark": "{@color_primitives.grey.800}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#ffffffd9", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36550", - "modes": { - "value": "#ffffffd9" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.grey.300}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36425", + "modes": { + "light": "{@color_primitives.grey.300}", + "dark": "{@color_primitives.grey.600}", + "purple_light": "{@color_primitives.grey.300}", + "purple_dark": "{@color_primitives.grey.600}", + "blue_light": "{@color_primitives.grey.300}", + "blue_dark": "{@color_primitives.grey.600}", + "teal_light": "{@color_primitives.grey.300}", + "teal_dark": "{@color_primitives.grey.600}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#ffffffe5", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36551", - "modes": { - "value": "#ffffffe5" + }, + "tertiary-hover": { + "$type": "color", + "$value": "{@color_primitives.grey.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:56:9310", + "modes": { + "light": "{@color_primitives.grey.400}", + "dark": "{@color_primitives.grey.700}", + "purple_light": "{@color_primitives.grey.300}", + "purple_dark": "{@color_primitives.grey.600}", + "blue_light": "{@color_primitives.grey.300}", + "blue_dark": "{@color_primitives.grey.600}", + "teal_light": "{@color_primitives.grey.300}", + "teal_dark": "{@color_primitives.grey.600}" + } } } } }, - "900": { - "$type": "color", - "$value": "#fffffff2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36552", - "modes": { - "value": "#fffffff2" + "brand": { + "default": { + "$type": "color", + "$value": "{@color_primitives.slate.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36428", + "modes": { + "light": "{@color_primitives.slate.600}", + "dark": "{@color_primitives.slate.300}", + "purple_light": "{@color_primitives.purple.700}", + "purple_dark": "{@color_primitives.purple.300}", + "blue_light": "{@color_primitives.blue.700}", + "blue_dark": "{@color_primitives.blue.300}", + "teal_light": "{@color_primitives.teal.700}", + "teal_dark": "{@color_primitives.teal.300}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#ffffff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36553", - "modes": { - "value": "#ffffff" + }, + "hover": { + "$type": "color", + "$value": "{@color_primitives.slate.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36431", + "modes": { + "light": "{@color_primitives.slate.700}", + "dark": "{@color_primitives.slate.400}", + "purple_light": "{@color_primitives.purple.800}", + "purple_dark": "{@color_primitives.purple.400}", + "blue_light": "{@color_primitives.blue.800}", + "blue_dark": "{@color_primitives.blue.400}", + "teal_light": "{@color_primitives.teal.800}", + "teal_dark": "{@color_primitives.teal.400}" + } } } - } - } - }, - "slate": { - "100": { - "$type": "color", - "$value": "#f3f3f3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36534", - "modes": { - "value": "#f3f3f3" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.slate.200}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36430", + "modes": { + "light": "{@color_primitives.slate.200}", + "dark": "{@color_primitives.slate.600}", + "purple_light": "{@color_primitives.purple.400}", + "purple_dark": "{@color_primitives.purple.600}", + "blue_light": "{@color_primitives.blue.400}", + "blue_dark": "{@color_primitives.blue.600}", + "teal_light": "{@color_primitives.teal.400}", + "teal_dark": "{@color_primitives.teal.600}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#e3e3e3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36535", - "modes": { - "value": "#e3e3e3" + }, + "secondary-hover": { + "$type": "color", + "$value": "{@color_primitives.slate.300}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4035:5558", + "modes": { + "light": "{@color_primitives.slate.300}", + "dark": "{@color_primitives.slate.700}", + "purple_light": "{@color_primitives.purple.600}", + "purple_dark": "{@color_primitives.purple.600}", + "blue_light": "{@color_primitives.blue.600}", + "blue_dark": "{@color_primitives.blue.600}", + "teal_light": "{@color_primitives.teal.600}", + "teal_dark": "{@color_primitives.teal.600}" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#cdcdcd", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36536", - "modes": { - "value": "#cdcdcd" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.slate.300}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9670:11772", + "modes": { + "light": "{@color_primitives.slate.300}", + "dark": "{@color_primitives.slate.800}", + "purple_light": "{@color_primitives.purple.200}", + "purple_dark": "{@color_primitives.purple.900}", + "blue_light": "{@color_primitives.blue.200}", + "blue_dark": "{@color_primitives.blue.900}", + "teal_light": "{@color_primitives.teal.200}", + "teal_dark": "{@color_primitives.teal.900}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#b2b2b2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36537", - "modes": { - "value": "#b2b2b2" + }, + "tertiary-hover": { + "$type": "color", + "$value": "{@color_primitives.slate.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9670:12886", + "modes": { + "light": "{@color_primitives.slate.400}", + "dark": "{@color_primitives.slate.900}", + "purple_light": "{@color_primitives.purple.300}", + "purple_dark": "{@color_primitives.purple.1000}", + "blue_light": "{@color_primitives.blue.300}", + "blue_dark": "{@color_primitives.blue.1000}", + "teal_light": "{@color_primitives.teal.300}", + "teal_dark": "{@color_primitives.teal.1000}" + } } } } }, - "500": { - "$type": "color", - "$value": "#949494", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36538", - "modes": { - "value": "#949494" + "positive": { + "default": { + "$type": "color", + "$value": "{@color_primitives.green.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36433", + "modes": { + "light": "{@color_primitives.green.500}", + "dark": "{@color_primitives.green.700}", + "purple_light": "{@color_primitives.green.500}", + "purple_dark": "{@color_primitives.green.700}", + "blue_light": "{@color_primitives.green.500}", + "blue_dark": "{@color_primitives.green.700}", + "teal_light": "{@color_primitives.green.500}", + "teal_dark": "{@color_primitives.green.700}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#767676", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36539", - "modes": { - "value": "#767676" + }, + "hover": { + "$type": "color", + "$value": "{@color_primitives.green.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36436", + "modes": { + "light": "{@color_primitives.green.600}", + "dark": "{@color_primitives.green.800}", + "purple_light": "{@color_primitives.green.600}", + "purple_dark": "{@color_primitives.green.800}", + "blue_light": "{@color_primitives.green.600}", + "blue_dark": "{@color_primitives.green.800}", + "teal_light": "{@color_primitives.green.600}", + "teal_dark": "{@color_primitives.green.800}" + } + } + } + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.green.200}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36435", + "modes": { + "light": "{@color_primitives.green.200}", + "dark": "{@color_primitives.green.900}", + "purple_light": "{@color_primitives.green.200}", + "purple_dark": "{@color_primitives.green.900}", + "blue_light": "{@color_primitives.green.200}", + "blue_dark": "{@color_primitives.green.900}", + "teal_light": "{@color_primitives.green.200}", + "teal_dark": "{@color_primitives.green.900}" + } + } + } + }, + "secondary-hover": { + "$type": "color", + "$value": "{@color_primitives.green.300}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:56:9907", + "modes": { + "light": "{@color_primitives.green.300}", + "dark": "{@color_primitives.green.1000}", + "purple_light": "{@color_primitives.green.300}", + "purple_dark": "{@color_primitives.green.1000}", + "blue_light": "{@color_primitives.green.300}", + "blue_dark": "{@color_primitives.green.1000}", + "teal_light": "{@color_primitives.green.300}", + "teal_dark": "{@color_primitives.green.1000}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#5a5a5a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36540", - "modes": { - "value": "#5a5a5a" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.green.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7433", + "modes": { + "light": "{@color_primitives.green.100}", + "dark": "{@color_primitives.green.900}", + "purple_light": "{@color_primitives.green.200}", + "purple_dark": "{@color_primitives.green.900}", + "blue_light": "{@color_primitives.green.200}", + "blue_dark": "{@color_primitives.green.900}", + "teal_light": "{@color_primitives.green.200}", + "teal_dark": "{@color_primitives.green.900}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#434343", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36541", - "modes": { - "value": "#434343" + }, + "tertiary-hover": { + "$type": "color", + "$value": "{@color_primitives.green.200}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7447", + "modes": { + "light": "{@color_primitives.green.200}", + "dark": "{@color_primitives.green.900}", + "purple_light": "{@color_primitives.green.200}", + "purple_dark": "{@color_primitives.green.900}", + "blue_light": "{@color_primitives.green.200}", + "blue_dark": "{@color_primitives.green.900}", + "teal_light": "{@color_primitives.green.200}", + "teal_dark": "{@color_primitives.green.900}" + } } } } }, - "900": { - "$type": "color", - "$value": "#303030", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36542", - "modes": { - "value": "#303030" + "warning": { + "default": { + "$type": "color", + "$value": "{@color_primitives.yellow.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36438", + "modes": { + "light": "{@color_primitives.yellow.400}", + "dark": "{@color_primitives.yellow.400}", + "purple_light": "{@color_primitives.yellow.500}", + "purple_dark": "{@color_primitives.yellow.500}", + "blue_light": "{@color_primitives.yellow.500}", + "blue_dark": "{@color_primitives.yellow.500}", + "teal_light": "{@color_primitives.yellow.500}", + "teal_dark": "{@color_primitives.yellow.500}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#242424", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36543", - "modes": { - "value": "#242424" + }, + "hover": { + "$type": "color", + "$value": "{@color_primitives.yellow.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36441", + "modes": { + "light": "{@color_primitives.yellow.500}", + "dark": "{@color_primitives.yellow.500}", + "purple_light": "{@color_primitives.yellow.600}", + "purple_dark": "{@color_primitives.yellow.800}", + "blue_light": "{@color_primitives.yellow.600}", + "blue_dark": "{@color_primitives.yellow.800}", + "teal_light": "{@color_primitives.yellow.600}", + "teal_dark": "{@color_primitives.yellow.800}" + } } } - } - } - }, - "red": { - "100": { - "$type": "color", - "$value": "#fee9e7", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36624", - "modes": { - "value": "#fee9e7" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.yellow.200}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36440", + "modes": { + "light": "{@color_primitives.yellow.200}", + "dark": "{@color_primitives.yellow.800}", + "purple_light": "{@color_primitives.yellow.200}", + "purple_dark": "{@color_primitives.yellow.900}", + "blue_light": "{@color_primitives.yellow.200}", + "blue_dark": "{@color_primitives.yellow.900}", + "teal_light": "{@color_primitives.yellow.200}", + "teal_dark": "{@color_primitives.yellow.900}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#fdd3d0", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36625", - "modes": { - "value": "#fdd3d0" + }, + "secondary-hover": { + "$type": "color", + "$value": "{@color_primitives.yellow.300}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:56:9908", + "modes": { + "light": "{@color_primitives.yellow.300}", + "dark": "{@color_primitives.yellow.900}", + "purple_light": "{@color_primitives.yellow.300}", + "purple_dark": "{@color_primitives.yellow.1000}", + "blue_light": "{@color_primitives.yellow.300}", + "blue_dark": "{@color_primitives.yellow.1000}", + "teal_light": "{@color_primitives.yellow.300}", + "teal_dark": "{@color_primitives.yellow.1000}" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#fcb3ad", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36626", - "modes": { - "value": "#fcb3ad" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.yellow.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7448", + "modes": { + "light": "{@color_primitives.yellow.100}", + "dark": "{@color_primitives.yellow.900}", + "purple_light": "{@color_primitives.yellow.200}", + "purple_dark": "{@color_primitives.yellow.900}", + "blue_light": "{@color_primitives.yellow.200}", + "blue_dark": "{@color_primitives.yellow.900}", + "teal_light": "{@color_primitives.yellow.200}", + "teal_dark": "{@color_primitives.yellow.900}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#fb897e", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36627", - "modes": { - "value": "#fb897e" + }, + "tertiary-hover": { + "$type": "color", + "$value": "{@color_primitives.yellow.200}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7449", + "modes": { + "light": "{@color_primitives.yellow.200}", + "dark": "{@color_primitives.yellow.1000}", + "purple_light": "{@color_primitives.yellow.300}", + "purple_dark": "{@color_primitives.yellow.1000}", + "blue_light": "{@color_primitives.yellow.300}", + "blue_dark": "{@color_primitives.yellow.1000}", + "teal_light": "{@color_primitives.yellow.300}", + "teal_dark": "{@color_primitives.yellow.1000}" + } } } } }, - "500": { - "$type": "color", - "$value": "#fa502f", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36628", - "modes": { - "value": "#fa502f" + "danger": { + "default": { + "$type": "color", + "$value": "{@color_primitives.red.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36443", + "modes": { + "light": "{@color_primitives.red.500}", + "dark": "{@color_primitives.red.700}", + "purple_light": "{@color_primitives.red.500}", + "purple_dark": "{@color_primitives.red.700}", + "blue_light": "{@color_primitives.red.500}", + "blue_dark": "{@color_primitives.red.700}", + "teal_light": "{@color_primitives.red.500}", + "teal_dark": "{@color_primitives.red.700}" + } + } + } + }, + "hover": { + "$type": "color", + "$value": "{@color_primitives.red.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36446", + "modes": { + "light": "{@color_primitives.red.600}", + "dark": "{@color_primitives.red.800}", + "purple_light": "{@color_primitives.red.600}", + "purple_dark": "{@color_primitives.red.800}", + "blue_light": "{@color_primitives.red.600}", + "blue_dark": "{@color_primitives.red.800}", + "teal_light": "{@color_primitives.red.600}", + "teal_dark": "{@color_primitives.red.800}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#c93d21", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36629", - "modes": { - "value": "#c93d21" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.red.200}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36445", + "modes": { + "light": "{@color_primitives.red.200}", + "dark": "{@color_primitives.red.900}", + "purple_light": "{@color_primitives.red.200}", + "purple_dark": "{@color_primitives.red.900}", + "blue_light": "{@color_primitives.red.200}", + "blue_dark": "{@color_primitives.red.900}", + "teal_light": "{@color_primitives.red.200}", + "teal_dark": "{@color_primitives.red.900}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#98301f", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36630", - "modes": { - "value": "#98301f" + }, + "secondary-hover": { + "$type": "color", + "$value": "{@color_primitives.red.300}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:56:9909", + "modes": { + "light": "{@color_primitives.red.300}", + "dark": "{@color_primitives.red.1000}", + "purple_light": "{@color_primitives.red.300}", + "purple_dark": "{@color_primitives.red.1000}", + "blue_light": "{@color_primitives.red.300}", + "blue_dark": "{@color_primitives.red.1000}", + "teal_light": "{@color_primitives.red.300}", + "teal_dark": "{@color_primitives.red.1000}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#6e261d", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36631", - "modes": { - "value": "#6e261d" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.red.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7450", + "modes": { + "light": "{@color_primitives.red.100}", + "dark": "{@color_primitives.red.900}", + "purple_light": "{@color_primitives.red.200}", + "purple_dark": "{@color_primitives.red.900}", + "blue_light": "{@color_primitives.red.200}", + "blue_dark": "{@color_primitives.red.900}", + "teal_light": "{@color_primitives.red.200}", + "teal_dark": "{@color_primitives.red.900}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#4c1f1a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36632", - "modes": { - "value": "#4c1f1a" + }, + "tertiary-hover": { + "$type": "color", + "$value": "{@color_primitives.red.200}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7451", + "modes": { + "light": "{@color_primitives.red.200}", + "dark": "{@color_primitives.red.1000}", + "purple_light": "{@color_primitives.red.300}", + "purple_dark": "{@color_primitives.red.1000}", + "blue_light": "{@color_primitives.red.300}", + "blue_dark": "{@color_primitives.red.1000}", + "teal_light": "{@color_primitives.red.300}", + "teal_dark": "{@color_primitives.red.1000}" + } } } } }, - "1000": { - "$type": "color", - "$value": "#341c1a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36633", - "modes": { - "value": "#341c1a" + "disabled": { + "default": { + "$type": "color", + "$value": "{@color_primitives.grey.300}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36448", + "modes": { + "light": "{@color_primitives.grey.300}", + "dark": "{@color_primitives.grey.800}", + "purple_light": "{@color_primitives.grey.300}", + "purple_dark": "{@color_primitives.grey.800}", + "blue_light": "{@color_primitives.grey.300}", + "blue_dark": "{@color_primitives.grey.800}", + "teal_light": "{@color_primitives.grey.300}", + "teal_dark": "{@color_primitives.grey.800}" + } } } - } - } - }, - "orange": { - "100": { - "$type": "color", - "$value": "#fff5eb", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7462", - "modes": { - "value": "#fff5eb" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.grey.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36449", + "modes": { + "light": "{@color_primitives.grey.400}", + "dark": "{@color_primitives.grey.700}", + "purple_light": "{@color_primitives.grey.400}", + "purple_dark": "{@color_primitives.grey.700}", + "blue_light": "{@color_primitives.grey.400}", + "blue_dark": "{@color_primitives.grey.700}", + "teal_light": "{@color_primitives.grey.400}", + "teal_dark": "{@color_primitives.grey.700}" + } } } } }, - "200": { - "$type": "color", - "$value": "#ffe1c2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7463", - "modes": { - "value": "#ffe1c2" + "utilities": { + "scrim": { + "$type": "color", + "$value": "#000000cc", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:7753:3701", + "modes": { + "light": "#000000cc", + "dark": "#000000cc", + "purple_light": "#000000cc", + "purple_dark": "#000000cc", + "blue_light": "#000000cc", + "blue_dark": "#000000cc", + "teal_light": "#000000cc", + "teal_dark": "#000000cc" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#ffd1a3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7464", - "modes": { - "value": "#ffd1a3" + }, + "overlay": { + "$type": "color", + "$value": "#000000b2", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2142:11243", + "modes": { + "light": "#000000b2", + "dark": "#000000b2", + "purple_light": "#00000080", + "purple_dark": "#00000080", + "blue_light": "#00000080", + "blue_dark": "#00000080", + "teal_light": "#00000080", + "teal_dark": "#00000080" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#e88c31", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7465", - "modes": { - "value": "#e88c31" + }, + "overlay-soft": { + "$type": "color", + "$value": "#00000080", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:7786:36548", + "modes": { + "light": "#00000080", + "dark": "#00000080", + "purple_light": "#00000080", + "purple_dark": "#00000080", + "blue_light": "#00000080", + "blue_dark": "#00000080", + "teal_light": "#00000080", + "teal_dark": "#00000080" + } } } } - }, - "500": { - "$type": "color", - "$value": "#e57300", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7466", - "modes": { - "value": "#e57300" + } + }, + "text": { + "default": { + "default": { + "$type": "color", + "$value": "{@color_primitives.slate.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36450", + "modes": { + "light": "{@color_primitives.slate.900}", + "dark": "{@color_primitives.white.1000}", + "purple_light": "{@color_primitives.slate.900}", + "purple_dark": "{@color_primitives.white.1000}", + "blue_light": "{@color_primitives.slate.900}", + "blue_dark": "{@color_primitives.white.1000}", + "teal_light": "{@color_primitives.slate.900}", + "teal_dark": "{@color_primitives.white.1000}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#bf6102", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7467", - "modes": { - "value": "#bf6102" + }, + "hover": { + "$type": "color", + "$value": "{@color_primitives.slate.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36453", + "modes": { + "light": "{@color_primitives.slate.800}", + "dark": "{@color_primitives.white.1000}", + "purple_light": "{@color_primitives.slate.800}", + "purple_dark": "{@color_primitives.white.1000}", + "blue_light": "{@color_primitives.slate.800}", + "blue_dark": "{@color_primitives.white.1000}", + "teal_light": "{@color_primitives.slate.800}", + "teal_dark": "{@color_primitives.white.1000}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#984c01", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7468", - "modes": { - "value": "#984c01" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.slate.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36451", + "modes": { + "light": "{@color_primitives.slate.500}", + "dark": "{@color_primitives.white.500}", + "purple_light": "{@color_primitives.slate.500}", + "purple_dark": "{@color_primitives.white.500}", + "blue_light": "{@color_primitives.slate.500}", + "blue_dark": "{@color_primitives.white.500}", + "teal_light": "{@color_primitives.slate.500}", + "teal_dark": "{@color_primitives.white.500}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#6e3903", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7469", - "modes": { - "value": "#6e3903" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.slate.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36452", + "modes": { + "light": "{@color_primitives.slate.400}", + "dark": "{@color_primitives.white.400}", + "purple_light": "{@color_primitives.slate.400}", + "purple_dark": "{@color_primitives.white.400}", + "blue_light": "{@color_primitives.slate.400}", + "blue_dark": "{@color_primitives.white.400}", + "teal_light": "{@color_primitives.slate.400}", + "teal_dark": "{@color_primitives.white.400}" + } } } } }, - "900": { - "$type": "color", - "$value": "#5f3205", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7470", - "modes": { - "value": "#5f3205" + "brand": { + "default": { + "$type": "color", + "$value": "{@color_primitives.slate.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36456", + "modes": { + "light": "{@color_primitives.slate.800}", + "dark": "{@color_primitives.slate.300}", + "purple_light": "{@color_primitives.purple.800}", + "purple_dark": "{@color_primitives.purple.300}", + "blue_light": "{@color_primitives.blue.800}", + "blue_dark": "{@color_primitives.blue.300}", + "teal_light": "{@color_primitives.teal.800}", + "teal_dark": "{@color_primitives.teal.300}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#402101", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7471", - "modes": { - "value": "#402101" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.slate.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36457", + "modes": { + "light": "{@color_primitives.slate.700}", + "dark": "{@color_primitives.slate.500}", + "purple_light": "{@color_primitives.purple.700}", + "purple_dark": "{@color_primitives.purple.500}", + "blue_light": "{@color_primitives.blue.700}", + "blue_dark": "{@color_primitives.blue.500}", + "teal_light": "{@color_primitives.teal.700}", + "teal_dark": "{@color_primitives.teal.500}" + } } } - } - } - }, - "yellow": { - "100": { - "$type": "color", - "$value": "#fffbeb", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36644", - "modes": { - "value": "#fffbeb" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.slate.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36458", + "modes": { + "light": "{@color_primitives.slate.600}", + "dark": "{@color_primitives.slate.600}", + "purple_light": "{@color_primitives.purple.600}", + "purple_dark": "{@color_primitives.purple.600}", + "blue_light": "{@color_primitives.blue.600}", + "blue_dark": "{@color_primitives.blue.600}", + "teal_light": "{@color_primitives.teal.600}", + "teal_dark": "{@color_primitives.teal.600}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#fff1c2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36645", - "modes": { - "value": "#fff1c2" + }, + "onbrand": { + "$type": "color", + "$value": "{@color_primitives.slate.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36459", + "modes": { + "light": "{@color_primitives.slate.100}", + "dark": "{@color_primitives.slate.900}", + "purple_light": "{@color_primitives.purple.100}", + "purple_dark": "{@color_primitives.purple.900}", + "blue_light": "{@color_primitives.blue.100}", + "blue_dark": "{@color_primitives.blue.900}", + "teal_light": "{@color_primitives.teal.100}", + "teal_dark": "{@color_primitives.teal.900}" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#ffe8a3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36646", - "modes": { - "value": "#ffe8a3" + }, + "onbrand-secondary": { + "$type": "color", + "$value": "{@color_primitives.slate.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36461", + "modes": { + "light": "{@color_primitives.slate.900}", + "dark": "{@color_primitives.slate.100}", + "purple_light": "{@color_primitives.purple.900}", + "purple_dark": "{@color_primitives.purple.100}", + "blue_light": "{@color_primitives.blue.900}", + "blue_dark": "{@color_primitives.blue.100}", + "teal_light": "{@color_primitives.teal.900}", + "teal_dark": "{@color_primitives.teal.100}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#e8b931", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36647", - "modes": { - "value": "#e8b931" + }, + "onbrand-tertiary": { + "$type": "color", + "$value": "{@color_primitives.slate.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9670:11773", + "modes": { + "light": "{@color_primitives.slate.800}", + "dark": "{@color_primitives.slate.100}", + "purple_light": "{@color_primitives.purple.800}", + "purple_dark": "{@color_primitives.purple.100}", + "blue_light": "{@color_primitives.blue.800}", + "blue_dark": "{@color_primitives.blue.100}", + "teal_light": "{@color_primitives.teal.800}", + "teal_dark": "{@color_primitives.teal.100}" + } } } } }, - "500": { - "$type": "color", - "$value": "#e5a000", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36648", - "modes": { - "value": "#e5a000" + "positive": { + "default": { + "$type": "color", + "$value": "{@color_primitives.green.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36462", + "modes": { + "light": "{@color_primitives.green.600}", + "dark": "{@color_primitives.green.300}", + "purple_light": "{@color_primitives.green.600}", + "purple_dark": "{@color_primitives.green.300}", + "blue_light": "{@color_primitives.green.600}", + "blue_dark": "{@color_primitives.green.300}", + "teal_light": "{@color_primitives.green.600}", + "teal_dark": "{@color_primitives.green.300}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#bf6a02", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36649", - "modes": { - "value": "#bf6a02" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.green.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36463", + "modes": { + "light": "{@color_primitives.green.700}", + "dark": "{@color_primitives.green.500}", + "purple_light": "{@color_primitives.green.700}", + "purple_dark": "{@color_primitives.green.500}", + "blue_light": "{@color_primitives.green.700}", + "blue_dark": "{@color_primitives.green.500}", + "teal_light": "{@color_primitives.green.700}", + "teal_dark": "{@color_primitives.green.500}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#975102", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36650", - "modes": { - "value": "#975102" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.green.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36464", + "modes": { + "light": "{@color_primitives.green.800}", + "dark": "{@color_primitives.green.600}", + "purple_light": "{@color_primitives.green.800}", + "purple_dark": "{@color_primitives.green.600}", + "blue_light": "{@color_primitives.green.800}", + "blue_dark": "{@color_primitives.green.600}", + "teal_light": "{@color_primitives.green.800}", + "teal_dark": "{@color_primitives.green.600}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#6e4503", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36651", - "modes": { - "value": "#6e4503" + }, + "onpositive": { + "$type": "color", + "$value": "{@color_primitives.green.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36465", + "modes": { + "light": "{@color_primitives.green.100}", + "dark": "{@color_primitives.green.300}", + "purple_light": "{@color_primitives.green.100}", + "purple_dark": "{@color_primitives.green.300}", + "blue_light": "{@color_primitives.green.100}", + "blue_dark": "{@color_primitives.green.300}", + "teal_light": "{@color_primitives.green.100}", + "teal_dark": "{@color_primitives.green.300}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#5f3c05", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36652", - "modes": { - "value": "#5f3c05" + }, + "onpositive-secondary": { + "$type": "color", + "$value": "{@color_primitives.green.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36467", + "modes": { + "light": "{@color_primitives.green.800}", + "dark": "{@color_primitives.green.100}", + "purple_light": "{@color_primitives.green.800}", + "purple_dark": "{@color_primitives.green.100}", + "blue_light": "{@color_primitives.green.800}", + "blue_dark": "{@color_primitives.green.100}", + "teal_light": "{@color_primitives.green.800}", + "teal_dark": "{@color_primitives.green.100}" + } + } + } + }, + "onpositive-tertiary": { + "$type": "color", + "$value": "{@color_primitives.green.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7455", + "modes": { + "light": "{@color_primitives.green.800}", + "dark": "{@color_primitives.green.100}", + "purple_light": "{@color_primitives.green.800}", + "purple_dark": "{@color_primitives.green.100}", + "blue_light": "{@color_primitives.green.800}", + "blue_dark": "{@color_primitives.green.100}", + "teal_light": "{@color_primitives.green.800}", + "teal_dark": "{@color_primitives.green.100}" + } } } } }, - "1000": { - "$type": "color", - "$value": "#402b01", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36653", - "modes": { - "value": "#402b01" + "warning": { + "default": { + "$type": "color", + "$value": "{@color_primitives.yellow.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36468", + "modes": { + "light": "{@color_primitives.yellow.900}", + "dark": "{@color_primitives.yellow.300}", + "purple_light": "{@color_primitives.yellow.900}", + "purple_dark": "{@color_primitives.yellow.300}", + "blue_light": "{@color_primitives.yellow.900}", + "blue_dark": "{@color_primitives.yellow.300}", + "teal_light": "{@color_primitives.yellow.900}", + "teal_dark": "{@color_primitives.yellow.300}" + } } } - } - } - }, - "green": { - "100": { - "$type": "color", - "$value": "#ebffee", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36654", - "modes": { - "value": "#ebffee" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.yellow.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36469", + "modes": { + "light": "{@color_primitives.yellow.800}", + "dark": "{@color_primitives.yellow.500}", + "purple_light": "{@color_primitives.yellow.800}", + "purple_dark": "{@color_primitives.yellow.500}", + "blue_light": "{@color_primitives.yellow.800}", + "blue_dark": "{@color_primitives.yellow.500}", + "teal_light": "{@color_primitives.yellow.800}", + "teal_dark": "{@color_primitives.yellow.500}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#cff7d3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36655", - "modes": { - "value": "#cff7d3" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.yellow.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36470", + "modes": { + "light": "{@color_primitives.yellow.700}", + "dark": "{@color_primitives.yellow.600}", + "purple_light": "{@color_primitives.yellow.700}", + "purple_dark": "{@color_primitives.yellow.600}", + "blue_light": "{@color_primitives.yellow.700}", + "blue_dark": "{@color_primitives.yellow.600}", + "teal_light": "{@color_primitives.yellow.700}", + "teal_dark": "{@color_primitives.yellow.600}" + } + } + } + }, + "onwarning": { + "$type": "color", + "$value": "{@color_primitives.yellow.1000}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36471", + "modes": { + "light": "{@color_primitives.yellow.1000}", + "dark": "{@color_primitives.yellow.1000}", + "purple_light": "{@color_primitives.yellow.1000}", + "purple_dark": "{@color_primitives.yellow.1000}", + "blue_light": "{@color_primitives.yellow.1000}", + "blue_dark": "{@color_primitives.yellow.1000}", + "teal_light": "{@color_primitives.yellow.1000}", + "teal_dark": "{@color_primitives.yellow.1000}" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#aff4c6", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36656", - "modes": { - "value": "#aff4c6" + }, + "onwarning-secondary": { + "$type": "color", + "$value": "{@color_primitives.yellow.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36473", + "modes": { + "light": "{@color_primitives.yellow.800}", + "dark": "{@color_primitives.yellow.100}", + "purple_light": "{@color_primitives.yellow.1000}", + "purple_dark": "{@color_primitives.yellow.100}", + "blue_light": "{@color_primitives.yellow.1000}", + "blue_dark": "{@color_primitives.yellow.100}", + "teal_light": "{@color_primitives.yellow.1000}", + "teal_dark": "{@color_primitives.yellow.100}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#85e0a3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36657", - "modes": { - "value": "#85e0a3" + }, + "onwarning-tertiary": { + "$type": "color", + "$value": "{@color_primitives.yellow.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7453", + "modes": { + "light": "{@color_primitives.yellow.900}", + "dark": "{@color_primitives.yellow.100}", + "purple_light": "{@color_primitives.yellow.1000}", + "purple_dark": "{@color_primitives.yellow.100}", + "blue_light": "{@color_primitives.yellow.1000}", + "blue_dark": "{@color_primitives.yellow.100}", + "teal_light": "{@color_primitives.yellow.1000}", + "teal_dark": "{@color_primitives.yellow.100}" + } } } } }, - "500": { - "$type": "color", - "$value": "#14ae5c", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36658", - "modes": { - "value": "#14ae5c" + "danger": { + "default": { + "$type": "color", + "$value": "{@color_primitives.red.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36474", + "modes": { + "light": "{@color_primitives.red.600}", + "dark": "{@color_primitives.red.300}", + "purple_light": "{@color_primitives.red.600}", + "purple_dark": "{@color_primitives.red.300}", + "blue_light": "{@color_primitives.red.600}", + "blue_dark": "{@color_primitives.red.300}", + "teal_light": "{@color_primitives.red.600}", + "teal_dark": "{@color_primitives.red.300}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#009951", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36659", - "modes": { - "value": "#009951" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36475", + "modes": { + "light": "{@color_primitives.red.700}", + "dark": "{@color_primitives.red.500}", + "purple_light": "{@color_primitives.red.700}", + "purple_dark": "{@color_primitives.red.500}", + "blue_light": "{@color_primitives.red.700}", + "blue_dark": "{@color_primitives.red.500}", + "teal_light": "{@color_primitives.red.700}", + "teal_dark": "{@color_primitives.red.500}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#008043", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36660", - "modes": { - "value": "#008043" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.red.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36476", + "modes": { + "light": "{@color_primitives.red.800}", + "dark": "{@color_primitives.red.600}", + "purple_light": "{@color_primitives.red.800}", + "purple_dark": "{@color_primitives.red.600}", + "blue_light": "{@color_primitives.red.800}", + "blue_dark": "{@color_primitives.red.600}", + "teal_light": "{@color_primitives.red.800}", + "teal_dark": "{@color_primitives.red.600}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#036838", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36661", - "modes": { - "value": "#036838" + }, + "ondanger": { + "$type": "color", + "$value": "{@color_primitives.red.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36477", + "modes": { + "light": "{@color_primitives.red.100}", + "dark": "{@color_primitives.red.300}", + "purple_light": "{@color_primitives.red.100}", + "purple_dark": "{@color_primitives.red.300}", + "blue_light": "{@color_primitives.red.100}", + "blue_dark": "{@color_primitives.red.300}", + "teal_light": "{@color_primitives.red.100}", + "teal_dark": "{@color_primitives.red.300}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#024626", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36662", - "modes": { - "value": "#024626" + }, + "ondanger-secondary": { + "$type": "color", + "$value": "{@color_primitives.red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36479", + "modes": { + "light": "{@color_primitives.red.700}", + "dark": "{@color_primitives.red.100}", + "purple_light": "{@color_primitives.red.700}", + "purple_dark": "{@color_primitives.red.100}", + "blue_light": "{@color_primitives.red.700}", + "blue_dark": "{@color_primitives.red.100}", + "teal_light": "{@color_primitives.red.700}", + "teal_dark": "{@color_primitives.red.100}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#083a23", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36663", - "modes": { - "value": "#083a23" + }, + "ondanger-tertiary": { + "$type": "color", + "$value": "{@color_primitives.red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7454", + "modes": { + "light": "{@color_primitives.red.700}", + "dark": "{@color_primitives.red.100}", + "purple_light": "{@color_primitives.red.700}", + "purple_dark": "{@color_primitives.red.100}", + "blue_light": "{@color_primitives.red.700}", + "blue_dark": "{@color_primitives.red.100}", + "teal_light": "{@color_primitives.red.700}", + "teal_dark": "{@color_primitives.red.100}" + } } } } - } - }, - "teal": { - "100": { - "$type": "color", - "$value": "#ebfbff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36604", - "modes": { - "value": "#ebfbff" + }, + "disabled": { + "default": { + "$type": "color", + "$value": "{@color_primitives.slate.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36480", + "modes": { + "light": "{@color_primitives.slate.400}", + "dark": "{@color_primitives.grey.500}", + "purple_light": "{@color_primitives.slate.400}", + "purple_dark": "{@color_primitives.grey.500}", + "blue_light": "{@color_primitives.slate.400}", + "blue_dark": "{@color_primitives.grey.500}", + "teal_light": "{@color_primitives.slate.400}", + "teal_dark": "{@color_primitives.grey.500}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#cef0f8", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36605", - "modes": { - "value": "#cef0f8" + }, + "ondisabled": { + "$type": "color", + "$value": "{@color_primitives.grey.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36481", + "modes": { + "light": "{@color_primitives.grey.400}", + "dark": "{@color_primitives.grey.500}", + "purple_light": "{@color_primitives.grey.600}", + "purple_dark": "{@color_primitives.grey.400}", + "blue_light": "{@color_primitives.grey.600}", + "blue_dark": "{@color_primitives.grey.400}", + "teal_light": "{@color_primitives.grey.600}", + "teal_dark": "{@color_primitives.grey.400}" + } } } } }, - "300": { - "$type": "color", - "$value": "#b6ecf7", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36606", - "modes": { - "value": "#b6ecf7" + "utilities": { + "text-onoverlay": { + "$type": "color", + "$value": "{@color_primitives.white.1000}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9643:10770", + "modes": { + "light": "{@color_primitives.white.1000}", + "dark": "{@color_primitives.white.1000}", + "purple_light": "{@color_primitives.white.1000}", + "purple_dark": "{@color_primitives.white.1000}", + "blue_light": "{@color_primitives.white.1000}", + "blue_dark": "{@color_primitives.white.1000}", + "teal_light": "{@color_primitives.white.1000}", + "teal_dark": "{@color_primitives.white.1000}" + } } } } - }, - "400": { - "$type": "color", - "$value": "#75d7f0", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36607", - "modes": { - "value": "#75d7f0" + } + }, + "icon": { + "default": { + "default": { + "$type": "color", + "$value": "{@color_primitives.slate.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36482", + "modes": { + "light": "{@color_primitives.slate.800}", + "dark": "{@color_primitives.white.1000}", + "purple_light": "{@color_primitives.slate.800}", + "purple_dark": "{@color_primitives.white.1000}", + "blue_light": "{@color_primitives.slate.800}", + "blue_dark": "{@color_primitives.white.1000}", + "teal_light": "{@color_primitives.slate.800}", + "teal_dark": "{@color_primitives.white.1000}" + } } } - } - }, - "500": { - "$type": "color", - "$value": "#00a2c2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36608", - "modes": { - "value": "#00a2c2" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.slate.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36483", + "modes": { + "light": "{@color_primitives.slate.500}", + "dark": "{@color_primitives.white.500}", + "purple_light": "{@color_primitives.slate.500}", + "purple_dark": "{@color_primitives.white.500}", + "blue_light": "{@color_primitives.slate.500}", + "blue_dark": "{@color_primitives.white.500}", + "teal_light": "{@color_primitives.slate.500}", + "teal_dark": "{@color_primitives.white.500}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#0087a8", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36609", - "modes": { - "value": "#0087a8" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.slate.300}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36484", + "modes": { + "light": "{@color_primitives.slate.300}", + "dark": "{@color_primitives.white.300}", + "purple_light": "{@color_primitives.slate.300}", + "purple_dark": "{@color_primitives.white.300}", + "blue_light": "{@color_primitives.slate.300}", + "blue_dark": "{@color_primitives.white.300}", + "teal_light": "{@color_primitives.slate.300}", + "teal_dark": "{@color_primitives.white.300}" + } } } } }, - "700": { - "$type": "color", - "$value": "#047195", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36610", - "modes": { - "value": "#047195" + "brand": { + "default": { + "$type": "color", + "$value": "{@color_primitives.slate.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36488", + "modes": { + "light": "{@color_primitives.slate.800}", + "dark": "{@color_primitives.slate.300}", + "purple_light": "{@color_primitives.purple.800}", + "purple_dark": "{@color_primitives.purple.300}", + "blue_light": "{@color_primitives.blue.800}", + "blue_dark": "{@color_primitives.blue.300}", + "teal_light": "{@color_primitives.teal.800}", + "teal_dark": "{@color_primitives.teal.300}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#085a78", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36611", - "modes": { - "value": "#085a78" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.slate.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36489", + "modes": { + "light": "{@color_primitives.slate.700}", + "dark": "{@color_primitives.slate.500}", + "purple_light": "{@color_primitives.purple.700}", + "purple_dark": "{@color_primitives.purple.500}", + "blue_light": "{@color_primitives.blue.700}", + "blue_dark": "{@color_primitives.blue.500}", + "teal_light": "{@color_primitives.teal.700}", + "teal_dark": "{@color_primitives.teal.500}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#093c53", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36612", - "modes": { - "value": "#093c53" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.slate.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36490", + "modes": { + "light": "{@color_primitives.slate.600}", + "dark": "{@color_primitives.slate.600}", + "purple_light": "{@color_primitives.purple.600}", + "purple_dark": "{@color_primitives.purple.600}", + "blue_light": "{@color_primitives.blue.600}", + "blue_dark": "{@color_primitives.blue.600}", + "teal_light": "{@color_primitives.teal.600}", + "teal_dark": "{@color_primitives.teal.600}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#0e2f43", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36613", - "modes": { - "value": "#0e2f43" + }, + "onbrand": { + "$type": "color", + "$value": "{@color_primitives.slate.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36491", + "modes": { + "light": "{@color_primitives.slate.100}", + "dark": "{@color_primitives.slate.900}", + "purple_light": "{@color_primitives.purple.100}", + "purple_dark": "{@color_primitives.purple.900}", + "blue_light": "{@color_primitives.blue.100}", + "blue_dark": "{@color_primitives.blue.900}", + "teal_light": "{@color_primitives.teal.100}", + "teal_dark": "{@color_primitives.teal.900}" + } } } - } - } - }, - "blue": { - "100": { - "$type": "color", - "$value": "#f2f9ff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36554", - "modes": { - "value": "#f2f9ff" + }, + "onbrand-secondary": { + "$type": "color", + "$value": "{@color_primitives.slate.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36493", + "modes": { + "light": "{@color_primitives.slate.700}", + "dark": "{@color_primitives.slate.100}", + "purple_light": "{@color_primitives.purple.700}", + "purple_dark": "{@color_primitives.purple.100}", + "blue_light": "{@color_primitives.blue.700}", + "blue_dark": "{@color_primitives.blue.100}", + "teal_light": "{@color_primitives.teal.700}", + "teal_dark": "{@color_primitives.teal.100}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#e5f4ff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36555", - "modes": { - "value": "#e5f4ff" + }, + "onbrand-tertiary": { + "$type": "color", + "$value": "{@color_primitives.slate.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:5932", + "modes": { + "light": "{@color_primitives.slate.800}", + "dark": "{@color_primitives.slate.100}", + "purple_light": "{@color_primitives.purple.700}", + "purple_dark": "{@color_primitives.purple.100}", + "blue_light": "{@color_primitives.blue.700}", + "blue_dark": "{@color_primitives.blue.100}", + "teal_light": "{@color_primitives.teal.700}", + "teal_dark": "{@color_primitives.teal.100}" + } } } } }, - "300": { - "$type": "color", - "$value": "#bde3ff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36556", - "modes": { - "value": "#bde3ff" + "positive": { + "default": { + "$type": "color", + "$value": "{@color_primitives.green.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36494", + "modes": { + "light": "{@color_primitives.green.500}", + "dark": "{@color_primitives.green.300}", + "purple_light": "{@color_primitives.green.500}", + "purple_dark": "{@color_primitives.green.300}", + "blue_light": "{@color_primitives.green.500}", + "blue_dark": "{@color_primitives.green.300}", + "teal_light": "{@color_primitives.green.500}", + "teal_dark": "{@color_primitives.green.300}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#80caff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36557", - "modes": { - "value": "#80caff" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.green.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36495", + "modes": { + "light": "{@color_primitives.green.600}", + "dark": "{@color_primitives.green.500}", + "purple_light": "{@color_primitives.green.600}", + "purple_dark": "{@color_primitives.green.500}", + "blue_light": "{@color_primitives.green.600}", + "blue_dark": "{@color_primitives.green.500}", + "teal_light": "{@color_primitives.green.600}", + "teal_dark": "{@color_primitives.green.500}" + } } } - } - }, - "500": { - "$type": "color", - "$value": "#0d99ff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36558", - "modes": { - "value": "#0d99ff" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.green.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36496", + "modes": { + "light": "{@color_primitives.green.700}", + "dark": "{@color_primitives.green.600}", + "purple_light": "{@color_primitives.green.700}", + "purple_dark": "{@color_primitives.green.600}", + "blue_light": "{@color_primitives.green.700}", + "blue_dark": "{@color_primitives.green.600}", + "teal_light": "{@color_primitives.green.700}", + "teal_dark": "{@color_primitives.green.600}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#007be5", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36559", - "modes": { - "value": "#007be5" + }, + "onpositive": { + "$type": "color", + "$value": "{@color_primitives.green.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36497", + "modes": { + "light": "{@color_primitives.green.100}", + "dark": "{@color_primitives.green.300}", + "purple_light": "{@color_primitives.green.100}", + "purple_dark": "{@color_primitives.green.300}", + "blue_light": "{@color_primitives.green.100}", + "blue_dark": "{@color_primitives.green.300}", + "teal_light": "{@color_primitives.green.100}", + "teal_dark": "{@color_primitives.green.300}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#0768cf", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36560", - "modes": { - "value": "#0768cf" + }, + "onpositive-secondary": { + "$type": "color", + "$value": "{@color_primitives.green.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36498", + "modes": { + "light": "{@color_primitives.green.800}", + "dark": "{@color_primitives.green.100}", + "purple_light": "{@color_primitives.green.800}", + "purple_dark": "{@color_primitives.green.100}", + "blue_light": "{@color_primitives.green.800}", + "blue_dark": "{@color_primitives.green.100}", + "teal_light": "{@color_primitives.green.800}", + "teal_dark": "{@color_primitives.green.100}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#034ac1", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36561", - "modes": { - "value": "#034ac1" + }, + "onpositive-tertiary": { + "$type": "color", + "$value": "{@color_primitives.green.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:5935", + "modes": { + "light": "{@color_primitives.green.900}", + "dark": "{@color_primitives.green.100}", + "purple_light": "{@color_primitives.green.800}", + "purple_dark": "{@color_primitives.green.100}", + "blue_light": "{@color_primitives.green.800}", + "blue_dark": "{@color_primitives.green.100}", + "teal_light": "{@color_primitives.green.800}", + "teal_dark": "{@color_primitives.green.100}" + } } } } }, - "900": { - "$type": "color", - "$value": "#093077", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36562", - "modes": { - "value": "#093077" + "warning": { + "default": { + "$type": "color", + "$value": "{@color_primitives.yellow.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36500", + "modes": { + "light": "{@color_primitives.yellow.900}", + "dark": "{@color_primitives.yellow.300}", + "purple_light": "{@color_primitives.yellow.900}", + "purple_dark": "{@color_primitives.yellow.300}", + "blue_light": "{@color_primitives.yellow.900}", + "blue_dark": "{@color_primitives.yellow.300}", + "teal_light": "{@color_primitives.yellow.900}", + "teal_dark": "{@color_primitives.yellow.300}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#0d193f", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36563", - "modes": { - "value": "#0d193f" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.yellow.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36501", + "modes": { + "light": "{@color_primitives.yellow.800}", + "dark": "{@color_primitives.yellow.500}", + "purple_light": "{@color_primitives.yellow.800}", + "purple_dark": "{@color_primitives.yellow.500}", + "blue_light": "{@color_primitives.yellow.800}", + "blue_dark": "{@color_primitives.yellow.500}", + "teal_light": "{@color_primitives.yellow.800}", + "teal_dark": "{@color_primitives.yellow.500}" + } + } + } + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.yellow.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36502", + "modes": { + "light": "{@color_primitives.yellow.700}", + "dark": "{@color_primitives.yellow.600}", + "purple_light": "{@color_primitives.yellow.700}", + "purple_dark": "{@color_primitives.yellow.600}", + "blue_light": "{@color_primitives.yellow.700}", + "blue_dark": "{@color_primitives.yellow.600}", + "teal_light": "{@color_primitives.yellow.700}", + "teal_dark": "{@color_primitives.yellow.600}" + } } } - } - } - }, - "purple": { - "100": { - "$type": "color", - "$value": "#f9f5ff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36574", - "modes": { - "value": "#f9f5ff" + }, + "onwarning": { + "$type": "color", + "$value": "{@color_primitives.yellow.1000}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36503", + "modes": { + "light": "{@color_primitives.yellow.1000}", + "dark": "{@color_primitives.yellow.800}", + "purple_light": "{@color_primitives.yellow.1000}", + "purple_dark": "{@color_primitives.yellow.1000}", + "blue_light": "{@color_primitives.yellow.1000}", + "blue_dark": "{@color_primitives.yellow.1000}", + "teal_light": "{@color_primitives.yellow.1000}", + "teal_dark": "{@color_primitives.yellow.1000}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#f1e5ff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36575", - "modes": { - "value": "#f1e5ff" + }, + "onwarning-secondary": { + "$type": "color", + "$value": "{@color_primitives.yellow.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36504", + "modes": { + "light": "{@color_primitives.yellow.800}", + "dark": "{@color_primitives.yellow.100}", + "purple_light": "{@color_primitives.yellow.1000}", + "purple_dark": "{@color_primitives.yellow.100}", + "blue_light": "{@color_primitives.yellow.1000}", + "blue_dark": "{@color_primitives.yellow.100}", + "teal_light": "{@color_primitives.yellow.1000}", + "teal_dark": "{@color_primitives.yellow.100}" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#e4ccff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36576", - "modes": { - "value": "#e4ccff" + }, + "onwarning-tertiary": { + "$type": "color", + "$value": "{@color_primitives.yellow.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:5933", + "modes": { + "light": "{@color_primitives.yellow.900}", + "dark": "{@color_primitives.yellow.100}", + "purple_light": "{@color_primitives.yellow.1000}", + "purple_dark": "{@color_primitives.yellow.100}", + "blue_light": "{@color_primitives.yellow.1000}", + "blue_dark": "{@color_primitives.yellow.100}", + "teal_light": "{@color_primitives.yellow.1000}", + "teal_dark": "{@color_primitives.yellow.100}" + } } } } }, - "400": { - "$type": "color", - "$value": "#d9b8ff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36577", - "modes": { - "value": "#d9b8ff" + "danger": { + "default": { + "$type": "color", + "$value": "{@color_primitives.red.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36506", + "modes": { + "light": "{@color_primitives.red.600}", + "dark": "{@color_primitives.red.300}", + "purple_light": "{@color_primitives.red.600}", + "purple_dark": "{@color_primitives.red.300}", + "blue_light": "{@color_primitives.red.600}", + "blue_dark": "{@color_primitives.red.300}", + "teal_light": "{@color_primitives.red.600}", + "teal_dark": "{@color_primitives.red.300}" + } } } - } - }, - "500": { - "$type": "color", - "$value": "#9747ff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36578", - "modes": { - "value": "#9747ff" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36507", + "modes": { + "light": "{@color_primitives.red.700}", + "dark": "{@color_primitives.red.500}", + "purple_light": "{@color_primitives.red.700}", + "purple_dark": "{@color_primitives.red.500}", + "blue_light": "{@color_primitives.red.700}", + "blue_dark": "{@color_primitives.red.500}", + "teal_light": "{@color_primitives.red.700}", + "teal_dark": "{@color_primitives.red.500}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#8638e5", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36579", - "modes": { - "value": "#8638e5" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.red.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36508", + "modes": { + "light": "{@color_primitives.red.800}", + "dark": "{@color_primitives.red.600}", + "purple_light": "{@color_primitives.red.800}", + "purple_dark": "{@color_primitives.red.600}", + "blue_light": "{@color_primitives.red.800}", + "blue_dark": "{@color_primitives.red.600}", + "teal_light": "{@color_primitives.red.800}", + "teal_dark": "{@color_primitives.red.600}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#7c2bda", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36580", - "modes": { - "value": "#7c2bda" + }, + "ondanger": { + "$type": "color", + "$value": "{@color_primitives.red.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36509", + "modes": { + "light": "{@color_primitives.red.100}", + "dark": "{@color_primitives.red.300}", + "purple_light": "{@color_primitives.red.100}", + "purple_dark": "{@color_primitives.red.300}", + "blue_light": "{@color_primitives.red.100}", + "blue_dark": "{@color_primitives.red.300}", + "teal_light": "{@color_primitives.red.100}", + "teal_dark": "{@color_primitives.red.300}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#681abb", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36581", - "modes": { - "value": "#681abb" + }, + "ondanger-secondary": { + "$type": "color", + "$value": "{@color_primitives.red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36510", + "modes": { + "light": "{@color_primitives.red.700}", + "dark": "{@color_primitives.red.100}", + "purple_light": "{@color_primitives.red.700}", + "purple_dark": "{@color_primitives.red.100}", + "blue_light": "{@color_primitives.red.700}", + "blue_dark": "{@color_primitives.red.100}", + "teal_light": "{@color_primitives.red.700}", + "teal_dark": "{@color_primitives.red.100}" + } + } + } + }, + "ondanger-tertiary": { + "$type": "color", + "$value": "{@color_primitives.red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:5934", + "modes": { + "light": "{@color_primitives.red.700}", + "dark": "{@color_primitives.red.100}", + "purple_light": "{@color_primitives.red.700}", + "purple_dark": "{@color_primitives.red.100}", + "blue_light": "{@color_primitives.red.700}", + "blue_dark": "{@color_primitives.red.100}", + "teal_light": "{@color_primitives.red.700}", + "teal_dark": "{@color_primitives.red.100}" + } } } } }, - "900": { - "$type": "color", - "$value": "#4b0d87", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36582", - "modes": { - "value": "#4b0d87" + "disabled": { + "default": { + "$type": "color", + "$value": "{@color_primitives.slate.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36512", + "modes": { + "light": "{@color_primitives.slate.400}", + "dark": "{@color_primitives.grey.500}", + "purple_light": "{@color_primitives.slate.400}", + "purple_dark": "{@color_primitives.grey.500}", + "blue_light": "{@color_primitives.slate.400}", + "blue_dark": "{@color_primitives.grey.500}", + "teal_light": "{@color_primitives.slate.400}", + "teal_dark": "{@color_primitives.grey.500}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#2d0f46", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36583", - "modes": { - "value": "#2d0f46" + }, + "ondisabled": { + "$type": "color", + "$value": "{@color_primitives.grey.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36513", + "modes": { + "light": "{@color_primitives.grey.400}", + "dark": "{@color_primitives.grey.500}", + "purple_light": "{@color_primitives.white.1000}", + "purple_dark": "{@color_primitives.grey.400}", + "blue_light": "{@color_primitives.white.1000}", + "blue_dark": "{@color_primitives.grey.400}", + "teal_light": "{@color_primitives.white.1000}", + "teal_dark": "{@color_primitives.grey.400}" + } } } } } }, - "pink": { - "100": { - "$type": "color", - "$value": "#fff0fe", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36594", - "modes": { - "value": "#fff0fe" + "border": { + "default": { + "default": { + "$type": "color", + "$value": "{@color_primitives.grey.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36514", + "modes": { + "light": "{@color_primitives.grey.400}", + "dark": "{@color_primitives.grey.500}", + "purple_light": "{@color_primitives.grey.400}", + "purple_dark": "{@color_primitives.grey.500}", + "blue_light": "{@color_primitives.grey.400}", + "blue_dark": "{@color_primitives.grey.500}", + "teal_light": "{@color_primitives.grey.400}", + "teal_dark": "{@color_primitives.grey.500}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#ffe0fc", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36595", - "modes": { - "value": "#ffe0fc" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.grey.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36515", + "modes": { + "light": "{@color_primitives.grey.800}", + "dark": "{@color_primitives.grey.400}", + "purple_light": "{@color_primitives.grey.800}", + "purple_dark": "{@color_primitives.grey.400}", + "blue_light": "{@color_primitives.grey.800}", + "blue_dark": "{@color_primitives.grey.400}", + "teal_light": "{@color_primitives.grey.800}", + "teal_dark": "{@color_primitives.grey.400}" + } } } } }, - "300": { - "$type": "color", - "$value": "#ffbdf2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36596", - "modes": { - "value": "#ffbdf2" + "brand": { + "default": { + "$type": "color", + "$value": "{@color_primitives.slate.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36516", + "modes": { + "light": "{@color_primitives.slate.500}", + "dark": "{@color_primitives.slate.600}", + "purple_light": "{@color_primitives.purple.500}", + "purple_dark": "{@color_primitives.purple.600}", + "blue_light": "{@color_primitives.blue.500}", + "blue_dark": "{@color_primitives.blue.600}", + "teal_light": "{@color_primitives.teal.500}", + "teal_dark": "{@color_primitives.teal.600}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#ff99e0", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36597", - "modes": { - "value": "#ff99e0" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.slate.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36517", + "modes": { + "light": "{@color_primitives.slate.600}", + "dark": "{@color_primitives.slate.400}", + "purple_light": "{@color_primitives.purple.600}", + "purple_dark": "{@color_primitives.purple.400}", + "blue_light": "{@color_primitives.blue.600}", + "blue_dark": "{@color_primitives.blue.400}", + "teal_light": "{@color_primitives.teal.600}", + "teal_dark": "{@color_primitives.teal.400}" + } } } } }, - "500": { - "$type": "color", - "$value": "#ff24bd", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36598", - "modes": { - "value": "#ff24bd" + "positive": { + "default": { + "$type": "color", + "$value": "{@color_primitives.green.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36520", + "modes": { + "light": "{@color_primitives.green.500}", + "dark": "{@color_primitives.green.600}", + "purple_light": "{@color_primitives.green.300}", + "purple_dark": "{@color_primitives.green.700}", + "blue_light": "{@color_primitives.green.300}", + "blue_dark": "{@color_primitives.green.700}", + "teal_light": "{@color_primitives.green.300}", + "teal_dark": "{@color_primitives.green.700}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#ea10ac", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36599", - "modes": { - "value": "#ea10ac" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.green.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36521", + "modes": { + "light": "{@color_primitives.green.600}", + "dark": "{@color_primitives.green.700}", + "purple_light": "{@color_primitives.green.600}", + "purple_dark": "{@color_primitives.green.600}", + "blue_light": "{@color_primitives.green.600}", + "blue_dark": "{@color_primitives.green.600}", + "teal_light": "{@color_primitives.green.600}", + "teal_dark": "{@color_primitives.green.600}" + } } } } }, - "700": { - "$type": "color", - "$value": "#cb0b96", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36600", - "modes": { - "value": "#cb0b96" + "warning": { + "default": { + "$type": "color", + "$value": "{@color_primitives.yellow.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36524", + "modes": { + "light": "{@color_primitives.yellow.500}", + "dark": "{@color_primitives.yellow.900}", + "purple_light": "{@color_primitives.yellow.500}", + "purple_dark": "{@color_primitives.yellow.900}", + "blue_light": "{@color_primitives.yellow.500}", + "blue_dark": "{@color_primitives.yellow.900}", + "teal_light": "{@color_primitives.yellow.500}", + "teal_dark": "{@color_primitives.yellow.900}" + } + } + } + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.yellow.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36525", + "modes": { + "light": "{@color_primitives.yellow.800}", + "dark": "{@color_primitives.yellow.700}", + "purple_light": "{@color_primitives.yellow.800}", + "purple_dark": "{@color_primitives.yellow.700}", + "blue_light": "{@color_primitives.yellow.800}", + "blue_dark": "{@color_primitives.yellow.700}", + "teal_light": "{@color_primitives.yellow.800}", + "teal_dark": "{@color_primitives.yellow.700}" + } } } } }, - "800": { - "$type": "color", - "$value": "#971172", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36601", - "modes": { - "value": "#971172" + "danger": { + "default": { + "$type": "color", + "$value": "{@color_primitives.red.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36528", + "modes": { + "light": "{@color_primitives.red.500}", + "dark": "{@color_primitives.red.600}", + "purple_light": "{@color_primitives.red.300}", + "purple_dark": "{@color_primitives.red.700}", + "blue_light": "{@color_primitives.red.300}", + "blue_dark": "{@color_primitives.red.700}", + "teal_light": "{@color_primitives.red.300}", + "teal_dark": "{@color_primitives.red.700}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#5f114c", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36602", - "modes": { - "value": "#5f114c" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.red.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36529", + "modes": { + "light": "{@color_primitives.red.600}", + "dark": "{@color_primitives.red.700}", + "purple_light": "{@color_primitives.red.600}", + "purple_dark": "{@color_primitives.red.600}", + "blue_light": "{@color_primitives.red.600}", + "blue_dark": "{@color_primitives.red.600}", + "teal_light": "{@color_primitives.red.600}", + "teal_dark": "{@color_primitives.red.600}" + } } } } }, - "1000": { - "$type": "color", - "$value": "#451138", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36603", - "modes": { - "value": "#451138" + "disabled": { + "default": { + "$type": "color", + "$value": "{@color_primitives.grey.200}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36532", + "modes": { + "light": "{@color_primitives.grey.200}", + "dark": "{@color_primitives.grey.700}", + "purple_light": "{@color_primitives.grey.200}", + "purple_dark": "{@color_primitives.grey.700}", + "blue_light": "{@color_primitives.grey.200}", + "blue_dark": "{@color_primitives.grey.700}", + "teal_light": "{@color_primitives.grey.200}", + "teal_dark": "{@color_primitives.grey.700}" + } + } + } + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.slate.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36533", + "modes": { + "light": "{@color_primitives.slate.400}", + "dark": "{@color_primitives.grey.600}", + "purple_light": "{@color_primitives.slate.400}", + "purple_dark": "{@color_primitives.grey.600}", + "blue_light": "{@color_primitives.slate.400}", + "blue_dark": "{@color_primitives.grey.600}", + "teal_light": "{@color_primitives.slate.400}", + "teal_dark": "{@color_primitives.grey.600}" + } } } } } + } + }, + "@color_primitives": { + "$extensions": { + "org.sds": { + "figmaId": "VariableCollectionId:3919:36421", + "modes": [ + "value" + ] + } }, - "grey": { + "black": { "100": { "$type": "color", - "$value": "#f5f5f5", + "$value": "#0c0c0d0d", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36614", + "figmaId": "VariableID:9:11234", "modes": { - "value": "#f5f5f5" + "value": "#0c0c0d0d" } } } }, "200": { "$type": "color", - "$value": "#e6e6e6", + "$value": "#0c0c0d1a", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36615", + "figmaId": "VariableID:9:11235", "modes": { - "value": "#e6e6e6" + "value": "#0c0c0d1a" } } } }, "300": { "$type": "color", - "$value": "#d9d9d9", + "$value": "#0c0c0d33", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36616", + "figmaId": "VariableID:9:11236", "modes": { - "value": "#d9d9d9" + "value": "#0c0c0d33" } } } }, "400": { "$type": "color", - "$value": "#b3b3b3", + "$value": "#0c0c0d66", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36617", + "figmaId": "VariableID:9:11237", "modes": { - "value": "#b3b3b3" + "value": "#0c0c0d66" } } } }, "500": { "$type": "color", - "$value": "#757575", + "$value": "#0c0c0db2", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36618", + "figmaId": "VariableID:9:11238", "modes": { - "value": "#757575" + "value": "#0c0c0db2" } } } }, "600": { "$type": "color", - "$value": "#444444", + "$value": "#0c0c0dcc", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36619", + "figmaId": "VariableID:9:11239", "modes": { - "value": "#444444" + "value": "#0c0c0dcc" } } } }, "700": { "$type": "color", - "$value": "#383838", + "$value": "#0c0c0dd9", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36620", + "figmaId": "VariableID:9:11240", "modes": { - "value": "#383838" + "value": "#0c0c0dd9" } } } }, "800": { "$type": "color", - "$value": "#2c2c2c", + "$value": "#0c0c0de5", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36621", + "figmaId": "VariableID:9:11241", "modes": { - "value": "#2c2c2c" + "value": "#0c0c0de5" } } } }, "900": { "$type": "color", - "$value": "#1e1e1e", + "$value": "#0c0c0df2", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36622", + "figmaId": "VariableID:9:11242", "modes": { - "value": "#1e1e1e" + "value": "#0c0c0df2" } } } }, "1000": { "$type": "color", - "$value": "#111111", + "$value": "#0c0c0d", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36623", + "figmaId": "VariableID:9:11243", "modes": { - "value": "#111111" + "value": "#0c0c0d" } } } } }, - "pale-red": { + "white": { "100": { "$type": "color", - "$value": "#faedeb", + "$value": "#ffffff0d", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36684", + "figmaId": "VariableID:3919:36544", "modes": { - "value": "#faedeb" + "value": "#ffffff0d" } } } }, "200": { "$type": "color", - "$value": "#f8e5e2", + "$value": "#ffffff1a", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36685", + "figmaId": "VariableID:3919:36545", "modes": { - "value": "#f8e5e2" + "value": "#ffffff1a" } } } }, "300": { "$type": "color", - "$value": "#f3cfc9", + "$value": "#ffffff33", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36686", + "figmaId": "VariableID:3919:36546", "modes": { - "value": "#f3cfc9" + "value": "#ffffff33" } } } }, "400": { "$type": "color", - "$value": "#eba99d", + "$value": "#ffffff66", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36687", + "figmaId": "VariableID:3919:36547", "modes": { - "value": "#eba99d" + "value": "#ffffff66" } } } }, "500": { "$type": "color", - "$value": "#d4583b", + "$value": "#ffffffb2", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36688", + "figmaId": "VariableID:3919:36548", "modes": { - "value": "#d4583b" + "value": "#ffffffb2" } } } }, "600": { "$type": "color", - "$value": "#a55440", + "$value": "#ffffffcc", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36689", + "figmaId": "VariableID:3919:36549", "modes": { - "value": "#a55440" + "value": "#ffffffcc" } } } }, "700": { "$type": "color", - "$value": "#864537", + "$value": "#ffffffd9", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36690", + "figmaId": "VariableID:3919:36550", "modes": { - "value": "#864537" + "value": "#ffffffd9" } } } }, "800": { "$type": "color", - "$value": "#60332a", + "$value": "#ffffffe5", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36691", + "figmaId": "VariableID:3919:36551", "modes": { - "value": "#60332a" + "value": "#ffffffe5" } } } }, "900": { "$type": "color", - "$value": "#412621", + "$value": "#fffffff2", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36692", + "figmaId": "VariableID:3919:36552", "modes": { - "value": "#412621" + "value": "#fffffff2" } } } }, "1000": { "$type": "color", - "$value": "#1f1514", + "$value": "#ffffff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36693", + "figmaId": "VariableID:3919:36553", "modes": { - "value": "#1f1514" + "value": "#ffffff" } } } } }, - "pale-yellow": { + "slate": { "100": { "$type": "color", - "$value": "#fff5eb", + "$value": "#f3f3f3", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36694", + "figmaId": "VariableID:3919:36534", "modes": { - "value": "#fff5eb" + "value": "#f3f3f3" } } } }, "200": { "$type": "color", - "$value": "#fdeece", + "$value": "#e3e3e3", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36695", + "figmaId": "VariableID:3919:36535", "modes": { - "value": "#fdeece" + "value": "#e3e3e3" } } } }, "300": { "$type": "color", - "$value": "#f5dfa8", + "$value": "#cdcdcd", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36696", + "figmaId": "VariableID:3919:36536", "modes": { - "value": "#f5dfa8" + "value": "#cdcdcd" } } } }, "400": { "$type": "color", - "$value": "#e8cd7d", + "$value": "#b2b2b2", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36697", + "figmaId": "VariableID:3919:36537", "modes": { - "value": "#e8cd7d" + "value": "#b2b2b2" } } } }, "500": { "$type": "color", - "$value": "#ad7f00", + "$value": "#949494", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36698", + "figmaId": "VariableID:3919:36538", "modes": { - "value": "#ad7f00" + "value": "#949494" } } } }, "600": { "$type": "color", - "$value": "#906800", + "$value": "#767676", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36699", + "figmaId": "VariableID:3919:36539", "modes": { - "value": "#906800" + "value": "#767676" } } } }, "700": { "$type": "color", - "$value": "#7a5800", + "$value": "#5a5a5a", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36700", + "figmaId": "VariableID:3919:36540", "modes": { - "value": "#7a5800" + "value": "#5a5a5a" } } } }, "800": { "$type": "color", - "$value": "#5c4100", + "$value": "#434343", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36701", + "figmaId": "VariableID:3919:36541", "modes": { - "value": "#5c4100" + "value": "#434343" } } } }, "900": { "$type": "color", - "$value": "#3a2a10", + "$value": "#303030", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36702", + "figmaId": "VariableID:3919:36542", "modes": { - "value": "#3a2a10" + "value": "#303030" } } } }, "1000": { "$type": "color", - "$value": "#211a12", + "$value": "#242424", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36703", + "figmaId": "VariableID:3919:36543", "modes": { - "value": "#211a12" + "value": "#242424" } } } } }, - "pale-green": { + "red": { "100": { "$type": "color", - "$value": "#f1f8f2", + "$value": "#fee9e7", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36664", + "figmaId": "VariableID:3919:36624", "modes": { - "value": "#f1f8f2" + "value": "#fee9e7" } } } }, "200": { "$type": "color", - "$value": "#daecdf", + "$value": "#fdd3d0", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36665", + "figmaId": "VariableID:3919:36625", "modes": { - "value": "#daecdf" + "value": "#fdd3d0" } } } }, "300": { "$type": "color", - "$value": "#c3e0cc", + "$value": "#fcb3ad", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36666", + "figmaId": "VariableID:3919:36626", "modes": { - "value": "#c3e0cc" + "value": "#fcb3ad" } } } }, "400": { "$type": "color", - "$value": "#9fc1aa", + "$value": "#fb897e", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36667", + "figmaId": "VariableID:3919:36627", "modes": { - "value": "#9fc1aa" + "value": "#fb897e" } } } }, "500": { "$type": "color", - "$value": "#678e79", + "$value": "#fa502f", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36668", + "figmaId": "VariableID:3919:36628", "modes": { - "value": "#678e79" + "value": "#fa502f" } } } }, "600": { "$type": "color", - "$value": "#5c806d", + "$value": "#c93d21", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36669", + "figmaId": "VariableID:3919:36629", "modes": { - "value": "#5c806d" + "value": "#c93d21" } } } }, "700": { "$type": "color", - "$value": "#517361", + "$value": "#98301f", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36670", + "figmaId": "VariableID:3919:36630", "modes": { - "value": "#517361" + "value": "#98301f" } } } }, "800": { "$type": "color", - "$value": "#476656", + "$value": "#6e261d", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36671", + "figmaId": "VariableID:3919:36631", "modes": { - "value": "#476656" + "value": "#6e261d" } } } }, "900": { "$type": "color", - "$value": "#2f483c", + "$value": "#4c1f1a", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36672", + "figmaId": "VariableID:3919:36632", "modes": { - "value": "#2f483c" + "value": "#4c1f1a" } } } }, "1000": { "$type": "color", - "$value": "#172b22", + "$value": "#341c1a", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36673", + "figmaId": "VariableID:3919:36633", "modes": { - "value": "#172b22" + "value": "#341c1a" } } } } }, - "pale-blue": { + "orange": { "100": { "$type": "color", - "$value": "#f1f5f8", + "$value": "#fff5eb", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36564", + "figmaId": "VariableID:2002:7462", "modes": { - "value": "#f1f5f8" + "value": "#fff5eb" } } } }, "200": { "$type": "color", - "$value": "#e3ecf2", + "$value": "#ffe1c2", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36565", + "figmaId": "VariableID:2002:7463", "modes": { - "value": "#e3ecf2" + "value": "#ffe1c2" } } } }, "300": { "$type": "color", - "$value": "#d2dae4", + "$value": "#ffd1a3", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36566", + "figmaId": "VariableID:2002:7464", "modes": { - "value": "#d2dae4" + "value": "#ffd1a3" } } } }, "400": { "$type": "color", - "$value": "#afbccf", + "$value": "#e88c31", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36567", + "figmaId": "VariableID:2002:7465", "modes": { - "value": "#afbccf" + "value": "#e88c31" } } } }, "500": { "$type": "color", - "$value": "#667799", + "$value": "#e57300", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36568", + "figmaId": "VariableID:2002:7466", "modes": { - "value": "#667799" + "value": "#e57300" } } } }, "600": { "$type": "color", - "$value": "#536383", + "$value": "#bf6102", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36569", + "figmaId": "VariableID:2002:7467", "modes": { - "value": "#536383" + "value": "#bf6102" } } } }, "700": { "$type": "color", - "$value": "#4a5878", + "$value": "#984c01", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36570", + "figmaId": "VariableID:2002:7468", "modes": { - "value": "#4a5878" + "value": "#984c01" } } } }, "800": { "$type": "color", - "$value": "#394360", + "$value": "#6e3903", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36571", + "figmaId": "VariableID:2002:7469", "modes": { - "value": "#394360" + "value": "#6e3903" } } } }, "900": { "$type": "color", - "$value": "#252d41", + "$value": "#5f3205", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36572", + "figmaId": "VariableID:2002:7470", "modes": { - "value": "#252d41" + "value": "#5f3205" } } } }, "1000": { "$type": "color", - "$value": "#121721", + "$value": "#402101", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36573", + "figmaId": "VariableID:2002:7471", "modes": { - "value": "#121721" + "value": "#402101" } } } } }, - "pale-purple": { + "yellow": { "100": { "$type": "color", - "$value": "#f4f1f8", + "$value": "#fffbeb", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36584", + "figmaId": "VariableID:3919:36644", "modes": { - "value": "#f4f1f8" + "value": "#fffbeb" } } } }, "200": { "$type": "color", - "$value": "#ede7f3", + "$value": "#fff1c2", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36585", + "figmaId": "VariableID:3919:36645", "modes": { - "value": "#ede7f3" + "value": "#fff1c2" } } } }, "300": { "$type": "color", - "$value": "#e0d4ed", + "$value": "#ffe8a3", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36586", + "figmaId": "VariableID:3919:36646", "modes": { - "value": "#e0d4ed" + "value": "#ffe8a3" } } } }, "400": { "$type": "color", - "$value": "#c5b2dc", + "$value": "#e8b931", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36587", + "figmaId": "VariableID:3919:36647", "modes": { - "value": "#c5b2dc" + "value": "#e8b931" } } } }, "500": { "$type": "color", - "$value": "#7f699b", + "$value": "#e5a000", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36588", + "figmaId": "VariableID:3919:36648", "modes": { - "value": "#7f699b" + "value": "#e5a000" } } } }, "600": { "$type": "color", - "$value": "#6b5884", + "$value": "#bf6a02", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36589", + "figmaId": "VariableID:3919:36649", "modes": { - "value": "#6b5884" + "value": "#bf6a02" } } } }, "700": { "$type": "color", - "$value": "#604d75", + "$value": "#975102", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36590", + "figmaId": "VariableID:3919:36650", "modes": { - "value": "#604d75" + "value": "#975102" } } } }, "800": { "$type": "color", - "$value": "#473956", + "$value": "#6e4503", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36591", + "figmaId": "VariableID:3919:36651", "modes": { - "value": "#473956" + "value": "#6e4503" } } } }, "900": { "$type": "color", - "$value": "#33293d", + "$value": "#5f3c05", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36592", + "figmaId": "VariableID:3919:36652", "modes": { - "value": "#33293d" + "value": "#5f3c05" } } } }, "1000": { "$type": "color", - "$value": "#1a141f", + "$value": "#402b01", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36593", + "figmaId": "VariableID:3919:36653", "modes": { - "value": "#1a141f" + "value": "#402b01" } } } } }, - "pale-pink": { + "green": { "100": { "$type": "color", - "$value": "#f6eef4", + "$value": "#ebffee", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36674", + "figmaId": "VariableID:3919:36654", "modes": { - "value": "#f6eef4" + "value": "#ebffee" } } } }, "200": { "$type": "color", - "$value": "#f2e3ee", + "$value": "#cff7d3", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36675", + "figmaId": "VariableID:3919:36655", "modes": { - "value": "#f2e3ee" + "value": "#cff7d3" } } } }, "300": { "$type": "color", - "$value": "#e8cee1", + "$value": "#aff4c6", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36676", + "figmaId": "VariableID:3919:36656", "modes": { - "value": "#e8cee1" + "value": "#aff4c6" } } } }, "400": { "$type": "color", - "$value": "#daaace", + "$value": "#85e0a3", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36677", + "figmaId": "VariableID:3919:36657", "modes": { - "value": "#daaace" + "value": "#85e0a3" } } } }, "500": { "$type": "color", - "$value": "#ab5998", + "$value": "#14ae5c", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36678", + "figmaId": "VariableID:3919:36658", "modes": { - "value": "#ab5998" + "value": "#14ae5c" } } } }, "600": { "$type": "color", - "$value": "#86507a", + "$value": "#009951", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36679", + "figmaId": "VariableID:3919:36659", "modes": { - "value": "#86507a" + "value": "#009951" } } } }, "700": { "$type": "color", - "$value": "#724667", + "$value": "#008043", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36680", + "figmaId": "VariableID:3919:36660", "modes": { - "value": "#724667" + "value": "#008043" } } } }, "800": { "$type": "color", - "$value": "#51344a", + "$value": "#036838", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36681", + "figmaId": "VariableID:3919:36661", "modes": { - "value": "#51344a" + "value": "#036838" } } } }, "900": { "$type": "color", - "$value": "#33252f", + "$value": "#024626", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36682", + "figmaId": "VariableID:3919:36662", "modes": { - "value": "#33252f" + "value": "#024626" } } } }, "1000": { "$type": "color", - "$value": "#1b1318", + "$value": "#083a23", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36683", + "figmaId": "VariableID:3919:36663", "modes": { - "value": "#1b1318" + "value": "#083a23" } } } } }, - "midnight-blue": { + "teal": { "100": { "$type": "color", - "$value": "#f1f3f8", + "$value": "#ebfbff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36704", + "figmaId": "VariableID:3919:36604", "modes": { - "value": "#f1f3f8" + "value": "#ebfbff" } } } }, "200": { "$type": "color", - "$value": "#e3e7f2", + "$value": "#cef0f8", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36705", + "figmaId": "VariableID:3919:36605", "modes": { - "value": "#e3e7f2" + "value": "#cef0f8" } } } }, "300": { "$type": "color", - "$value": "#d2d4e4", + "$value": "#b6ecf7", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36706", + "figmaId": "VariableID:3919:36606", "modes": { - "value": "#d2d4e4" + "value": "#b6ecf7" } } } }, "400": { "$type": "color", - "$value": "#afb1cf", + "$value": "#75d7f0", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36707", + "figmaId": "VariableID:3919:36607", "modes": { - "value": "#afb1cf" + "value": "#75d7f0" } } } }, "500": { "$type": "color", - "$value": "#666699", + "$value": "#00a2c2", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36708", + "figmaId": "VariableID:3919:36608", "modes": { - "value": "#666699" + "value": "#00a2c2" } } } }, "600": { "$type": "color", - "$value": "#535383", + "$value": "#0087a8", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36709", + "figmaId": "VariableID:3919:36609", "modes": { - "value": "#535383" + "value": "#0087a8" } } } }, "700": { "$type": "color", - "$value": "#4b4a78", + "$value": "#047195", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36710", + "figmaId": "VariableID:3919:36610", "modes": { - "value": "#4b4a78" + "value": "#047195" } } } }, "800": { "$type": "color", - "$value": "#3c3960", + "$value": "#085a78", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36711", + "figmaId": "VariableID:3919:36611", "modes": { - "value": "#3c3960" + "value": "#085a78" } } } }, "900": { "$type": "color", - "$value": "#262541", + "$value": "#093c53", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36712", + "figmaId": "VariableID:3919:36612", "modes": { - "value": "#262541" + "value": "#093c53" } } } }, "1000": { "$type": "color", - "$value": "#121221", + "$value": "#0e2f43", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36713", + "figmaId": "VariableID:3919:36613", "modes": { - "value": "#121221" + "value": "#0e2f43" } } } } }, - "pale-lime": { + "blue": { "100": { "$type": "color", - "$value": "#f9ffeb", + "$value": "#f2f9ff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36714", + "figmaId": "VariableID:3919:36554", "modes": { - "value": "#f9ffeb" + "value": "#f2f9ff" } } } }, "200": { "$type": "color", - "$value": "#eeffc2", + "$value": "#e5f4ff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36715", + "figmaId": "VariableID:3919:36555", "modes": { - "value": "#eeffc2" + "value": "#e5f4ff" } } } }, "300": { "$type": "color", - "$value": "#e8ffa3", + "$value": "#bde3ff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36716", + "figmaId": "VariableID:3919:36556", "modes": { - "value": "#e8ffa3" + "value": "#bde3ff" } } } }, "400": { "$type": "color", - "$value": "#d8ff66", + "$value": "#80caff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36717", + "figmaId": "VariableID:3919:36557", "modes": { - "value": "#d8ff66" + "value": "#80caff" } } } }, "500": { "$type": "color", - "$value": "#c6ff29", + "$value": "#0d99ff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36718", + "figmaId": "VariableID:3919:36558", "modes": { - "value": "#c6ff29" + "value": "#0d99ff" } } } }, "600": { "$type": "color", - "$value": "#c9ff1a", + "$value": "#007be5", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36719", + "figmaId": "VariableID:3919:36559", "modes": { - "value": "#c9ff1a" + "value": "#007be5" } } } }, "700": { "$type": "color", - "$value": "#c9fa15", + "$value": "#0768cf", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36720", + "figmaId": "VariableID:3919:36560", "modes": { - "value": "#c9fa15" + "value": "#0768cf" } } } }, "800": { "$type": "color", - "$value": "#c3eb11", + "$value": "#034ac1", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36721", + "figmaId": "VariableID:3919:36561", "modes": { - "value": "#c3eb11" + "value": "#034ac1" } } } }, "900": { "$type": "color", - "$value": "#bedd0e", + "$value": "#093077", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36722", + "figmaId": "VariableID:3919:36562", "modes": { - "value": "#bedd0e" + "value": "#093077" } } } }, "1000": { "$type": "color", - "$value": "#b2b800", + "$value": "#0d193f", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36723", + "figmaId": "VariableID:3919:36563", "modes": { - "value": "#b2b800" + "value": "#0d193f" } } } } }, - "barbie-pink": { + "purple": { "100": { "$type": "color", - "$value": "#fff0fb", + "$value": "#f9f5ff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36724", + "figmaId": "VariableID:3919:36574", "modes": { - "value": "#fff0fb" + "value": "#f9f5ff" } } } }, "200": { "$type": "color", - "$value": "#ffe0f7", + "$value": "#f1e5ff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36725", + "figmaId": "VariableID:3919:36575", "modes": { - "value": "#ffe0f7" + "value": "#f1e5ff" } } } }, "300": { "$type": "color", - "$value": "#ffbde7", + "$value": "#e4ccff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36726", + "figmaId": "VariableID:3919:36576", "modes": { - "value": "#ffbde7" + "value": "#e4ccff" } } } }, "400": { "$type": "color", - "$value": "#ff99cf", + "$value": "#d9b8ff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36727", + "figmaId": "VariableID:3919:36577", "modes": { - "value": "#ff99cf" + "value": "#d9b8ff" } } } }, "500": { "$type": "color", - "$value": "#ff2498", + "$value": "#9747ff", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36728", + "figmaId": "VariableID:3919:36578", "modes": { - "value": "#ff2498" + "value": "#9747ff" } } } }, "600": { "$type": "color", - "$value": "#ea1087", + "$value": "#8638e5", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36729", + "figmaId": "VariableID:3919:36579", "modes": { - "value": "#ea1087" + "value": "#8638e5" } } } }, "700": { "$type": "color", - "$value": "#cb0b75", + "$value": "#7c2bda", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36730", + "figmaId": "VariableID:3919:36580", "modes": { - "value": "#cb0b75" + "value": "#7c2bda" } } } }, "800": { "$type": "color", - "$value": "#97115b", + "$value": "#681abb", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36731", + "figmaId": "VariableID:3919:36581", "modes": { - "value": "#97115b" + "value": "#681abb" } } } }, "900": { "$type": "color", - "$value": "#5f113f", + "$value": "#4b0d87", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36732", + "figmaId": "VariableID:3919:36582", "modes": { - "value": "#5f113f" + "value": "#4b0d87" } } } }, "1000": { "$type": "color", - "$value": "#45112f", + "$value": "#2d0f46", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36733", + "figmaId": "VariableID:3919:36583", "modes": { - "value": "#45112f" + "value": "#2d0f46" } } } } }, - "ocean": { + "pink": { "100": { "$type": "color", - "$value": "#ebf9ff", + "$value": "#fff0fe", "$extensions": { "org.sds": { - "figmaId": "VariableID:4110:29013", + "figmaId": "VariableID:3919:36594", "modes": { - "value": "#ebf9ff" + "value": "#fff0fe" } } } }, "200": { "$type": "color", - "$value": "#ceebf8", + "$value": "#ffe0fc", "$extensions": { "org.sds": { - "figmaId": "VariableID:4110:29014", + "figmaId": "VariableID:3919:36595", "modes": { - "value": "#ceebf8" + "value": "#ffe0fc" } } } }, "300": { "$type": "color", - "$value": "#b6e5f7", + "$value": "#ffbdf2", "$extensions": { "org.sds": { - "figmaId": "VariableID:4110:29015", + "figmaId": "VariableID:3919:36596", "modes": { - "value": "#b6e5f7" + "value": "#ffbdf2" } } } }, "400": { "$type": "color", - "$value": "#75c9f0", + "$value": "#ff99e0", "$extensions": { "org.sds": { - "figmaId": "VariableID:4110:29016", + "figmaId": "VariableID:3919:36597", "modes": { - "value": "#75c9f0" + "value": "#ff99e0" } } } }, "500": { "$type": "color", - "$value": "#008cc2", + "$value": "#ff24bd", "$extensions": { "org.sds": { - "figmaId": "VariableID:4110:29017", + "figmaId": "VariableID:3919:36598", "modes": { - "value": "#008cc2" + "value": "#ff24bd" } } } }, "600": { "$type": "color", - "$value": "#0074a8", + "$value": "#ea10ac", "$extensions": { "org.sds": { - "figmaId": "VariableID:4110:29018", + "figmaId": "VariableID:3919:36599", "modes": { - "value": "#0074a8" + "value": "#ea10ac" } } } }, "700": { "$type": "color", - "$value": "#046095", + "$value": "#cb0b96", "$extensions": { "org.sds": { - "figmaId": "VariableID:4110:29019", + "figmaId": "VariableID:3919:36600", "modes": { - "value": "#046095" + "value": "#cb0b96" } } } }, "800": { "$type": "color", - "$value": "#084d78", + "$value": "#971172", "$extensions": { "org.sds": { - "figmaId": "VariableID:4110:29020", + "figmaId": "VariableID:3919:36601", "modes": { - "value": "#084d78" + "value": "#971172" } } } }, "900": { "$type": "color", - "$value": "#093453", + "$value": "#5f114c", "$extensions": { "org.sds": { - "figmaId": "VariableID:4110:29021", + "figmaId": "VariableID:3919:36602", "modes": { - "value": "#093453" + "value": "#5f114c" } } } }, "1000": { "$type": "color", - "$value": "#0e2943", + "$value": "#451138", "$extensions": { "org.sds": { - "figmaId": "VariableID:4110:29022", + "figmaId": "VariableID:3919:36603", "modes": { - "value": "#0e2943" + "value": "#451138" } } } } }, - "slate-black": { + "grey": { "100": { "$type": "color", "$value": "#f5f5f5", "$extensions": { "org.sds": { - "figmaId": "VariableID:4243:26678", + "figmaId": "VariableID:3919:36614", "modes": { "value": "#f5f5f5" } @@ -4341,7 +5121,7 @@ "$value": "#e6e6e6", "$extensions": { "org.sds": { - "figmaId": "VariableID:4243:26679", + "figmaId": "VariableID:3919:36615", "modes": { "value": "#e6e6e6" } @@ -4353,7 +5133,7 @@ "$value": "#d9d9d9", "$extensions": { "org.sds": { - "figmaId": "VariableID:4243:26680", + "figmaId": "VariableID:3919:36616", "modes": { "value": "#d9d9d9" } @@ -4365,7 +5145,7 @@ "$value": "#b3b3b3", "$extensions": { "org.sds": { - "figmaId": "VariableID:4243:26681", + "figmaId": "VariableID:3919:36617", "modes": { "value": "#b3b3b3" } @@ -4377,7 +5157,7 @@ "$value": "#757575", "$extensions": { "org.sds": { - "figmaId": "VariableID:4243:26682", + "figmaId": "VariableID:3919:36618", "modes": { "value": "#757575" } @@ -4389,7 +5169,7 @@ "$value": "#444444", "$extensions": { "org.sds": { - "figmaId": "VariableID:4243:26683", + "figmaId": "VariableID:3919:36619", "modes": { "value": "#444444" } @@ -4401,7 +5181,7 @@ "$value": "#383838", "$extensions": { "org.sds": { - "figmaId": "VariableID:4243:26684", + "figmaId": "VariableID:3919:36620", "modes": { "value": "#383838" } @@ -4413,7 +5193,7 @@ "$value": "#2c2c2c", "$extensions": { "org.sds": { - "figmaId": "VariableID:4243:26685", + "figmaId": "VariableID:3919:36621", "modes": { "value": "#2c2c2c" } @@ -4425,7 +5205,7 @@ "$value": "#1e1e1e", "$extensions": { "org.sds": { - "figmaId": "VariableID:4243:26686", + "figmaId": "VariableID:3919:36622", "modes": { "value": "#1e1e1e" } @@ -4437,7 +5217,7 @@ "$value": "#111111", "$extensions": { "org.sds": { - "figmaId": "VariableID:4243:26687", + "figmaId": "VariableID:3919:36623", "modes": { "value": "#111111" } @@ -4445,3331 +5225,2563 @@ } } }, - "gamer-lime-green": { + "pale-red": { "100": { "$type": "color", - "$value": "#f2ffeb", + "$value": "#faedeb", "$extensions": { "org.sds": { - "figmaId": "VariableID:4273:26601", + "figmaId": "VariableID:3919:36684", "modes": { - "value": "#f2ffeb" + "value": "#faedeb" } } } }, "200": { "$type": "color", - "$value": "#d8ffc2", + "$value": "#f8e5e2", "$extensions": { "org.sds": { - "figmaId": "VariableID:4273:26602", + "figmaId": "VariableID:3919:36685", "modes": { - "value": "#d8ffc2" + "value": "#f8e5e2" } } } }, "300": { "$type": "color", - "$value": "#c6ffa3", + "$value": "#f3cfc9", "$extensions": { "org.sds": { - "figmaId": "VariableID:4273:26603", + "figmaId": "VariableID:3919:36686", "modes": { - "value": "#c6ffa3" + "value": "#f3cfc9" } } } }, "400": { "$type": "color", - "$value": "#a0ff66", + "$value": "#eba99d", "$extensions": { "org.sds": { - "figmaId": "VariableID:4273:26604", + "figmaId": "VariableID:3919:36687", "modes": { - "value": "#a0ff66" + "value": "#eba99d" } } } }, "500": { "$type": "color", - "$value": "#78ff29", + "$value": "#d4583b", "$extensions": { "org.sds": { - "figmaId": "VariableID:4273:26605", + "figmaId": "VariableID:3919:36688", "modes": { - "value": "#78ff29" + "value": "#d4583b" } } } }, "600": { "$type": "color", - "$value": "#76ff1a", + "$value": "#a55440", "$extensions": { "org.sds": { - "figmaId": "VariableID:4273:26606", + "figmaId": "VariableID:3919:36689", "modes": { - "value": "#76ff1a" + "value": "#a55440" } } } }, "700": { "$type": "color", - "$value": "#76fa15", + "$value": "#864537", "$extensions": { "org.sds": { - "figmaId": "VariableID:4273:26607", + "figmaId": "VariableID:3919:36690", "modes": { - "value": "#76fa15" + "value": "#864537" } } } }, "800": { "$type": "color", - "$value": "#73eb11", + "$value": "#60332a", "$extensions": { "org.sds": { - "figmaId": "VariableID:4273:26608", + "figmaId": "VariableID:3919:36691", "modes": { - "value": "#73eb11" + "value": "#60332a" } } } }, "900": { "$type": "color", - "$value": "#73dd0e", + "$value": "#412621", "$extensions": { "org.sds": { - "figmaId": "VariableID:4273:26609", + "figmaId": "VariableID:3919:36692", "modes": { - "value": "#73dd0e" + "value": "#412621" } } } }, "1000": { "$type": "color", - "$value": "#6fb800", + "$value": "#1f1514", "$extensions": { "org.sds": { - "figmaId": "VariableID:4273:26610", + "figmaId": "VariableID:3919:36693", "modes": { - "value": "#6fb800" + "value": "#1f1514" } } } } }, - "lemon": { + "pale-yellow": { "100": { "$type": "color", - "$value": "#fff9a1", + "$value": "#fff5eb", "$extensions": { "org.sds": { - "figmaId": "VariableID:4295:31847", + "figmaId": "VariableID:3919:36694", "modes": { - "value": "#fff9a1" + "value": "#fff5eb" } } } }, "200": { "$type": "color", - "$value": "#f3ee4c", + "$value": "#fdeece", "$extensions": { "org.sds": { - "figmaId": "VariableID:4295:31848", + "figmaId": "VariableID:3919:36695", "modes": { - "value": "#f3ee4c" + "value": "#fdeece" } } } }, "300": { "$type": "color", - "$value": "#d8d747", + "$value": "#f5dfa8", "$extensions": { "org.sds": { - "figmaId": "VariableID:4295:31849", + "figmaId": "VariableID:3919:36696", "modes": { - "value": "#d8d747" + "value": "#f5dfa8" } } } }, "400": { "$type": "color", - "$value": "#b7b900", + "$value": "#e8cd7d", "$extensions": { "org.sds": { - "figmaId": "VariableID:4295:31850", + "figmaId": "VariableID:3919:36697", "modes": { - "value": "#b7b900" + "value": "#e8cd7d" } } } }, "500": { "$type": "color", - "$value": "#929700", + "$value": "#ad7f00", "$extensions": { "org.sds": { - "figmaId": "VariableID:4295:31851", + "figmaId": "VariableID:3919:36698", "modes": { - "value": "#929700" + "value": "#ad7f00" } } } }, "600": { "$type": "color", - "$value": "#6f7500", + "$value": "#906800", "$extensions": { "org.sds": { - "figmaId": "VariableID:4295:31852", + "figmaId": "VariableID:3919:36699", "modes": { - "value": "#6f7500" + "value": "#906800" } } } }, "700": { "$type": "color", - "$value": "#4f5500", + "$value": "#7a5800", "$extensions": { "org.sds": { - "figmaId": "VariableID:4295:31853", + "figmaId": "VariableID:3919:36700", "modes": { - "value": "#4f5500" + "value": "#7a5800" } } } }, "800": { "$type": "color", - "$value": "#353b00", + "$value": "#5c4100", "$extensions": { "org.sds": { - "figmaId": "VariableID:4295:31854", + "figmaId": "VariableID:3919:36701", "modes": { - "value": "#353b00" + "value": "#5c4100" } } } }, "900": { "$type": "color", - "$value": "#222700", + "$value": "#3a2a10", "$extensions": { "org.sds": { - "figmaId": "VariableID:4295:31855", + "figmaId": "VariableID:3919:36702", "modes": { - "value": "#222700" + "value": "#3a2a10" } } } }, "1000": { "$type": "color", - "$value": "#171c01", + "$value": "#211a12", "$extensions": { "org.sds": { - "figmaId": "VariableID:4295:31856", + "figmaId": "VariableID:3919:36703", "modes": { - "value": "#171c01" + "value": "#211a12" } } } } }, - "pumpkin-orange": { + "pale-green": { "100": { "$type": "color", - "$value": "#ffe8e7", + "$value": "#f1f8f2", "$extensions": { "org.sds": { - "figmaId": "VariableID:4574:44323", + "figmaId": "VariableID:3919:36664", "modes": { - "value": "#ffe8e7" + "value": "#f1f8f2" } } } }, "200": { "$type": "color", - "$value": "#fed2d1", + "$value": "#daecdf", "$extensions": { "org.sds": { - "figmaId": "VariableID:4574:44324", + "figmaId": "VariableID:3919:36665", "modes": { - "value": "#fed2d1" + "value": "#daecdf" } } } }, "300": { "$type": "color", - "$value": "#feb2af", + "$value": "#c3e0cc", "$extensions": { "org.sds": { - "figmaId": "VariableID:4574:44325", + "figmaId": "VariableID:3919:36666", "modes": { - "value": "#feb2af" + "value": "#c3e0cc" } } } }, "400": { "$type": "color", - "$value": "#fe8781", + "$value": "#9fc1aa", "$extensions": { "org.sds": { - "figmaId": "VariableID:4574:44326", + "figmaId": "VariableID:3919:36667", "modes": { - "value": "#fe8781" + "value": "#9fc1aa" } } } }, "500": { "$type": "color", - "$value": "#fd4c3c", + "$value": "#678e79", "$extensions": { "org.sds": { - "figmaId": "VariableID:4574:44327", + "figmaId": "VariableID:3919:36668", "modes": { - "value": "#fd4c3c" + "value": "#678e79" } } } }, "600": { "$type": "color", - "$value": "#d32e19", + "$value": "#5c806d", "$extensions": { "org.sds": { - "figmaId": "VariableID:4574:44328", + "figmaId": "VariableID:3919:36669", "modes": { - "value": "#d32e19" + "value": "#5c806d" } } } }, "700": { "$type": "color", - "$value": "#a0261b", + "$value": "#517361", "$extensions": { "org.sds": { - "figmaId": "VariableID:4574:44329", + "figmaId": "VariableID:3919:36670", "modes": { - "value": "#a0261b" + "value": "#517361" } } } }, "800": { "$type": "color", - "$value": "#73211b", + "$value": "#476656", "$extensions": { "org.sds": { - "figmaId": "VariableID:4574:44330", + "figmaId": "VariableID:3919:36671", "modes": { - "value": "#73211b" + "value": "#476656" } } } }, "900": { "$type": "color", - "$value": "#501c19", + "$value": "#2f483c", "$extensions": { "org.sds": { - "figmaId": "VariableID:4574:44331", + "figmaId": "VariableID:3919:36672", "modes": { - "value": "#501c19" + "value": "#2f483c" } } } }, "1000": { "$type": "color", - "$value": "#371a19", + "$value": "#172b22", "$extensions": { "org.sds": { - "figmaId": "VariableID:4574:44332", + "figmaId": "VariableID:3919:36673", "modes": { - "value": "#371a19" + "value": "#172b22" } } } } }, - "deep-forest": { + "pale-blue": { "100": { "$type": "color", - "$value": "#e5fcd8", + "$value": "#f1f5f8", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:21831", + "figmaId": "VariableID:3919:36564", "modes": { - "value": "#e5fcd8" + "value": "#f1f5f8" } } } }, "200": { "$type": "color", - "$value": "#c4f6aa", + "$value": "#e3ecf2", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:21832", + "figmaId": "VariableID:3919:36565", "modes": { - "value": "#c4f6aa" + "value": "#e3ecf2" } } } }, "300": { "$type": "color", - "$value": "#a5e18a", + "$value": "#d2dae4", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:21833", + "figmaId": "VariableID:3919:36566", "modes": { - "value": "#a5e18a" + "value": "#d2dae4" } } } }, "400": { "$type": "color", - "$value": "#82c368", + "$value": "#afbccf", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:21834", + "figmaId": "VariableID:3919:36567", "modes": { - "value": "#82c368" + "value": "#afbccf" } } } }, "500": { "$type": "color", - "$value": "#59a23e", + "$value": "#667799", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:21835", + "figmaId": "VariableID:3919:36568", "modes": { - "value": "#59a23e" + "value": "#667799" } } } }, "600": { "$type": "color", - "$value": "#328012", + "$value": "#536383", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:21836", + "figmaId": "VariableID:3919:36569", "modes": { - "value": "#328012" + "value": "#536383" } } } }, "700": { "$type": "color", - "$value": "#175e00", + "$value": "#4a5878", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:21837", + "figmaId": "VariableID:3919:36570", "modes": { - "value": "#175e00" + "value": "#4a5878" } } } }, "800": { "$type": "color", - "$value": "#054100", + "$value": "#394360", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:21838", + "figmaId": "VariableID:3919:36571", "modes": { - "value": "#054100" + "value": "#394360" } } } }, "900": { "$type": "color", - "$value": "#032c04", + "$value": "#252d41", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:21839", + "figmaId": "VariableID:3919:36572", "modes": { - "value": "#032c04" + "value": "#252d41" } } } }, "1000": { "$type": "color", - "$value": "#0c1e0d", + "$value": "#121721", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:21840", + "figmaId": "VariableID:3919:36573", "modes": { - "value": "#0c1e0d" + "value": "#121721" } } } } }, - "dark-brown": { + "pale-purple": { "100": { "$type": "color", - "$value": "#fdeade", + "$value": "#f4f1f8", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:30904", + "figmaId": "VariableID:3919:36584", "modes": { - "value": "#fdeade" + "value": "#f4f1f8" } } } }, "200": { "$type": "color", - "$value": "#fcd5bb", + "$value": "#ede7f3", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:30905", + "figmaId": "VariableID:3919:36585", "modes": { - "value": "#fcd5bb" + "value": "#ede7f3" } } } }, "300": { "$type": "color", - "$value": "#fab87d", + "$value": "#e0d4ed", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:30906", + "figmaId": "VariableID:3919:36586", "modes": { - "value": "#fab87d" + "value": "#e0d4ed" } } } }, "400": { "$type": "color", - "$value": "#e89836", + "$value": "#c5b2dc", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:30907", + "figmaId": "VariableID:3919:36587", "modes": { - "value": "#e89836" + "value": "#c5b2dc" } } } }, "500": { "$type": "color", - "$value": "#c07e2d", + "$value": "#7f699b", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:30908", + "figmaId": "VariableID:3919:36588", "modes": { - "value": "#c07e2d" + "value": "#7f699b" } } } }, "600": { "$type": "color", - "$value": "#986427", + "$value": "#6b5884", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:30909", + "figmaId": "VariableID:3919:36589", "modes": { - "value": "#986427" + "value": "#6b5884" } } } }, "700": { "$type": "color", - "$value": "#734c23", + "$value": "#604d75", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:30910", + "figmaId": "VariableID:3919:36590", "modes": { - "value": "#734c23" + "value": "#604d75" } } } }, "800": { "$type": "color", - "$value": "#53381f", + "$value": "#473956", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:30911", + "figmaId": "VariableID:3919:36591", "modes": { - "value": "#53381f" + "value": "#473956" } } } }, "900": { "$type": "color", - "$value": "#3b291b", + "$value": "#33293d", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:30912", + "figmaId": "VariableID:3919:36592", "modes": { - "value": "#3b291b" + "value": "#33293d" } } } }, "1000": { "$type": "color", - "$value": "#2a211a", + "$value": "#1a141f", "$extensions": { "org.sds": { - "figmaId": "VariableID:4877:30913", + "figmaId": "VariableID:3919:36593", "modes": { - "value": "#2a211a" + "value": "#1a141f" } } } } }, - "stormy": { + "pale-pink": { "100": { "$type": "color", - "$value": "#e2f7f5", + "$value": "#f6eef4", "$extensions": { "org.sds": { - "figmaId": "VariableID:4885:43529", + "figmaId": "VariableID:3919:36674", "modes": { - "value": "#e2f7f5" + "value": "#f6eef4" } } } }, "200": { "$type": "color", - "$value": "#bfeceb", + "$value": "#f2e3ee", "$extensions": { "org.sds": { - "figmaId": "VariableID:4885:43530", + "figmaId": "VariableID:3919:36675", "modes": { - "value": "#bfeceb" + "value": "#f2e3ee" } } } }, "300": { "$type": "color", - "$value": "#abd5d5", + "$value": "#e8cee1", "$extensions": { "org.sds": { - "figmaId": "VariableID:4885:43531", + "figmaId": "VariableID:3919:36676", "modes": { - "value": "#abd5d5" + "value": "#e8cee1" } } } }, "400": { "$type": "color", - "$value": "#93b9bb", + "$value": "#daaace", "$extensions": { "org.sds": { - "figmaId": "VariableID:4885:43532", + "figmaId": "VariableID:3919:36677", "modes": { - "value": "#93b9bb" + "value": "#daaace" } } } }, "500": { "$type": "color", - "$value": "#799a9d", + "$value": "#ab5998", "$extensions": { "org.sds": { - "figmaId": "VariableID:4885:43533", + "figmaId": "VariableID:3919:36678", "modes": { - "value": "#799a9d" + "value": "#ab5998" } } } }, "600": { "$type": "color", - "$value": "#5f7b7f", + "$value": "#86507a", "$extensions": { "org.sds": { - "figmaId": "VariableID:4885:43534", + "figmaId": "VariableID:3919:36679", "modes": { - "value": "#5f7b7f" + "value": "#86507a" } } } }, "700": { "$type": "color", - "$value": "#495e62", + "$value": "#724667", "$extensions": { "org.sds": { - "figmaId": "VariableID:4885:43535", + "figmaId": "VariableID:3919:36680", "modes": { - "value": "#495e62" + "value": "#724667" } } } }, "800": { "$type": "color", - "$value": "#364549", + "$value": "#51344a", "$extensions": { "org.sds": { - "figmaId": "VariableID:4885:43536", + "figmaId": "VariableID:3919:36681", "modes": { - "value": "#364549" + "value": "#51344a" } } } }, "900": { "$type": "color", - "$value": "#283235", + "$value": "#33252f", "$extensions": { "org.sds": { - "figmaId": "VariableID:4885:43537", + "figmaId": "VariableID:3919:36682", "modes": { - "value": "#283235" + "value": "#33252f" } } } }, "1000": { "$type": "color", - "$value": "#202527", + "$value": "#1b1318", "$extensions": { "org.sds": { - "figmaId": "VariableID:4885:43538", + "figmaId": "VariableID:3919:36683", "modes": { - "value": "#202527" + "value": "#1b1318" } } } } }, - "rose-gold": { + "midnight-blue": { "100": { "$type": "color", - "$value": "#f3ebec", + "$value": "#f1f3f8", "$extensions": { "org.sds": { - "figmaId": "VariableID:4886:41023", + "figmaId": "VariableID:3919:36704", "modes": { - "value": "#f3ebec" + "value": "#f1f3f8" } } } }, "200": { "$type": "color", - "$value": "#e8d9db", + "$value": "#e3e7f2", "$extensions": { "org.sds": { - "figmaId": "VariableID:4886:41024", + "figmaId": "VariableID:3919:36705", "modes": { - "value": "#e8d9db" + "value": "#e3e7f2" } } } }, "300": { "$type": "color", - "$value": "#dabfc2", + "$value": "#d2d4e4", "$extensions": { "org.sds": { - "figmaId": "VariableID:4886:41025", + "figmaId": "VariableID:3919:36706", "modes": { - "value": "#dabfc2" + "value": "#d2d4e4" } } } }, "400": { "$type": "color", - "$value": "#ca9fa4", + "$value": "#afb1cf", "$extensions": { "org.sds": { - "figmaId": "VariableID:4886:41026", + "figmaId": "VariableID:3919:36707", "modes": { - "value": "#ca9fa4" + "value": "#afb1cf" } } } }, "500": { "$type": "color", - "$value": "#bb7a84", + "$value": "#666699", "$extensions": { "org.sds": { - "figmaId": "VariableID:4886:41027", + "figmaId": "VariableID:3919:36708", "modes": { - "value": "#bb7a84" + "value": "#666699" } } } }, "600": { "$type": "color", - "$value": "#9c5d67", + "$value": "#535383", "$extensions": { "org.sds": { - "figmaId": "VariableID:4886:41028", + "figmaId": "VariableID:3919:36709", "modes": { - "value": "#9c5d67" + "value": "#535383" } } } }, "700": { "$type": "color", - "$value": "#76474e", + "$value": "#4b4a78", "$extensions": { "org.sds": { - "figmaId": "VariableID:4886:41029", + "figmaId": "VariableID:3919:36710", "modes": { - "value": "#76474e" + "value": "#4b4a78" } } } }, "800": { "$type": "color", - "$value": "#55353a", + "$value": "#3c3960", "$extensions": { "org.sds": { - "figmaId": "VariableID:4886:41030", + "figmaId": "VariableID:3919:36711", "modes": { - "value": "#55353a" + "value": "#3c3960" } } } }, "900": { "$type": "color", - "$value": "#3b282a", + "$value": "#262541", "$extensions": { "org.sds": { - "figmaId": "VariableID:4886:41031", + "figmaId": "VariableID:3919:36712", "modes": { - "value": "#3b282a" + "value": "#262541" } } } }, "1000": { "$type": "color", - "$value": "#2a2021", + "$value": "#121221", "$extensions": { "org.sds": { - "figmaId": "VariableID:4886:41032", + "figmaId": "VariableID:3919:36713", "modes": { - "value": "#2a2021" + "value": "#121221" } } } } }, - "beer": { + "pale-lime": { "100": { "$type": "color", - "$value": "#fdf2e7", + "$value": "#f9ffeb", "$extensions": { "org.sds": { - "figmaId": "VariableID:4949:33569", + "figmaId": "VariableID:3919:36714", "modes": { - "value": "#fdf2e7" + "value": "#f9ffeb" } } } }, "200": { "$type": "color", - "$value": "#f8dbbe", + "$value": "#eeffc2", "$extensions": { "org.sds": { - "figmaId": "VariableID:4949:33570", + "figmaId": "VariableID:3919:36715", "modes": { - "value": "#f8dbbe" + "value": "#eeffc2" } } } }, "300": { "$type": "color", - "$value": "#f4c48f", + "$value": "#e8ffa3", "$extensions": { "org.sds": { - "figmaId": "VariableID:4949:33571", + "figmaId": "VariableID:3919:36716", "modes": { - "value": "#f4c48f" + "value": "#e8ffa3" } } } }, "400": { "$type": "color", - "$value": "#edab5c", + "$value": "#d8ff66", "$extensions": { "org.sds": { - "figmaId": "VariableID:4949:33572", + "figmaId": "VariableID:3919:36717", "modes": { - "value": "#edab5c" + "value": "#d8ff66" } } } }, "500": { "$type": "color", - "$value": "#d7964e", + "$value": "#c6ff29", "$extensions": { "org.sds": { - "figmaId": "VariableID:4949:33573", + "figmaId": "VariableID:3919:36718", "modes": { - "value": "#d7964e" + "value": "#c6ff29" } } } }, "600": { "$type": "color", - "$value": "#be7f40", + "$value": "#c9ff1a", "$extensions": { "org.sds": { - "figmaId": "VariableID:4949:33574", + "figmaId": "VariableID:3919:36719", "modes": { - "value": "#be7f40" + "value": "#c9ff1a" } } } }, "700": { "$type": "color", - "$value": "#a36832", + "$value": "#c9fa15", "$extensions": { "org.sds": { - "figmaId": "VariableID:4949:33575", + "figmaId": "VariableID:3919:36720", "modes": { - "value": "#a36832" + "value": "#c9fa15" } } } }, "800": { "$type": "color", - "$value": "#845127", + "$value": "#c3eb11", "$extensions": { "org.sds": { - "figmaId": "VariableID:4949:33576", + "figmaId": "VariableID:3919:36721", "modes": { - "value": "#845127" + "value": "#c3eb11" } } } }, "900": { "$type": "color", - "$value": "#61391c", + "$value": "#bedd0e", "$extensions": { "org.sds": { - "figmaId": "VariableID:4949:33577", + "figmaId": "VariableID:3919:36722", "modes": { - "value": "#61391c" + "value": "#bedd0e" } } } }, "1000": { "$type": "color", - "$value": "#3c2111", + "$value": "#b2b800", "$extensions": { "org.sds": { - "figmaId": "VariableID:4949:33578", + "figmaId": "VariableID:3919:36723", "modes": { - "value": "#3c2111" + "value": "#b2b800" } } } } }, - "tomato-red": { + "barbie-pink": { "100": { "$type": "color", - "$value": "#ffe8e7", + "$value": "#fff0fb", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25816", + "figmaId": "VariableID:3919:36724", "modes": { - "value": "#ffe8e7" + "value": "#fff0fb" } } } }, "200": { "$type": "color", - "$value": "#fed2d1", + "$value": "#ffe0f7", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25817", + "figmaId": "VariableID:3919:36725", "modes": { - "value": "#fed2d1" + "value": "#ffe0f7" } } } }, "300": { "$type": "color", - "$value": "#feb2ae", + "$value": "#ffbde7", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25818", + "figmaId": "VariableID:3919:36726", "modes": { - "value": "#feb2ae" + "value": "#ffbde7" } } } }, "400": { "$type": "color", - "$value": "#fe8780", + "$value": "#ff99cf", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25819", + "figmaId": "VariableID:3919:36727", "modes": { - "value": "#fe8780" + "value": "#ff99cf" } } } }, "500": { "$type": "color", - "$value": "#fd4b3a", + "$value": "#ff2498", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25820", + "figmaId": "VariableID:3919:36728", "modes": { - "value": "#fd4b3a" + "value": "#ff2498" } } } }, "600": { "$type": "color", - "$value": "#d32e17", + "$value": "#ea1087", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25821", + "figmaId": "VariableID:3919:36729", "modes": { - "value": "#d32e17" + "value": "#ea1087" } } } }, "700": { "$type": "color", - "$value": "#a0271a", + "$value": "#cb0b75", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25822", + "figmaId": "VariableID:3919:36730", "modes": { - "value": "#a0271a" + "value": "#cb0b75" } } } }, "800": { "$type": "color", - "$value": "#73211a", + "$value": "#97115b", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25823", + "figmaId": "VariableID:3919:36731", "modes": { - "value": "#73211a" + "value": "#97115b" } } } }, "900": { "$type": "color", - "$value": "#501c19", + "$value": "#5f113f", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25824", + "figmaId": "VariableID:3919:36732", "modes": { - "value": "#501c19" + "value": "#5f113f" } } } }, "1000": { "$type": "color", - "$value": "#371a19", + "$value": "#45112f", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25825", + "figmaId": "VariableID:3919:36733", "modes": { - "value": "#371a19" + "value": "#45112f" } } } } }, - "cheese-yellow": { + "ocean": { "100": { "$type": "color", - "$value": "#f4fda3", + "$value": "#ebf9ff", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25826", + "figmaId": "VariableID:4110:29013", "modes": { - "value": "#f4fda3" + "value": "#ebf9ff" } } } }, "200": { "$type": "color", - "$value": "#eff269", + "$value": "#ceebf8", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25827", + "figmaId": "VariableID:4110:29014", "modes": { - "value": "#eff269" + "value": "#ceebf8" } } } }, "300": { "$type": "color", - "$value": "#ece65a", + "$value": "#b6e5f7", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25828", + "figmaId": "VariableID:4110:29015", "modes": { - "value": "#ece65a" + "value": "#b6e5f7" } } } }, "400": { "$type": "color", - "$value": "#e9da46", + "$value": "#75c9f0", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25829", + "figmaId": "VariableID:4110:29016", "modes": { - "value": "#e9da46" + "value": "#75c9f0" } } } }, "500": { "$type": "color", - "$value": "#e5cc2b", + "$value": "#008cc2", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25830", + "figmaId": "VariableID:4110:29017", "modes": { - "value": "#e5cc2b" + "value": "#008cc2" } } } }, "600": { "$type": "color", - "$value": "#dbbb00", + "$value": "#0074a8", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25831", + "figmaId": "VariableID:4110:29018", "modes": { - "value": "#dbbb00" + "value": "#0074a8" } } } }, "700": { "$type": "color", - "$value": "#cba600", + "$value": "#046095", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25832", + "figmaId": "VariableID:4110:29019", "modes": { - "value": "#cba600" + "value": "#046095" } } } }, "800": { "$type": "color", - "$value": "#b28b00", + "$value": "#084d78", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25833", + "figmaId": "VariableID:4110:29020", "modes": { - "value": "#b28b00" + "value": "#084d78" } } } }, "900": { "$type": "color", - "$value": "#906a00", + "$value": "#093453", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25834", + "figmaId": "VariableID:4110:29021", "modes": { - "value": "#906a00" + "value": "#093453" } } } }, "1000": { "$type": "color", - "$value": "#61440a", + "$value": "#0e2943", "$extensions": { "org.sds": { - "figmaId": "VariableID:5166:25835", + "figmaId": "VariableID:4110:29022", "modes": { - "value": "#61440a" + "value": "#0e2943" } } } } - } - }, - "@colors": { - "$extensions": { - "org.sds": { - "figmaId": "VariableCollectionId:3919:36422", - "modes": [ - "light", - "dark", - "purple_light", - "purple_dark", - "blue_light", - "blue_dark", - "teal_light", - "teal_dark" - ] - } }, - "bg": { - "default": { - "default": { - "$type": "color", - "$value": "{@color_primitives.white.1000}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36423", - "modes": { - "light": "{@color_primitives.white.1000}", - "dark": "{@color_primitives.grey.900}", - "purple_light": "{@color_primitives.white.1000}", - "purple_dark": "{@color_primitives.grey.900}", - "blue_light": "{@color_primitives.white.1000}", - "blue_dark": "{@color_primitives.grey.900}", - "teal_light": "{@color_primitives.white.1000}", - "teal_dark": "{@color_primitives.grey.900}" - } - } - } - }, - "default-hover": { - "$type": "color", - "$value": "{@color_primitives.grey.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36426", - "modes": { - "light": "{@color_primitives.grey.100}", - "dark": "{@color_primitives.grey.700}", - "purple_light": "{@color_primitives.grey.100}", - "purple_dark": "{@color_primitives.grey.700}", - "blue_light": "{@color_primitives.grey.100}", - "blue_dark": "{@color_primitives.grey.700}", - "teal_light": "{@color_primitives.grey.100}", - "teal_dark": "{@color_primitives.grey.700}" - } - } - } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.grey.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36424", - "modes": { - "light": "{@color_primitives.grey.100}", - "dark": "{@color_primitives.grey.800}", - "purple_light": "{@color_primitives.grey.100}", - "purple_dark": "{@color_primitives.grey.800}", - "blue_light": "{@color_primitives.grey.100}", - "blue_dark": "{@color_primitives.grey.800}", - "teal_light": "{@color_primitives.grey.100}", - "teal_dark": "{@color_primitives.grey.800}" - } - } - } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.grey.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:9309", - "modes": { - "light": "{@color_primitives.grey.200}", - "dark": "{@color_primitives.grey.900}", - "purple_light": "{@color_primitives.grey.100}", - "purple_dark": "{@color_primitives.grey.800}", - "blue_light": "{@color_primitives.grey.100}", - "blue_dark": "{@color_primitives.grey.800}", - "teal_light": "{@color_primitives.grey.100}", - "teal_dark": "{@color_primitives.grey.800}" - } + "slate-black": { + "100": { + "$type": "color", + "$value": "#f5f5f5", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4243:26678", + "modes": { + "value": "#f5f5f5" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.grey.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36425", - "modes": { - "light": "{@color_primitives.grey.300}", - "dark": "{@color_primitives.grey.600}", - "purple_light": "{@color_primitives.grey.300}", - "purple_dark": "{@color_primitives.grey.600}", - "blue_light": "{@color_primitives.grey.300}", - "blue_dark": "{@color_primitives.grey.600}", - "teal_light": "{@color_primitives.grey.300}", - "teal_dark": "{@color_primitives.grey.600}" - } + } + }, + "200": { + "$type": "color", + "$value": "#e6e6e6", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4243:26679", + "modes": { + "value": "#e6e6e6" } } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.grey.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:9310", - "modes": { - "light": "{@color_primitives.grey.400}", - "dark": "{@color_primitives.grey.700}", - "purple_light": "{@color_primitives.grey.300}", - "purple_dark": "{@color_primitives.grey.600}", - "blue_light": "{@color_primitives.grey.300}", - "blue_dark": "{@color_primitives.grey.600}", - "teal_light": "{@color_primitives.grey.300}", - "teal_dark": "{@color_primitives.grey.600}" - } + } + }, + "300": { + "$type": "color", + "$value": "#d9d9d9", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4243:26680", + "modes": { + "value": "#d9d9d9" } } } }, - "brand": { - "default": { - "$type": "color", - "$value": "{@color_primitives.slate.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36428", - "modes": { - "light": "{@color_primitives.slate.600}", - "dark": "{@color_primitives.slate.300}", - "purple_light": "{@color_primitives.purple.700}", - "purple_dark": "{@color_primitives.purple.300}", - "blue_light": "{@color_primitives.blue.700}", - "blue_dark": "{@color_primitives.blue.300}", - "teal_light": "{@color_primitives.teal.700}", - "teal_dark": "{@color_primitives.teal.300}" - } + "400": { + "$type": "color", + "$value": "#b3b3b3", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4243:26681", + "modes": { + "value": "#b3b3b3" } } - }, - "hover": { - "$type": "color", - "$value": "{@color_primitives.slate.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36431", - "modes": { - "light": "{@color_primitives.slate.700}", - "dark": "{@color_primitives.slate.400}", - "purple_light": "{@color_primitives.purple.800}", - "purple_dark": "{@color_primitives.purple.400}", - "blue_light": "{@color_primitives.blue.800}", - "blue_dark": "{@color_primitives.blue.400}", - "teal_light": "{@color_primitives.teal.800}", - "teal_dark": "{@color_primitives.teal.400}" - } + } + }, + "500": { + "$type": "color", + "$value": "#757575", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4243:26682", + "modes": { + "value": "#757575" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.slate.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36430", - "modes": { - "light": "{@color_primitives.slate.200}", - "dark": "{@color_primitives.slate.600}", - "purple_light": "{@color_primitives.purple.400}", - "purple_dark": "{@color_primitives.purple.600}", - "blue_light": "{@color_primitives.blue.400}", - "blue_dark": "{@color_primitives.blue.600}", - "teal_light": "{@color_primitives.teal.400}", - "teal_dark": "{@color_primitives.teal.600}" - } + } + }, + "600": { + "$type": "color", + "$value": "#444444", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4243:26683", + "modes": { + "value": "#444444" } } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.slate.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:4035:5558", - "modes": { - "light": "{@color_primitives.slate.300}", - "dark": "{@color_primitives.slate.700}", - "purple_light": "{@color_primitives.purple.600}", - "purple_dark": "{@color_primitives.purple.600}", - "blue_light": "{@color_primitives.blue.600}", - "blue_dark": "{@color_primitives.blue.600}", - "teal_light": "{@color_primitives.teal.600}", - "teal_dark": "{@color_primitives.teal.600}" - } + } + }, + "700": { + "$type": "color", + "$value": "#383838", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4243:26684", + "modes": { + "value": "#383838" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.slate.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9670:11772", - "modes": { - "light": "{@color_primitives.slate.300}", - "dark": "{@color_primitives.slate.800}", - "purple_light": "{@color_primitives.purple.200}", - "purple_dark": "{@color_primitives.purple.900}", - "blue_light": "{@color_primitives.blue.200}", - "blue_dark": "{@color_primitives.blue.900}", - "teal_light": "{@color_primitives.teal.200}", - "teal_dark": "{@color_primitives.teal.900}" - } + } + }, + "800": { + "$type": "color", + "$value": "#2c2c2c", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4243:26685", + "modes": { + "value": "#2c2c2c" } } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.slate.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9670:12886", - "modes": { - "light": "{@color_primitives.slate.400}", - "dark": "{@color_primitives.slate.900}", - "purple_light": "{@color_primitives.purple.300}", - "purple_dark": "{@color_primitives.purple.1000}", - "blue_light": "{@color_primitives.blue.300}", - "blue_dark": "{@color_primitives.blue.1000}", - "teal_light": "{@color_primitives.teal.300}", - "teal_dark": "{@color_primitives.teal.1000}" - } + } + }, + "900": { + "$type": "color", + "$value": "#1e1e1e", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4243:26686", + "modes": { + "value": "#1e1e1e" } } } }, - "positive": { - "default": { - "$type": "color", - "$value": "{@color_primitives.green.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36433", - "modes": { - "light": "{@color_primitives.green.500}", - "dark": "{@color_primitives.green.700}", - "purple_light": "{@color_primitives.green.500}", - "purple_dark": "{@color_primitives.green.700}", - "blue_light": "{@color_primitives.green.500}", - "blue_dark": "{@color_primitives.green.700}", - "teal_light": "{@color_primitives.green.500}", - "teal_dark": "{@color_primitives.green.700}" - } + "1000": { + "$type": "color", + "$value": "#111111", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4243:26687", + "modes": { + "value": "#111111" } } - }, - "hover": { - "$type": "color", - "$value": "{@color_primitives.green.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36436", - "modes": { - "light": "{@color_primitives.green.600}", - "dark": "{@color_primitives.green.800}", - "purple_light": "{@color_primitives.green.600}", - "purple_dark": "{@color_primitives.green.800}", - "blue_light": "{@color_primitives.green.600}", - "blue_dark": "{@color_primitives.green.800}", - "teal_light": "{@color_primitives.green.600}", - "teal_dark": "{@color_primitives.green.800}" - } + } + } + }, + "gamer-lime-green": { + "100": { + "$type": "color", + "$value": "#f2ffeb", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4273:26601", + "modes": { + "value": "#f2ffeb" + } + } + } + }, + "200": { + "$type": "color", + "$value": "#d8ffc2", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4273:26602", + "modes": { + "value": "#d8ffc2" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.green.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36435", - "modes": { - "light": "{@color_primitives.green.200}", - "dark": "{@color_primitives.green.900}", - "purple_light": "{@color_primitives.green.200}", - "purple_dark": "{@color_primitives.green.900}", - "blue_light": "{@color_primitives.green.200}", - "blue_dark": "{@color_primitives.green.900}", - "teal_light": "{@color_primitives.green.200}", - "teal_dark": "{@color_primitives.green.900}" - } + } + }, + "300": { + "$type": "color", + "$value": "#c6ffa3", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4273:26603", + "modes": { + "value": "#c6ffa3" } } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.green.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:9907", - "modes": { - "light": "{@color_primitives.green.300}", - "dark": "{@color_primitives.green.1000}", - "purple_light": "{@color_primitives.green.300}", - "purple_dark": "{@color_primitives.green.1000}", - "blue_light": "{@color_primitives.green.300}", - "blue_dark": "{@color_primitives.green.1000}", - "teal_light": "{@color_primitives.green.300}", - "teal_dark": "{@color_primitives.green.1000}" - } + } + }, + "400": { + "$type": "color", + "$value": "#a0ff66", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4273:26604", + "modes": { + "value": "#a0ff66" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.green.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7433", - "modes": { - "light": "{@color_primitives.green.100}", - "dark": "{@color_primitives.green.900}", - "purple_light": "{@color_primitives.green.200}", - "purple_dark": "{@color_primitives.green.900}", - "blue_light": "{@color_primitives.green.200}", - "blue_dark": "{@color_primitives.green.900}", - "teal_light": "{@color_primitives.green.200}", - "teal_dark": "{@color_primitives.green.900}" - } + } + }, + "500": { + "$type": "color", + "$value": "#78ff29", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4273:26605", + "modes": { + "value": "#78ff29" } } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.green.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7447", - "modes": { - "light": "{@color_primitives.green.200}", - "dark": "{@color_primitives.green.900}", - "purple_light": "{@color_primitives.green.200}", - "purple_dark": "{@color_primitives.green.900}", - "blue_light": "{@color_primitives.green.200}", - "blue_dark": "{@color_primitives.green.900}", - "teal_light": "{@color_primitives.green.200}", - "teal_dark": "{@color_primitives.green.900}" - } + } + }, + "600": { + "$type": "color", + "$value": "#76ff1a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4273:26606", + "modes": { + "value": "#76ff1a" } } } }, - "warning": { - "default": { - "$type": "color", - "$value": "{@color_primitives.yellow.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36438", - "modes": { - "light": "{@color_primitives.yellow.400}", - "dark": "{@color_primitives.yellow.400}", - "purple_light": "{@color_primitives.yellow.500}", - "purple_dark": "{@color_primitives.yellow.500}", - "blue_light": "{@color_primitives.yellow.500}", - "blue_dark": "{@color_primitives.yellow.500}", - "teal_light": "{@color_primitives.yellow.500}", - "teal_dark": "{@color_primitives.yellow.500}" - } + "700": { + "$type": "color", + "$value": "#76fa15", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4273:26607", + "modes": { + "value": "#76fa15" } } - }, - "hover": { - "$type": "color", - "$value": "{@color_primitives.yellow.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36441", - "modes": { - "light": "{@color_primitives.yellow.500}", - "dark": "{@color_primitives.yellow.500}", - "purple_light": "{@color_primitives.yellow.600}", - "purple_dark": "{@color_primitives.yellow.800}", - "blue_light": "{@color_primitives.yellow.600}", - "blue_dark": "{@color_primitives.yellow.800}", - "teal_light": "{@color_primitives.yellow.600}", - "teal_dark": "{@color_primitives.yellow.800}" - } + } + }, + "800": { + "$type": "color", + "$value": "#73eb11", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4273:26608", + "modes": { + "value": "#73eb11" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.yellow.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36440", - "modes": { - "light": "{@color_primitives.yellow.200}", - "dark": "{@color_primitives.yellow.800}", - "purple_light": "{@color_primitives.yellow.200}", - "purple_dark": "{@color_primitives.yellow.900}", - "blue_light": "{@color_primitives.yellow.200}", - "blue_dark": "{@color_primitives.yellow.900}", - "teal_light": "{@color_primitives.yellow.200}", - "teal_dark": "{@color_primitives.yellow.900}" - } + } + }, + "900": { + "$type": "color", + "$value": "#73dd0e", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4273:26609", + "modes": { + "value": "#73dd0e" } } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.yellow.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:9908", - "modes": { - "light": "{@color_primitives.yellow.300}", - "dark": "{@color_primitives.yellow.900}", - "purple_light": "{@color_primitives.yellow.300}", - "purple_dark": "{@color_primitives.yellow.1000}", - "blue_light": "{@color_primitives.yellow.300}", - "blue_dark": "{@color_primitives.yellow.1000}", - "teal_light": "{@color_primitives.yellow.300}", - "teal_dark": "{@color_primitives.yellow.1000}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#6fb800", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4273:26610", + "modes": { + "value": "#6fb800" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.yellow.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7448", - "modes": { - "light": "{@color_primitives.yellow.100}", - "dark": "{@color_primitives.yellow.900}", - "purple_light": "{@color_primitives.yellow.200}", - "purple_dark": "{@color_primitives.yellow.900}", - "blue_light": "{@color_primitives.yellow.200}", - "blue_dark": "{@color_primitives.yellow.900}", - "teal_light": "{@color_primitives.yellow.200}", - "teal_dark": "{@color_primitives.yellow.900}" - } + } + } + }, + "lemon": { + "100": { + "$type": "color", + "$value": "#fff9a1", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4295:31847", + "modes": { + "value": "#fff9a1" + } + } + } + }, + "200": { + "$type": "color", + "$value": "#f3ee4c", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4295:31848", + "modes": { + "value": "#f3ee4c" } } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.yellow.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7449", - "modes": { - "light": "{@color_primitives.yellow.200}", - "dark": "{@color_primitives.yellow.1000}", - "purple_light": "{@color_primitives.yellow.300}", - "purple_dark": "{@color_primitives.yellow.1000}", - "blue_light": "{@color_primitives.yellow.300}", - "blue_dark": "{@color_primitives.yellow.1000}", - "teal_light": "{@color_primitives.yellow.300}", - "teal_dark": "{@color_primitives.yellow.1000}" - } + } + }, + "300": { + "$type": "color", + "$value": "#d8d747", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4295:31849", + "modes": { + "value": "#d8d747" } } } }, - "danger": { - "default": { - "$type": "color", - "$value": "{@color_primitives.red.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36443", - "modes": { - "light": "{@color_primitives.red.500}", - "dark": "{@color_primitives.red.700}", - "purple_light": "{@color_primitives.red.500}", - "purple_dark": "{@color_primitives.red.700}", - "blue_light": "{@color_primitives.red.500}", - "blue_dark": "{@color_primitives.red.700}", - "teal_light": "{@color_primitives.red.500}", - "teal_dark": "{@color_primitives.red.700}" - } + "400": { + "$type": "color", + "$value": "#b7b900", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4295:31850", + "modes": { + "value": "#b7b900" } } - }, - "hover": { - "$type": "color", - "$value": "{@color_primitives.red.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36446", - "modes": { - "light": "{@color_primitives.red.600}", - "dark": "{@color_primitives.red.800}", - "purple_light": "{@color_primitives.red.600}", - "purple_dark": "{@color_primitives.red.800}", - "blue_light": "{@color_primitives.red.600}", - "blue_dark": "{@color_primitives.red.800}", - "teal_light": "{@color_primitives.red.600}", - "teal_dark": "{@color_primitives.red.800}" - } + } + }, + "500": { + "$type": "color", + "$value": "#929700", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4295:31851", + "modes": { + "value": "#929700" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.red.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36445", - "modes": { - "light": "{@color_primitives.red.200}", - "dark": "{@color_primitives.red.900}", - "purple_light": "{@color_primitives.red.200}", - "purple_dark": "{@color_primitives.red.900}", - "blue_light": "{@color_primitives.red.200}", - "blue_dark": "{@color_primitives.red.900}", - "teal_light": "{@color_primitives.red.200}", - "teal_dark": "{@color_primitives.red.900}" - } + } + }, + "600": { + "$type": "color", + "$value": "#6f7500", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4295:31852", + "modes": { + "value": "#6f7500" } } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.red.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:9909", - "modes": { - "light": "{@color_primitives.red.300}", - "dark": "{@color_primitives.red.1000}", - "purple_light": "{@color_primitives.red.300}", - "purple_dark": "{@color_primitives.red.1000}", - "blue_light": "{@color_primitives.red.300}", - "blue_dark": "{@color_primitives.red.1000}", - "teal_light": "{@color_primitives.red.300}", - "teal_dark": "{@color_primitives.red.1000}" - } + } + }, + "700": { + "$type": "color", + "$value": "#4f5500", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4295:31853", + "modes": { + "value": "#4f5500" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.red.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7450", - "modes": { - "light": "{@color_primitives.red.100}", - "dark": "{@color_primitives.red.900}", - "purple_light": "{@color_primitives.red.200}", - "purple_dark": "{@color_primitives.red.900}", - "blue_light": "{@color_primitives.red.200}", - "blue_dark": "{@color_primitives.red.900}", - "teal_light": "{@color_primitives.red.200}", - "teal_dark": "{@color_primitives.red.900}" - } + } + }, + "800": { + "$type": "color", + "$value": "#353b00", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4295:31854", + "modes": { + "value": "#353b00" } } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.red.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7451", - "modes": { - "light": "{@color_primitives.red.200}", - "dark": "{@color_primitives.red.1000}", - "purple_light": "{@color_primitives.red.300}", - "purple_dark": "{@color_primitives.red.1000}", - "blue_light": "{@color_primitives.red.300}", - "blue_dark": "{@color_primitives.red.1000}", - "teal_light": "{@color_primitives.red.300}", - "teal_dark": "{@color_primitives.red.1000}" - } + } + }, + "900": { + "$type": "color", + "$value": "#222700", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4295:31855", + "modes": { + "value": "#222700" } } } }, - "disabled": { - "default": { - "$type": "color", - "$value": "{@color_primitives.grey.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36448", - "modes": { - "light": "{@color_primitives.grey.300}", - "dark": "{@color_primitives.grey.800}", - "purple_light": "{@color_primitives.grey.300}", - "purple_dark": "{@color_primitives.grey.800}", - "blue_light": "{@color_primitives.grey.300}", - "blue_dark": "{@color_primitives.grey.800}", - "teal_light": "{@color_primitives.grey.300}", - "teal_dark": "{@color_primitives.grey.800}" - } + "1000": { + "$type": "color", + "$value": "#171c01", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4295:31856", + "modes": { + "value": "#171c01" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.grey.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36449", - "modes": { - "light": "{@color_primitives.grey.400}", - "dark": "{@color_primitives.grey.700}", - "purple_light": "{@color_primitives.grey.400}", - "purple_dark": "{@color_primitives.grey.700}", - "blue_light": "{@color_primitives.grey.400}", - "blue_dark": "{@color_primitives.grey.700}", - "teal_light": "{@color_primitives.grey.400}", - "teal_dark": "{@color_primitives.grey.700}" - } + } + } + }, + "pumpkin-orange": { + "100": { + "$type": "color", + "$value": "#ffe8e7", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4574:44323", + "modes": { + "value": "#ffe8e7" + } + } + } + }, + "200": { + "$type": "color", + "$value": "#fed2d1", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4574:44324", + "modes": { + "value": "#fed2d1" + } + } + } + }, + "300": { + "$type": "color", + "$value": "#feb2af", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4574:44325", + "modes": { + "value": "#feb2af" } } } }, - "utilities": { - "scrim": { - "$type": "color", - "$value": "#000000cc", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:7753:3701", - "modes": { - "light": "#000000cc", - "dark": "#000000cc", - "purple_light": "#000000cc", - "purple_dark": "#000000cc", - "blue_light": "#000000cc", - "blue_dark": "#000000cc", - "teal_light": "#000000cc", - "teal_dark": "#000000cc" - } + "400": { + "$type": "color", + "$value": "#fe8781", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4574:44326", + "modes": { + "value": "#fe8781" } } - }, - "overlay": { - "$type": "color", - "$value": "#000000b2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2142:11243", - "modes": { - "light": "#000000b2", - "dark": "#000000b2", - "purple_light": "#00000080", - "purple_dark": "#00000080", - "blue_light": "#00000080", - "blue_dark": "#00000080", - "teal_light": "#00000080", - "teal_dark": "#00000080" - } + } + }, + "500": { + "$type": "color", + "$value": "#fd4c3c", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4574:44327", + "modes": { + "value": "#fd4c3c" } } - }, - "overlay-soft": { - "$type": "color", - "$value": "#00000080", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:7786:36548", - "modes": { - "light": "#00000080", - "dark": "#00000080", - "purple_light": "#00000080", - "purple_dark": "#00000080", - "blue_light": "#00000080", - "blue_dark": "#00000080", - "teal_light": "#00000080", - "teal_dark": "#00000080" - } + } + }, + "600": { + "$type": "color", + "$value": "#d32e19", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4574:44328", + "modes": { + "value": "#d32e19" } } } - } - }, - "text": { - "default": { - "default": { - "$type": "color", - "$value": "{@color_primitives.slate.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36450", - "modes": { - "light": "{@color_primitives.slate.900}", - "dark": "{@color_primitives.white.1000}", - "purple_light": "{@color_primitives.slate.900}", - "purple_dark": "{@color_primitives.white.1000}", - "blue_light": "{@color_primitives.slate.900}", - "blue_dark": "{@color_primitives.white.1000}", - "teal_light": "{@color_primitives.slate.900}", - "teal_dark": "{@color_primitives.white.1000}" - } + }, + "700": { + "$type": "color", + "$value": "#a0261b", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4574:44329", + "modes": { + "value": "#a0261b" } } - }, - "hover": { - "$type": "color", - "$value": "{@color_primitives.slate.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36453", - "modes": { - "light": "{@color_primitives.slate.800}", - "dark": "{@color_primitives.white.1000}", - "purple_light": "{@color_primitives.slate.800}", - "purple_dark": "{@color_primitives.white.1000}", - "blue_light": "{@color_primitives.slate.800}", - "blue_dark": "{@color_primitives.white.1000}", - "teal_light": "{@color_primitives.slate.800}", - "teal_dark": "{@color_primitives.white.1000}" - } + } + }, + "800": { + "$type": "color", + "$value": "#73211b", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4574:44330", + "modes": { + "value": "#73211b" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.slate.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36451", - "modes": { - "light": "{@color_primitives.slate.500}", - "dark": "{@color_primitives.white.500}", - "purple_light": "{@color_primitives.slate.500}", - "purple_dark": "{@color_primitives.white.500}", - "blue_light": "{@color_primitives.slate.500}", - "blue_dark": "{@color_primitives.white.500}", - "teal_light": "{@color_primitives.slate.500}", - "teal_dark": "{@color_primitives.white.500}" - } + } + }, + "900": { + "$type": "color", + "$value": "#501c19", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4574:44331", + "modes": { + "value": "#501c19" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.slate.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36452", - "modes": { - "light": "{@color_primitives.slate.400}", - "dark": "{@color_primitives.white.400}", - "purple_light": "{@color_primitives.slate.400}", - "purple_dark": "{@color_primitives.white.400}", - "blue_light": "{@color_primitives.slate.400}", - "blue_dark": "{@color_primitives.white.400}", - "teal_light": "{@color_primitives.slate.400}", - "teal_dark": "{@color_primitives.white.400}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#371a19", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4574:44332", + "modes": { + "value": "#371a19" + } + } + } + } + }, + "deep-forest": { + "100": { + "$type": "color", + "$value": "#e5fcd8", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:21831", + "modes": { + "value": "#e5fcd8" } } } }, - "brand": { - "default": { - "$type": "color", - "$value": "{@color_primitives.slate.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36456", - "modes": { - "light": "{@color_primitives.slate.800}", - "dark": "{@color_primitives.slate.300}", - "purple_light": "{@color_primitives.purple.800}", - "purple_dark": "{@color_primitives.purple.300}", - "blue_light": "{@color_primitives.blue.800}", - "blue_dark": "{@color_primitives.blue.300}", - "teal_light": "{@color_primitives.teal.800}", - "teal_dark": "{@color_primitives.teal.300}" - } + "200": { + "$type": "color", + "$value": "#c4f6aa", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:21832", + "modes": { + "value": "#c4f6aa" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.slate.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36457", - "modes": { - "light": "{@color_primitives.slate.700}", - "dark": "{@color_primitives.slate.500}", - "purple_light": "{@color_primitives.purple.700}", - "purple_dark": "{@color_primitives.purple.500}", - "blue_light": "{@color_primitives.blue.700}", - "blue_dark": "{@color_primitives.blue.500}", - "teal_light": "{@color_primitives.teal.700}", - "teal_dark": "{@color_primitives.teal.500}" - } + } + }, + "300": { + "$type": "color", + "$value": "#a5e18a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:21833", + "modes": { + "value": "#a5e18a" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.slate.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36458", - "modes": { - "light": "{@color_primitives.slate.600}", - "dark": "{@color_primitives.slate.600}", - "purple_light": "{@color_primitives.purple.600}", - "purple_dark": "{@color_primitives.purple.600}", - "blue_light": "{@color_primitives.blue.600}", - "blue_dark": "{@color_primitives.blue.600}", - "teal_light": "{@color_primitives.teal.600}", - "teal_dark": "{@color_primitives.teal.600}" - } + } + }, + "400": { + "$type": "color", + "$value": "#82c368", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:21834", + "modes": { + "value": "#82c368" } } - }, - "onbrand": { - "$type": "color", - "$value": "{@color_primitives.slate.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36459", - "modes": { - "light": "{@color_primitives.slate.100}", - "dark": "{@color_primitives.slate.900}", - "purple_light": "{@color_primitives.purple.100}", - "purple_dark": "{@color_primitives.purple.900}", - "blue_light": "{@color_primitives.blue.100}", - "blue_dark": "{@color_primitives.blue.900}", - "teal_light": "{@color_primitives.teal.100}", - "teal_dark": "{@color_primitives.teal.900}" - } + } + }, + "500": { + "$type": "color", + "$value": "#59a23e", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:21835", + "modes": { + "value": "#59a23e" } } - }, - "onbrand-secondary": { - "$type": "color", - "$value": "{@color_primitives.slate.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36461", - "modes": { - "light": "{@color_primitives.slate.900}", - "dark": "{@color_primitives.slate.100}", - "purple_light": "{@color_primitives.purple.900}", - "purple_dark": "{@color_primitives.purple.100}", - "blue_light": "{@color_primitives.blue.900}", - "blue_dark": "{@color_primitives.blue.100}", - "teal_light": "{@color_primitives.teal.900}", - "teal_dark": "{@color_primitives.teal.100}" - } + } + }, + "600": { + "$type": "color", + "$value": "#328012", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:21836", + "modes": { + "value": "#328012" } } - }, - "onbrand-tertiary": { - "$type": "color", - "$value": "{@color_primitives.slate.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9670:11773", - "modes": { - "light": "{@color_primitives.slate.800}", - "dark": "{@color_primitives.slate.100}", - "purple_light": "{@color_primitives.purple.800}", - "purple_dark": "{@color_primitives.purple.100}", - "blue_light": "{@color_primitives.blue.800}", - "blue_dark": "{@color_primitives.blue.100}", - "teal_light": "{@color_primitives.teal.800}", - "teal_dark": "{@color_primitives.teal.100}" - } + } + }, + "700": { + "$type": "color", + "$value": "#175e00", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:21837", + "modes": { + "value": "#175e00" } } } }, - "positive": { - "default": { - "$type": "color", - "$value": "{@color_primitives.green.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36462", - "modes": { - "light": "{@color_primitives.green.600}", - "dark": "{@color_primitives.green.300}", - "purple_light": "{@color_primitives.green.600}", - "purple_dark": "{@color_primitives.green.300}", - "blue_light": "{@color_primitives.green.600}", - "blue_dark": "{@color_primitives.green.300}", - "teal_light": "{@color_primitives.green.600}", - "teal_dark": "{@color_primitives.green.300}" - } + "800": { + "$type": "color", + "$value": "#054100", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:21838", + "modes": { + "value": "#054100" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.green.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36463", - "modes": { - "light": "{@color_primitives.green.700}", - "dark": "{@color_primitives.green.500}", - "purple_light": "{@color_primitives.green.700}", - "purple_dark": "{@color_primitives.green.500}", - "blue_light": "{@color_primitives.green.700}", - "blue_dark": "{@color_primitives.green.500}", - "teal_light": "{@color_primitives.green.700}", - "teal_dark": "{@color_primitives.green.500}" - } + } + }, + "900": { + "$type": "color", + "$value": "#032c04", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:21839", + "modes": { + "value": "#032c04" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.green.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36464", - "modes": { - "light": "{@color_primitives.green.800}", - "dark": "{@color_primitives.green.600}", - "purple_light": "{@color_primitives.green.800}", - "purple_dark": "{@color_primitives.green.600}", - "blue_light": "{@color_primitives.green.800}", - "blue_dark": "{@color_primitives.green.600}", - "teal_light": "{@color_primitives.green.800}", - "teal_dark": "{@color_primitives.green.600}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#0c1e0d", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:21840", + "modes": { + "value": "#0c1e0d" } } - }, - "onpositive": { - "$type": "color", - "$value": "{@color_primitives.green.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36465", - "modes": { - "light": "{@color_primitives.green.100}", - "dark": "{@color_primitives.green.300}", - "purple_light": "{@color_primitives.green.100}", - "purple_dark": "{@color_primitives.green.300}", - "blue_light": "{@color_primitives.green.100}", - "blue_dark": "{@color_primitives.green.300}", - "teal_light": "{@color_primitives.green.100}", - "teal_dark": "{@color_primitives.green.300}" - } + } + } + }, + "dark-brown": { + "100": { + "$type": "color", + "$value": "#fdeade", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:30904", + "modes": { + "value": "#fdeade" } } - }, - "onpositive-secondary": { - "$type": "color", - "$value": "{@color_primitives.green.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36467", - "modes": { - "light": "{@color_primitives.green.800}", - "dark": "{@color_primitives.green.100}", - "purple_light": "{@color_primitives.green.800}", - "purple_dark": "{@color_primitives.green.100}", - "blue_light": "{@color_primitives.green.800}", - "blue_dark": "{@color_primitives.green.100}", - "teal_light": "{@color_primitives.green.800}", - "teal_dark": "{@color_primitives.green.100}" - } + } + }, + "200": { + "$type": "color", + "$value": "#fcd5bb", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:30905", + "modes": { + "value": "#fcd5bb" + } + } + } + }, + "300": { + "$type": "color", + "$value": "#fab87d", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:30906", + "modes": { + "value": "#fab87d" } } - }, - "onpositive-tertiary": { - "$type": "color", - "$value": "{@color_primitives.green.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7455", - "modes": { - "light": "{@color_primitives.green.800}", - "dark": "{@color_primitives.green.100}", - "purple_light": "{@color_primitives.green.800}", - "purple_dark": "{@color_primitives.green.100}", - "blue_light": "{@color_primitives.green.800}", - "blue_dark": "{@color_primitives.green.100}", - "teal_light": "{@color_primitives.green.800}", - "teal_dark": "{@color_primitives.green.100}" - } + } + }, + "400": { + "$type": "color", + "$value": "#e89836", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:30907", + "modes": { + "value": "#e89836" } } } }, - "warning": { - "default": { - "$type": "color", - "$value": "{@color_primitives.yellow.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36468", - "modes": { - "light": "{@color_primitives.yellow.900}", - "dark": "{@color_primitives.yellow.300}", - "purple_light": "{@color_primitives.yellow.900}", - "purple_dark": "{@color_primitives.yellow.300}", - "blue_light": "{@color_primitives.yellow.900}", - "blue_dark": "{@color_primitives.yellow.300}", - "teal_light": "{@color_primitives.yellow.900}", - "teal_dark": "{@color_primitives.yellow.300}" - } + "500": { + "$type": "color", + "$value": "#c07e2d", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:30908", + "modes": { + "value": "#c07e2d" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.yellow.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36469", - "modes": { - "light": "{@color_primitives.yellow.800}", - "dark": "{@color_primitives.yellow.500}", - "purple_light": "{@color_primitives.yellow.800}", - "purple_dark": "{@color_primitives.yellow.500}", - "blue_light": "{@color_primitives.yellow.800}", - "blue_dark": "{@color_primitives.yellow.500}", - "teal_light": "{@color_primitives.yellow.800}", - "teal_dark": "{@color_primitives.yellow.500}" - } + } + }, + "600": { + "$type": "color", + "$value": "#986427", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:30909", + "modes": { + "value": "#986427" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.yellow.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36470", - "modes": { - "light": "{@color_primitives.yellow.700}", - "dark": "{@color_primitives.yellow.600}", - "purple_light": "{@color_primitives.yellow.700}", - "purple_dark": "{@color_primitives.yellow.600}", - "blue_light": "{@color_primitives.yellow.700}", - "blue_dark": "{@color_primitives.yellow.600}", - "teal_light": "{@color_primitives.yellow.700}", - "teal_dark": "{@color_primitives.yellow.600}" - } + } + }, + "700": { + "$type": "color", + "$value": "#734c23", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:30910", + "modes": { + "value": "#734c23" } } - }, - "onwarning": { - "$type": "color", - "$value": "{@color_primitives.yellow.1000}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36471", - "modes": { - "light": "{@color_primitives.yellow.1000}", - "dark": "{@color_primitives.yellow.1000}", - "purple_light": "{@color_primitives.yellow.1000}", - "purple_dark": "{@color_primitives.yellow.1000}", - "blue_light": "{@color_primitives.yellow.1000}", - "blue_dark": "{@color_primitives.yellow.1000}", - "teal_light": "{@color_primitives.yellow.1000}", - "teal_dark": "{@color_primitives.yellow.1000}" - } + } + }, + "800": { + "$type": "color", + "$value": "#53381f", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:30911", + "modes": { + "value": "#53381f" } } - }, - "onwarning-secondary": { - "$type": "color", - "$value": "{@color_primitives.yellow.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36473", - "modes": { - "light": "{@color_primitives.yellow.800}", - "dark": "{@color_primitives.yellow.100}", - "purple_light": "{@color_primitives.yellow.1000}", - "purple_dark": "{@color_primitives.yellow.100}", - "blue_light": "{@color_primitives.yellow.1000}", - "blue_dark": "{@color_primitives.yellow.100}", - "teal_light": "{@color_primitives.yellow.1000}", - "teal_dark": "{@color_primitives.yellow.100}" - } + } + }, + "900": { + "$type": "color", + "$value": "#3b291b", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:30912", + "modes": { + "value": "#3b291b" } } - }, - "onwarning-tertiary": { - "$type": "color", - "$value": "{@color_primitives.yellow.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7453", - "modes": { - "light": "{@color_primitives.yellow.900}", - "dark": "{@color_primitives.yellow.100}", - "purple_light": "{@color_primitives.yellow.1000}", - "purple_dark": "{@color_primitives.yellow.100}", - "blue_light": "{@color_primitives.yellow.1000}", - "blue_dark": "{@color_primitives.yellow.100}", - "teal_light": "{@color_primitives.yellow.1000}", - "teal_dark": "{@color_primitives.yellow.100}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#2a211a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4877:30913", + "modes": { + "value": "#2a211a" + } + } + } + } + }, + "stormy": { + "100": { + "$type": "color", + "$value": "#e2f7f5", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4885:43529", + "modes": { + "value": "#e2f7f5" } } } }, - "danger": { - "default": { - "$type": "color", - "$value": "{@color_primitives.red.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36474", - "modes": { - "light": "{@color_primitives.red.600}", - "dark": "{@color_primitives.red.300}", - "purple_light": "{@color_primitives.red.600}", - "purple_dark": "{@color_primitives.red.300}", - "blue_light": "{@color_primitives.red.600}", - "blue_dark": "{@color_primitives.red.300}", - "teal_light": "{@color_primitives.red.600}", - "teal_dark": "{@color_primitives.red.300}" - } + "200": { + "$type": "color", + "$value": "#bfeceb", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4885:43530", + "modes": { + "value": "#bfeceb" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.red.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36475", - "modes": { - "light": "{@color_primitives.red.700}", - "dark": "{@color_primitives.red.500}", - "purple_light": "{@color_primitives.red.700}", - "purple_dark": "{@color_primitives.red.500}", - "blue_light": "{@color_primitives.red.700}", - "blue_dark": "{@color_primitives.red.500}", - "teal_light": "{@color_primitives.red.700}", - "teal_dark": "{@color_primitives.red.500}" - } + } + }, + "300": { + "$type": "color", + "$value": "#abd5d5", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4885:43531", + "modes": { + "value": "#abd5d5" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.red.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36476", - "modes": { - "light": "{@color_primitives.red.800}", - "dark": "{@color_primitives.red.600}", - "purple_light": "{@color_primitives.red.800}", - "purple_dark": "{@color_primitives.red.600}", - "blue_light": "{@color_primitives.red.800}", - "blue_dark": "{@color_primitives.red.600}", - "teal_light": "{@color_primitives.red.800}", - "teal_dark": "{@color_primitives.red.600}" - } + } + }, + "400": { + "$type": "color", + "$value": "#93b9bb", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4885:43532", + "modes": { + "value": "#93b9bb" } } - }, - "ondanger": { - "$type": "color", - "$value": "{@color_primitives.red.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36477", - "modes": { - "light": "{@color_primitives.red.100}", - "dark": "{@color_primitives.red.300}", - "purple_light": "{@color_primitives.red.100}", - "purple_dark": "{@color_primitives.red.300}", - "blue_light": "{@color_primitives.red.100}", - "blue_dark": "{@color_primitives.red.300}", - "teal_light": "{@color_primitives.red.100}", - "teal_dark": "{@color_primitives.red.300}" - } + } + }, + "500": { + "$type": "color", + "$value": "#799a9d", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4885:43533", + "modes": { + "value": "#799a9d" } } - }, - "ondanger-secondary": { - "$type": "color", - "$value": "{@color_primitives.red.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36479", - "modes": { - "light": "{@color_primitives.red.700}", - "dark": "{@color_primitives.red.100}", - "purple_light": "{@color_primitives.red.700}", - "purple_dark": "{@color_primitives.red.100}", - "blue_light": "{@color_primitives.red.700}", - "blue_dark": "{@color_primitives.red.100}", - "teal_light": "{@color_primitives.red.700}", - "teal_dark": "{@color_primitives.red.100}" - } + } + }, + "600": { + "$type": "color", + "$value": "#5f7b7f", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4885:43534", + "modes": { + "value": "#5f7b7f" } } - }, - "ondanger-tertiary": { - "$type": "color", - "$value": "{@color_primitives.red.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7454", - "modes": { - "light": "{@color_primitives.red.700}", - "dark": "{@color_primitives.red.100}", - "purple_light": "{@color_primitives.red.700}", - "purple_dark": "{@color_primitives.red.100}", - "blue_light": "{@color_primitives.red.700}", - "blue_dark": "{@color_primitives.red.100}", - "teal_light": "{@color_primitives.red.700}", - "teal_dark": "{@color_primitives.red.100}" - } + } + }, + "700": { + "$type": "color", + "$value": "#495e62", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4885:43535", + "modes": { + "value": "#495e62" } } } }, - "disabled": { - "default": { - "$type": "color", - "$value": "{@color_primitives.slate.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36480", - "modes": { - "light": "{@color_primitives.slate.400}", - "dark": "{@color_primitives.grey.500}", - "purple_light": "{@color_primitives.slate.400}", - "purple_dark": "{@color_primitives.grey.500}", - "blue_light": "{@color_primitives.slate.400}", - "blue_dark": "{@color_primitives.grey.500}", - "teal_light": "{@color_primitives.slate.400}", - "teal_dark": "{@color_primitives.grey.500}" - } + "800": { + "$type": "color", + "$value": "#364549", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4885:43536", + "modes": { + "value": "#364549" } } - }, - "ondisabled": { - "$type": "color", - "$value": "{@color_primitives.grey.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36481", - "modes": { - "light": "{@color_primitives.grey.400}", - "dark": "{@color_primitives.grey.500}", - "purple_light": "{@color_primitives.grey.600}", - "purple_dark": "{@color_primitives.grey.400}", - "blue_light": "{@color_primitives.grey.600}", - "blue_dark": "{@color_primitives.grey.400}", - "teal_light": "{@color_primitives.grey.600}", - "teal_dark": "{@color_primitives.grey.400}" - } + } + }, + "900": { + "$type": "color", + "$value": "#283235", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4885:43537", + "modes": { + "value": "#283235" } } } }, - "utilities": { - "text-onoverlay": { - "$type": "color", - "$value": "{@color_primitives.white.1000}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9643:10770", - "modes": { - "light": "{@color_primitives.white.1000}", - "dark": "{@color_primitives.white.1000}", - "purple_light": "{@color_primitives.white.1000}", - "purple_dark": "{@color_primitives.white.1000}", - "blue_light": "{@color_primitives.white.1000}", - "blue_dark": "{@color_primitives.white.1000}", - "teal_light": "{@color_primitives.white.1000}", - "teal_dark": "{@color_primitives.white.1000}" - } + "1000": { + "$type": "color", + "$value": "#202527", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4885:43538", + "modes": { + "value": "#202527" } } } } }, - "icon": { - "default": { - "default": { - "$type": "color", - "$value": "{@color_primitives.slate.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36482", - "modes": { - "light": "{@color_primitives.slate.800}", - "dark": "{@color_primitives.white.1000}", - "purple_light": "{@color_primitives.slate.800}", - "purple_dark": "{@color_primitives.white.1000}", - "blue_light": "{@color_primitives.slate.800}", - "blue_dark": "{@color_primitives.white.1000}", - "teal_light": "{@color_primitives.slate.800}", - "teal_dark": "{@color_primitives.white.1000}" - } - } - } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.slate.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36483", - "modes": { - "light": "{@color_primitives.slate.500}", - "dark": "{@color_primitives.white.500}", - "purple_light": "{@color_primitives.slate.500}", - "purple_dark": "{@color_primitives.white.500}", - "blue_light": "{@color_primitives.slate.500}", - "blue_dark": "{@color_primitives.white.500}", - "teal_light": "{@color_primitives.slate.500}", - "teal_dark": "{@color_primitives.white.500}" - } + "rose-gold": { + "100": { + "$type": "color", + "$value": "#f3ebec", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4886:41023", + "modes": { + "value": "#f3ebec" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.slate.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36484", - "modes": { - "light": "{@color_primitives.slate.300}", - "dark": "{@color_primitives.white.300}", - "purple_light": "{@color_primitives.slate.300}", - "purple_dark": "{@color_primitives.white.300}", - "blue_light": "{@color_primitives.slate.300}", - "blue_dark": "{@color_primitives.white.300}", - "teal_light": "{@color_primitives.slate.300}", - "teal_dark": "{@color_primitives.white.300}" - } + } + }, + "200": { + "$type": "color", + "$value": "#e8d9db", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4886:41024", + "modes": { + "value": "#e8d9db" } } } }, - "brand": { - "default": { - "$type": "color", - "$value": "{@color_primitives.slate.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36488", - "modes": { - "light": "{@color_primitives.slate.800}", - "dark": "{@color_primitives.slate.300}", - "purple_light": "{@color_primitives.purple.800}", - "purple_dark": "{@color_primitives.purple.300}", - "blue_light": "{@color_primitives.blue.800}", - "blue_dark": "{@color_primitives.blue.300}", - "teal_light": "{@color_primitives.teal.800}", - "teal_dark": "{@color_primitives.teal.300}" - } + "300": { + "$type": "color", + "$value": "#dabfc2", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4886:41025", + "modes": { + "value": "#dabfc2" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.slate.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36489", - "modes": { - "light": "{@color_primitives.slate.700}", - "dark": "{@color_primitives.slate.500}", - "purple_light": "{@color_primitives.purple.700}", - "purple_dark": "{@color_primitives.purple.500}", - "blue_light": "{@color_primitives.blue.700}", - "blue_dark": "{@color_primitives.blue.500}", - "teal_light": "{@color_primitives.teal.700}", - "teal_dark": "{@color_primitives.teal.500}" - } + } + }, + "400": { + "$type": "color", + "$value": "#ca9fa4", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4886:41026", + "modes": { + "value": "#ca9fa4" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.slate.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36490", - "modes": { - "light": "{@color_primitives.slate.600}", - "dark": "{@color_primitives.slate.600}", - "purple_light": "{@color_primitives.purple.600}", - "purple_dark": "{@color_primitives.purple.600}", - "blue_light": "{@color_primitives.blue.600}", - "blue_dark": "{@color_primitives.blue.600}", - "teal_light": "{@color_primitives.teal.600}", - "teal_dark": "{@color_primitives.teal.600}" - } + } + }, + "500": { + "$type": "color", + "$value": "#bb7a84", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4886:41027", + "modes": { + "value": "#bb7a84" } } - }, - "onbrand": { - "$type": "color", - "$value": "{@color_primitives.slate.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36491", - "modes": { - "light": "{@color_primitives.slate.100}", - "dark": "{@color_primitives.slate.900}", - "purple_light": "{@color_primitives.purple.100}", - "purple_dark": "{@color_primitives.purple.900}", - "blue_light": "{@color_primitives.blue.100}", - "blue_dark": "{@color_primitives.blue.900}", - "teal_light": "{@color_primitives.teal.100}", - "teal_dark": "{@color_primitives.teal.900}" - } + } + }, + "600": { + "$type": "color", + "$value": "#9c5d67", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4886:41028", + "modes": { + "value": "#9c5d67" } } - }, - "onbrand-secondary": { - "$type": "color", - "$value": "{@color_primitives.slate.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36493", - "modes": { - "light": "{@color_primitives.slate.700}", - "dark": "{@color_primitives.slate.100}", - "purple_light": "{@color_primitives.purple.700}", - "purple_dark": "{@color_primitives.purple.100}", - "blue_light": "{@color_primitives.blue.700}", - "blue_dark": "{@color_primitives.blue.100}", - "teal_light": "{@color_primitives.teal.700}", - "teal_dark": "{@color_primitives.teal.100}" - } + } + }, + "700": { + "$type": "color", + "$value": "#76474e", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4886:41029", + "modes": { + "value": "#76474e" } } - }, - "onbrand-tertiary": { - "$type": "color", - "$value": "{@color_primitives.slate.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:5932", - "modes": { - "light": "{@color_primitives.slate.800}", - "dark": "{@color_primitives.slate.100}", - "purple_light": "{@color_primitives.purple.700}", - "purple_dark": "{@color_primitives.purple.100}", - "blue_light": "{@color_primitives.blue.700}", - "blue_dark": "{@color_primitives.blue.100}", - "teal_light": "{@color_primitives.teal.700}", - "teal_dark": "{@color_primitives.teal.100}" - } + } + }, + "800": { + "$type": "color", + "$value": "#55353a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4886:41030", + "modes": { + "value": "#55353a" } } } }, - "positive": { - "default": { - "$type": "color", - "$value": "{@color_primitives.green.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36494", - "modes": { - "light": "{@color_primitives.green.500}", - "dark": "{@color_primitives.green.300}", - "purple_light": "{@color_primitives.green.500}", - "purple_dark": "{@color_primitives.green.300}", - "blue_light": "{@color_primitives.green.500}", - "blue_dark": "{@color_primitives.green.300}", - "teal_light": "{@color_primitives.green.500}", - "teal_dark": "{@color_primitives.green.300}" - } + "900": { + "$type": "color", + "$value": "#3b282a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4886:41031", + "modes": { + "value": "#3b282a" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.green.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36495", - "modes": { - "light": "{@color_primitives.green.600}", - "dark": "{@color_primitives.green.500}", - "purple_light": "{@color_primitives.green.600}", - "purple_dark": "{@color_primitives.green.500}", - "blue_light": "{@color_primitives.green.600}", - "blue_dark": "{@color_primitives.green.500}", - "teal_light": "{@color_primitives.green.600}", - "teal_dark": "{@color_primitives.green.500}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#2a2021", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4886:41032", + "modes": { + "value": "#2a2021" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.green.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36496", - "modes": { - "light": "{@color_primitives.green.700}", - "dark": "{@color_primitives.green.600}", - "purple_light": "{@color_primitives.green.700}", - "purple_dark": "{@color_primitives.green.600}", - "blue_light": "{@color_primitives.green.700}", - "blue_dark": "{@color_primitives.green.600}", - "teal_light": "{@color_primitives.green.700}", - "teal_dark": "{@color_primitives.green.600}" - } + } + } + }, + "beer": { + "100": { + "$type": "color", + "$value": "#fdf2e7", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4949:33569", + "modes": { + "value": "#fdf2e7" + } + } + } + }, + "200": { + "$type": "color", + "$value": "#f8dbbe", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4949:33570", + "modes": { + "value": "#f8dbbe" } } - }, - "onpositive": { - "$type": "color", - "$value": "{@color_primitives.green.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36497", - "modes": { - "light": "{@color_primitives.green.100}", - "dark": "{@color_primitives.green.300}", - "purple_light": "{@color_primitives.green.100}", - "purple_dark": "{@color_primitives.green.300}", - "blue_light": "{@color_primitives.green.100}", - "blue_dark": "{@color_primitives.green.300}", - "teal_light": "{@color_primitives.green.100}", - "teal_dark": "{@color_primitives.green.300}" - } + } + }, + "300": { + "$type": "color", + "$value": "#f4c48f", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4949:33571", + "modes": { + "value": "#f4c48f" } } - }, - "onpositive-secondary": { - "$type": "color", - "$value": "{@color_primitives.green.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36498", - "modes": { - "light": "{@color_primitives.green.800}", - "dark": "{@color_primitives.green.100}", - "purple_light": "{@color_primitives.green.800}", - "purple_dark": "{@color_primitives.green.100}", - "blue_light": "{@color_primitives.green.800}", - "blue_dark": "{@color_primitives.green.100}", - "teal_light": "{@color_primitives.green.800}", - "teal_dark": "{@color_primitives.green.100}" - } + } + }, + "400": { + "$type": "color", + "$value": "#edab5c", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4949:33572", + "modes": { + "value": "#edab5c" } } - }, - "onpositive-tertiary": { - "$type": "color", - "$value": "{@color_primitives.green.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:5935", - "modes": { - "light": "{@color_primitives.green.900}", - "dark": "{@color_primitives.green.100}", - "purple_light": "{@color_primitives.green.800}", - "purple_dark": "{@color_primitives.green.100}", - "blue_light": "{@color_primitives.green.800}", - "blue_dark": "{@color_primitives.green.100}", - "teal_light": "{@color_primitives.green.800}", - "teal_dark": "{@color_primitives.green.100}" - } + } + }, + "500": { + "$type": "color", + "$value": "#d7964e", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4949:33573", + "modes": { + "value": "#d7964e" } } } }, - "warning": { - "default": { - "$type": "color", - "$value": "{@color_primitives.yellow.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36500", - "modes": { - "light": "{@color_primitives.yellow.900}", - "dark": "{@color_primitives.yellow.300}", - "purple_light": "{@color_primitives.yellow.900}", - "purple_dark": "{@color_primitives.yellow.300}", - "blue_light": "{@color_primitives.yellow.900}", - "blue_dark": "{@color_primitives.yellow.300}", - "teal_light": "{@color_primitives.yellow.900}", - "teal_dark": "{@color_primitives.yellow.300}" - } + "600": { + "$type": "color", + "$value": "#be7f40", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4949:33574", + "modes": { + "value": "#be7f40" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.yellow.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36501", - "modes": { - "light": "{@color_primitives.yellow.800}", - "dark": "{@color_primitives.yellow.500}", - "purple_light": "{@color_primitives.yellow.800}", - "purple_dark": "{@color_primitives.yellow.500}", - "blue_light": "{@color_primitives.yellow.800}", - "blue_dark": "{@color_primitives.yellow.500}", - "teal_light": "{@color_primitives.yellow.800}", - "teal_dark": "{@color_primitives.yellow.500}" - } + } + }, + "700": { + "$type": "color", + "$value": "#a36832", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4949:33575", + "modes": { + "value": "#a36832" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.yellow.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36502", - "modes": { - "light": "{@color_primitives.yellow.700}", - "dark": "{@color_primitives.yellow.600}", - "purple_light": "{@color_primitives.yellow.700}", - "purple_dark": "{@color_primitives.yellow.600}", - "blue_light": "{@color_primitives.yellow.700}", - "blue_dark": "{@color_primitives.yellow.600}", - "teal_light": "{@color_primitives.yellow.700}", - "teal_dark": "{@color_primitives.yellow.600}" - } + } + }, + "800": { + "$type": "color", + "$value": "#845127", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4949:33576", + "modes": { + "value": "#845127" } } - }, - "onwarning": { - "$type": "color", - "$value": "{@color_primitives.yellow.1000}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36503", - "modes": { - "light": "{@color_primitives.yellow.1000}", - "dark": "{@color_primitives.yellow.800}", - "purple_light": "{@color_primitives.yellow.1000}", - "purple_dark": "{@color_primitives.yellow.1000}", - "blue_light": "{@color_primitives.yellow.1000}", - "blue_dark": "{@color_primitives.yellow.1000}", - "teal_light": "{@color_primitives.yellow.1000}", - "teal_dark": "{@color_primitives.yellow.1000}" - } + } + }, + "900": { + "$type": "color", + "$value": "#61391c", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4949:33577", + "modes": { + "value": "#61391c" } } - }, - "onwarning-secondary": { - "$type": "color", - "$value": "{@color_primitives.yellow.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36504", - "modes": { - "light": "{@color_primitives.yellow.800}", - "dark": "{@color_primitives.yellow.100}", - "purple_light": "{@color_primitives.yellow.1000}", - "purple_dark": "{@color_primitives.yellow.100}", - "blue_light": "{@color_primitives.yellow.1000}", - "blue_dark": "{@color_primitives.yellow.100}", - "teal_light": "{@color_primitives.yellow.1000}", - "teal_dark": "{@color_primitives.yellow.100}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#3c2111", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:4949:33578", + "modes": { + "value": "#3c2111" } } - }, - "onwarning-tertiary": { - "$type": "color", - "$value": "{@color_primitives.yellow.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:5933", - "modes": { - "light": "{@color_primitives.yellow.900}", - "dark": "{@color_primitives.yellow.100}", - "purple_light": "{@color_primitives.yellow.1000}", - "purple_dark": "{@color_primitives.yellow.100}", - "blue_light": "{@color_primitives.yellow.1000}", - "blue_dark": "{@color_primitives.yellow.100}", - "teal_light": "{@color_primitives.yellow.1000}", - "teal_dark": "{@color_primitives.yellow.100}" - } + } + } + }, + "tomato-red": { + "100": { + "$type": "color", + "$value": "#ffe8e7", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25816", + "modes": { + "value": "#ffe8e7" + } + } + } + }, + "200": { + "$type": "color", + "$value": "#fed2d1", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25817", + "modes": { + "value": "#fed2d1" } } } }, - "danger": { - "default": { - "$type": "color", - "$value": "{@color_primitives.red.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36506", - "modes": { - "light": "{@color_primitives.red.600}", - "dark": "{@color_primitives.red.300}", - "purple_light": "{@color_primitives.red.600}", - "purple_dark": "{@color_primitives.red.300}", - "blue_light": "{@color_primitives.red.600}", - "blue_dark": "{@color_primitives.red.300}", - "teal_light": "{@color_primitives.red.600}", - "teal_dark": "{@color_primitives.red.300}" - } + "300": { + "$type": "color", + "$value": "#feb2ae", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25818", + "modes": { + "value": "#feb2ae" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.red.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36507", - "modes": { - "light": "{@color_primitives.red.700}", - "dark": "{@color_primitives.red.500}", - "purple_light": "{@color_primitives.red.700}", - "purple_dark": "{@color_primitives.red.500}", - "blue_light": "{@color_primitives.red.700}", - "blue_dark": "{@color_primitives.red.500}", - "teal_light": "{@color_primitives.red.700}", - "teal_dark": "{@color_primitives.red.500}" - } + } + }, + "400": { + "$type": "color", + "$value": "#fe8780", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25819", + "modes": { + "value": "#fe8780" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.red.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36508", - "modes": { - "light": "{@color_primitives.red.800}", - "dark": "{@color_primitives.red.600}", - "purple_light": "{@color_primitives.red.800}", - "purple_dark": "{@color_primitives.red.600}", - "blue_light": "{@color_primitives.red.800}", - "blue_dark": "{@color_primitives.red.600}", - "teal_light": "{@color_primitives.red.800}", - "teal_dark": "{@color_primitives.red.600}" - } + } + }, + "500": { + "$type": "color", + "$value": "#fd4b3a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25820", + "modes": { + "value": "#fd4b3a" } } - }, - "ondanger": { - "$type": "color", - "$value": "{@color_primitives.red.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36509", - "modes": { - "light": "{@color_primitives.red.100}", - "dark": "{@color_primitives.red.300}", - "purple_light": "{@color_primitives.red.100}", - "purple_dark": "{@color_primitives.red.300}", - "blue_light": "{@color_primitives.red.100}", - "blue_dark": "{@color_primitives.red.300}", - "teal_light": "{@color_primitives.red.100}", - "teal_dark": "{@color_primitives.red.300}" - } + } + }, + "600": { + "$type": "color", + "$value": "#d32e17", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25821", + "modes": { + "value": "#d32e17" } } - }, - "ondanger-secondary": { - "$type": "color", - "$value": "{@color_primitives.red.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36510", - "modes": { - "light": "{@color_primitives.red.700}", - "dark": "{@color_primitives.red.100}", - "purple_light": "{@color_primitives.red.700}", - "purple_dark": "{@color_primitives.red.100}", - "blue_light": "{@color_primitives.red.700}", - "blue_dark": "{@color_primitives.red.100}", - "teal_light": "{@color_primitives.red.700}", - "teal_dark": "{@color_primitives.red.100}" - } + } + }, + "700": { + "$type": "color", + "$value": "#a0271a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25822", + "modes": { + "value": "#a0271a" } } - }, - "ondanger-tertiary": { - "$type": "color", - "$value": "{@color_primitives.red.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:5934", - "modes": { - "light": "{@color_primitives.red.700}", - "dark": "{@color_primitives.red.100}", - "purple_light": "{@color_primitives.red.700}", - "purple_dark": "{@color_primitives.red.100}", - "blue_light": "{@color_primitives.red.700}", - "blue_dark": "{@color_primitives.red.100}", - "teal_light": "{@color_primitives.red.700}", - "teal_dark": "{@color_primitives.red.100}" - } + } + }, + "800": { + "$type": "color", + "$value": "#73211a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25823", + "modes": { + "value": "#73211a" } } } }, - "disabled": { - "default": { - "$type": "color", - "$value": "{@color_primitives.slate.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36512", - "modes": { - "light": "{@color_primitives.slate.400}", - "dark": "{@color_primitives.grey.500}", - "purple_light": "{@color_primitives.slate.400}", - "purple_dark": "{@color_primitives.grey.500}", - "blue_light": "{@color_primitives.slate.400}", - "blue_dark": "{@color_primitives.grey.500}", - "teal_light": "{@color_primitives.slate.400}", - "teal_dark": "{@color_primitives.grey.500}" - } + "900": { + "$type": "color", + "$value": "#501c19", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25824", + "modes": { + "value": "#501c19" } } - }, - "ondisabled": { - "$type": "color", - "$value": "{@color_primitives.grey.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36513", - "modes": { - "light": "{@color_primitives.grey.400}", - "dark": "{@color_primitives.grey.500}", - "purple_light": "{@color_primitives.white.1000}", - "purple_dark": "{@color_primitives.grey.400}", - "blue_light": "{@color_primitives.white.1000}", - "blue_dark": "{@color_primitives.grey.400}", - "teal_light": "{@color_primitives.white.1000}", - "teal_dark": "{@color_primitives.grey.400}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#371a19", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25825", + "modes": { + "value": "#371a19" } } } } }, - "border": { - "default": { - "default": { - "$type": "color", - "$value": "{@color_primitives.grey.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36514", - "modes": { - "light": "{@color_primitives.grey.400}", - "dark": "{@color_primitives.grey.500}", - "purple_light": "{@color_primitives.grey.400}", - "purple_dark": "{@color_primitives.grey.500}", - "blue_light": "{@color_primitives.grey.400}", - "blue_dark": "{@color_primitives.grey.500}", - "teal_light": "{@color_primitives.grey.400}", - "teal_dark": "{@color_primitives.grey.500}" - } - } - } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.grey.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36515", - "modes": { - "light": "{@color_primitives.grey.800}", - "dark": "{@color_primitives.grey.400}", - "purple_light": "{@color_primitives.grey.800}", - "purple_dark": "{@color_primitives.grey.400}", - "blue_light": "{@color_primitives.grey.800}", - "blue_dark": "{@color_primitives.grey.400}", - "teal_light": "{@color_primitives.grey.800}", - "teal_dark": "{@color_primitives.grey.400}" - } + "cheese-yellow": { + "100": { + "$type": "color", + "$value": "#f4fda3", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25826", + "modes": { + "value": "#f4fda3" } } } }, - "brand": { - "default": { - "$type": "color", - "$value": "{@color_primitives.slate.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36516", - "modes": { - "light": "{@color_primitives.slate.500}", - "dark": "{@color_primitives.slate.600}", - "purple_light": "{@color_primitives.purple.500}", - "purple_dark": "{@color_primitives.purple.600}", - "blue_light": "{@color_primitives.blue.500}", - "blue_dark": "{@color_primitives.blue.600}", - "teal_light": "{@color_primitives.teal.500}", - "teal_dark": "{@color_primitives.teal.600}" - } - } - } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.slate.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36517", - "modes": { - "light": "{@color_primitives.slate.600}", - "dark": "{@color_primitives.slate.400}", - "purple_light": "{@color_primitives.purple.600}", - "purple_dark": "{@color_primitives.purple.400}", - "blue_light": "{@color_primitives.blue.600}", - "blue_dark": "{@color_primitives.blue.400}", - "teal_light": "{@color_primitives.teal.600}", - "teal_dark": "{@color_primitives.teal.400}" - } + "200": { + "$type": "color", + "$value": "#eff269", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25827", + "modes": { + "value": "#eff269" } } } }, - "positive": { - "default": { - "$type": "color", - "$value": "{@color_primitives.green.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36520", - "modes": { - "light": "{@color_primitives.green.500}", - "dark": "{@color_primitives.green.600}", - "purple_light": "{@color_primitives.green.300}", - "purple_dark": "{@color_primitives.green.700}", - "blue_light": "{@color_primitives.green.300}", - "blue_dark": "{@color_primitives.green.700}", - "teal_light": "{@color_primitives.green.300}", - "teal_dark": "{@color_primitives.green.700}" - } + "300": { + "$type": "color", + "$value": "#ece65a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25828", + "modes": { + "value": "#ece65a" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.green.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36521", - "modes": { - "light": "{@color_primitives.green.600}", - "dark": "{@color_primitives.green.700}", - "purple_light": "{@color_primitives.green.600}", - "purple_dark": "{@color_primitives.green.600}", - "blue_light": "{@color_primitives.green.600}", - "blue_dark": "{@color_primitives.green.600}", - "teal_light": "{@color_primitives.green.600}", - "teal_dark": "{@color_primitives.green.600}" - } + } + }, + "400": { + "$type": "color", + "$value": "#e9da46", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25829", + "modes": { + "value": "#e9da46" } } } }, - "warning": { - "default": { - "$type": "color", - "$value": "{@color_primitives.yellow.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36524", - "modes": { - "light": "{@color_primitives.yellow.500}", - "dark": "{@color_primitives.yellow.900}", - "purple_light": "{@color_primitives.yellow.500}", - "purple_dark": "{@color_primitives.yellow.900}", - "blue_light": "{@color_primitives.yellow.500}", - "blue_dark": "{@color_primitives.yellow.900}", - "teal_light": "{@color_primitives.yellow.500}", - "teal_dark": "{@color_primitives.yellow.900}" - } + "500": { + "$type": "color", + "$value": "#e5cc2b", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25830", + "modes": { + "value": "#e5cc2b" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.yellow.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36525", - "modes": { - "light": "{@color_primitives.yellow.800}", - "dark": "{@color_primitives.yellow.700}", - "purple_light": "{@color_primitives.yellow.800}", - "purple_dark": "{@color_primitives.yellow.700}", - "blue_light": "{@color_primitives.yellow.800}", - "blue_dark": "{@color_primitives.yellow.700}", - "teal_light": "{@color_primitives.yellow.800}", - "teal_dark": "{@color_primitives.yellow.700}" - } + } + }, + "600": { + "$type": "color", + "$value": "#dbbb00", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25831", + "modes": { + "value": "#dbbb00" } } } }, - "danger": { - "default": { - "$type": "color", - "$value": "{@color_primitives.red.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36528", - "modes": { - "light": "{@color_primitives.red.500}", - "dark": "{@color_primitives.red.600}", - "purple_light": "{@color_primitives.red.300}", - "purple_dark": "{@color_primitives.red.700}", - "blue_light": "{@color_primitives.red.300}", - "blue_dark": "{@color_primitives.red.700}", - "teal_light": "{@color_primitives.red.300}", - "teal_dark": "{@color_primitives.red.700}" - } + "700": { + "$type": "color", + "$value": "#cba600", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25832", + "modes": { + "value": "#cba600" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.red.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36529", - "modes": { - "light": "{@color_primitives.red.600}", - "dark": "{@color_primitives.red.700}", - "purple_light": "{@color_primitives.red.600}", - "purple_dark": "{@color_primitives.red.600}", - "blue_light": "{@color_primitives.red.600}", - "blue_dark": "{@color_primitives.red.600}", - "teal_light": "{@color_primitives.red.600}", - "teal_dark": "{@color_primitives.red.600}" - } + } + }, + "800": { + "$type": "color", + "$value": "#b28b00", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25833", + "modes": { + "value": "#b28b00" } } } }, - "disabled": { - "default": { - "$type": "color", - "$value": "{@color_primitives.grey.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36532", - "modes": { - "light": "{@color_primitives.grey.200}", - "dark": "{@color_primitives.grey.700}", - "purple_light": "{@color_primitives.grey.200}", - "purple_dark": "{@color_primitives.grey.700}", - "blue_light": "{@color_primitives.grey.200}", - "blue_dark": "{@color_primitives.grey.700}", - "teal_light": "{@color_primitives.grey.200}", - "teal_dark": "{@color_primitives.grey.700}" - } + "900": { + "$type": "color", + "$value": "#906a00", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25834", + "modes": { + "value": "#906a00" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.slate.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36533", - "modes": { - "light": "{@color_primitives.slate.400}", - "dark": "{@color_primitives.grey.600}", - "purple_light": "{@color_primitives.slate.400}", - "purple_dark": "{@color_primitives.grey.600}", - "blue_light": "{@color_primitives.slate.400}", - "blue_dark": "{@color_primitives.grey.600}", - "teal_light": "{@color_primitives.slate.400}", - "teal_dark": "{@color_primitives.grey.600}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#61440a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:5166:25835", + "modes": { + "value": "#61440a" } } } diff --git a/scripts/tokens/tokensCodeSyntaxes.js b/scripts/tokens/tokensCodeSyntaxes.js index 5d4bfd6..be041e4 100644 --- a/scripts/tokens/tokensCodeSyntaxes.js +++ b/scripts/tokens/tokensCodeSyntaxes.js @@ -7,7 +7,7 @@ Promise.all([ ["VariableID:9:11223", "var(--sds-responsive-display-flex-to-none)"], ["VariableID:9:11222", "var(--sds-responsive-display-none-to-flex)"], ["VariableID:2117:5645", "var(--sds-responsive-ratio-column-full)"], -["VariableID:2117:5648", "var(--sds-responsive-ratio-column-quarter-half)"], +["VariableID:2117:5648", "var(--sds-responsive-ratio-column-half)"], ["VariableID:2117:5646", "var(--sds-responsive-ratio-column-quarter-major)"], ["VariableID:2117:5647", "var(--sds-responsive-ratio-column-quarter-minor)"], ["VariableID:2144:3761", "var(--sds-responsive-ratio-column-third-major)"], @@ -40,10 +40,11 @@ Promise.all([ ["VariableID:9:11262", "var(--sds-size-gap-xl)"], ["VariableID:9:11258", "var(--sds-size-gap-xs)"], ["VariableID:2143:14622", "var(--sds-size-gap-xxl)"], -["VariableID:107:11151", "var(--sds-size-padding-hero-vertical)"], ["VariableID:9:11271", "var(--sds-size-padding-lg)"], ["VariableID:9:11270", "var(--sds-size-padding-md)"], -["VariableID:2143:17262", "var(--sds-size-padding-section)"], +["VariableID:107:11151", "var(--sds-size-padding-section-lg)"], +["VariableID:2143:17262", "var(--sds-size-padding-section-md)"], +["VariableID:2159:2116", "var(--sds-size-padding-section-sm)"], ["VariableID:9:11269", "var(--sds-size-padding-sm)"], ["VariableID:9:11272", "var(--sds-size-padding-xl)"], ["VariableID:9:11268", "var(--sds-size-padding-xs)"], diff --git a/src/blocks/Cards/Cards.figma.tsx b/src/blocks/Cards/Cards.figma.tsx index 8affa63..ce9d8d8 100644 --- a/src/blocks/Cards/Cards.figma.tsx +++ b/src/blocks/Cards/Cards.figma.tsx @@ -1,5 +1,5 @@ import { figma } from "@figma/code-connect"; -import { PricingCard, ProductInfoCard, TestimonialCard } from "./Cards/Cards"; +import { PricingCard, ProductInfoCard, TestimonialCard } from "./Cards"; const FIGMA_URL_PRODUCT_INFO_CARD = "https://staging.figma.com/design/YfiqA0yWMXuLJAzkZNpBdy/SDS?node-id=7753-4465&t=piSsjqZPlyn7qp8D-11"; @@ -21,6 +21,7 @@ figma.connect(ProductInfoCard, FIGMA_URL_PRODUCT_INFO_CARD, { ), }); + figma.connect(PricingCard, FIGMA_URL_PRICING_CARD, { props: { children: figma.children([ @@ -32,6 +33,7 @@ figma.connect(PricingCard, FIGMA_URL_PRICING_CARD, { }, example: ({ children }) => {children}, }); + figma.connect(TestimonialCard, FIGMA_URL_TESTIMONIAL_CARD, { props: { children: figma.children(["Text Heading", "Avatar Block"]) }, example: ({ children }) => {children}, diff --git a/src/blocks/Cards/Cards.stories.tsx b/src/blocks/Cards/Cards.stories.tsx index 0cfb848..1b71817 100644 --- a/src/blocks/Cards/Cards.stories.tsx +++ b/src/blocks/Cards/Cards.stories.tsx @@ -16,7 +16,7 @@ import { TextListItem, TextTitlePage, } from "ui"; -import { PricingCard, ProductInfoCard, TestimonialCard } from "./Cards/Cards"; +import { PricingCard, ProductInfoCard, TestimonialCard } from "./Cards"; const meta: Meta = { component: Card, diff --git a/src/blocks/Headers/Headers.tsx b/src/blocks/Headers/Headers.tsx new file mode 100644 index 0000000..e69de29 diff --git a/src/figma/figmaComponents.tsx b/src/figma/figmaComponents.tsx index d79bed1..0b4312c 100644 --- a/src/figma/figmaComponents.tsx +++ b/src/figma/figmaComponents.tsx @@ -1,6 +1,6 @@ import "react"; import { useEffect, useState } from "react"; -import { Field, Input, Label } from "ui"; +import { InputField } from "ui"; type ComponentMap = { [k: string]: { id: string; name: string; key: string } }; export const COMPONENTS: ComponentMap = { @@ -3190,14 +3190,13 @@ export function FigmaUrlFromComponentName({ }, [name, url]); return ( - - - e.target.select()} - readOnly - value={finalUrl} - /> - + e.target.select()} + isReadOnly + value={finalUrl} + /> ); } diff --git a/src/theme.css b/src/theme.css index 3e6d498..6dd1aeb 100644 --- a/src/theme.css +++ b/src/theme.css @@ -1243,10 +1243,11 @@ --sds-size-gap-xl: 1.5rem; --sds-size-gap-xs: 0.25rem; --sds-size-gap-xxl: 3rem; - --sds-size-padding-hero-vertical: 10rem; --sds-size-padding-lg: 1rem; --sds-size-padding-md: 0.75rem; - --sds-size-padding-section: 4rem; + --sds-size-padding-section-lg: 10rem; + --sds-size-padding-section-md: 4rem; + --sds-size-padding-section-sm: 2rem; --sds-size-padding-sm: 0.5rem; --sds-size-padding-xl: 1.5rem; --sds-size-padding-xs: 0.25rem; @@ -1346,7 +1347,7 @@ --sds-responsive-display-flex-to-none: flex; --sds-responsive-display-none-to-flex: none; --sds-responsive-ratio-column-full: 1; - --sds-responsive-ratio-column-quarter-half: 1; + --sds-responsive-ratio-column-half: 1; --sds-responsive-ratio-column-quarter-major: 1; --sds-responsive-ratio-column-quarter-minor: 1; --sds-responsive-ratio-column-third-major: 1; @@ -1366,7 +1367,7 @@ --sds-responsive-display-flex-to-none: flex; --sds-responsive-display-none-to-flex: none; --sds-responsive-ratio-column-full: 1; - --sds-responsive-ratio-column-quarter-half: 0.5; + --sds-responsive-ratio-column-half: 0.5; --sds-responsive-ratio-column-quarter-major: 0.5; --sds-responsive-ratio-column-quarter-minor: 0.5; --sds-responsive-ratio-column-third-major: 1; @@ -1387,7 +1388,7 @@ --sds-responsive-display-flex-to-none: none; --sds-responsive-display-none-to-flex: flex; --sds-responsive-ratio-column-full: 1; - --sds-responsive-ratio-column-quarter-half: 0.5; + --sds-responsive-ratio-column-half: 0.5; --sds-responsive-ratio-column-quarter-major: 0.75; --sds-responsive-ratio-column-quarter-minor: 0.25; --sds-responsive-ratio-column-third-major: 0.67; @@ -1408,7 +1409,7 @@ --sds-responsive-display-flex-to-none: none; --sds-responsive-display-none-to-flex: flex; --sds-responsive-ratio-column-full: 1; - --sds-responsive-ratio-column-quarter-half: 0.5; + --sds-responsive-ratio-column-half: 0.5; --sds-responsive-ratio-column-quarter-major: 0.75; --sds-responsive-ratio-column-quarter-minor: 0.25; --sds-responsive-ratio-column-third-major: 0.67; diff --git a/src/ui/Avatar/Avatar.stories.tsx b/src/ui/Avatar/Avatar.stories.tsx index 6cabd81..b6f4c3d 100644 --- a/src/ui/Avatar/Avatar.stories.tsx +++ b/src/ui/Avatar/Avatar.stories.tsx @@ -7,7 +7,7 @@ import { AvatarGroup, } from "ui/Avatar/Avatar"; import { Description, Label } from "ui/Fieldset/Fieldset"; -import { Grid } from "ui/Grid/Grid"; +import { Grid } from "ui/Layout/Layout"; const meta: Meta = { component: Avatar, diff --git a/src/ui/Button/Button.stories.tsx b/src/ui/Button/Button.stories.tsx index 5e62108..3bd2b3e 100644 --- a/src/ui/Button/Button.stories.tsx +++ b/src/ui/Button/Button.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from "@storybook/react"; import { IconActivity, IconArrowLeft } from "icons"; import { Button, ButtonGroup } from "ui/Button/Button"; -import { Grid, GridItem } from "ui/Grid/Grid"; +import { Grid, GridItem } from "ui/Layout/Layout"; const meta: Meta = { component: Button, diff --git a/src/ui/Card/Card.stories.tsx b/src/ui/Card/Card.stories.tsx index 48012f6..8acc316 100644 --- a/src/ui/Card/Card.stories.tsx +++ b/src/ui/Card/Card.stories.tsx @@ -4,8 +4,8 @@ import "react"; import { ComponentProps } from "react"; import { Button, ButtonGroup } from "ui/Button/Button"; import { Card } from "ui/Card/Card"; -import { Grid, GridItem } from "ui/Grid/Grid"; import { Image } from "ui/Image/Image"; +import { Grid, GridItem } from "ui/Layout/Layout"; import { Text, TextHeading } from "ui/Text/Text"; const meta: Meta = { diff --git a/src/ui/Dialog/Dialog.stories.tsx b/src/ui/Dialog/Dialog.stories.tsx index 0e04ef0..0223841 100644 --- a/src/ui/Dialog/Dialog.stories.tsx +++ b/src/ui/Dialog/Dialog.stories.tsx @@ -2,9 +2,8 @@ import type { Meta, StoryObj } from "@storybook/react"; import { IconMenu } from "icons"; import { useState } from "react"; import { Button } from "ui/Button/Button"; -import { Field, Label } from "ui/Fieldset/Fieldset"; -import { Grid } from "ui/Grid/Grid"; -import { Input } from "ui/Input/Input"; +import { InputField } from "ui/Input/Input"; +import { Grid } from "ui/Layout/Layout"; import { Table, TableBody, @@ -43,10 +42,7 @@ export const Default: Story = { business days after processing. - - - - + @@ -79,10 +75,7 @@ export const Controlled: Story = { business days after processing. - - - - + diff --git a/src/ui/Fieldset/Fieldset.tsx b/src/ui/Fieldset/Fieldset.tsx index fbe22dd..40f144c 100644 --- a/src/ui/Fieldset/Fieldset.tsx +++ b/src/ui/Fieldset/Fieldset.tsx @@ -1,5 +1,5 @@ import clsx from "clsx"; -import type React from "react"; +import { ComponentPropsWithoutRef } from "react"; import { FieldError as RACFieldError, Form as RACForm, @@ -14,27 +14,27 @@ import { } from "react-aria-components"; import "./fieldset.css"; -export type FieldsetProps = React.ComponentPropsWithoutRef<"fieldset">; +export type FieldsetProps = ComponentPropsWithoutRef<"fieldset">; export function Fieldset({ ...props }: FieldsetProps) { const classNames = clsx("fieldset"); return
; } -export type LegendProps = React.ComponentPropsWithoutRef<"legend">; +export type LegendProps = ComponentPropsWithoutRef<"legend">; export function Legend({ ...props }: LegendProps) { const classNames = clsx("legend"); return ; } -export type FieldGroupProps = React.ComponentPropsWithoutRef<"div">; +export type FieldGroupProps = ComponentPropsWithoutRef<"div">; export function FieldGroup({ ...props }: FieldGroupProps) { const classNames = clsx("field-group"); return
; } -export type FormProps = RACFormProps; -export function Form({ className, ...props }: FormProps) { - const classNames = clsx(className, "form"); +export type FormProps = RACFormProps & { singleLine?: boolean }; +export function Form({ className, singleLine, ...props }: FormProps) { + const classNames = clsx(className, "form", singleLine && "form-single-line"); return ; } @@ -74,7 +74,7 @@ export type SharedFieldProps = { errorMessage?: string | ((validation: RACValidationResult) => string); }; -export type FieldProps = React.ComponentPropsWithoutRef<"div">; +export type FieldProps = ComponentPropsWithoutRef<"div">; export function Field({ className, ...props }: FieldProps) { const classNames = clsx(className, "field"); return
; diff --git a/src/ui/Fieldset/fieldset.css b/src/ui/Fieldset/fieldset.css index 0013325..7ffcff9 100644 --- a/src/ui/Fieldset/fieldset.css +++ b/src/ui/Fieldset/fieldset.css @@ -62,6 +62,12 @@ } } +.form.form-single-line { + display: flex; + flex-direction: row; + gap: var(--sds-size-gap-md); +} + .legend { font: var(--sds-font-subheading); } diff --git a/src/ui/Grid/Grid.stories.tsx b/src/ui/Layout/Layout.stories.tsx similarity index 61% rename from src/ui/Grid/Grid.stories.tsx rename to src/ui/Layout/Layout.stories.tsx index e5d96d1..ad4a2d8 100644 --- a/src/ui/Grid/Grid.stories.tsx +++ b/src/ui/Layout/Layout.stories.tsx @@ -1,13 +1,12 @@ import type { Meta, StoryObj } from "@storybook/react"; -import { Grid, GridItem } from "ui"; +import { Grid, GridItem, Section } from "ui"; const meta: Meta = { component: Grid, - title: "ui/Grid", + title: "ui/Layout", parameters: { layout: "centered" }, }; export default meta; -type Story = StoryObj; const renderChild = (text: string) => (
(
); -export const Default: Story = { +export const GridStory: StoryObj = { args: { gap: undefined, + type: "quarter", }, argTypes: { gap: { control: { type: "select" }, options: [undefined, "xs", "sm", "md", "lg", "xl"], }, + type: { + control: { type: "select" }, + options: ["quarter", "third"], + }, }, render: (args) => ( @@ -76,3 +80,51 @@ export const Default: Story = { ), }; + +export const SectionStory: StoryObj = { + args: { + padding: "md", + variant: "subtle", + }, + argTypes: { + padding: { + control: { type: "select" }, + options: ["sm", "md", "lg"], + }, + variant: { + control: { type: "select" }, + options: ["subtle", "brand", "stroke", "secondary"], + }, + }, + render: (args) => ( + <> +
+ + {renderChild("full")} + {renderChild("major")} + {renderChild("minor")} + {renderChild("minor")} + {renderChild("major")} + +
+
+ + {renderChild("full")} + {renderChild("major")} + {renderChild("minor")} + {renderChild("minor")} + {renderChild("major")} + +
+
+ + {renderChild("full")} + {renderChild("major")} + {renderChild("minor")} + {renderChild("minor")} + {renderChild("major")} + +
+ + ), +}; diff --git a/src/ui/Grid/Grid.tsx b/src/ui/Layout/Layout.tsx similarity index 65% rename from src/ui/Grid/Grid.tsx rename to src/ui/Layout/Layout.tsx index f8c9b3a..d689d74 100644 --- a/src/ui/Grid/Grid.tsx +++ b/src/ui/Layout/Layout.tsx @@ -1,6 +1,6 @@ import clsx from "clsx"; import { ComponentPropsWithoutRef } from "react"; -import "./grid.css"; +import "./layout.css"; type TShirtSizes = "xs" | "sm" | "md" | "lg" | "xl" | "xxl"; @@ -60,3 +60,35 @@ export type FlowProps = Omit< export function Flow({ ...props }: FlowProps) { return ; } + +type SectionPadding = Omit; + +export type SectionProps = ComponentPropsWithoutRef< + "section" | "header" | "footer" +> & { + elementType?: "section" | "header" | "footer"; + padding?: SectionPadding; + variant?: "brand" | "secondary" | "stroke" | "subtle"; +}; +export function Section({ + className, + elementType = "section", + padding = "md", + variant = "subtle", + ...props +}: SectionProps) { + const classNames = clsx( + className, + "section", + `section-variant-${variant}`, + `section-padding-${padding}`, + ); + switch (elementType) { + case "section": + return
; + case "header": + return
; + case "footer": + return