diff --git a/figma.config.json b/figma.config.json index f88b469..ae2974a 100644 --- a/figma.config.json +++ b/figma.config.json @@ -1,7 +1,7 @@ { "codeConnect": { - "include": ["src/ui/**"], - "exclude": [], + "include": ["src/ui/**/*", "src/figma/**/*"], + "exclude": ["src/ui/icons/*"], "parser": "react", "importPaths": { "ui/compositions/**/*": "compositions", @@ -11,14 +11,14 @@ "ui/primitives/**/*": "primitives" }, "paths": { - "compositions": ["./ui/compositions"], - "hooks": ["./ui/hooks"], - "icons": ["./ui/icons"], - "images": ["./ui/images"], - "layout": ["./ui/layout"], - "primitives": ["./ui/primitives"], - "providers": ["./ui/providers"], - "utils": ["./ui/utils"] + "compositions": ["src/ui/compositions"], + "hooks": ["src/ui/hooks"], + "icons": ["src/ui/icons"], + "images": ["src/ui/images"], + "layout": ["src/ui/layout"], + "primitives": ["src/ui/primitives"], + "providers": ["src/ui/providers"], + "utils": ["src/ui/utils"] }, "documentUrlSubstitutions": { "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=7753-4779", @@ -59,8 +59,10 @@ "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=9762:743", "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=9762:728", "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=9762:731", - "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=2194-14984", - "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=7768-19970", + "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=2194-14984", + "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=7768-19970", + "": "https://www.figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=515-5459", + "": "https://www.figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=524-503", "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=124-8256", "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=9762:890", "": "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=9762:868", diff --git a/scripts/dev-resources/app.mjs b/scripts/dev-resources/app.mjs index c1dab3d..54b5fd8 100644 --- a/scripts/dev-resources/app.mjs +++ b/scripts/dev-resources/app.mjs @@ -52,8 +52,8 @@ const storybookPaths = { "": "", "": "", "": "", - "": "", - "": "", + "": "", + "": "", "": "", "": "", "": "", diff --git a/scripts/tokens/styles.json b/scripts/tokens/styles.json index f8ff90d..e855111 100644 --- a/scripts/tokens/styles.json +++ b/scripts/tokens/styles.json @@ -168,6 +168,23 @@ }, "fontStyle": "normal" }, + { + "type": "TEXT", + "name": "Body Small Strong", + "fontSize": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10216" + }, + "fontFamily": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + }, + "fontWeight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11184" + }, + "fontStyle": "normal" + }, { "type": "TEXT", "name": "Input", diff --git a/scripts/tokens/tokens.json b/scripts/tokens/tokens.json index e35c089..4bd32e8 100644 --- a/scripts/tokens/tokens.json +++ b/scripts/tokens/tokens.json @@ -1,246 +1,560 @@ { - "@responsive": { + "@typography_primitives": { "$extensions": { "org.sds": { - "figmaId": "VariableCollectionId:9:11202", + "figmaId": "VariableCollectionId:9:11179", "modes": [ - "desktop", - "mobile", - "tablet" + "default" ] } }, - "device": { - "$type": "unknown", - "$value": "desktop", + "family-sans": { + "$type": "fontFamily", + "$value": "Inter", "$extensions": { "org.sds": { - "figmaId": "VariableID:234:21585", + "figmaId": "VariableID:9:11199", "modes": { - "desktop": "desktop", - "mobile": "mobile", - "tablet": "tablet" + "default": "Inter" } } } }, - "device-width": { - "$type": "number", - "$value": 1200, + "family-serif": { + "$type": "fontFamily", + "$value": "Noto Serif", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11219", + "figmaId": "VariableID:9:11200", "modes": { - "desktop": 1200, - "mobile": 375, - "tablet": 768 + "default": "Noto Serif" } } } }, - "root-font-size": { - "$type": "number", - "$value": "{@typography_primitives.scale-03}", + "family-mono": { + "$type": "fontFamily", + "$value": "Roboto Mono", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11224", + "figmaId": "VariableID:9:11201", "modes": { - "desktop": "{@typography_primitives.scale-03}", - "mobile": "{@typography_primitives.scale-03}", - "tablet": "{@typography_primitives.scale-03}" + "default": "Roboto Mono" } } } }, - "scale": { + "scale-01": { "$type": "number", - "$value": 1, + "$value": 12, "$extensions": { "org.sds": { - "figmaId": "VariableID:231:21547", + "figmaId": "VariableID:9:11198", "modes": { - "desktop": 1, - "mobile": 1.25, - "tablet": 1 + "default": 12 } } } - } - }, - "@size": { - "$extensions": { - "org.sds": { - "figmaId": "VariableCollectionId:9:11257", - "modes": [ - "default" - ] + }, + "scale-02": { + "$type": "number", + "$value": 14, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11197", + "modes": { + "default": 14 + } + } } }, - "space": { - "0": { - "$type": "number", - "$value": 0, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:364:11151", - "modes": { - "default": 0 - } + "scale-03": { + "$type": "number", + "$value": 16, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11196", + "modes": { + "default": 16 } } - }, - "100": { - "$type": "number", - "$value": 4, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11258", - "modes": { - "default": 4 - } + } + }, + "scale-04": { + "$type": "number", + "$value": 20, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11195", + "modes": { + "default": 20 } } - }, - "150": { - "$type": "number", - "$value": 6, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:364:11163", - "modes": { - "default": 6 - } + } + }, + "scale-05": { + "$type": "number", + "$value": 24, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11194", + "modes": { + "default": 24 } } - }, - "200": { - "$type": "number", - "$value": 8, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11259", - "modes": { - "default": 8 - } + } + }, + "scale-06": { + "$type": "number", + "$value": 32, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11193", + "modes": { + "default": 32 } } - }, - "300": { - "$type": "number", - "$value": 12, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11260", - "modes": { - "default": 12 - } + } + }, + "scale-07": { + "$type": "number", + "$value": 40, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11192", + "modes": { + "default": 40 } } - }, - "400": { - "$type": "number", - "$value": 16, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11261", - "modes": { - "default": 16 - } + } + }, + "scale-08": { + "$type": "number", + "$value": 48, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11191", + "modes": { + "default": 48 } } - }, - "600": { - "$type": "number", - "$value": 24, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11262", - "modes": { - "default": 24 - } + } + }, + "scale-09": { + "$type": "number", + "$value": 64, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11190", + "modes": { + "default": 64 } } - }, - "800": { - "$type": "number", - "$value": 32, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:346:10902", - "modes": { - "default": 32 - } + } + }, + "scale-10": { + "$type": "number", + "$value": 72, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11189", + "modes": { + "default": 72 } } - }, - "1200": { - "$type": "number", - "$value": 48, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:346:10903", - "modes": { - "default": 48 - } + } + }, + "weight-thin": { + "$type": "fontWeight", + "$value": 100, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11180", + "modes": { + "default": 100 } } - }, - "1600": { - "$type": "number", - "$value": 64, + } + }, + "weight-thin-italic": { + "$type": "unknown", + "$value": "Thin Italic", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:66:10200", + "modes": { + "default": "Thin Italic" + } + } + } + }, + "weight-extra-light": { + "$type": "fontWeight", + "$value": 200, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11181", + "modes": { + "default": 200 + } + } + } + }, + "weight-extralight-italic": { + "$type": "unknown", + "$value": "Extra Light Italic", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:66:10201", + "modes": { + "default": "Extra Light Italic" + } + } + } + }, + "weight-light": { + "$type": "fontWeight", + "$value": 300, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11182", + "modes": { + "default": 300 + } + } + } + }, + "weight-light-italic": { + "$type": "unknown", + "$value": "Light Italic", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:56:8551", + "modes": { + "default": "Light Italic" + } + } + } + }, + "weight-regular": { + "$type": "fontWeight", + "$value": 400, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11183", + "modes": { + "default": 400 + } + } + } + }, + "weight-regular-italic": { + "$type": "unknown", + "$value": "Italic", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:56:8552", + "modes": { + "default": "Italic" + } + } + } + }, + "weight-medium": { + "$type": "fontWeight", + "$value": 500, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11184", + "modes": { + "default": 500 + } + } + } + }, + "weight-medium-italic": { + "$type": "unknown", + "$value": "Medium Italic", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:66:10202", + "modes": { + "default": "Medium Italic" + } + } + } + }, + "weight-semibold": { + "$type": "fontWeight", + "$value": 600, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11185", + "modes": { + "default": 600 + } + } + } + }, + "weight-semibold-italic": { + "$type": "unknown", + "$value": "Semi Bold Italic", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:66:10203", + "modes": { + "default": "Semi Bold Italic" + } + } + } + }, + "weight-bold": { + "$type": "fontWeight", + "$value": 700, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11186", + "modes": { + "default": 700 + } + } + } + }, + "weight-bold-italic": { + "$type": "unknown", + "$value": "Bold Italic", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:56:8553", + "modes": { + "default": "Bold Italic" + } + } + } + }, + "weight-extra-bold": { + "$type": "fontWeight", + "$value": 800, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11187", + "modes": { + "default": 800 + } + } + } + }, + "weight-extra-bold-italic": { + "$type": "unknown", + "$value": "Extra Bold Italic", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:66:10204", + "modes": { + "default": "Extra Bold Italic" + } + } + } + }, + "weight-black": { + "$type": "fontWeight", + "$value": 900, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11188", + "modes": { + "default": 900 + } + } + } + }, + "weight-black-italic": { + "$type": "unknown", + "$value": "Black Italic", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:66:10208", + "modes": { + "default": "Black Italic" + } + } + } + } + }, + "@size": { + "$extensions": { + "org.sds": { + "figmaId": "VariableCollectionId:9:11257", + "modes": [ + "default" + ] + } + }, + "space": { + "0": { + "$type": "number", + "$value": 0, "$extensions": { "org.sds": { - "figmaId": "VariableID:107:11150", + "figmaId": "VariableID:364:11151", "modes": { - "default": 64 + "default": 0 } } } }, - "2400": { + "100": { "$type": "number", - "$value": 96, + "$value": 4, "$extensions": { "org.sds": { - "figmaId": "VariableID:346:10904", + "figmaId": "VariableID:9:11258", "modes": { - "default": 96 + "default": 4 } } } }, - "4000": { + "150": { "$type": "number", - "$value": 160, + "$value": 6, "$extensions": { "org.sds": { - "figmaId": "VariableID:346:10896", + "figmaId": "VariableID:364:11163", "modes": { - "default": 160 + "default": 6 } } } }, - "050": { + "200": { "$type": "number", - "$value": 2, + "$value": 8, "$extensions": { "org.sds": { - "figmaId": "VariableID:364:11161", + "figmaId": "VariableID:9:11259", "modes": { - "default": 2 + "default": 8 } } } }, - "negative-100": { + "300": { "$type": "number", - "$value": -4, + "$value": 12, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11263", + "figmaId": "VariableID:9:11260", "modes": { - "default": -4 + "default": 12 + } + } + } + }, + "400": { + "$type": "number", + "$value": 16, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11261", + "modes": { + "default": 16 + } + } + } + }, + "600": { + "$type": "number", + "$value": 24, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11262", + "modes": { + "default": 24 + } + } + } + }, + "800": { + "$type": "number", + "$value": 32, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:346:10902", + "modes": { + "default": 32 + } + } + } + }, + "1200": { + "$type": "number", + "$value": 48, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:346:10903", + "modes": { + "default": 48 + } + } + } + }, + "1600": { + "$type": "number", + "$value": 64, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:107:11150", + "modes": { + "default": 64 + } + } + } + }, + "2400": { + "$type": "number", + "$value": 96, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:346:10904", + "modes": { + "default": 96 + } + } + } + }, + "4000": { + "$type": "number", + "$value": 160, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:346:10896", + "modes": { + "default": 160 + } + } + } + }, + "050": { + "$type": "number", + "$value": 2, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:364:11161", + "modes": { + "default": 2 + } + } + } + }, + "negative-100": { + "$type": "number", + "$value": -4, + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11263", + "modes": { + "default": -4 } } } @@ -1087,3341 +1401,3164 @@ } } }, - "@typography_primitives": { + "@responsive": { "$extensions": { "org.sds": { - "figmaId": "VariableCollectionId:9:11179", + "figmaId": "VariableCollectionId:9:11202", "modes": [ - "default" + "desktop", + "mobile", + "tablet" ] } }, - "family-sans": { - "$type": "fontFamily", - "$value": "Inter", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11199", - "modes": { - "default": "Inter" - } - } - } - }, - "family-serif": { - "$type": "fontFamily", - "$value": "Noto Serif", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11200", - "modes": { - "default": "Noto Serif" - } - } - } - }, - "family-mono": { - "$type": "fontFamily", - "$value": "Roboto Mono", + "device": { + "$type": "unknown", + "$value": "desktop", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11201", + "figmaId": "VariableID:234:21585", "modes": { - "default": "Roboto Mono" + "desktop": "desktop", + "mobile": "mobile", + "tablet": "tablet" } } } }, - "scale-01": { + "device-width": { "$type": "number", - "$value": 12, + "$value": 1200, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11198", + "figmaId": "VariableID:9:11219", "modes": { - "default": 12 + "desktop": 1200, + "mobile": 375, + "tablet": 768 } } } }, - "scale-02": { + "root-font-size": { "$type": "number", - "$value": 14, + "$value": "{@typography_primitives.scale-03}", "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11197", + "figmaId": "VariableID:9:11224", "modes": { - "default": 14 + "desktop": "{@typography_primitives.scale-03}", + "mobile": "{@typography_primitives.scale-03}", + "tablet": "{@typography_primitives.scale-03}" } } } }, - "scale-03": { + "scale": { "$type": "number", - "$value": 16, + "$value": 1, "$extensions": { "org.sds": { - "figmaId": "VariableID:9:11196", + "figmaId": "VariableID:231:21547", "modes": { - "default": 16 + "desktop": 1, + "mobile": 1.25, + "tablet": 1 } } } + } + }, + "@color_primitives": { + "$extensions": { + "org.sds": { + "figmaId": "VariableCollectionId:3919:36421", + "modes": [ + "value" + ] + } }, - "scale-04": { - "$type": "number", - "$value": 20, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11195", - "modes": { - "default": 20 + "black": { + "100": { + "$type": "color", + "$value": "#0c0c0d0d", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11234", + "modes": { + "value": "#0c0c0d0d" + } } } - } - }, - "scale-05": { - "$type": "number", - "$value": 24, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11194", - "modes": { - "default": 24 + }, + "200": { + "$type": "color", + "$value": "#0c0c0d1a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11235", + "modes": { + "value": "#0c0c0d1a" + } } } - } - }, - "scale-06": { - "$type": "number", - "$value": 32, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11193", - "modes": { - "default": 32 + }, + "300": { + "$type": "color", + "$value": "#0c0c0d33", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11236", + "modes": { + "value": "#0c0c0d33" + } } } - } - }, - "scale-07": { - "$type": "number", - "$value": 40, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11192", - "modes": { - "default": 40 + }, + "400": { + "$type": "color", + "$value": "#0c0c0d66", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11237", + "modes": { + "value": "#0c0c0d66" + } } } - } - }, - "scale-08": { - "$type": "number", - "$value": 48, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11191", - "modes": { - "default": 48 + }, + "500": { + "$type": "color", + "$value": "#0c0c0db2", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11238", + "modes": { + "value": "#0c0c0db2" + } } } - } - }, - "scale-09": { - "$type": "number", - "$value": 64, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11190", - "modes": { - "default": 64 + }, + "600": { + "$type": "color", + "$value": "#0c0c0dcc", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11239", + "modes": { + "value": "#0c0c0dcc" + } } } - } - }, - "scale-10": { - "$type": "number", - "$value": 72, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11189", - "modes": { - "default": 72 + }, + "700": { + "$type": "color", + "$value": "#0c0c0dd9", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11240", + "modes": { + "value": "#0c0c0dd9" + } } } - } - }, - "weight-thin": { - "$type": "fontWeight", - "$value": 100, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11180", - "modes": { - "default": 100 + }, + "800": { + "$type": "color", + "$value": "#0c0c0de5", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11241", + "modes": { + "value": "#0c0c0de5" + } } } - } - }, - "weight-thin-italic": { - "$type": "unknown", - "$value": "Thin Italic", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:66:10200", - "modes": { - "default": "Thin Italic" + }, + "900": { + "$type": "color", + "$value": "#0c0c0df2", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11242", + "modes": { + "value": "#0c0c0df2" + } } } - } - }, - "weight-extra-light": { - "$type": "fontWeight", - "$value": 200, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11181", - "modes": { - "default": 200 + }, + "1000": { + "$type": "color", + "$value": "#0c0c0d", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9:11243", + "modes": { + "value": "#0c0c0d" + } } } } }, - "weight-extralight-italic": { - "$type": "unknown", - "$value": "Extra Light Italic", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:66:10201", - "modes": { - "default": "Extra Light Italic" + "white": { + "100": { + "$type": "color", + "$value": "#ffffff0d", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36544", + "modes": { + "value": "#ffffff0d" + } } } - } - }, - "weight-light": { - "$type": "fontWeight", - "$value": 300, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11182", - "modes": { - "default": 300 + }, + "200": { + "$type": "color", + "$value": "#ffffff1a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36545", + "modes": { + "value": "#ffffff1a" + } } } - } - }, - "weight-light-italic": { - "$type": "unknown", - "$value": "Light Italic", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:8551", - "modes": { - "default": "Light Italic" + }, + "300": { + "$type": "color", + "$value": "#ffffff33", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36546", + "modes": { + "value": "#ffffff33" + } } } - } - }, - "weight-regular": { - "$type": "fontWeight", - "$value": 400, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11183", - "modes": { - "default": 400 + }, + "400": { + "$type": "color", + "$value": "#ffffff66", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36547", + "modes": { + "value": "#ffffff66" + } } } - } - }, - "weight-regular-italic": { - "$type": "unknown", - "$value": "Italic", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:8552", - "modes": { - "default": "Italic" + }, + "500": { + "$type": "color", + "$value": "#ffffffb2", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36548", + "modes": { + "value": "#ffffffb2" + } } } - } - }, - "weight-medium": { - "$type": "fontWeight", - "$value": 500, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11184", - "modes": { - "default": 500 + }, + "600": { + "$type": "color", + "$value": "#ffffffcc", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36549", + "modes": { + "value": "#ffffffcc" + } } } - } - }, - "weight-medium-italic": { - "$type": "unknown", - "$value": "Medium Italic", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:66:10202", - "modes": { - "default": "Medium Italic" - } - } - } - }, - "weight-semibold": { - "$type": "fontWeight", - "$value": 600, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11185", - "modes": { - "default": 600 - } - } - } - }, - "weight-semibold-italic": { - "$type": "unknown", - "$value": "Semi Bold Italic", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:66:10203", - "modes": { - "default": "Semi Bold Italic" - } - } - } - }, - "weight-bold": { - "$type": "fontWeight", - "$value": 700, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11186", - "modes": { - "default": 700 - } - } - } - }, - "weight-bold-italic": { - "$type": "unknown", - "$value": "Bold Italic", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:8553", - "modes": { - "default": "Bold Italic" - } - } - } - }, - "weight-extra-bold": { - "$type": "fontWeight", - "$value": 800, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11187", - "modes": { - "default": 800 + }, + "700": { + "$type": "color", + "$value": "#ffffffd9", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36550", + "modes": { + "value": "#ffffffd9" + } } } - } - }, - "weight-extra-bold-italic": { - "$type": "unknown", - "$value": "Extra Bold Italic", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:66:10204", - "modes": { - "default": "Extra Bold Italic" + }, + "800": { + "$type": "color", + "$value": "#ffffffe5", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36551", + "modes": { + "value": "#ffffffe5" + } } } - } - }, - "weight-black": { - "$type": "fontWeight", - "$value": 900, - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11188", - "modes": { - "default": 900 + }, + "900": { + "$type": "color", + "$value": "#fffffff2", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36552", + "modes": { + "value": "#fffffff2" + } } } - } - }, - "weight-black-italic": { - "$type": "unknown", - "$value": "Black Italic", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:66:10208", - "modes": { - "default": "Black Italic" + }, + "1000": { + "$type": "color", + "$value": "#ffffff", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36553", + "modes": { + "value": "#ffffff" + } } } } - } - }, - "@color": { - "$extensions": { - "org.sds": { - "figmaId": "VariableCollectionId:3919:36422", - "modes": [ - "sds_light", - "sds_dark" - ] - } }, - "background": { - "default": { - "default": { - "$type": "color", - "$value": "{@color_primitives.White.1000}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36423", - "modes": { - "sds_light": "{@color_primitives.White.1000}", - "sds_dark": "{@color_primitives.Grey.900}" - } - } - } - }, - "default-hover": { - "$type": "color", - "$value": "{@color_primitives.Grey.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36426", - "modes": { - "sds_light": "{@color_primitives.Grey.100}", - "sds_dark": "{@color_primitives.Grey.700}" - } - } - } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Grey.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36424", - "modes": { - "sds_light": "{@color_primitives.Grey.100}", - "sds_dark": "{@color_primitives.Grey.800}" - } - } - } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.Grey.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:9309", - "modes": { - "sds_light": "{@color_primitives.Grey.200}", - "sds_dark": "{@color_primitives.Grey.900}" - } - } - } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Grey.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36425", - "modes": { - "sds_light": "{@color_primitives.Grey.300}", - "sds_dark": "{@color_primitives.Grey.600}" - } - } - } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.Grey.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:9310", - "modes": { - "sds_light": "{@color_primitives.Grey.400}", - "sds_dark": "{@color_primitives.Grey.700}" - } + "slate": { + "100": { + "$type": "color", + "$value": "#f3f3f3", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36534", + "modes": { + "value": "#f3f3f3" } } } }, - "neutral": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Slate.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12464", - "modes": { - "sds_light": "{@color_primitives.Slate.700}", - "sds_dark": "{@color_primitives.Slate.400}" - } - } - } - }, - "hover": { - "$type": "color", - "$value": "{@color_primitives.Slate.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12465", - "modes": { - "sds_light": "{@color_primitives.Slate.800}", - "sds_dark": "{@color_primitives.Slate.500}" - } + "200": { + "$type": "color", + "$value": "#e3e3e3", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36535", + "modes": { + "value": "#e3e3e3" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Slate.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12466", - "modes": { - "sds_light": "{@color_primitives.Slate.300}", - "sds_dark": "{@color_primitives.Slate.900}" - } + } + }, + "300": { + "$type": "color", + "$value": "#cdcdcd", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36536", + "modes": { + "value": "#cdcdcd" } } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.Slate.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12467", - "modes": { - "sds_light": "{@color_primitives.Slate.400}", - "sds_dark": "{@color_primitives.Slate.1000}" - } + } + }, + "400": { + "$type": "color", + "$value": "#b2b2b2", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36537", + "modes": { + "value": "#b2b2b2" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Slate.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12468", - "modes": { - "sds_light": "{@color_primitives.Slate.200}", - "sds_dark": "{@color_primitives.Slate.900}" - } + } + }, + "500": { + "$type": "color", + "$value": "#949494", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36538", + "modes": { + "value": "#949494" } } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.Slate.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12469", - "modes": { - "sds_light": "{@color_primitives.Slate.300}", - "sds_dark": "{@color_primitives.Slate.1000}" - } + } + }, + "600": { + "$type": "color", + "$value": "#767676", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36539", + "modes": { + "value": "#767676" } } } }, - "brand": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Grey.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36428", - "modes": { - "sds_light": "{@color_primitives.Grey.800}", - "sds_dark": "{@color_primitives.Grey.100}" - } + "700": { + "$type": "color", + "$value": "#5a5a5a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36540", + "modes": { + "value": "#5a5a5a" } } - }, - "hover": { - "$type": "color", - "$value": "{@color_primitives.Grey.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36431", - "modes": { - "sds_light": "{@color_primitives.Grey.900}", - "sds_dark": "{@color_primitives.Grey.300}" - } + } + }, + "800": { + "$type": "color", + "$value": "#434343", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36541", + "modes": { + "value": "#434343" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Grey.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36430", - "modes": { - "sds_light": "{@color_primitives.Grey.200}", - "sds_dark": "{@color_primitives.Grey.600}" - } + } + }, + "900": { + "$type": "color", + "$value": "#303030", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36542", + "modes": { + "value": "#303030" } } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.Grey.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:4035:5558", - "modes": { - "sds_light": "{@color_primitives.Grey.300}", - "sds_dark": "{@color_primitives.Grey.500}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#242424", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36543", + "modes": { + "value": "#242424" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Grey.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9670:11772", - "modes": { - "sds_light": "{@color_primitives.Grey.100}", - "sds_dark": "{@color_primitives.Grey.600}" - } + } + } + }, + "red": { + "100": { + "$type": "color", + "$value": "#fee9e7", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36624", + "modes": { + "value": "#fee9e7" } } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.Grey.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9670:12886", - "modes": { - "sds_light": "{@color_primitives.Grey.200}", - "sds_dark": "{@color_primitives.Grey.800}" - } + } + }, + "200": { + "$type": "color", + "$value": "#fdd3d0", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36625", + "modes": { + "value": "#fdd3d0" } } } }, - "positive": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Green.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36433", - "modes": { - "sds_light": "{@color_primitives.Green.500}", - "sds_dark": "{@color_primitives.Green.700}" - } + "300": { + "$type": "color", + "$value": "#fcb3ad", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36626", + "modes": { + "value": "#fcb3ad" } } - }, - "hover": { - "$type": "color", - "$value": "{@color_primitives.Green.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36436", - "modes": { - "sds_light": "{@color_primitives.Green.600}", - "sds_dark": "{@color_primitives.Green.800}" - } + } + }, + "400": { + "$type": "color", + "$value": "#f4776a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36627", + "modes": { + "value": "#f4776a" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Green.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36435", - "modes": { - "sds_light": "{@color_primitives.Green.200}", - "sds_dark": "{@color_primitives.Green.800}" - } + } + }, + "500": { + "$type": "color", + "$value": "#ec221f", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36628", + "modes": { + "value": "#ec221f" } } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.Green.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:9907", - "modes": { - "sds_light": "{@color_primitives.Green.300}", - "sds_dark": "{@color_primitives.Green.900}" - } + } + }, + "600": { + "$type": "color", + "$value": "#c00f0c", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36629", + "modes": { + "value": "#c00f0c" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Green.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7433", - "modes": { - "sds_light": "{@color_primitives.Green.100}", - "sds_dark": "{@color_primitives.Green.900}" - } + } + }, + "700": { + "$type": "color", + "$value": "#900b09", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36630", + "modes": { + "value": "#900b09" } } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.Green.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7447", - "modes": { - "sds_light": "{@color_primitives.Green.200}", - "sds_dark": "{@color_primitives.Green.1000}" - } + } + }, + "800": { + "$type": "color", + "$value": "#690807", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36631", + "modes": { + "value": "#690807" } } } }, - "warning": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Yellow.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36438", - "modes": { - "sds_light": "{@color_primitives.Yellow.400}", - "sds_dark": "{@color_primitives.Yellow.400}" - } + "900": { + "$type": "color", + "$value": "#4d0b0a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36632", + "modes": { + "value": "#4d0b0a" } } - }, - "hover": { - "$type": "color", - "$value": "{@color_primitives.Yellow.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36441", - "modes": { - "sds_light": "{@color_primitives.Yellow.500}", - "sds_dark": "{@color_primitives.Yellow.500}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#300603", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36633", + "modes": { + "value": "#300603" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Yellow.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36440", - "modes": { - "sds_light": "{@color_primitives.Yellow.200}", - "sds_dark": "{@color_primitives.Yellow.800}" - } + } + } + }, + "yellow": { + "100": { + "$type": "color", + "$value": "#fffbeb", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36644", + "modes": { + "value": "#fffbeb" } } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.Yellow.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:9908", - "modes": { - "sds_light": "{@color_primitives.Yellow.300}", - "sds_dark": "{@color_primitives.Yellow.900}" - } + } + }, + "200": { + "$type": "color", + "$value": "#fff1c2", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36645", + "modes": { + "value": "#fff1c2" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Yellow.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7448", - "modes": { - "sds_light": "{@color_primitives.Yellow.100}", - "sds_dark": "{@color_primitives.Yellow.900}" - } + } + }, + "300": { + "$type": "color", + "$value": "#ffe8a3", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36646", + "modes": { + "value": "#ffe8a3" } } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.Yellow.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7449", - "modes": { - "sds_light": "{@color_primitives.Yellow.200}", - "sds_dark": "{@color_primitives.Yellow.1000}" - } + } + }, + "400": { + "$type": "color", + "$value": "#e8b931", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36647", + "modes": { + "value": "#e8b931" } } } }, - "danger": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Red.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36443", - "modes": { - "sds_light": "{@color_primitives.Red.500}", - "sds_dark": "{@color_primitives.Red.600}" - } + "500": { + "$type": "color", + "$value": "#e5a000", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36648", + "modes": { + "value": "#e5a000" } } - }, - "hover": { - "$type": "color", - "$value": "{@color_primitives.Red.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36446", - "modes": { - "sds_light": "{@color_primitives.Red.600}", - "sds_dark": "{@color_primitives.Red.700}" - } + } + }, + "600": { + "$type": "color", + "$value": "#bf6a02", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36649", + "modes": { + "value": "#bf6a02" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Red.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36445", - "modes": { - "sds_light": "{@color_primitives.Red.200}", - "sds_dark": "{@color_primitives.Red.800}" - } + } + }, + "700": { + "$type": "color", + "$value": "#975102", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36650", + "modes": { + "value": "#975102" } } - }, - "secondary-hover": { - "$type": "color", - "$value": "{@color_primitives.Red.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:56:9909", - "modes": { - "sds_light": "{@color_primitives.Red.300}", - "sds_dark": "{@color_primitives.Red.900}" - } + } + }, + "800": { + "$type": "color", + "$value": "#682d03", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36651", + "modes": { + "value": "#682d03" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Red.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7450", - "modes": { - "sds_light": "{@color_primitives.Red.100}", - "sds_dark": "{@color_primitives.Red.900}" - } + } + }, + "900": { + "$type": "color", + "$value": "#522504", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36652", + "modes": { + "value": "#522504" } } - }, - "tertiary-hover": { - "$type": "color", - "$value": "{@color_primitives.Red.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7451", - "modes": { - "sds_light": "{@color_primitives.Red.200}", - "sds_dark": "{@color_primitives.Red.1000}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#401b01", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36653", + "modes": { + "value": "#401b01" } } } - }, - "disabled": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Grey.300}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36448", - "modes": { - "sds_light": "{@color_primitives.Grey.300}", - "sds_dark": "{@color_primitives.Grey.700}" - } + } + }, + "green": { + "100": { + "$type": "color", + "$value": "#ebffee", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36654", + "modes": { + "value": "#ebffee" } } } }, - "utilities": { - "scrim": { - "$type": "color", - "$value": "#ffffffcc", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:7753:3701", - "modes": { - "sds_light": "#ffffffcc", - "sds_dark": "#000000cc" - } - } - } - }, - "blanket": { - "$type": "color", - "$value": "#000000b2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2142:11243", - "modes": { - "sds_light": "#000000b2", - "sds_dark": "#000000b2" - } + "200": { + "$type": "color", + "$value": "#cff7d3", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36655", + "modes": { + "value": "#cff7d3" } } - }, - "overlay": { - "$type": "color", - "$value": "#00000080", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:7786:36548", - "modes": { - "sds_light": "#00000080", - "sds_dark": "#00000080" - } + } + }, + "300": { + "$type": "color", + "$value": "#aff4c6", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36656", + "modes": { + "value": "#aff4c6" } } - }, - "measurement": { - "$type": "color", - "$value": "{@color_primitives.Pink.200}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:72:9197", - "modes": { - "sds_light": "{@color_primitives.Pink.200}", - "sds_dark": "{@color_primitives.Pink.800}" - } + } + }, + "400": { + "$type": "color", + "$value": "#85e0a3", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36657", + "modes": { + "value": "#85e0a3" } } } - } - }, - "text": { - "default": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Slate.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36450", - "modes": { - "sds_light": "{@color_primitives.Slate.900}", - "sds_dark": "{@color_primitives.White.1000}" - } + }, + "500": { + "$type": "color", + "$value": "#14ae5c", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36658", + "modes": { + "value": "#14ae5c" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Slate.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36451", - "modes": { - "sds_light": "{@color_primitives.Slate.500}", - "sds_dark": "{@color_primitives.White.500}" - } + } + }, + "600": { + "$type": "color", + "$value": "#009951", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36659", + "modes": { + "value": "#009951" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Slate.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36452", - "modes": { - "sds_light": "{@color_primitives.Slate.400}", - "sds_dark": "{@color_primitives.White.400}" - } + } + }, + "700": { + "$type": "color", + "$value": "#008043", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36660", + "modes": { + "value": "#008043" } } } }, - "neutral": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Slate.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12473", - "modes": { - "sds_light": "{@color_primitives.Slate.900}", - "sds_dark": "{@color_primitives.Slate.200}" - } + "800": { + "$type": "color", + "$value": "#02542d", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36661", + "modes": { + "value": "#02542d" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Slate.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12474", - "modes": { - "sds_light": "{@color_primitives.Slate.700}", - "sds_dark": "{@color_primitives.Slate.300}" - } + } + }, + "900": { + "$type": "color", + "$value": "#024023", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36662", + "modes": { + "value": "#024023" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Slate.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12475", - "modes": { - "sds_light": "{@color_primitives.Slate.600}", - "sds_dark": "{@color_primitives.Slate.400}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#062d1b", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36663", + "modes": { + "value": "#062d1b" } } - }, - "on-neutral": { - "$type": "color", - "$value": "{@color_primitives.Slate.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12476", - "modes": { - "sds_light": "{@color_primitives.Slate.100}", - "sds_dark": "{@color_primitives.Slate.1000}" - } + } + } + }, + "grey": { + "100": { + "$type": "color", + "$value": "#f5f5f5", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36614", + "modes": { + "value": "#f5f5f5" } } - }, - "on-neutral-secondary": { - "$type": "color", - "$value": "{@color_primitives.Slate.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12477", - "modes": { - "sds_light": "{@color_primitives.Slate.900}", - "sds_dark": "{@color_primitives.Slate.100}" - } + } + }, + "200": { + "$type": "color", + "$value": "#e6e6e6", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36615", + "modes": { + "value": "#e6e6e6" } } - }, - "on-neutral-tertiary": { - "$type": "color", - "$value": "{@color_primitives.Slate.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:12478", - "modes": { - "sds_light": "{@color_primitives.Slate.800}", - "sds_dark": "{@color_primitives.Slate.100}" - } + } + }, + "300": { + "$type": "color", + "$value": "#d9d9d9", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36616", + "modes": { + "value": "#d9d9d9" } } } }, - "brand": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Grey.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36456", - "modes": { - "sds_light": "{@color_primitives.Grey.800}", - "sds_dark": "{@color_primitives.Grey.100}" - } + "400": { + "$type": "color", + "$value": "#b3b3b3", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36617", + "modes": { + "value": "#b3b3b3" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Grey.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36457", - "modes": { - "sds_light": "{@color_primitives.Grey.600}", - "sds_dark": "{@color_primitives.Grey.300}" - } + } + }, + "500": { + "$type": "color", + "$value": "#757575", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36618", + "modes": { + "value": "#757575" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Grey.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36458", - "modes": { - "sds_light": "{@color_primitives.Grey.500}", - "sds_dark": "{@color_primitives.Grey.400}" - } + } + }, + "600": { + "$type": "color", + "$value": "#444444", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36619", + "modes": { + "value": "#444444" } } - }, - "on-brand": { - "$type": "color", - "$value": "{@color_primitives.Grey.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36459", - "modes": { - "sds_light": "{@color_primitives.Grey.100}", - "sds_dark": "{@color_primitives.Grey.900}" - } + } + }, + "700": { + "$type": "color", + "$value": "#383838", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36620", + "modes": { + "value": "#383838" } } - }, - "on-brand-secondary": { - "$type": "color", - "$value": "{@color_primitives.Grey.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36461", - "modes": { - "sds_light": "{@color_primitives.Grey.900}", - "sds_dark": "{@color_primitives.Grey.100}" - } + } + }, + "800": { + "$type": "color", + "$value": "#2c2c2c", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36621", + "modes": { + "value": "#2c2c2c" } } - }, - "on-brand-tertiary": { - "$type": "color", - "$value": "{@color_primitives.Grey.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9670:11773", - "modes": { - "sds_light": "{@color_primitives.Grey.800}", - "sds_dark": "{@color_primitives.Grey.100}" - } + } + }, + "900": { + "$type": "color", + "$value": "#1e1e1e", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36622", + "modes": { + "value": "#1e1e1e" } } } }, - "positive": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Green.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36462", - "modes": { - "sds_light": "{@color_primitives.Green.800}", - "sds_dark": "{@color_primitives.Green.200}" - } + "1000": { + "$type": "color", + "$value": "#111111", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36623", + "modes": { + "value": "#111111" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Green.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36463", - "modes": { - "sds_light": "{@color_primitives.Green.600}", - "sds_dark": "{@color_primitives.Green.400}" - } + } + } + }, + "sds": { + "100": { + "$type": "color", + "$value": "#f4f5f6", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:13361", + "modes": { + "value": "#f4f5f6" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Green.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36464", - "modes": { - "sds_light": "{@color_primitives.Green.500}", - "sds_dark": "{@color_primitives.Green.600}" - } + } + }, + "200": { + "$type": "color", + "$value": "#e8eaec", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:13362", + "modes": { + "value": "#e8eaec" } } - }, - "on-positive": { - "$type": "color", - "$value": "{@color_primitives.Green.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36465", - "modes": { - "sds_light": "{@color_primitives.Green.100}", - "sds_dark": "{@color_primitives.Green.100}" - } + } + }, + "300": { + "$type": "color", + "$value": "#d1d5d9", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:13363", + "modes": { + "value": "#d1d5d9" } } - }, - "on-positive-secondary": { - "$type": "color", - "$value": "{@color_primitives.Green.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36467", - "modes": { - "sds_light": "{@color_primitives.Green.800}", - "sds_dark": "{@color_primitives.Green.100}" - } + } + }, + "400": { + "$type": "color", + "$value": "#b4bac0", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:13364", + "modes": { + "value": "#b4bac0" } } - }, - "on-positive-tertiary": { - "$type": "color", - "$value": "{@color_primitives.Green.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7455", - "modes": { - "sds_light": "{@color_primitives.Green.800}", - "sds_dark": "{@color_primitives.Green.100}" - } + } + }, + "500": { + "$type": "color", + "$value": "#6e747c", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:13365", + "modes": { + "value": "#6e747c" } } } }, - "warning": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Yellow.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36468", - "modes": { - "sds_light": "{@color_primitives.Yellow.900}", - "sds_dark": "{@color_primitives.Yellow.200}" - } + "600": { + "$type": "color", + "$value": "#4c4f59", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:13366", + "modes": { + "value": "#4c4f59" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Yellow.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36469", - "modes": { - "sds_light": "{@color_primitives.Yellow.700}", - "sds_dark": "{@color_primitives.Yellow.400}" - } + } + }, + "700": { + "$type": "color", + "$value": "#41444b", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:13367", + "modes": { + "value": "#41444b" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Yellow.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36470", - "modes": { - "sds_light": "{@color_primitives.Yellow.600}", - "sds_dark": "{@color_primitives.Yellow.600}" - } + } + }, + "800": { + "$type": "color", + "$value": "#2e2f36", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:13368", + "modes": { + "value": "#2e2f36" } } - }, - "on-warning": { - "$type": "color", - "$value": "{@color_primitives.Yellow.1000}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36471", - "modes": { - "sds_light": "{@color_primitives.Yellow.1000}", - "sds_dark": "{@color_primitives.Yellow.1000}" - } + } + }, + "900": { + "$type": "color", + "$value": "#232429", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:13369", + "modes": { + "value": "#232429" } } - }, - "on-warning-secondary": { - "$type": "color", - "$value": "{@color_primitives.Yellow.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36473", - "modes": { - "sds_light": "{@color_primitives.Yellow.800}", - "sds_dark": "{@color_primitives.Yellow.100}" - } + } + }, + "1000": { + "$type": "color", + "$value": "#18181b", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:13370", + "modes": { + "value": "#18181b" } } - }, - "on-warning-tertiary": { - "$type": "color", - "$value": "{@color_primitives.Yellow.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7453", - "modes": { - "sds_light": "{@color_primitives.Yellow.900}", - "sds_dark": "{@color_primitives.Yellow.100}" - } + } + } + }, + "pink": { + "100": { + "$type": "color", + "$value": "#fcf1fd", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16481", + "modes": { + "value": "#fcf1fd" } } } }, - "danger": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Red.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36474", - "modes": { - "sds_light": "{@color_primitives.Red.700}", - "sds_dark": "{@color_primitives.Red.200}" - } + "200": { + "$type": "color", + "$value": "#fae1fa", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16482", + "modes": { + "value": "#fae1fa" } } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Red.600}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36475", - "modes": { - "sds_light": "{@color_primitives.Red.600}", - "sds_dark": "{@color_primitives.Red.400}" - } + } + }, + "300": { + "$type": "color", + "$value": "#f5c0ef", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16483", + "modes": { + "value": "#f5c0ef" } } - }, - "tertiary": { - "$type": "color", - "$value": "{@color_primitives.Red.500}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36476", - "modes": { - "sds_light": "{@color_primitives.Red.500}", - "sds_dark": "{@color_primitives.Red.500}" - } + } + }, + "400": { + "$type": "color", + "$value": "#f19edc", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16486", + "modes": { + "value": "#f19edc" } } - }, - "on-danger": { - "$type": "color", - "$value": "{@color_primitives.Red.100}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36477", - "modes": { - "sds_light": "{@color_primitives.Red.100}", - "sds_dark": "{@color_primitives.Red.100}" - } + } + }, + "500": { + "$type": "color", + "$value": "#ea3fb8", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16490", + "modes": { + "value": "#ea3fb8" } } - }, - "on-danger-secondary": { - "$type": "color", - "$value": "{@color_primitives.Red.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36479", - "modes": { - "sds_light": "{@color_primitives.Red.700}", - "sds_dark": "{@color_primitives.Red.100}" - } + } + }, + "600": { + "$type": "color", + "$value": "#d732a8", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16491", + "modes": { + "value": "#d732a8" } } - }, - "on-danger-tertiary": { - "$type": "color", - "$value": "{@color_primitives.Red.700}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:2002:7454", - "modes": { - "sds_light": "{@color_primitives.Red.700}", - "sds_dark": "{@color_primitives.Red.100}" - } + } + }, + "700": { + "$type": "color", + "$value": "#ba2a92", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16493", + "modes": { + "value": "#ba2a92" } } } }, - "disabled": { - "default": { - "$type": "color", - "$value": "{@color_primitives.Grey.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36480", - "modes": { - "sds_light": "{@color_primitives.Grey.400}", - "sds_dark": "{@color_primitives.Grey.500}" - } + "800": { + "$type": "color", + "$value": "#8a226f", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16494", + "modes": { + "value": "#8a226f" } } - }, - "on-disabled": { - "$type": "color", - "$value": "{@color_primitives.Grey.400}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36481", - "modes": { - "sds_light": "{@color_primitives.Grey.400}", - "sds_dark": "{@color_primitives.Grey.400}" - } + } + }, + "900": { + "$type": "color", + "$value": "#57184a", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16497", + "modes": { + "value": "#57184a" } } } }, - "utilities": { - "text-on-overlay": { - "$type": "color", - "$value": "{@color_primitives.Black.1000}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9643:10770", - "modes": { - "sds_light": "{@color_primitives.Black.1000}", - "sds_dark": "{@color_primitives.White.1000}" - } - } - } - }, - "text-on-measurement": { - "$type": "color", - "$value": "{@color_primitives.Pink.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:72:10153", - "modes": { - "sds_light": "{@color_primitives.Pink.800}", - "sds_dark": "{@color_primitives.Pink.200}" - } + "1000": { + "$type": "color", + "$value": "#3f1536", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16498", + "modes": { + "value": "#3f1536" } } } } + } + }, + "@color": { + "$extensions": { + "org.sds": { + "figmaId": "VariableCollectionId:3919:36422", + "modes": [ + "sds_light", + "sds_dark", + "pink" + ] + } }, - "border": { + "background": { "default": { "default": { "$type": "color", - "$value": "{@color_primitives.Grey.300}", + "$value": "{@color_primitives.White.1000}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36514", + "figmaId": "VariableID:3919:36423", "modes": { - "sds_light": "{@color_primitives.Grey.300}", - "sds_dark": "{@color_primitives.Grey.600}" + "sds_light": "{@color_primitives.White.1000}", + "sds_dark": "{@color_primitives.Grey.900}", + "pink": "{@color_primitives.White.1000}" } } } }, - "secondary": { + "default-hover": { "$type": "color", - "$value": "{@color_primitives.Grey.500}", + "$value": "{@color_primitives.Grey.100}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36515", + "figmaId": "VariableID:3919:36426", "modes": { - "sds_light": "{@color_primitives.Grey.500}", - "sds_dark": "{@color_primitives.Grey.500}" + "sds_light": "{@color_primitives.Grey.100}", + "sds_dark": "{@color_primitives.Grey.700}", + "pink": "{@color_primitives.Grey.100}" } } } }, - "tertiary": { + "secondary": { "$type": "color", - "$value": "{@color_primitives.Grey.700}", + "$value": "{@color_primitives.Grey.100}", "$extensions": { "org.sds": { - "figmaId": "VariableID:159:12723", + "figmaId": "VariableID:3919:36424", "modes": { - "sds_light": "{@color_primitives.Grey.700}", - "sds_dark": "{@color_primitives.Grey.400}" + "sds_light": "{@color_primitives.Grey.100}", + "sds_dark": "{@color_primitives.Grey.800}", + "pink": "{@color_primitives.Grey.100}" } } } - } - }, - "neutral": { - "default": { + }, + "secondary-hover": { "$type": "color", - "$value": "{@color_primitives.Slate.900}", + "$value": "{@color_primitives.Grey.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:12485", + "figmaId": "VariableID:56:9309", "modes": { - "sds_light": "{@color_primitives.Slate.900}", - "sds_dark": "{@color_primitives.Slate.100}" + "sds_light": "{@color_primitives.Grey.200}", + "sds_dark": "{@color_primitives.Grey.900}", + "pink": "{@color_primitives.Grey.200}" } } } }, - "secondary": { + "tertiary": { "$type": "color", - "$value": "{@color_primitives.Slate.600}", + "$value": "{@color_primitives.Grey.300}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:12486", + "figmaId": "VariableID:3919:36425", "modes": { - "sds_light": "{@color_primitives.Slate.600}", - "sds_dark": "{@color_primitives.Slate.500}" + "sds_light": "{@color_primitives.Grey.300}", + "sds_dark": "{@color_primitives.Grey.600}", + "pink": "{@color_primitives.Grey.300}" } } } }, - "tertiary": { + "tertiary-hover": { "$type": "color", - "$value": "{@color_primitives.Slate.400}", + "$value": "{@color_primitives.Grey.400}", "$extensions": { "org.sds": { - "figmaId": "VariableID:159:12724", + "figmaId": "VariableID:56:9310", "modes": { - "sds_light": "{@color_primitives.Slate.400}", - "sds_dark": "{@color_primitives.Slate.600}" + "sds_light": "{@color_primitives.Grey.400}", + "sds_dark": "{@color_primitives.Grey.700}", + "pink": "{@color_primitives.Grey.400}" } } } } }, - "brand": { + "neutral": { "default": { "$type": "color", - "$value": "{@color_primitives.Grey.800}", + "$value": "{@color_primitives.Slate.700}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36516", + "figmaId": "VariableID:106:12464", "modes": { - "sds_light": "{@color_primitives.Grey.800}", - "sds_dark": "{@color_primitives.Grey.100}" + "sds_light": "{@color_primitives.Slate.700}", + "sds_dark": "{@color_primitives.Slate.400}", + "pink": "{@color_primitives.Slate.700}" } } } }, - "secondary": { + "hover": { "$type": "color", - "$value": "{@color_primitives.Grey.600}", + "$value": "{@color_primitives.Slate.800}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36517", + "figmaId": "VariableID:106:12465", "modes": { - "sds_light": "{@color_primitives.Grey.600}", - "sds_dark": "{@color_primitives.Grey.300}" + "sds_light": "{@color_primitives.Slate.800}", + "sds_dark": "{@color_primitives.Slate.500}", + "pink": "{@color_primitives.Slate.800}" } } } }, - "tertiary": { + "secondary": { "$type": "color", - "$value": "{@color_primitives.Grey.500}", + "$value": "{@color_primitives.Slate.300}", "$extensions": { "org.sds": { - "figmaId": "VariableID:159:12725", + "figmaId": "VariableID:106:12466", "modes": { - "sds_light": "{@color_primitives.Grey.500}", - "sds_dark": "{@color_primitives.Grey.400}" + "sds_light": "{@color_primitives.Slate.300}", + "sds_dark": "{@color_primitives.Slate.900}", + "pink": "{@color_primitives.Slate.300}" } } } - } - }, - "positive": { - "default": { + }, + "secondary-hover": { "$type": "color", - "$value": "{@color_primitives.Green.800}", + "$value": "{@color_primitives.Slate.400}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36520", + "figmaId": "VariableID:106:12467", "modes": { - "sds_light": "{@color_primitives.Green.800}", - "sds_dark": "{@color_primitives.Green.200}" + "sds_light": "{@color_primitives.Slate.400}", + "sds_dark": "{@color_primitives.Slate.1000}", + "pink": "{@color_primitives.Slate.400}" } } } }, - "secondary": { + "tertiary": { "$type": "color", - "$value": "{@color_primitives.Green.600}", + "$value": "{@color_primitives.Slate.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36521", + "figmaId": "VariableID:106:12468", "modes": { - "sds_light": "{@color_primitives.Green.600}", - "sds_dark": "{@color_primitives.Green.400}" + "sds_light": "{@color_primitives.Slate.200}", + "sds_dark": "{@color_primitives.Slate.900}", + "pink": "{@color_primitives.Slate.200}" } } } }, - "tertiary": { + "tertiary-hover": { "$type": "color", - "$value": "{@color_primitives.Green.500}", + "$value": "{@color_primitives.Slate.300}", "$extensions": { "org.sds": { - "figmaId": "VariableID:159:12726", + "figmaId": "VariableID:106:12469", "modes": { - "sds_light": "{@color_primitives.Green.500}", - "sds_dark": "{@color_primitives.Green.600}" + "sds_light": "{@color_primitives.Slate.300}", + "sds_dark": "{@color_primitives.Slate.1000}", + "pink": "{@color_primitives.Slate.300}" } } } } }, - "warning": { + "brand": { "default": { "$type": "color", - "$value": "{@color_primitives.Yellow.900}", + "$value": "{@color_primitives.Grey.800}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36524", + "figmaId": "VariableID:3919:36428", "modes": { - "sds_light": "{@color_primitives.Yellow.900}", - "sds_dark": "{@color_primitives.Yellow.200}" + "sds_light": "{@color_primitives.Grey.800}", + "sds_dark": "{@color_primitives.Grey.100}", + "pink": "{@color_primitives.Pink.800}" } } } }, - "secondary": { + "hover": { "$type": "color", - "$value": "{@color_primitives.Yellow.700}", + "$value": "{@color_primitives.Grey.900}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36525", + "figmaId": "VariableID:3919:36431", "modes": { - "sds_light": "{@color_primitives.Yellow.700}", - "sds_dark": "{@color_primitives.Yellow.400}" + "sds_light": "{@color_primitives.Grey.900}", + "sds_dark": "{@color_primitives.Grey.300}", + "pink": "{@color_primitives.Pink.900}" } } } }, - "tertiary": { + "secondary": { "$type": "color", - "$value": "{@color_primitives.Yellow.600}", + "$value": "{@color_primitives.Grey.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:159:12727", + "figmaId": "VariableID:3919:36430", "modes": { - "sds_light": "{@color_primitives.Yellow.600}", - "sds_dark": "{@color_primitives.Yellow.600}" + "sds_light": "{@color_primitives.Grey.200}", + "sds_dark": "{@color_primitives.Grey.600}", + "pink": "{@color_primitives.Pink.200}" } } } - } - }, - "danger": { - "default": { + }, + "secondary-hover": { "$type": "color", - "$value": "{@color_primitives.Red.700}", + "$value": "{@color_primitives.Grey.300}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36528", + "figmaId": "VariableID:4035:5558", "modes": { - "sds_light": "{@color_primitives.Red.700}", - "sds_dark": "{@color_primitives.Red.200}" + "sds_light": "{@color_primitives.Grey.300}", + "sds_dark": "{@color_primitives.Grey.500}", + "pink": "{@color_primitives.Pink.300}" } } } }, - "secondary": { + "tertiary": { "$type": "color", - "$value": "{@color_primitives.Red.600}", + "$value": "{@color_primitives.Grey.100}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36529", + "figmaId": "VariableID:9670:11772", "modes": { - "sds_light": "{@color_primitives.Red.600}", - "sds_dark": "{@color_primitives.Red.400}" + "sds_light": "{@color_primitives.Grey.100}", + "sds_dark": "{@color_primitives.Grey.600}", + "pink": "{@color_primitives.Pink.100}" } } } }, - "tertiary": { + "tertiary-hover": { "$type": "color", - "$value": "{@color_primitives.Red.500}", + "$value": "{@color_primitives.Grey.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:159:12728", + "figmaId": "VariableID:9670:12886", "modes": { - "sds_light": "{@color_primitives.Red.500}", - "sds_dark": "{@color_primitives.Red.500}" + "sds_light": "{@color_primitives.Grey.200}", + "sds_dark": "{@color_primitives.Grey.800}", + "pink": "{@color_primitives.Pink.200}" } } } } }, - "disabled": { + "positive": { "default": { "$type": "color", - "$value": "{@color_primitives.Grey.400}", + "$value": "{@color_primitives.Green.500}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36532", + "figmaId": "VariableID:3919:36433", "modes": { - "sds_light": "{@color_primitives.Grey.400}", - "sds_dark": "{@color_primitives.Grey.600}" + "sds_light": "{@color_primitives.Green.500}", + "sds_dark": "{@color_primitives.Green.700}", + "pink": "{@color_primitives.Green.500}" } } } - } - }, - "utilities": { - "measurement": { + }, + "hover": { "$type": "color", - "$value": "{@color_primitives.Pink.400}", + "$value": "{@color_primitives.Green.600}", "$extensions": { "org.sds": { - "figmaId": "VariableID:72:10154", + "figmaId": "VariableID:3919:36436", "modes": { - "sds_light": "{@color_primitives.Pink.400}", - "sds_dark": "{@color_primitives.Pink.600}" + "sds_light": "{@color_primitives.Green.600}", + "sds_dark": "{@color_primitives.Green.800}", + "pink": "{@color_primitives.Green.600}" } } } }, - "swatch": { + "secondary": { "$type": "color", - "$value": "#0000003d", + "$value": "{@color_primitives.Green.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:315:32841", + "figmaId": "VariableID:3919:36435", "modes": { - "sds_light": "#0000003d", - "sds_dark": "#ffffff3d" + "sds_light": "{@color_primitives.Green.200}", + "sds_dark": "{@color_primitives.Green.800}", + "pink": "{@color_primitives.Green.200}" } } } - } - } - }, - "icon": { - "default": { - "default": { + }, + "secondary-hover": { "$type": "color", - "$value": "{@color_primitives.Slate.900}", + "$value": "{@color_primitives.Green.300}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36482", + "figmaId": "VariableID:56:9907", "modes": { - "sds_light": "{@color_primitives.Slate.900}", - "sds_dark": "{@color_primitives.White.1000}" + "sds_light": "{@color_primitives.Green.300}", + "sds_dark": "{@color_primitives.Green.900}", + "pink": "{@color_primitives.Green.300}" } } } }, - "secondary": { + "tertiary": { "$type": "color", - "$value": "{@color_primitives.Slate.500}", + "$value": "{@color_primitives.Green.100}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36483", + "figmaId": "VariableID:2002:7433", "modes": { - "sds_light": "{@color_primitives.Slate.500}", - "sds_dark": "{@color_primitives.White.500}" + "sds_light": "{@color_primitives.Green.100}", + "sds_dark": "{@color_primitives.Green.900}", + "pink": "{@color_primitives.Green.100}" } } } }, - "tertiary": { + "tertiary-hover": { "$type": "color", - "$value": "{@color_primitives.Slate.400}", + "$value": "{@color_primitives.Green.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36484", + "figmaId": "VariableID:2002:7447", "modes": { - "sds_light": "{@color_primitives.Slate.400}", - "sds_dark": "{@color_primitives.White.400}" + "sds_light": "{@color_primitives.Green.200}", + "sds_dark": "{@color_primitives.Green.1000}", + "pink": "{@color_primitives.Green.200}" } } } } }, - "neutral": { + "warning": { "default": { "$type": "color", - "$value": "{@color_primitives.Slate.900}", + "$value": "{@color_primitives.Yellow.400}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:12479", + "figmaId": "VariableID:3919:36438", "modes": { - "sds_light": "{@color_primitives.Slate.900}", - "sds_dark": "{@color_primitives.Slate.200}" + "sds_light": "{@color_primitives.Yellow.400}", + "sds_dark": "{@color_primitives.Yellow.400}", + "pink": "{@color_primitives.Yellow.400}" } } } }, - "secondary": { + "hover": { "$type": "color", - "$value": "{@color_primitives.Slate.700}", + "$value": "{@color_primitives.Yellow.500}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:12480", + "figmaId": "VariableID:3919:36441", "modes": { - "sds_light": "{@color_primitives.Slate.700}", - "sds_dark": "{@color_primitives.Slate.300}" + "sds_light": "{@color_primitives.Yellow.500}", + "sds_dark": "{@color_primitives.Yellow.500}", + "pink": "{@color_primitives.Yellow.500}" } } } }, - "tertiary": { + "secondary": { "$type": "color", - "$value": "{@color_primitives.Slate.600}", + "$value": "{@color_primitives.Yellow.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:12481", + "figmaId": "VariableID:3919:36440", "modes": { - "sds_light": "{@color_primitives.Slate.600}", - "sds_dark": "{@color_primitives.Slate.400}" + "sds_light": "{@color_primitives.Yellow.200}", + "sds_dark": "{@color_primitives.Yellow.800}", + "pink": "{@color_primitives.Yellow.200}" } } } }, - "on-neutral": { + "secondary-hover": { "$type": "color", - "$value": "{@color_primitives.Slate.100}", + "$value": "{@color_primitives.Yellow.300}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:12482", + "figmaId": "VariableID:56:9908", "modes": { - "sds_light": "{@color_primitives.Slate.100}", - "sds_dark": "{@color_primitives.Slate.1000}" + "sds_light": "{@color_primitives.Yellow.300}", + "sds_dark": "{@color_primitives.Yellow.900}", + "pink": "{@color_primitives.Yellow.300}" } } } }, - "on-neutral-secondary": { + "tertiary": { "$type": "color", - "$value": "{@color_primitives.Slate.900}", + "$value": "{@color_primitives.Yellow.100}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:12483", + "figmaId": "VariableID:2002:7448", "modes": { - "sds_light": "{@color_primitives.Slate.900}", - "sds_dark": "{@color_primitives.Slate.100}" + "sds_light": "{@color_primitives.Yellow.100}", + "sds_dark": "{@color_primitives.Yellow.900}", + "pink": "{@color_primitives.Yellow.100}" } } } }, - "on-neutral-tertiary": { + "tertiary-hover": { "$type": "color", - "$value": "{@color_primitives.Slate.800}", + "$value": "{@color_primitives.Yellow.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:12484", + "figmaId": "VariableID:2002:7449", "modes": { - "sds_light": "{@color_primitives.Slate.800}", - "sds_dark": "{@color_primitives.Slate.100}" + "sds_light": "{@color_primitives.Yellow.200}", + "sds_dark": "{@color_primitives.Yellow.1000}", + "pink": "{@color_primitives.Yellow.200}" } } } } }, - "brand": { + "danger": { "default": { "$type": "color", - "$value": "{@color_primitives.Grey.800}", + "$value": "{@color_primitives.Red.500}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36488", + "figmaId": "VariableID:3919:36443", "modes": { - "sds_light": "{@color_primitives.Grey.800}", - "sds_dark": "{@color_primitives.Grey.100}" + "sds_light": "{@color_primitives.Red.500}", + "sds_dark": "{@color_primitives.Red.600}", + "pink": "{@color_primitives.Red.500}" } } } }, - "secondary": { + "hover": { "$type": "color", - "$value": "{@color_primitives.Grey.600}", + "$value": "{@color_primitives.Red.600}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36489", + "figmaId": "VariableID:3919:36446", "modes": { - "sds_light": "{@color_primitives.Grey.600}", - "sds_dark": "{@color_primitives.Grey.300}" + "sds_light": "{@color_primitives.Red.600}", + "sds_dark": "{@color_primitives.Red.700}", + "pink": "{@color_primitives.Red.600}" } } } }, - "tertiary": { + "secondary": { "$type": "color", - "$value": "{@color_primitives.Grey.500}", + "$value": "{@color_primitives.Red.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36490", + "figmaId": "VariableID:3919:36445", "modes": { - "sds_light": "{@color_primitives.Grey.500}", - "sds_dark": "{@color_primitives.Grey.400}" + "sds_light": "{@color_primitives.Red.200}", + "sds_dark": "{@color_primitives.Red.800}", + "pink": "{@color_primitives.Red.200}" } } } }, - "on-brand": { + "secondary-hover": { "$type": "color", - "$value": "{@color_primitives.Grey.100}", + "$value": "{@color_primitives.Red.300}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36491", + "figmaId": "VariableID:56:9909", "modes": { - "sds_light": "{@color_primitives.Grey.100}", - "sds_dark": "{@color_primitives.Grey.900}" + "sds_light": "{@color_primitives.Red.300}", + "sds_dark": "{@color_primitives.Red.900}", + "pink": "{@color_primitives.Red.300}" } } } }, - "on-brand-secondary": { + "tertiary": { "$type": "color", - "$value": "{@color_primitives.Grey.900}", + "$value": "{@color_primitives.Red.100}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36493", + "figmaId": "VariableID:2002:7450", "modes": { - "sds_light": "{@color_primitives.Grey.900}", - "sds_dark": "{@color_primitives.Grey.100}" + "sds_light": "{@color_primitives.Red.100}", + "sds_dark": "{@color_primitives.Red.900}", + "pink": "{@color_primitives.Red.100}" } } } }, - "on-brand-tertiary": { + "tertiary-hover": { "$type": "color", - "$value": "{@color_primitives.Grey.800}", + "$value": "{@color_primitives.Red.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:5932", + "figmaId": "VariableID:2002:7451", "modes": { - "sds_light": "{@color_primitives.Grey.800}", - "sds_dark": "{@color_primitives.Grey.100}" + "sds_light": "{@color_primitives.Red.200}", + "sds_dark": "{@color_primitives.Red.1000}", + "pink": "{@color_primitives.Red.200}" } } } } }, - "positive": { + "disabled": { "default": { "$type": "color", - "$value": "{@color_primitives.Green.800}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36494", - "modes": { - "sds_light": "{@color_primitives.Green.800}", - "sds_dark": "{@color_primitives.Green.200}" - } - } - } - }, - "secondary": { - "$type": "color", - "$value": "{@color_primitives.Green.600}", + "$value": "{@color_primitives.Grey.300}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36495", + "figmaId": "VariableID:3919:36448", "modes": { - "sds_light": "{@color_primitives.Green.600}", - "sds_dark": "{@color_primitives.Green.400}" + "sds_light": "{@color_primitives.Grey.300}", + "sds_dark": "{@color_primitives.Grey.700}", + "pink": "{@color_primitives.Grey.300}" } } } - }, - "tertiary": { + } + }, + "utilities": { + "scrim": { "$type": "color", - "$value": "{@color_primitives.Green.500}", + "$value": "#ffffffcc", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36496", + "figmaId": "VariableID:7753:3701", "modes": { - "sds_light": "{@color_primitives.Green.500}", - "sds_dark": "{@color_primitives.Green.600}" + "sds_light": "#ffffffcc", + "sds_dark": "#000000cc", + "pink": "#ffffffcc" } } } }, - "on-positive": { + "blanket": { "$type": "color", - "$value": "{@color_primitives.Green.100}", + "$value": "#000000b2", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36497", + "figmaId": "VariableID:2142:11243", "modes": { - "sds_light": "{@color_primitives.Green.100}", - "sds_dark": "{@color_primitives.Green.100}" + "sds_light": "#000000b2", + "sds_dark": "#000000b2", + "pink": "#000000b2" } } } }, - "on-positive-secondary": { + "overlay": { "$type": "color", - "$value": "{@color_primitives.Green.800}", + "$value": "#00000080", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36498", + "figmaId": "VariableID:7786:36548", "modes": { - "sds_light": "{@color_primitives.Green.800}", - "sds_dark": "{@color_primitives.Green.100}" + "sds_light": "#00000080", + "sds_dark": "#00000080", + "pink": "#00000080" } } } }, - "on-positive-tertiary": { + "measurement": { "$type": "color", - "$value": "{@color_primitives.Green.900}", + "$value": "{@color_primitives.Pink.200}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:5935", + "figmaId": "VariableID:72:9197", "modes": { - "sds_light": "{@color_primitives.Green.900}", - "sds_dark": "{@color_primitives.Green.100}" + "sds_light": "{@color_primitives.Pink.200}", + "sds_dark": "{@color_primitives.Pink.800}", + "pink": "{@color_primitives.Pink.200}" } } } } - }, - "warning": { + } + }, + "text": { + "default": { "default": { "$type": "color", - "$value": "{@color_primitives.Yellow.900}", + "$value": "{@color_primitives.Slate.900}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36500", + "figmaId": "VariableID:3919:36450", "modes": { - "sds_light": "{@color_primitives.Yellow.900}", - "sds_dark": "{@color_primitives.Yellow.200}" + "sds_light": "{@color_primitives.Slate.900}", + "sds_dark": "{@color_primitives.White.1000}", + "pink": "{@color_primitives.Slate.900}" } } } }, "secondary": { "$type": "color", - "$value": "{@color_primitives.Yellow.700}", + "$value": "{@color_primitives.Slate.500}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36501", + "figmaId": "VariableID:3919:36451", "modes": { - "sds_light": "{@color_primitives.Yellow.700}", - "sds_dark": "{@color_primitives.Yellow.400}" + "sds_light": "{@color_primitives.Slate.500}", + "sds_dark": "{@color_primitives.White.500}", + "pink": "{@color_primitives.Slate.500}" } } } }, "tertiary": { "$type": "color", - "$value": "{@color_primitives.Yellow.600}", + "$value": "{@color_primitives.Slate.400}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36502", + "figmaId": "VariableID:3919:36452", "modes": { - "sds_light": "{@color_primitives.Yellow.600}", - "sds_dark": "{@color_primitives.Yellow.600}" + "sds_light": "{@color_primitives.Slate.400}", + "sds_dark": "{@color_primitives.White.400}", + "pink": "{@color_primitives.Slate.400}" } } } - }, - "on-warning": { + } + }, + "neutral": { + "default": { "$type": "color", - "$value": "{@color_primitives.Yellow.1000}", + "$value": "{@color_primitives.Slate.900}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36503", + "figmaId": "VariableID:106:12473", "modes": { - "sds_light": "{@color_primitives.Yellow.1000}", - "sds_dark": "{@color_primitives.Yellow.1000}" + "sds_light": "{@color_primitives.Slate.900}", + "sds_dark": "{@color_primitives.Slate.200}", + "pink": "{@color_primitives.Slate.900}" } } } }, - "on-warning-secondary": { + "secondary": { "$type": "color", - "$value": "{@color_primitives.Yellow.800}", + "$value": "{@color_primitives.Slate.700}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36504", + "figmaId": "VariableID:106:12474", "modes": { - "sds_light": "{@color_primitives.Yellow.800}", - "sds_dark": "{@color_primitives.Yellow.100}" + "sds_light": "{@color_primitives.Slate.700}", + "sds_dark": "{@color_primitives.Slate.300}", + "pink": "{@color_primitives.Slate.700}" } } } }, - "on-warning-tertiary": { - "$type": "color", - "$value": "{@color_primitives.Yellow.900}", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:106:5933", - "modes": { - "sds_light": "{@color_primitives.Yellow.900}", - "sds_dark": "{@color_primitives.Yellow.100}" - } - } - } - } - }, - "danger": { - "default": { + "tertiary": { "$type": "color", - "$value": "{@color_primitives.Red.700}", + "$value": "{@color_primitives.Slate.600}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36506", + "figmaId": "VariableID:106:12475", "modes": { - "sds_light": "{@color_primitives.Red.700}", - "sds_dark": "{@color_primitives.Red.200}" + "sds_light": "{@color_primitives.Slate.600}", + "sds_dark": "{@color_primitives.Slate.400}", + "pink": "{@color_primitives.Slate.600}" } } } }, - "secondary": { + "on-neutral": { "$type": "color", - "$value": "{@color_primitives.Red.600}", + "$value": "{@color_primitives.Slate.100}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36507", + "figmaId": "VariableID:106:12476", "modes": { - "sds_light": "{@color_primitives.Red.600}", - "sds_dark": "{@color_primitives.Red.400}" + "sds_light": "{@color_primitives.Slate.100}", + "sds_dark": "{@color_primitives.Slate.1000}", + "pink": "{@color_primitives.Slate.100}" } } } }, - "tertiary": { + "on-neutral-secondary": { "$type": "color", - "$value": "{@color_primitives.Red.500}", + "$value": "{@color_primitives.Slate.900}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36508", + "figmaId": "VariableID:106:12477", "modes": { - "sds_light": "{@color_primitives.Red.500}", - "sds_dark": "{@color_primitives.Red.500}" + "sds_light": "{@color_primitives.Slate.900}", + "sds_dark": "{@color_primitives.Slate.100}", + "pink": "{@color_primitives.Slate.900}" } } } }, - "on-danger": { + "on-neutral-tertiary": { "$type": "color", - "$value": "{@color_primitives.Red.100}", + "$value": "{@color_primitives.Slate.800}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36509", + "figmaId": "VariableID:106:12478", "modes": { - "sds_light": "{@color_primitives.Red.100}", - "sds_dark": "{@color_primitives.Red.100}" + "sds_light": "{@color_primitives.Slate.800}", + "sds_dark": "{@color_primitives.Slate.100}", + "pink": "{@color_primitives.Slate.800}" } } } - }, - "on-danger-secondary": { + } + }, + "brand": { + "default": { "$type": "color", - "$value": "{@color_primitives.Red.700}", + "$value": "{@color_primitives.Grey.800}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36510", + "figmaId": "VariableID:3919:36456", "modes": { - "sds_light": "{@color_primitives.Red.700}", - "sds_dark": "{@color_primitives.Red.100}" + "sds_light": "{@color_primitives.Grey.800}", + "sds_dark": "{@color_primitives.Grey.100}", + "pink": "{@color_primitives.Pink.800}" } } } }, - "on-danger-tertiary": { + "secondary": { "$type": "color", - "$value": "{@color_primitives.Red.700}", + "$value": "{@color_primitives.Grey.600}", "$extensions": { "org.sds": { - "figmaId": "VariableID:106:5934", + "figmaId": "VariableID:3919:36457", "modes": { - "sds_light": "{@color_primitives.Red.700}", - "sds_dark": "{@color_primitives.Red.100}" + "sds_light": "{@color_primitives.Grey.600}", + "sds_dark": "{@color_primitives.Grey.300}", + "pink": "{@color_primitives.Pink.600}" } } } - } - }, - "disabled": { - "default": { + }, + "tertiary": { "$type": "color", - "$value": "{@color_primitives.Grey.400}", + "$value": "{@color_primitives.Grey.500}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36512", + "figmaId": "VariableID:3919:36458", "modes": { - "sds_light": "{@color_primitives.Grey.400}", - "sds_dark": "{@color_primitives.Grey.500}" + "sds_light": "{@color_primitives.Grey.500}", + "sds_dark": "{@color_primitives.Grey.400}", + "pink": "{@color_primitives.Pink.500}" } } } }, - "on-disabled": { + "on-brand": { "$type": "color", - "$value": "{@color_primitives.Grey.400}", + "$value": "{@color_primitives.Grey.100}", "$extensions": { "org.sds": { - "figmaId": "VariableID:3919:36513", + "figmaId": "VariableID:3919:36459", "modes": { - "sds_light": "{@color_primitives.Grey.400}", - "sds_dark": "{@color_primitives.Grey.400}" + "sds_light": "{@color_primitives.Grey.100}", + "sds_dark": "{@color_primitives.Grey.900}", + "pink": "{@color_primitives.Pink.100}" } } } - } - }, - "utilities": { - "icon": { + }, + "on-brand-secondary": { "$type": "color", - "$value": "{@color_primitives.Pink.600}", + "$value": "{@color_primitives.Grey.900}", "$extensions": { "org.sds": { - "figmaId": "VariableID:320:298", + "figmaId": "VariableID:3919:36461", "modes": { - "sds_light": "{@color_primitives.Pink.600}", - "sds_dark": "{@color_primitives.Pink.400}" + "sds_light": "{@color_primitives.Grey.900}", + "sds_dark": "{@color_primitives.Grey.100}", + "pink": "{@color_primitives.Pink.900}" } } } }, - "icon-on-measurement": { + "on-brand-tertiary": { "$type": "color", - "$value": "{@color_primitives.Pink.800}", + "$value": "{@color_primitives.Grey.800}", "$extensions": { "org.sds": { - "figmaId": "VariableID:280:16549", + "figmaId": "VariableID:9670:11773", "modes": { - "sds_light": "{@color_primitives.Pink.800}", - "sds_dark": "{@color_primitives.Pink.200}" - } - } - } - } - } - } - }, - "@color_primitives": { - "$extensions": { - "org.sds": { - "figmaId": "VariableCollectionId:3919:36421", - "modes": [ - "value" - ] - } - }, - "black": { - "100": { - "$type": "color", - "$value": "#0c0c0d0d", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11234", - "modes": { - "value": "#0c0c0d0d" - } - } - } - }, - "200": { - "$type": "color", - "$value": "#0c0c0d1a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11235", - "modes": { - "value": "#0c0c0d1a" - } - } - } - }, - "300": { - "$type": "color", - "$value": "#0c0c0d33", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11236", - "modes": { - "value": "#0c0c0d33" - } - } - } - }, - "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" - } - } - } - }, - "900": { - "$type": "color", - "$value": "#0c0c0df2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11242", - "modes": { - "value": "#0c0c0df2" - } - } - } - }, - "1000": { - "$type": "color", - "$value": "#0c0c0d", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:9:11243", - "modes": { - "value": "#0c0c0d" - } - } - } - } - }, - "white": { - "100": { - "$type": "color", - "$value": "#ffffff0d", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36544", - "modes": { - "value": "#ffffff0d" - } - } - } - }, - "200": { - "$type": "color", - "$value": "#ffffff1a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36545", - "modes": { - "value": "#ffffff1a" - } - } - } - }, - "300": { - "$type": "color", - "$value": "#ffffff33", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36546", - "modes": { - "value": "#ffffff33" - } - } - } - }, - "400": { - "$type": "color", - "$value": "#ffffff66", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36547", - "modes": { - "value": "#ffffff66" - } - } - } - }, - "500": { - "$type": "color", - "$value": "#ffffffb2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36548", - "modes": { - "value": "#ffffffb2" - } - } - } - }, - "600": { - "$type": "color", - "$value": "#ffffffcc", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36549", - "modes": { - "value": "#ffffffcc" + "sds_light": "{@color_primitives.Grey.800}", + "sds_dark": "{@color_primitives.Grey.100}", + "pink": "{@color_primitives.Pink.900}" + } } } } }, - "700": { - "$type": "color", - "$value": "#ffffffd9", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36550", - "modes": { - "value": "#ffffffd9" + "positive": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Green.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36462", + "modes": { + "sds_light": "{@color_primitives.Green.800}", + "sds_dark": "{@color_primitives.Green.200}", + "pink": "{@color_primitives.Green.800}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#ffffffe5", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36551", - "modes": { - "value": "#ffffffe5" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Green.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36463", + "modes": { + "sds_light": "{@color_primitives.Green.600}", + "sds_dark": "{@color_primitives.Green.400}", + "pink": "{@color_primitives.Green.600}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#fffffff2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36552", - "modes": { - "value": "#fffffff2" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Green.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36464", + "modes": { + "sds_light": "{@color_primitives.Green.500}", + "sds_dark": "{@color_primitives.Green.600}", + "pink": "{@color_primitives.Green.500}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#ffffff", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36553", - "modes": { - "value": "#ffffff" + }, + "on-positive": { + "$type": "color", + "$value": "{@color_primitives.Green.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36465", + "modes": { + "sds_light": "{@color_primitives.Green.100}", + "sds_dark": "{@color_primitives.Green.100}", + "pink": "{@color_primitives.Green.100}" + } } } - } - } - }, - "slate": { - "100": { - "$type": "color", - "$value": "#f3f3f3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36534", - "modes": { - "value": "#f3f3f3" + }, + "on-positive-secondary": { + "$type": "color", + "$value": "{@color_primitives.Green.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36467", + "modes": { + "sds_light": "{@color_primitives.Green.800}", + "sds_dark": "{@color_primitives.Green.100}", + "pink": "{@color_primitives.Green.800}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#e3e3e3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36535", - "modes": { - "value": "#e3e3e3" + }, + "on-positive-tertiary": { + "$type": "color", + "$value": "{@color_primitives.Green.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7455", + "modes": { + "sds_light": "{@color_primitives.Green.800}", + "sds_dark": "{@color_primitives.Green.100}", + "pink": "{@color_primitives.Green.800}" + } } } } }, - "300": { - "$type": "color", - "$value": "#cdcdcd", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36536", - "modes": { - "value": "#cdcdcd" + "warning": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Yellow.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36468", + "modes": { + "sds_light": "{@color_primitives.Yellow.900}", + "sds_dark": "{@color_primitives.Yellow.200}", + "pink": "{@color_primitives.Yellow.900}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#b2b2b2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36537", - "modes": { - "value": "#b2b2b2" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Yellow.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36469", + "modes": { + "sds_light": "{@color_primitives.Yellow.700}", + "sds_dark": "{@color_primitives.Yellow.400}", + "pink": "{@color_primitives.Yellow.700}" + } } } - } - }, - "500": { - "$type": "color", - "$value": "#949494", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36538", - "modes": { - "value": "#949494" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Yellow.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36470", + "modes": { + "sds_light": "{@color_primitives.Yellow.600}", + "sds_dark": "{@color_primitives.Yellow.600}", + "pink": "{@color_primitives.Yellow.600}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#767676", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36539", - "modes": { - "value": "#767676" + }, + "on-warning": { + "$type": "color", + "$value": "{@color_primitives.Yellow.1000}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36471", + "modes": { + "sds_light": "{@color_primitives.Yellow.1000}", + "sds_dark": "{@color_primitives.Yellow.1000}", + "pink": "{@color_primitives.Yellow.1000}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#5a5a5a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36540", - "modes": { - "value": "#5a5a5a" + }, + "on-warning-secondary": { + "$type": "color", + "$value": "{@color_primitives.Yellow.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36473", + "modes": { + "sds_light": "{@color_primitives.Yellow.800}", + "sds_dark": "{@color_primitives.Yellow.100}", + "pink": "{@color_primitives.Yellow.800}" + } + } + } + }, + "on-warning-tertiary": { + "$type": "color", + "$value": "{@color_primitives.Yellow.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7453", + "modes": { + "sds_light": "{@color_primitives.Yellow.900}", + "sds_dark": "{@color_primitives.Yellow.100}", + "pink": "{@color_primitives.Yellow.900}" + } } } } }, - "800": { - "$type": "color", - "$value": "#434343", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36541", - "modes": { - "value": "#434343" + "danger": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36474", + "modes": { + "sds_light": "{@color_primitives.Red.700}", + "sds_dark": "{@color_primitives.Red.200}", + "pink": "{@color_primitives.Red.700}" + } + } + } + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Red.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36475", + "modes": { + "sds_light": "{@color_primitives.Red.600}", + "sds_dark": "{@color_primitives.Red.400}", + "pink": "{@color_primitives.Red.600}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#303030", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36542", - "modes": { - "value": "#303030" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Red.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36476", + "modes": { + "sds_light": "{@color_primitives.Red.500}", + "sds_dark": "{@color_primitives.Red.500}", + "pink": "{@color_primitives.Red.500}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#242424", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36543", - "modes": { - "value": "#242424" + }, + "on-danger": { + "$type": "color", + "$value": "{@color_primitives.Red.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36477", + "modes": { + "sds_light": "{@color_primitives.Red.100}", + "sds_dark": "{@color_primitives.Red.100}", + "pink": "{@color_primitives.Red.100}" + } } } - } - } - }, - "red": { - "100": { - "$type": "color", - "$value": "#fee9e7", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36624", - "modes": { - "value": "#fee9e7" + }, + "on-danger-secondary": { + "$type": "color", + "$value": "{@color_primitives.Red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36479", + "modes": { + "sds_light": "{@color_primitives.Red.700}", + "sds_dark": "{@color_primitives.Red.100}", + "pink": "{@color_primitives.Red.700}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#fdd3d0", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36625", - "modes": { - "value": "#fdd3d0" + }, + "on-danger-tertiary": { + "$type": "color", + "$value": "{@color_primitives.Red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:2002:7454", + "modes": { + "sds_light": "{@color_primitives.Red.700}", + "sds_dark": "{@color_primitives.Red.100}", + "pink": "{@color_primitives.Red.700}" + } } } } }, - "300": { - "$type": "color", - "$value": "#fcb3ad", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36626", - "modes": { - "value": "#fcb3ad" + "disabled": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Grey.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36480", + "modes": { + "sds_light": "{@color_primitives.Grey.400}", + "sds_dark": "{@color_primitives.Grey.500}", + "pink": "{@color_primitives.Grey.400}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#f4776a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36627", - "modes": { - "value": "#f4776a" + }, + "on-disabled": { + "$type": "color", + "$value": "{@color_primitives.Grey.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36481", + "modes": { + "sds_light": "{@color_primitives.Grey.400}", + "sds_dark": "{@color_primitives.Grey.400}", + "pink": "{@color_primitives.Grey.400}" + } } } } }, - "500": { - "$type": "color", - "$value": "#ec221f", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36628", - "modes": { - "value": "#ec221f" + "utilities": { + "text-on-overlay": { + "$type": "color", + "$value": "{@color_primitives.Black.1000}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:9643:10770", + "modes": { + "sds_light": "{@color_primitives.Black.1000}", + "sds_dark": "{@color_primitives.White.1000}", + "pink": "{@color_primitives.Black.1000}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#c00f0c", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36629", - "modes": { - "value": "#c00f0c" + }, + "text-on-measurement": { + "$type": "color", + "$value": "{@color_primitives.Pink.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:72:10153", + "modes": { + "sds_light": "{@color_primitives.Pink.800}", + "sds_dark": "{@color_primitives.Pink.200}", + "pink": "{@color_primitives.Pink.800}" + } } } } - }, - "700": { - "$type": "color", - "$value": "#900b09", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36630", - "modes": { - "value": "#900b09" + } + }, + "border": { + "default": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Grey.300}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36514", + "modes": { + "sds_light": "{@color_primitives.Grey.300}", + "sds_dark": "{@color_primitives.Grey.600}", + "pink": "{@color_primitives.Grey.300}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#690807", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36631", - "modes": { - "value": "#690807" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Grey.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36515", + "modes": { + "sds_light": "{@color_primitives.Grey.500}", + "sds_dark": "{@color_primitives.Grey.500}", + "pink": "{@color_primitives.Grey.500}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#4d0b0a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36632", - "modes": { - "value": "#4d0b0a" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Grey.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:12723", + "modes": { + "sds_light": "{@color_primitives.Grey.700}", + "sds_dark": "{@color_primitives.Grey.400}", + "pink": "{@color_primitives.Grey.700}" + } } } } }, - "1000": { - "$type": "color", - "$value": "#300603", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36633", - "modes": { - "value": "#300603" + "neutral": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Slate.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:12485", + "modes": { + "sds_light": "{@color_primitives.Slate.900}", + "sds_dark": "{@color_primitives.Slate.100}", + "pink": "{@color_primitives.Slate.900}" + } + } + } + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Slate.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:12486", + "modes": { + "sds_light": "{@color_primitives.Slate.600}", + "sds_dark": "{@color_primitives.Slate.500}", + "pink": "{@color_primitives.Slate.600}" + } } } - } - } - }, - "yellow": { - "100": { - "$type": "color", - "$value": "#fffbeb", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36644", - "modes": { - "value": "#fffbeb" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Slate.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:12724", + "modes": { + "sds_light": "{@color_primitives.Slate.400}", + "sds_dark": "{@color_primitives.Slate.600}", + "pink": "{@color_primitives.Slate.400}" + } } } } }, - "200": { - "$type": "color", - "$value": "#fff1c2", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36645", - "modes": { - "value": "#fff1c2" + "brand": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Grey.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36516", + "modes": { + "sds_light": "{@color_primitives.Grey.800}", + "sds_dark": "{@color_primitives.Grey.100}", + "pink": "{@color_primitives.Grey.800}" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#ffe8a3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36646", - "modes": { - "value": "#ffe8a3" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Grey.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36517", + "modes": { + "sds_light": "{@color_primitives.Grey.600}", + "sds_dark": "{@color_primitives.Grey.300}", + "pink": "{@color_primitives.Grey.600}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#e8b931", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36647", - "modes": { - "value": "#e8b931" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Grey.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:12725", + "modes": { + "sds_light": "{@color_primitives.Grey.500}", + "sds_dark": "{@color_primitives.Grey.400}", + "pink": "{@color_primitives.Grey.500}" + } } } } }, - "500": { - "$type": "color", - "$value": "#e5a000", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36648", - "modes": { - "value": "#e5a000" + "positive": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Green.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36520", + "modes": { + "sds_light": "{@color_primitives.Green.800}", + "sds_dark": "{@color_primitives.Green.200}", + "pink": "{@color_primitives.Green.800}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#bf6a02", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36649", - "modes": { - "value": "#bf6a02" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Green.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36521", + "modes": { + "sds_light": "{@color_primitives.Green.600}", + "sds_dark": "{@color_primitives.Green.400}", + "pink": "{@color_primitives.Green.600}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#975102", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36650", - "modes": { - "value": "#975102" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Green.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:12726", + "modes": { + "sds_light": "{@color_primitives.Green.500}", + "sds_dark": "{@color_primitives.Green.600}", + "pink": "{@color_primitives.Green.500}" + } } } } }, - "800": { - "$type": "color", - "$value": "#682d03", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36651", - "modes": { - "value": "#682d03" + "warning": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Yellow.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36524", + "modes": { + "sds_light": "{@color_primitives.Yellow.900}", + "sds_dark": "{@color_primitives.Yellow.200}", + "pink": "{@color_primitives.Yellow.900}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#522504", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36652", - "modes": { - "value": "#522504" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Yellow.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36525", + "modes": { + "sds_light": "{@color_primitives.Yellow.700}", + "sds_dark": "{@color_primitives.Yellow.400}", + "pink": "{@color_primitives.Yellow.700}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#401b01", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36653", - "modes": { - "value": "#401b01" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Yellow.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:12727", + "modes": { + "sds_light": "{@color_primitives.Yellow.600}", + "sds_dark": "{@color_primitives.Yellow.600}", + "pink": "{@color_primitives.Yellow.600}" + } } } } - } - }, - "green": { - "100": { - "$type": "color", - "$value": "#ebffee", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36654", - "modes": { - "value": "#ebffee" + }, + "danger": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36528", + "modes": { + "sds_light": "{@color_primitives.Red.700}", + "sds_dark": "{@color_primitives.Red.200}", + "pink": "{@color_primitives.Red.700}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#cff7d3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36655", - "modes": { - "value": "#cff7d3" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Red.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36529", + "modes": { + "sds_light": "{@color_primitives.Red.600}", + "sds_dark": "{@color_primitives.Red.400}", + "pink": "{@color_primitives.Red.600}" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#aff4c6", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36656", - "modes": { - "value": "#aff4c6" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Red.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:159:12728", + "modes": { + "sds_light": "{@color_primitives.Red.500}", + "sds_dark": "{@color_primitives.Red.500}", + "pink": "{@color_primitives.Red.500}" + } } } } }, - "400": { - "$type": "color", - "$value": "#85e0a3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36657", - "modes": { - "value": "#85e0a3" + "disabled": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Grey.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36532", + "modes": { + "sds_light": "{@color_primitives.Grey.400}", + "sds_dark": "{@color_primitives.Grey.600}", + "pink": "{@color_primitives.Grey.400}" + } } } } }, - "500": { - "$type": "color", - "$value": "#14ae5c", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36658", - "modes": { - "value": "#14ae5c" + "utilities": { + "measurement": { + "$type": "color", + "$value": "{@color_primitives.Pink.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:72:10154", + "modes": { + "sds_light": "{@color_primitives.Pink.400}", + "sds_dark": "{@color_primitives.Pink.600}", + "pink": "{@color_primitives.Pink.400}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#009951", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36659", - "modes": { - "value": "#009951" + }, + "swatch": { + "$type": "color", + "$value": "#0000003d", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:315:32841", + "modes": { + "sds_light": "#0000003d", + "sds_dark": "#ffffff3d", + "pink": "#0000003d" + } } } } - }, - "700": { - "$type": "color", - "$value": "#008043", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36660", - "modes": { - "value": "#008043" + } + }, + "icon": { + "default": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Slate.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36482", + "modes": { + "sds_light": "{@color_primitives.Slate.900}", + "sds_dark": "{@color_primitives.White.1000}", + "pink": "{@color_primitives.Slate.900}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#02542d", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36661", - "modes": { - "value": "#02542d" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Slate.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36483", + "modes": { + "sds_light": "{@color_primitives.Slate.500}", + "sds_dark": "{@color_primitives.White.500}", + "pink": "{@color_primitives.Slate.500}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#024023", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36662", - "modes": { - "value": "#024023" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Slate.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36484", + "modes": { + "sds_light": "{@color_primitives.Slate.400}", + "sds_dark": "{@color_primitives.White.400}", + "pink": "{@color_primitives.Slate.400}" + } } } } }, - "1000": { - "$type": "color", - "$value": "#062d1b", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36663", - "modes": { - "value": "#062d1b" + "neutral": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Slate.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:12479", + "modes": { + "sds_light": "{@color_primitives.Slate.900}", + "sds_dark": "{@color_primitives.Slate.200}", + "pink": "{@color_primitives.Slate.900}" + } } } - } - } - }, - "grey": { - "100": { - "$type": "color", - "$value": "#f5f5f5", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36614", - "modes": { - "value": "#f5f5f5" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Slate.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:12480", + "modes": { + "sds_light": "{@color_primitives.Slate.700}", + "sds_dark": "{@color_primitives.Slate.300}", + "pink": "{@color_primitives.Slate.700}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#e6e6e6", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36615", - "modes": { - "value": "#e6e6e6" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Slate.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:12481", + "modes": { + "sds_light": "{@color_primitives.Slate.600}", + "sds_dark": "{@color_primitives.Slate.400}", + "pink": "{@color_primitives.Slate.600}" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#d9d9d9", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36616", - "modes": { - "value": "#d9d9d9" + }, + "on-neutral": { + "$type": "color", + "$value": "{@color_primitives.Slate.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:12482", + "modes": { + "sds_light": "{@color_primitives.Slate.100}", + "sds_dark": "{@color_primitives.Slate.1000}", + "pink": "{@color_primitives.Slate.100}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#b3b3b3", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36617", - "modes": { - "value": "#b3b3b3" + }, + "on-neutral-secondary": { + "$type": "color", + "$value": "{@color_primitives.Slate.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:12483", + "modes": { + "sds_light": "{@color_primitives.Slate.900}", + "sds_dark": "{@color_primitives.Slate.100}", + "pink": "{@color_primitives.Slate.900}" + } + } + } + }, + "on-neutral-tertiary": { + "$type": "color", + "$value": "{@color_primitives.Slate.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:12484", + "modes": { + "sds_light": "{@color_primitives.Slate.800}", + "sds_dark": "{@color_primitives.Slate.100}", + "pink": "{@color_primitives.Slate.800}" + } } } } }, - "500": { - "$type": "color", - "$value": "#757575", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36618", - "modes": { - "value": "#757575" + "brand": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Grey.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36488", + "modes": { + "sds_light": "{@color_primitives.Grey.800}", + "sds_dark": "{@color_primitives.Grey.100}", + "pink": "{@color_primitives.Pink.800}" + } + } + } + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Grey.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36489", + "modes": { + "sds_light": "{@color_primitives.Grey.600}", + "sds_dark": "{@color_primitives.Grey.300}", + "pink": "{@color_primitives.Pink.600}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#444444", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36619", - "modes": { - "value": "#444444" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Grey.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36490", + "modes": { + "sds_light": "{@color_primitives.Grey.500}", + "sds_dark": "{@color_primitives.Grey.400}", + "pink": "{@color_primitives.Pink.500}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#383838", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36620", - "modes": { - "value": "#383838" + }, + "on-brand": { + "$type": "color", + "$value": "{@color_primitives.Grey.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36491", + "modes": { + "sds_light": "{@color_primitives.Grey.100}", + "sds_dark": "{@color_primitives.Grey.900}", + "pink": "{@color_primitives.Grey.100}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#2c2c2c", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36621", - "modes": { - "value": "#2c2c2c" + }, + "on-brand-secondary": { + "$type": "color", + "$value": "{@color_primitives.Grey.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36493", + "modes": { + "sds_light": "{@color_primitives.Grey.900}", + "sds_dark": "{@color_primitives.Grey.100}", + "pink": "{@color_primitives.Grey.900}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#1e1e1e", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36622", - "modes": { - "value": "#1e1e1e" + }, + "on-brand-tertiary": { + "$type": "color", + "$value": "{@color_primitives.Grey.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:5932", + "modes": { + "sds_light": "{@color_primitives.Grey.800}", + "sds_dark": "{@color_primitives.Grey.100}", + "pink": "{@color_primitives.Grey.800}" + } } } } }, - "1000": { - "$type": "color", - "$value": "#111111", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:3919:36623", - "modes": { - "value": "#111111" + "positive": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Green.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36494", + "modes": { + "sds_light": "{@color_primitives.Green.800}", + "sds_dark": "{@color_primitives.Green.200}", + "pink": "{@color_primitives.Green.800}" + } } } - } - } - }, - "sds": { - "100": { - "$type": "color", - "$value": "#f4f5f6", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:159:13361", - "modes": { - "value": "#f4f5f6" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Green.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36495", + "modes": { + "sds_light": "{@color_primitives.Green.600}", + "sds_dark": "{@color_primitives.Green.400}", + "pink": "{@color_primitives.Green.600}" + } } } - } - }, - "200": { - "$type": "color", - "$value": "#e8eaec", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:159:13362", - "modes": { - "value": "#e8eaec" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Green.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36496", + "modes": { + "sds_light": "{@color_primitives.Green.500}", + "sds_dark": "{@color_primitives.Green.600}", + "pink": "{@color_primitives.Green.500}" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#d1d5d9", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:159:13363", - "modes": { - "value": "#d1d5d9" + }, + "on-positive": { + "$type": "color", + "$value": "{@color_primitives.Green.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36497", + "modes": { + "sds_light": "{@color_primitives.Green.100}", + "sds_dark": "{@color_primitives.Green.100}", + "pink": "{@color_primitives.Green.100}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#b4bac0", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:159:13364", - "modes": { - "value": "#b4bac0" + }, + "on-positive-secondary": { + "$type": "color", + "$value": "{@color_primitives.Green.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36498", + "modes": { + "sds_light": "{@color_primitives.Green.800}", + "sds_dark": "{@color_primitives.Green.100}", + "pink": "{@color_primitives.Green.800}" + } } } - } - }, - "500": { - "$type": "color", - "$value": "#6e747c", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:159:13365", - "modes": { - "value": "#6e747c" + }, + "on-positive-tertiary": { + "$type": "color", + "$value": "{@color_primitives.Green.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:5935", + "modes": { + "sds_light": "{@color_primitives.Green.900}", + "sds_dark": "{@color_primitives.Green.100}", + "pink": "{@color_primitives.Green.900}" + } } } } }, - "600": { - "$type": "color", - "$value": "#4c4f59", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:159:13366", - "modes": { - "value": "#4c4f59" + "warning": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Yellow.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36500", + "modes": { + "sds_light": "{@color_primitives.Yellow.900}", + "sds_dark": "{@color_primitives.Yellow.200}", + "pink": "{@color_primitives.Yellow.900}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#41444b", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:159:13367", - "modes": { - "value": "#41444b" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Yellow.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36501", + "modes": { + "sds_light": "{@color_primitives.Yellow.700}", + "sds_dark": "{@color_primitives.Yellow.400}", + "pink": "{@color_primitives.Yellow.700}" + } } } - } - }, - "800": { - "$type": "color", - "$value": "#2e2f36", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:159:13368", - "modes": { - "value": "#2e2f36" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Yellow.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36502", + "modes": { + "sds_light": "{@color_primitives.Yellow.600}", + "sds_dark": "{@color_primitives.Yellow.600}", + "pink": "{@color_primitives.Yellow.600}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#232429", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:159:13369", - "modes": { - "value": "#232429" + }, + "on-warning": { + "$type": "color", + "$value": "{@color_primitives.Yellow.1000}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36503", + "modes": { + "sds_light": "{@color_primitives.Yellow.1000}", + "sds_dark": "{@color_primitives.Yellow.1000}", + "pink": "{@color_primitives.Yellow.1000}" + } } } - } - }, - "1000": { - "$type": "color", - "$value": "#18181b", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:159:13370", - "modes": { - "value": "#18181b" + }, + "on-warning-secondary": { + "$type": "color", + "$value": "{@color_primitives.Yellow.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36504", + "modes": { + "sds_light": "{@color_primitives.Yellow.800}", + "sds_dark": "{@color_primitives.Yellow.100}", + "pink": "{@color_primitives.Yellow.800}" + } } } - } - } - }, - "pink": { - "100": { - "$type": "color", - "$value": "#fcf1fd", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:280:16481", - "modes": { - "value": "#fcf1fd" + }, + "on-warning-tertiary": { + "$type": "color", + "$value": "{@color_primitives.Yellow.900}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:5933", + "modes": { + "sds_light": "{@color_primitives.Yellow.900}", + "sds_dark": "{@color_primitives.Yellow.100}", + "pink": "{@color_primitives.Yellow.900}" + } } } } }, - "200": { - "$type": "color", - "$value": "#fae1fa", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:280:16482", - "modes": { - "value": "#fae1fa" + "danger": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36506", + "modes": { + "sds_light": "{@color_primitives.Red.700}", + "sds_dark": "{@color_primitives.Red.200}", + "pink": "{@color_primitives.Red.700}" + } } } - } - }, - "300": { - "$type": "color", - "$value": "#f5c0ef", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:280:16483", - "modes": { - "value": "#f5c0ef" + }, + "secondary": { + "$type": "color", + "$value": "{@color_primitives.Red.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36507", + "modes": { + "sds_light": "{@color_primitives.Red.600}", + "sds_dark": "{@color_primitives.Red.400}", + "pink": "{@color_primitives.Red.600}" + } } } - } - }, - "400": { - "$type": "color", - "$value": "#f19edc", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:280:16486", - "modes": { - "value": "#f19edc" + }, + "tertiary": { + "$type": "color", + "$value": "{@color_primitives.Red.500}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36508", + "modes": { + "sds_light": "{@color_primitives.Red.500}", + "sds_dark": "{@color_primitives.Red.500}", + "pink": "{@color_primitives.Red.500}" + } } } - } - }, - "500": { - "$type": "color", - "$value": "#ea3fb8", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:280:16490", - "modes": { - "value": "#ea3fb8" + }, + "on-danger": { + "$type": "color", + "$value": "{@color_primitives.Red.100}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36509", + "modes": { + "sds_light": "{@color_primitives.Red.100}", + "sds_dark": "{@color_primitives.Red.100}", + "pink": "{@color_primitives.Red.100}" + } } } - } - }, - "600": { - "$type": "color", - "$value": "#d732a8", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:280:16491", - "modes": { - "value": "#d732a8" + }, + "on-danger-secondary": { + "$type": "color", + "$value": "{@color_primitives.Red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36510", + "modes": { + "sds_light": "{@color_primitives.Red.700}", + "sds_dark": "{@color_primitives.Red.100}", + "pink": "{@color_primitives.Red.700}" + } } } - } - }, - "700": { - "$type": "color", - "$value": "#ba2a92", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:280:16493", - "modes": { - "value": "#ba2a92" + }, + "on-danger-tertiary": { + "$type": "color", + "$value": "{@color_primitives.Red.700}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:106:5934", + "modes": { + "sds_light": "{@color_primitives.Red.700}", + "sds_dark": "{@color_primitives.Red.100}", + "pink": "{@color_primitives.Red.700}" + } } } } }, - "800": { - "$type": "color", - "$value": "#8a226f", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:280:16494", - "modes": { - "value": "#8a226f" + "disabled": { + "default": { + "$type": "color", + "$value": "{@color_primitives.Grey.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36512", + "modes": { + "sds_light": "{@color_primitives.Grey.400}", + "sds_dark": "{@color_primitives.Grey.500}", + "pink": "{@color_primitives.Grey.400}" + } } } - } - }, - "900": { - "$type": "color", - "$value": "#57184a", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:280:16497", - "modes": { - "value": "#57184a" + }, + "on-disabled": { + "$type": "color", + "$value": "{@color_primitives.Grey.400}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:3919:36513", + "modes": { + "sds_light": "{@color_primitives.Grey.400}", + "sds_dark": "{@color_primitives.Grey.400}", + "pink": "{@color_primitives.Grey.400}" + } } } } }, - "1000": { - "$type": "color", - "$value": "#3f1536", - "$extensions": { - "org.sds": { - "figmaId": "VariableID:280:16498", - "modes": { - "value": "#3f1536" + "utilities": { + "icon": { + "$type": "color", + "$value": "{@color_primitives.Pink.600}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:320:298", + "modes": { + "sds_light": "{@color_primitives.Pink.600}", + "sds_dark": "{@color_primitives.Pink.400}", + "pink": "{@color_primitives.Pink.600}" + } + } + } + }, + "icon-on-measurement": { + "$type": "color", + "$value": "{@color_primitives.Pink.800}", + "$extensions": { + "org.sds": { + "figmaId": "VariableID:280:16549", + "modes": { + "sds_light": "{@color_primitives.Pink.800}", + "sds_dark": "{@color_primitives.Pink.200}", + "pink": "{@color_primitives.Pink.800}" + } } } } diff --git a/src/App.tsx b/src/App.tsx index cb61721..61c4d99 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -17,7 +17,7 @@ import { Image, Input, Navigation, - NavigationItem, + NavigationPill, Search, SelectField, SelectItem, @@ -138,18 +138,18 @@ function App() { - setPricingInterval("monthly")} isSelected={pricingInterval === "monthly"} > Monthly - - + setPricingInterval("yearly")} isSelected={pricingInterval === "yearly"} > Yearly - + diff --git a/src/figma/compositions/CardGrids.figma.tsx b/src/figma/compositions/CardGrids.figma.tsx index c2b48ab..3b233d3 100644 --- a/src/figma/compositions/CardGrids.figma.tsx +++ b/src/figma/compositions/CardGrids.figma.tsx @@ -89,7 +89,7 @@ figma.connect(Section, "", { props: { gap: figma.enum("Platform", { Desktop: "1200", Mobile: "600" }), padding: figma.enum("Platform", { Desktop: "1200", Mobile: "600" }), - top: figma.children("Navigation List"), + top: figma.children("Navigation Pill List"), cards: figma.children("Pricing Card"), }, example: ({ gap, top, cards, padding }) => ( diff --git a/src/figma/primitives/Navigation.figma.tsx b/src/figma/primitives/Navigation.figma.tsx index c4a763d..546eb62 100644 --- a/src/figma/primitives/Navigation.figma.tsx +++ b/src/figma/primitives/Navigation.figma.tsx @@ -1,9 +1,9 @@ import { figma } from "@figma/code-connect"; -import { Navigation, NavigationItem } from "primitives"; +import { Navigation, NavigationButton, NavigationPill } from "primitives"; -figma.connect(Navigation, "", { +figma.connect(Navigation, "", { props: { - children: figma.children("Navigation Item"), + children: figma.children("Navigation Pill"), direction: figma.enum("Direction", { Row: "row", Column: "column", @@ -14,16 +14,47 @@ figma.connect(Navigation, "", { ), }); -figma.connect(NavigationItem, "", { +figma.connect(NavigationPill, "", { props: { - text: figma.string("Text"), + label: figma.string("Label"), + isSelected: figma.enum("State", { + Active: true, + Default: undefined, + Hover: undefined, + }), + }, + example: ({ label, ...props }) => ( + {label} + ), +}); + +figma.connect(Navigation, "", { + props: { + children: figma.children("Navigation Button"), + direction: figma.enum("Direction", { + Row: "row", + Column: "column", + }), + }, + example: ({ children, ...props }) => ( + {children} + ), +}); +figma.connect(NavigationButton, "", { + props: { + label: figma.string("Label"), + icon: figma.boolean("Has Icon", { + true: figma.instance("Icon"), + false: undefined, + }), isSelected: figma.enum("State", { - On: true, - Off: undefined, + Active: true, + Default: undefined, + Hover: undefined, }), }, - example: ({ text, ...props }) => ( - {text} + example: ({ label, ...props }) => ( + {label} ), }); diff --git a/src/stories/primitives/Navigation.stories.tsx b/src/stories/primitives/Navigation.stories.tsx index 7aef0fb..558f5e5 100644 --- a/src/stories/primitives/Navigation.stories.tsx +++ b/src/stories/primitives/Navigation.stories.tsx @@ -1,5 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; -import { Navigation, NavigationItem } from "primitives"; +import { IconStar } from "icons"; +import { Navigation, NavigationButton, NavigationPill } from "primitives"; import { useState } from "react"; const meta: Meta = { @@ -14,36 +15,86 @@ export const Default: StoryObj = { const [current, setCurrent] = useState(1); return ( - setCurrent(1)} > Item 1 - - + setCurrent(2)} > Item 2 - - + setCurrent(3)} > Item 3 - - + setCurrent(4)} > Item 4 - - + setCurrent(5)} > Item 5 - + + + ); + }, +}; + +export const DefaultButton: StoryObj = { + render: (args) => { + const [current, setCurrent] = useState(1); + return ( + + } + direction={args.direction === "column" ? "row" : "column"} + isSelected={current === 1} + onPress={() => setCurrent(1)} + > + Item 1 + + } + direction={args.direction === "column" ? "row" : "column"} + isSelected={current === 2} + onPress={() => setCurrent(2)} + > + Item 2 + + } + direction={args.direction === "column" ? "row" : "column"} + isSelected={current === 3} + onPress={() => setCurrent(3)} + > + Item 3 + + } + direction={args.direction === "column" ? "row" : "column"} + isSelected={current === 4} + onPress={() => setCurrent(4)} + > + Item 4 + + } + direction={args.direction === "column" ? "row" : "column"} + isSelected={current === 5} + onPress={() => setCurrent(5)} + > + Item 5 + ); }, diff --git a/src/theme.css b/src/theme.css index f1f1ff1..1961149 100644 --- a/src/theme.css +++ b/src/theme.css @@ -532,6 +532,7 @@ --sds-font-body-emphasis: var(--sds-typography-body-font-style-italic) var(--sds-typography-body-size-medium) var(--sds-typography-body-font-family); --sds-font-body-link: normal var(--sds-typography-body-font-weight-regular) var(--sds-typography-body-size-medium) var(--sds-typography-body-font-family); --sds-font-body-small: normal var(--sds-typography-body-font-weight-regular) var(--sds-typography-body-size-small) var(--sds-typography-body-font-family); + --sds-font-body-small-strong: normal var(--sds-typography-weight-medium) var(--sds-typography-body-size-small) var(--sds-typography-body-font-family); --sds-font-input: normal var(--sds-typography-input-font-weight) var(--sds-typography-input-size-base) var(--sds-typography-input-font-family); --sds-font-body-code: normal var(--sds-typography-code-font-weight) var(--sds-typography-code-size-base) var(--sds-typography-code-font-family); --sds-font-utilities-component-notes-regular: normal var(--sds-typography-weight-regular) var(--sds-typography-scale-03) var(--sds-typography-family-mono); diff --git a/src/ui/compositions/Headers/Headers.tsx b/src/ui/compositions/Headers/Headers.tsx index d1bafc0..984933b 100644 --- a/src/ui/compositions/Headers/Headers.tsx +++ b/src/ui/compositions/Headers/Headers.tsx @@ -18,7 +18,7 @@ import { MenuPopover, MenuTrigger, Navigation, - NavigationItem, + NavigationPill, } from "primitives"; import { AuthenticationContext } from "providers"; import { useContext, useState } from "react"; @@ -63,12 +63,12 @@ export function HeaderAuth() { const navigation = ( - Pricing - Solutions - Community - Resources - Pricing - Contact + Pricing + Solutions + Community + Resources + Pricing + Contact ); diff --git a/src/ui/primitives/Navigation/Navigation.tsx b/src/ui/primitives/Navigation/Navigation.tsx index 9e30b1e..8bb2872 100644 --- a/src/ui/primitives/Navigation/Navigation.tsx +++ b/src/ui/primitives/Navigation/Navigation.tsx @@ -1,5 +1,5 @@ import clsx from "clsx"; -import { ComponentPropsWithoutRef } from "react"; +import { ComponentPropsWithoutRef, ReactNode } from "react"; import { AnchorOrButton, AnchorOrButtonProps } from "utils"; import "./navigation.css"; @@ -19,15 +19,15 @@ export function Navigation({ return