From 8932f6181d4ff5cc470893f3def288ad1916cb2f Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 20 Jan 2026 17:51:57 +0000 Subject: [PATCH 01/49] chore: add changeset --- .changeset/lemon-pillows-yawn.md | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 .changeset/lemon-pillows-yawn.md diff --git a/.changeset/lemon-pillows-yawn.md b/.changeset/lemon-pillows-yawn.md new file mode 100644 index 0000000000..853d812bb3 --- /dev/null +++ b/.changeset/lemon-pillows-yawn.md @@ -0,0 +1,3 @@ +--- + +--- From 49336cde6ce50d612aa91a7f59a8ded7bf514a0b Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 27 Jan 2026 10:44:58 +0000 Subject: [PATCH 02/49] feat: clean up accordion and accordion group --- .../src/components/accordion/accordion.ts | 5 +- .../output/figma-variables.json | 677 ++- .../src/figma-variables/variableTokens.json | 4160 +++++------------ packages/tokens/themes/components.css | 48 +- packages/tokens/themes/kid/kid.css | 23 +- packages/tokens/themes/ui-dark/ui-dark.css | 17 +- packages/tokens/themes/ui-light/ui-light.css | 17 +- packages/tokens/themes/vb/vb.css | 17 +- 8 files changed, 1405 insertions(+), 3559 deletions(-) diff --git a/packages/components/src/components/accordion/accordion.ts b/packages/components/src/components/accordion/accordion.ts index 7fe7ac7d73..46bb0841f7 100644 --- a/packages/components/src/components/accordion/accordion.ts +++ b/packages/components/src/components/accordion/accordion.ts @@ -41,11 +41,10 @@ import SolidElement from '../../internal/solid-element'; * @animation accordion.hide - The animation to use when hiding accordion. You can use `height: auto` with this animation. * * @cssproperty --sd-accordion-border-width - The accordion border width. - * @cssproperty --sd-accordion-color-background - The accordion background color. * @cssproperty --sd-accordion-color-text - The accordion color text. * @cssproperty --sd-accordion-padding-block - The accordion vertical padding value. - * @cssproperty --sd-accordion__chevron-color-text - The accordion chevron color. * @cssproperty --sd-accordion__indicator-color - The accordion indicator color. + * @cssproperty --sd-accordion-color-icon - The accordion icon color. */ @customElement('sd-accordion') export default class SdAccordion extends SolidElement { @@ -246,7 +245,7 @@ export default class SdAccordion extends SolidElement { } [part='summary-icon'] { - color: var(--sd-accordion__chevron-color-text); + color: var(--sd-accordion-color-icon); } ` ]; diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index f68e86ce38..d797e2fe8d 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -1014,16 +1014,6 @@ "description": "16px", "type": "float", "value": "16" - }, - "3xl": { - "description": "32px", - "type": "float", - "value": "32" - }, - "4xl": { - "description": "40px", - "type": "float", - "value": "40" } }, "leading": { @@ -1052,11 +1042,6 @@ "type": "float", "value": "36" }, - "12": { - "description": "Used for text 3xl (size: 32, line-height: 120%)", - "type": "float", - "value": "48" - }, "9,5": { "description": "Used for text 3xl, mobile text 4xl (size: 32, line-height: 120%)", "type": "float", @@ -3234,6 +3219,35 @@ } } }, + "sd-header": { + "color": { + "background": { + "type": "color", + "value": "{ui-light.utilities.color.background.white.default}" + }, + "_shadow": { + "description": "Deprecated?", + "type": "color", + "value": "rgba(24, 24, 24, 0.40)" + } + }, + "padding-bottom": { + "type": "float", + "value": "0" + }, + "__underline": { + "height": { + "type": "float", + "value": "{ui-light.utilities.sizing.2}" + }, + "color": { + "background": { + "type": "color", + "value": "rgba(255, 255, 255, 0.00)" + } + } + } + }, "sd-tag": { "--selected": { "--default": { @@ -3354,7 +3368,7 @@ }, "__tooltip": { "color": { - "icon": { + "icon-fill": { "type": "color", "value": "{ui-light.utilities.color.icon-fill.primary.default}" } @@ -3812,35 +3826,6 @@ "value": "{ui-light.utilities.text.sm}" } }, - "sd-audio": { - "--inverted": { - "color": { - "border": { - "type": "color", - "value": "{ui-light.utilities.color.white.default}" - } - } - }, - "__timestamp": { - "color": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.black.default}" - } - } - }, - "__slide-bar": { - "--inverted": { - "color": { - "border": { - "description": "Used for inverted dividers", - "type": "color", - "value": "{ui-light.utilities.color.primary.400}" - } - } - } - } - }, "sd-brandshape": { "--white": { "color": { @@ -3890,14 +3875,14 @@ }, "sd-accordion": { "color": { - "_shadow": { - "description": "Deprecated", - "type": "color", - "value": "rgba(24, 24, 24, 0.40)" - }, "text": { "type": "color", "value": "{ui-light.utilities.color.text.primary.default}" + }, + "icon-fill": { + "description": "Default icon color ", + "type": "color", + "value": "{ui-light.utilities.color.primary.default}" } }, "__indicator": { @@ -3912,33 +3897,7 @@ }, "border-width": { "type": "float", - "value": "{core.ui.sizing.px}" - }, - "__chevron": { - "color": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.primary.default}" - } - } - } - }, - "sd-header": { - "padding-bottom": { - "type": "float", - "value": "0" - }, - "__underline": { - "height": { - "type": "float", - "value": "{ui-light.utilities.sizing.2}" - }, - "color": { - "background": { - "type": "color", - "value": "rgba(255, 255, 255, 0.00)" - } - } + "value": "{ui-light.utilities.sizing.0,25}" } }, "navigable": { @@ -3962,7 +3921,7 @@ }, "font-size": { "type": "float", - "value": "{core.text-base}" + "value": "{ui-light.utilities.text.base}" }, "_docs": { "description": "Used in: sd-tab, sd-navigation-item and sd-menu", @@ -3980,14 +3939,6 @@ "type": "color", "value": "{ui-light.utilities.color.text.primary.default}" } - }, - "--current": { - "color": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.primary.default}" - } - } } }, "sd-badge": { @@ -4361,6 +4312,30 @@ } } }, + "sd-audio": { + "__slide-bar": { + "--inverted": { + "color": { + "border": { + "description": "Used for inverted dividers", + "type": "color", + "value": "{ui-light.utilities.color.primary.400}" + } + } + } + }, + "__track-bar": { + "--inverted": { + "color": { + "border": { + "description": "Used for inverted dividers", + "type": "color", + "value": "{ui-light.utilities.color.white.default}" + } + } + } + } + }, "sd-step": { "__tail": { "border-width": { @@ -4451,22 +4426,6 @@ } }, "sd-quickfact": { - "__expandable": { - "color": { - "description-default": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.black.default}" - } - }, - "title-default": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.black.default}" - } - } - } - }, "--expandable": { "color": { "text": { @@ -4675,14 +4634,14 @@ "type": "color", "value": "{ui-light.utilities.color.text.primary.default}" }, - "icon": { + "icon-fill": { "type": "color", "value": "{ui-light.utilities.color.icon-fill.primary.default}" } }, "--disabled": { "color": { - "icon": { + "icon-fill": { "type": "color", "value": "{ui-light.utilities.color.icon-fill.neutral.500}" }, @@ -4809,7 +4768,7 @@ "type": "color", "value": "{ui-light.utilities.color.primary.default}" }, - "icon": { + "icon-fill": { "type": "color", "value": "{ui-light.utilities.color.primary.default}" } @@ -4856,7 +4815,7 @@ "sd-dropdown": { "color": { "background": { - "description": "Default background color. Used for sd-chip, sd-flag, sd-container", + "description": "Default background color. Used for sd-chip, sd-flag, sd-container. NOTE: kid value should be reference to kid.white.600, had to be removed due to a bug that blocked fetching tokens in code.", "type": "color", "value": "{ui-light.utilities.color.white.default}" } @@ -4872,6 +4831,12 @@ } } } + }, + "sd-accordion-group": { + "_gap": { + "type": "float", + "value": "-1" + } } } }, @@ -6402,6 +6367,35 @@ } } }, + "sd-header": { + "color": { + "background": { + "type": "color", + "value": "{ui-dark.utilities.color.primary.default}" + }, + "_shadow": { + "description": "Deprecated?", + "type": "color", + "value": "rgba(255, 255, 255, 0.00)" + } + }, + "padding-bottom": { + "type": "float", + "value": "0" + }, + "__underline": { + "height": { + "type": "float", + "value": "{ui-dark.utilities.sizing.2}" + }, + "color": { + "background": { + "type": "color", + "value": "rgba(255, 255, 255, 0.00)" + } + } + } + }, "sd-tag": { "--selected": { "--default": { @@ -6522,7 +6516,7 @@ }, "__tooltip": { "color": { - "icon": { + "icon-fill": { "type": "color", "value": "{ui-dark.utilities.color.icon-fill.primary.default}" } @@ -6980,35 +6974,6 @@ "value": "{ui-dark.utilities.text.sm}" } }, - "sd-audio": { - "--inverted": { - "color": { - "border": { - "type": "color", - "value": "{ui-dark.utilities.color.white.default}" - } - } - }, - "__timestamp": { - "color": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.400}" - } - } - }, - "__slide-bar": { - "--inverted": { - "color": { - "border": { - "description": "Used for inverted dividers", - "type": "color", - "value": "{ui-dark.utilities.color.primary.400}" - } - } - } - } - }, "sd-brandshape": { "--white": { "color": { @@ -7058,14 +7023,14 @@ }, "sd-accordion": { "color": { - "_shadow": { - "description": "Deprecated", - "type": "color", - "value": "rgba(255, 255, 255, 0.00)" - }, "text": { "type": "color", "value": "{ui-dark.utilities.color.text.primary.default}" + }, + "icon-fill": { + "description": "Default icon color ", + "type": "color", + "value": "{ui-dark.utilities.color.white.default}" } }, "__indicator": { @@ -7080,33 +7045,7 @@ }, "border-width": { "type": "float", - "value": "{core.ui.sizing.px}" - }, - "__chevron": { - "color": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.default}" - } - } - } - }, - "sd-header": { - "padding-bottom": { - "type": "float", - "value": "0" - }, - "__underline": { - "height": { - "type": "float", - "value": "{ui-dark.utilities.sizing.2}" - }, - "color": { - "background": { - "type": "color", - "value": "rgba(255, 255, 255, 0.00)" - } - } + "value": "{ui-dark.utilities.sizing.0,25}" } }, "navigable": { @@ -7130,7 +7069,7 @@ }, "font-size": { "type": "float", - "value": "{core.text-base}" + "value": "{ui-dark.utilities.text.base}" }, "_docs": { "description": "Used in: sd-tab, sd-navigation-item and sd-menu", @@ -7148,14 +7087,6 @@ "type": "color", "value": "{ui-dark.utilities.color.text.primary.default}" } - }, - "--current": { - "color": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.default}" - } - } } }, "sd-badge": { @@ -7529,7 +7460,31 @@ } } }, - "sd-step": { + "sd-audio": { + "__slide-bar": { + "--inverted": { + "color": { + "border": { + "description": "Used for inverted dividers", + "type": "color", + "value": "{ui-dark.utilities.color.primary.400}" + } + } + } + }, + "__track-bar": { + "--inverted": { + "color": { + "border": { + "description": "Used for inverted dividers", + "type": "color", + "value": "{ui-dark.utilities.color.white.default}" + } + } + } + } + }, + "sd-step": { "__tail": { "border-width": { "type": "float", @@ -7619,22 +7574,6 @@ } }, "sd-quickfact": { - "__expandable": { - "color": { - "description-default": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.black.default}" - } - }, - "title-default": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.black.default}" - } - } - } - }, "--expandable": { "color": { "text": { @@ -7843,14 +7782,14 @@ "type": "color", "value": "{ui-dark.utilities.color.text.primary.default}" }, - "icon": { + "icon-fill": { "type": "color", "value": "{ui-dark.utilities.color.icon-fill.primary.default}" } }, "--disabled": { "color": { - "icon": { + "icon-fill": { "type": "color", "value": "{ui-dark.utilities.color.icon-fill.neutral.500}" }, @@ -7977,7 +7916,7 @@ "type": "color", "value": "{ui-dark.utilities.color.white.default}" }, - "icon": { + "icon-fill": { "type": "color", "value": "{ui-dark.utilities.color.white.default}" } @@ -8024,7 +7963,7 @@ "sd-dropdown": { "color": { "background": { - "description": "Default background color. Used for sd-chip, sd-flag, sd-container", + "description": "Default background color. Used for sd-chip, sd-flag, sd-container. NOTE: kid value should be reference to kid.white.600, had to be removed due to a bug that blocked fetching tokens in code.", "type": "color", "value": "{ui-dark.utilities.color.primary.900}" } @@ -8040,6 +7979,12 @@ } } } + }, + "sd-accordion-group": { + "_gap": { + "type": "float", + "value": "-1" + } } } }, @@ -8390,17 +8335,17 @@ "40%": { "description": "Used to add border that is only visible in dark mode:\n-dropdown", "type": "color", - "value": "rgba(24, 24, 24, 0.00)" + "value": "rgba(0, 0, 0, 0.00)" }, "0%": { "description": "Used to add border that is only visible in dark mode:\n-dropdown", "type": "color", - "value": "rgba(24, 24, 24, 0.00)" + "value": "rgba(0, 0, 0, 0.00)" }, "10%": { "description": "Used to add border that is only visible in dark mode:\n-dropdown", "type": "color", - "value": "rgba(24, 24, 24, 0.10)" + "value": "rgba(0, 0, 0, 0.10)" } } } @@ -9570,6 +9515,35 @@ } } }, + "sd-header": { + "color": { + "background": { + "type": "color", + "value": "{vb.utilities.color.background.white.default}" + }, + "_shadow": { + "description": "Deprecated?", + "type": "color", + "value": "rgba(0, 0, 0, 0.20)" + } + }, + "padding-bottom": { + "type": "float", + "value": "{vb.utilities.spacing.0,5}" + }, + "__underline": { + "height": { + "type": "float", + "value": "{vb.utilities.sizing.0,25}" + }, + "color": { + "background": { + "type": "color", + "value": "{core.vb.grey.200}" + } + } + } + }, "sd-tag": { "--selected": { "--default": { @@ -9690,7 +9664,7 @@ }, "__tooltip": { "color": { - "icon": { + "icon-fill": { "type": "color", "value": "{vb.utilities.color.black.default}" } @@ -10148,35 +10122,6 @@ "value": "{vb.utilities.text.sm}" } }, - "sd-audio": { - "--inverted": { - "color": { - "border": { - "type": "color", - "value": "{vb.utilities.color.white.default}" - } - } - }, - "__timestamp": { - "color": { - "text": { - "type": "color", - "value": "{vb.utilities.color.text.neutral.700}" - } - } - }, - "__slide-bar": { - "--inverted": { - "color": { - "border": { - "description": "Used for inverted dividers", - "type": "color", - "value": "rgba(255, 255, 255, 0.50)" - } - } - } - } - }, "sd-brandshape": { "--white": { "color": { @@ -10226,14 +10171,14 @@ }, "sd-accordion": { "color": { - "_shadow": { - "description": "Deprecated", - "type": "color", - "value": "rgba(24, 24, 24, 0.40)" - }, "text": { "type": "color", "value": "{vb.utilities.color.text.black.default}" + }, + "icon-fill": { + "description": "Default icon color ", + "type": "color", + "value": "{vb.utilities.color.neutral.700}" } }, "__indicator": { @@ -10248,33 +10193,7 @@ }, "border-width": { "type": "float", - "value": "{core.ui.sizing.0,5}" - }, - "__chevron": { - "color": { - "text": { - "type": "color", - "value": "{vb.utilities.color.text.neutral.600}" - } - } - } - }, - "sd-header": { - "padding-bottom": { - "type": "float", - "value": "{vb.utilities.spacing.0,5}" - }, - "__underline": { - "height": { - "type": "float", - "value": "{vb.utilities.sizing.0,25}" - }, - "color": { - "background": { - "type": "color", - "value": "{core.vb.grey.200}" - } - } + "value": "{vb.utilities.sizing.0,5}" } }, "navigable": { @@ -10298,7 +10217,7 @@ }, "font-size": { "type": "float", - "value": "{core.text-sm}" + "value": "{vb.utilities.text.sm}" }, "_docs": { "description": "Used in: sd-tab, sd-navigation-item and sd-menu", @@ -10316,14 +10235,6 @@ "type": "color", "value": "{vb.utilities.color.text.black.default}" } - }, - "--current": { - "color": { - "text": { - "type": "color", - "value": "{vb.utilities.color.text.black.default}" - } - } } }, "sd-badge": { @@ -10697,6 +10608,30 @@ } } }, + "sd-audio": { + "__slide-bar": { + "--inverted": { + "color": { + "border": { + "description": "Used for inverted dividers", + "type": "color", + "value": "rgba(255, 255, 255, 0.50)" + } + } + } + }, + "__track-bar": { + "--inverted": { + "color": { + "border": { + "description": "Used for inverted dividers", + "type": "color", + "value": "{vb.utilities.color.white.default}" + } + } + } + } + }, "sd-step": { "__tail": { "border-width": { @@ -10787,22 +10722,6 @@ } }, "sd-quickfact": { - "__expandable": { - "color": { - "description-default": { - "text": { - "type": "color", - "value": "{core.vb.grey.620}" - } - }, - "title-default": { - "text": { - "type": "color", - "value": "{vb.utilities.color.text.black.default}" - } - } - } - }, "--expandable": { "color": { "text": { @@ -11011,14 +10930,14 @@ "type": "color", "value": "{vb.utilities.color.text.black.default}" }, - "icon": { + "icon-fill": { "type": "color", "value": "{vb.utilities.color.text.black.default}" } }, "--disabled": { "color": { - "icon": { + "icon-fill": { "type": "color", "value": "rgba(0, 0, 0, 0.20)" }, @@ -11145,7 +11064,7 @@ "type": "color", "value": "{vb.utilities.color.primary.500}" }, - "icon": { + "icon-fill": { "type": "color", "value": "{vb.utilities.color.primary.500}" } @@ -11192,7 +11111,7 @@ "sd-dropdown": { "color": { "background": { - "description": "Default background color. Used for sd-chip, sd-flag, sd-container", + "description": "Default background color. Used for sd-chip, sd-flag, sd-container. NOTE: kid value should be reference to kid.white.600, had to be removed due to a bug that blocked fetching tokens in code.", "type": "color", "value": "{vb.utilities.color.white.default}" } @@ -11208,6 +11127,12 @@ } } } + }, + "sd-accordion-group": { + "_gap": { + "type": "float", + "value": "-2" + } } } }, @@ -11558,17 +11483,17 @@ "40%": { "description": "Used to add border that is only visible in dark mode:\n-dropdown", "type": "color", - "value": "rgba(24, 24, 24, 0.00)" + "value": "rgba(5, 21, 48, 0.20)" }, "0%": { "description": "Used to add border that is only visible in dark mode:\n-dropdown", "type": "color", - "value": "rgba(24, 24, 24, 0.00)" + "value": "rgba(5, 21, 48, 0.00)" }, "10%": { "description": "Used to add border that is only visible in dark mode:\n-dropdown", "type": "color", - "value": "rgba(24, 24, 24, 0.10)" + "value": "rgba(5, 21, 48, 0.10)" } } } @@ -12738,6 +12663,35 @@ } } }, + "sd-header": { + "color": { + "background": { + "type": "color", + "value": "{kid.utilities.color.background.white.default}" + }, + "_shadow": { + "description": "Deprecated?", + "type": "color", + "value": "rgba(5, 21, 48, 0.20)" + } + }, + "padding-bottom": { + "type": "float", + "value": "0" + }, + "__underline": { + "height": { + "type": "float", + "value": "{kid.utilities.sizing.2}" + }, + "color": { + "background": { + "type": "color", + "value": "rgba(255, 255, 255, 0.00)" + } + } + } + }, "sd-tag": { "--selected": { "--default": { @@ -12858,7 +12812,7 @@ }, "__tooltip": { "color": { - "icon": { + "icon-fill": { "type": "color", "value": "{kid.utilities.color.black.default}" } @@ -13316,35 +13270,6 @@ "value": "{kid.utilities.text.xs}" } }, - "sd-audio": { - "--inverted": { - "color": { - "border": { - "type": "color", - "value": "{kid.utilities.color.white.default}" - } - } - }, - "__timestamp": { - "color": { - "text": { - "type": "color", - "value": "{kid.utilities.color.text.black.default}" - } - } - }, - "__slide-bar": { - "--inverted": { - "color": { - "border": { - "description": "Used for inverted dividers", - "type": "color", - "value": "rgba(255, 255, 255, 0.50)" - } - } - } - } - }, "sd-brandshape": { "--white": { "color": { @@ -13394,14 +13319,14 @@ }, "sd-accordion": { "color": { - "_shadow": { - "description": "Deprecated", - "type": "color", - "value": "rgba(24, 24, 24, 0.40)" - }, "text": { "type": "color", "value": "{kid.utilities.color.text.black.default}" + }, + "icon-fill": { + "description": "Default icon color ", + "type": "color", + "value": "{kid.utilities.color.primary.default}" } }, "__indicator": { @@ -13416,33 +13341,7 @@ }, "border-width": { "type": "float", - "value": "{core.ui.sizing.0,5}" - }, - "__chevron": { - "color": { - "text": { - "type": "color", - "value": "{kid.utilities.color.text.neutral.600}" - } - } - } - }, - "sd-header": { - "padding-bottom": { - "type": "float", - "value": "{kid.utilities.spacing.0,5}" - }, - "__underline": { - "height": { - "type": "float", - "value": "{kid.utilities.sizing.0,25}" - }, - "color": { - "background": { - "type": "color", - "value": "rgba(255, 255, 255, 0.00)" - } - } + "value": "{kid.utilities.sizing.0,25}" } }, "navigable": { @@ -13466,7 +13365,7 @@ }, "font-size": { "type": "float", - "value": "{core.text-sm}" + "value": "{kid.utilities.text.sm}" }, "_docs": { "description": "Used in: sd-tab, sd-navigation-item and sd-menu", @@ -13484,14 +13383,6 @@ "type": "color", "value": "{kid.utilities.color.text.black.default}" } - }, - "--current": { - "color": { - "text": { - "type": "color", - "value": "{kid.utilities.color.text.black.default}" - } - } } }, "sd-badge": { @@ -13865,6 +13756,30 @@ } } }, + "sd-audio": { + "__slide-bar": { + "--inverted": { + "color": { + "border": { + "description": "Used for inverted dividers", + "type": "color", + "value": "rgba(255, 255, 255, 0.50)" + } + } + } + }, + "__track-bar": { + "--inverted": { + "color": { + "border": { + "description": "Used for inverted dividers", + "type": "color", + "value": "{kid.utilities.color.white.default}" + } + } + } + } + }, "sd-step": { "__tail": { "border-width": { @@ -13955,22 +13870,6 @@ } }, "sd-quickfact": { - "__expandable": { - "color": { - "description-default": { - "text": { - "type": "color", - "value": "{core.vb.grey.620}" - } - }, - "title-default": { - "text": { - "type": "color", - "value": "{kid.utilities.color.text.black.default}" - } - } - } - }, "--expandable": { "color": { "text": { @@ -14179,14 +14078,14 @@ "type": "color", "value": "{kid.utilities.color.text.black.default}" }, - "icon": { + "icon-fill": { "type": "color", "value": "{kid.utilities.color.text.black.default}" } }, "--disabled": { "color": { - "icon": { + "icon-fill": { "type": "color", "value": "{kid.utilities.color.neutral.500}" }, @@ -14313,7 +14212,7 @@ "type": "color", "value": "{core.vb.grey.620}" }, - "icon": { + "icon-fill": { "type": "color", "value": "{core.vb.grey.620}" } @@ -14360,7 +14259,7 @@ "sd-dropdown": { "color": { "background": { - "description": "Default background color. Used for sd-chip, sd-flag, sd-container", + "description": "Default background color. Used for sd-chip, sd-flag, sd-container. NOTE: kid value should be reference to kid.white.600, had to be removed due to a bug that blocked fetching tokens in code.", "type": "color", "value": "rgba(255, 255, 255, 0.60)" } @@ -14376,6 +14275,12 @@ } } } + }, + "sd-accordion-group": { + "_gap": { + "type": "float", + "value": "-1" + } } } } diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index 9b1b486018..74370b27cc 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -1,123 +1,11 @@ { "variableCollections": { - "VariableCollectionId:30640:10055": { - "defaultModeId": "30640:7", - "hiddenFromPublishing": false, - "id": "VariableCollectionId:30640:10055", - "isExtension": false, - "key": "c128d6fe90cdc7566faf204c0d6672f86c9a2c6c", - "modes": [ - { - "modeId": "30640:7", - "name": "Light" - }, - { - "modeId": "30640:8", - "name": "Dark" - } - ], - "name": "EightShapes Specs", - "remote": false, - "variableIds": [ - "VariableID:30640:10056", - "VariableID:30640:10057", - "VariableID:30640:10058", - "VariableID:30640:10059", - "VariableID:30640:10060", - "VariableID:30640:10061", - "VariableID:30640:10062", - "VariableID:30640:10063", - "VariableID:30640:10064", - "VariableID:30640:10065", - "VariableID:30640:10066", - "VariableID:30640:10067", - "VariableID:30640:10068", - "VariableID:30640:10069", - "VariableID:30640:10070", - "VariableID:30640:10071", - "VariableID:30640:10072", - "VariableID:30640:10073", - "VariableID:30640:10074", - "VariableID:30640:10075", - "VariableID:30640:10076", - "VariableID:30640:10077", - "VariableID:30640:10078", - "VariableID:30640:10079", - "VariableID:30640:10080", - "VariableID:30640:10081", - "VariableID:30640:10082", - "VariableID:30640:10083", - "VariableID:30640:10084", - "VariableID:30640:10085", - "VariableID:30640:10086", - "VariableID:30640:10087", - "VariableID:30640:10088", - "VariableID:31668:386", - "VariableID:31668:387", - "VariableID:31668:388" - ] - }, - "VariableCollectionId:30640:7978": { - "defaultModeId": "30640:6", - "hiddenFromPublishing": false, - "id": "VariableCollectionId:30640:7978", - "isExtension": false, - "key": "0de2cd130482f20fdbf5b1b3642ee35403395ffd", - "modes": [ - { - "modeId": "30640:6", - "name": "Default" - } - ], - "name": "Specs Layout", - "remote": false, - "variableIds": [ - "VariableID:30640:8048", - "VariableID:30640:8049", - "VariableID:30640:8050", - "VariableID:30640:8051", - "VariableID:30640:8052", - "VariableID:30640:8053", - "VariableID:30640:8054", - "VariableID:30640:8055", - "VariableID:30640:8056", - "VariableID:30640:8057", - "VariableID:30640:8058", - "VariableID:30640:8059", - "VariableID:30640:8060", - "VariableID:30640:8061", - "VariableID:30640:8062", - "VariableID:30640:8063", - "VariableID:30640:8064", - "VariableID:30640:8065", - "VariableID:30640:8066", - "VariableID:30640:8067", - "VariableID:30640:8068", - "VariableID:30640:8069", - "VariableID:30640:8070", - "VariableID:30640:8071", - "VariableID:30640:8072", - "VariableID:30640:8073", - "VariableID:30640:8074", - "VariableID:30640:8075", - "VariableID:30640:8076", - "VariableID:30640:8077", - "VariableID:30640:8078", - "VariableID:30640:8079", - "VariableID:30640:8080", - "VariableID:30640:8081", - "VariableID:30640:8082", - "VariableID:30640:8083", - "VariableID:30640:10090", - "VariableID:30640:10091" - ] - }, "VariableCollectionId:42952:95": { "defaultModeId": "43138:0", "hiddenFromPublishing": false, "id": "VariableCollectionId:42952:95", "isExtension": false, - "key": "0ea5cbff18715170cc63b5a898383c63fbc80006", + "key": "7e3d7e1162a6e6b8cb0c75eb6e6a75558c7fa5c3", "modes": [ { "modeId": "43138:0", @@ -297,8 +185,8 @@ "VariableID:43927:5024", "VariableID:43927:5025", "VariableID:43927:5026", - "VariableID:43927:5038", "VariableID:43927:5027", + "VariableID:43927:5038", "VariableID:43979:190", "VariableID:44917:19938", "VariableID:44917:19939", @@ -324,8 +212,8 @@ "VariableID:44921:14706", "VariableID:44921:14707", "VariableID:44917:20154", - "VariableID:46172:9194", "VariableID:44917:20144", + "VariableID:46172:9194", "VariableID:43927:5029", "VariableID:48719:123821", "VariableID:46396:101311", @@ -368,15 +256,12 @@ "VariableID:44029:1579", "VariableID:44029:1580", "VariableID:44029:1581", - "VariableID:44029:1585", - "VariableID:44029:1586", "VariableID:44029:1587", "VariableID:44029:1589", "VariableID:44029:1590", "VariableID:44029:1592", "VariableID:44029:1594", "VariableID:44029:1595", - "VariableID:44029:1596", "VariableID:44029:1598", "VariableID:44029:1599", "VariableID:44029:1600", @@ -491,7 +376,7 @@ "hiddenFromPublishing": false, "id": "VariableCollectionId:43174:55999", "isExtension": false, - "key": "878808809a8efa03be588e5e54c42232d9ee239a", + "key": "afa5ddd2c41d917d64144628d52a58a502b0a57b", "modes": [ { "modeId": "43174:13", @@ -645,6 +530,7 @@ "VariableID:43979:257", "VariableID:43979:258", "VariableID:43979:241", + "VariableID:50635:19390", "VariableID:43979:236", "VariableID:43979:237", "VariableID:43979:238", @@ -654,7 +540,6 @@ "VariableID:43979:245", "VariableID:44032:68245", "VariableID:43979:246", - "VariableID:50603:26426", "VariableID:43979:247", "VariableID:43979:248", "VariableID:43979:242", @@ -725,8 +610,8 @@ "VariableID:44029:1676", "VariableID:44029:1677", "VariableID:44029:1678", - "VariableID:44029:1679", "VariableID:44029:1684", + "VariableID:44029:1679", "VariableID:44029:1681", "VariableID:44029:1682", "VariableID:44029:1683", @@ -737,7 +622,6 @@ "VariableID:45046:31066", "VariableID:49857:86584", "VariableID:44837:7261", - "VariableID:44612:9948", "VariableID:44837:15833", "VariableID:44677:46587", "VariableID:44023:41070", @@ -756,13 +640,12 @@ "VariableID:45014:30582", "VariableID:45293:4199", "VariableID:44921:22300", + "VariableID:50635:19389", "VariableID:44921:22302", - "VariableID:44921:14808", "VariableID:44921:14810", "VariableID:44921:22299", - "VariableID:44966:31913", - "VariableID:44650:36286", "VariableID:46434:306253", + "VariableID:50635:23474", "VariableID:46961:99748", "VariableID:46386:74302", "VariableID:46386:74311", @@ -852,7 +735,6 @@ "VariableID:47737:23882", "VariableID:46871:10801", "VariableID:50243:25341", - "VariableID:49398:69", "VariableID:46408:68807", "VariableID:46408:70160", "VariableID:49398:67", @@ -884,7 +766,6 @@ "VariableID:46893:50283", "VariableID:46893:50285", "VariableID:46893:50284", - "VariableID:45014:30959", "VariableID:45014:30944", "VariableID:46408:107783", "VariableID:49909:7223", @@ -893,6 +774,7 @@ "VariableID:50414:28056", "VariableID:46408:107780", "VariableID:46408:107781", + "VariableID:50603:26426", "VariableID:49844:13867", "VariableID:49844:13952", "VariableID:46741:3641", @@ -915,6 +797,7 @@ "VariableID:46386:77409", "VariableID:46386:80499", "VariableID:46408:53949", + "VariableID:49398:69", "VariableID:47226:13296", "VariableID:46547:87699", "VariableID:46550:33336", @@ -959,1744 +842,71 @@ "VariableID:46590:15143", "VariableID:44612:686", "VariableID:44023:39695", - "VariableID:46938:18800", - "VariableID:43373:35292", - "VariableID:46741:1312", - "VariableID:47728:7235", - "VariableID:47728:7237", - "VariableID:47728:7239", - "VariableID:43979:274", - "VariableID:43373:35315", - "VariableID:43373:35316", - "VariableID:43373:35318", - "VariableID:44318:24450", - "VariableID:47958:17170", - "VariableID:47958:21546", - "VariableID:44318:24451", - "VariableID:44318:24496", - "VariableID:44300:68678", - "VariableID:45365:12253", - "VariableID:49594:15491", - "VariableID:43373:35358", - "VariableID:43373:35373", - "VariableID:43373:35401", - "VariableID:43373:35402", - "VariableID:43373:35403", - "VariableID:43373:35404", - "VariableID:43373:35414", - "VariableID:43373:35418", - "VariableID:43373:35419", - "VariableID:43373:35420", - "VariableID:43373:35421", - "VariableID:43373:35427", - "VariableID:43373:35437", - "VariableID:43373:35447", - "VariableID:43343:16783", - "VariableID:44966:21201", - "VariableID:44973:32108", - "VariableID:46009:22143", - "VariableID:46825:8935", - "VariableID:46741:3526", - "VariableID:47877:97571", - "VariableID:47899:5274", - "VariableID:47899:5276", - "VariableID:47899:5277", - "VariableID:47899:5278", - "VariableID:47899:5279", - "VariableID:47899:5280", - "VariableID:47899:5281", - "VariableID:48602:96150", - "VariableID:48602:96151", - "VariableID:48602:96205", - "VariableID:48602:96200", - "VariableID:48602:96153", - "VariableID:48602:96154", - "VariableID:48602:96155", - "VariableID:48602:96156", - "VariableID:48602:96201", - "VariableID:48602:96202", - "VariableID:48602:96203", - "VariableID:48602:96204" - ] - }, - "VariableCollectionId:44837:4512": { - "defaultModeId": "44837:0", - "hiddenFromPublishing": false, - "id": "VariableCollectionId:44837:4512", - "isExtension": false, - "key": "185550d0a07cd7edc9cd1e48e8a7e79365ad4441", - "modes": [ - { - "modeId": "44837:0", - "name": "Mode 1" - } - ], - "name": "---", - "remote": false, - "variableIds": [] - } - }, - "variables": { - "VariableID:30640:10056": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10056", - "key": "a53a1d7e838a34ac24ad629ffde0622b3b6df826", - "name": "Background", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 1, - "g": 1, - "r": 1 - }, - "30640:8": { - "a": 1, - "b": 0.16078431904315948, - "g": 0.14901961386203766, - "r": 0.12941177189350128 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10057": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10057", - "key": "f9cfa390b97ef553fc269fe915a3465e209e5f8e", - "name": "Text/Primary", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 - }, - "30640:8": { - "a": 1, - "b": 1, - "g": 1, - "r": 1 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10058": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10058", - "key": "98a248fc69f6fae0b464d52ff9d9a46c47f560d5", - "name": "Text/Secondary", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.41960999369621277, - "g": 0.41960999369621277, - "r": 0.41960999369621277 - }, - "30640:8": { - "a": 1, - "b": 0.5686274766921997, - "g": 0.5607843399047852, - "r": 0.529411792755127 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10059": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10059", - "key": "72bf11d6269fa5d767129e168a4400d8852b218e", - "name": "Artwork background", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.9647058844566345, - "g": 0.9647058844566345, - "r": 0.9647058844566345 - }, - "30640:8": { - "a": 1, - "b": 0.0784313753247261, - "g": 0.07058823853731155, - "r": 0.05098039284348488 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10060": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10060", - "key": "2e7f44cfb5c68088a30fabee9bf377c16916a687", - "name": "Change/Addition", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.20000000298023224, - "g": 0.48627451062202454, - "r": 0.03529411926865578 - }, - "30640:8": { - "a": 1, - "b": 0.29411765933036804, - "g": 0.6274510025978088, - "r": 0.1568627506494522 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10061": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10061", - "key": "2dd152710a03005c32447d89df94c1a571e6f3e5", - "name": "Change/Removal", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.20999999344348907, - "g": 0.03500000014901161, - "r": 0.84375 - }, - "30640:8": { - "a": 1, - "b": 0.3450980484485626, - "g": 0.3333333432674408, - "r": 0.9647058844566345 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10062": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10062", - "key": "65a2c88c92a61db11e345c6ec8b4f2e5c50ffa41", - "name": "Change/Update", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0, - "g": 0.27300000190734863, - "r": 0.7720000147819519 - }, - "30640:8": { - "a": 1, - "b": 0.1599999964237213, - "g": 0.36000001430511475, - "r": 0.9399999976158142 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10063": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10063", - "key": "1eb6431c484943fbe956cab0c8b09937e0459fae", - "name": "Artwork stroke", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.949999988079071, - "g": 0.949999988079071, - "r": 0.949999988079071 - }, - "30640:8": { - "a": 1, - "b": 0.0784313753247261, - "g": 0.07058823853731155, - "r": 0.05098039284348488 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10064": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10064", - "key": "26dc3f46e5a03bb33a213e2ad36fb20d98b4af94", - "name": "Attributes/Icon stroke", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.41960999369621277, - "g": 0.41960999369621277, - "r": 0.41960999369621277 - }, - "30640:8": { - "a": 1, - "b": 0.5686274766921997, - "g": 0.5607843399047852, - "r": 0.529411792755127 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10065": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10065", - "key": "dca7f9d55ffc0718d10313b6ef4dc4532bce75d6", - "name": "Attributes/Style fill", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.949999988079071, - "g": 0.949999988079071, - "r": 0.949999988079071 - }, - "30640:8": { - "a": 1, - "b": 0.0784313753247261, - "g": 0.07058823853731155, - "r": 0.05098039284348488 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10066": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10066", - "key": "001690179a9e5bb13cb6783367906c5f612482a6", - "name": "Attributes/Style stroke", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.8899999856948853, - "g": 0.8899999856948853, - "r": 0.8899999856948853 - }, - "30640:8": { - "a": 1, - "b": 0.23137255012989044, - "g": 0.21176470816135406, - "r": 0.18039216101169586 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10067": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10067", - "key": "fbf6cca1f86d38fb31a6e42f7215efe504f7bf2b", - "name": "Attributes/Style text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 - }, - "30640:8": { - "a": 1, - "b": 0.9764705896377563, - "g": 0.9411764740943909, - "r": 0.9254902005195618 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10068": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10068", - "key": "a5c02feb36c88c973536ca2e6458de67eb38a891", - "name": "Attributes/Variable stroke", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.8899999856948853, - "g": 0.8899999856948853, - "r": 0.8899999856948853 - }, - "30640:8": { - "a": 1, - "b": 0.23137255012989044, - "g": 0.21176470816135406, - "r": 0.18039216101169586 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10069": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10069", - "key": "0b1eabef1712352028fc59b40810f36014780622", - "name": "Attributes/Variable fill", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.949999988079071, - "g": 0.949999988079071, - "r": 0.949999988079071 - }, - "30640:8": { - "a": 1, - "b": 0.0784313753247261, - "g": 0.07058823853731155, - "r": 0.05098039284348488 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10070": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10070", - "key": "ecdc723ecfe3cdbed90048feb444abd90f4fc230", - "name": "Attributes/Variable text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 - }, - "30640:8": { - "a": 1, - "b": 0.9764705896377563, - "g": 0.9411764740943909, - "r": 0.9254902005195618 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10071": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10071", - "key": "c9b1b528a6a74a86acf1a8d33ee1cce0520082cd", - "name": "Attributes/Raw value text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.41960999369621277, - "g": 0.41960999369621277, - "r": 0.41960999369621277 - }, - "30640:8": { - "a": 1, - "b": 0.5686274766921997, - "g": 0.5607843399047852, - "r": 0.529411792755127 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10072": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10072", - "key": "dfe7ecc241c2b08d5ef91305d3457482c8c4552e", - "name": "Attributes/Token fill", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.9647058844566345, - "g": 0.9647058844566345, - "r": 0.9647058844566345 - }, - "30640:8": { - "a": 1, - "b": 0.0784313753247261, - "g": 0.07058823853731155, - "r": 0.05098039284348488 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10073": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10073", - "key": "44f299993684e639013ef1252a63fbdf242486b3", - "name": "Attributes/Token text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 - }, - "30640:8": { - "a": 1, - "b": 0.9764705896377563, - "g": 0.9411764740943909, - "r": 0.9254902005195618 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10074": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10074", - "key": "ad224b46055b0b5b7d7d8ed74b02c6b122c793c1", - "name": "Attributes/Dependency fill", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.949999988079071, - "g": 0.949999988079071, - "r": 0.949999988079071 - }, - "30640:8": { - "a": 1, - "b": 0.0784313753247261, - "g": 0.07058823853731155, - "r": 0.05098039284348488 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10075": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10075", - "key": "4f87e62944c3ce17f432ddc8839cb2a8df001807", - "name": "Attributes/Dependency stroke", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.8899999856948853, - "g": 0.8899999856948853, - "r": 0.8899999856948853 - }, - "30640:8": { - "a": 1, - "b": 0.23137255012989044, - "g": 0.21176470816135406, - "r": 0.18039216101169586 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10076": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10076", - "key": "6f0da5f661f1b8ba8a56dbb14c4f90b861fc511d", - "name": "Attributes/Dependency text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.40784314274787903, - "g": 0.40784314274787903, - "r": 0.40784314274787903 - }, - "30640:8": { - "a": 1, - "b": 1, - "g": 1, - "r": 1 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10077": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10077", - "key": "aef743797e4a2d677ed3901a22730080e77ab38f", - "name": "Annotation/Alignment grid", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.41960999369621277, - "g": 0.41960999369621277, - "r": 0.41960999369621277 - }, - "30640:8": { - "a": 1, - "b": 0.5686274766921997, - "g": 0.5607843399047852, - "r": 0.529411792755127 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10078": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10078", - "key": "7b5b4c0a6e089f6004e6792afe2c3f21d3d21e9e", - "name": "Annotation/Direction arrow", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.41960999369621277, - "g": 0.41960999369621277, - "r": 0.41960999369621277 - }, - "30640:8": { - "a": 1, - "b": 0.5686274766921997, - "g": 0.5607843399047852, - "r": 0.529411792755127 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10079": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10079", - "key": "44ce42e40e869ca21a43a47c122376c699703856", - "name": "Annotation/Element outline", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.5568627715110779, - "g": 0.2078431397676468, - "r": 0 - }, - "30640:8": { - "a": 1, - "b": 0.9599999785423279, - "g": 0.5400000214576721, - "r": 0.3199999928474426 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10080": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10080", - "key": "5c97bd2003267dd66256f4b254c6e8034d307e9d", - "name": "Annotation/Element overlay", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.8352941274642944, - "g": 0.5098039507865906, - "r": 0.08235294371843338 - }, - "30640:8": { - "a": 1, - "b": 0.9599999785423279, - "g": 0.5400000214576721, - "r": 0.3199999928474426 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10081": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10081", - "key": "ee631b6ec13d320c3ad8c77a1131cd1881ec295f", - "name": "Annotation/Item spacing overlay", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.6078431606292725, - "g": 0.2078431397676468, - "r": 0.3843137323856354 - }, - "30640:8": { - "a": 1, - "b": 0.1599999964237213, - "g": 0.36000001430511475, - "r": 0.9399999976158142 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10082": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10082", - "key": "1df0b6006b1b27ba7a44daa8716b9bd5f0aedfa3", - "name": "Annotation/Item size", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.8352941274642944, - "g": 0.24705882370471954, - "r": 0.529411792755127 - }, - "30640:8": { - "a": 1, - "b": 0.1599999964237213, - "g": 0.36000001430511475, - "r": 0.9399999976158142 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10083": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10083", - "key": "eb494e4f7c64afb699fb711f5890e6eab380c348", - "name": "Annotation/Item spacing line", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.1882352977991104, - "g": 0.08235294371843338, - "r": 0.019607843831181526 - }, - "30640:8": { - "a": 1, - "b": 0.1599999964237213, - "g": 0.36000001430511475, - "r": 0.9399999976158142 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10084": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10084", - "key": "ffc4deb06aac00426abdfd7c34c4a3c39f39a83e", - "name": "Annotation/Padding overlay", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0, - "g": 0.615686297416687, - "r": 0.1764705926179886 - }, - "30640:8": { - "a": 1, - "b": 0, - "g": 0.615686297416687, - "r": 0.1764705926179886 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10085": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10085", - "key": "62807592acb00d4ecd5794a237e3c1c580972afe", - "name": "Annotation/Padding size", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0, - "g": 0.615686297416687, - "r": 0.1764705926179886 - }, - "30640:8": { - "a": 1, - "b": 0, - "g": 0.615686297416687, - "r": 0.1764705926179886 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10086": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10086", - "key": "bedfca9c7d4b685321930d2abccf3d7a0de206aa", - "name": "Annotation/Padding line", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0, - "g": 0.615686297416687, - "r": 0.1764705926179886 - }, - "30640:8": { - "a": 1, - "b": 0, - "g": 0.615686297416687, - "r": 0.1764705926179886 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10087": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10087", - "key": "51dc4a3cbba1d043d820c1d69653b03525166ee4", - "name": "Annotation/Marker fill", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0.40784314274787903, - "g": 0.40784314274787903, - "r": 0.40784314274787903 - }, - "30640:8": { - "a": 1, - "b": 0.1599999964237213, - "g": 0.36000001430511475, - "r": 0.9399999976158142 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10088": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10088", - "key": "cada6d7ef339599868b09d1c52d1a1f44520a98d", - "name": "Annotation/Marker text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 1, - "g": 1, - "r": 1 - }, - "30640:8": { - "a": 1, - "b": 1, - "g": 1, - "r": 1 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:30640:10090": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10090", - "key": "49ac2bc9bf63de38e15de45b453bdf367a9b661f", - "name": "Attribute/Horizontal/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 0 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:10091": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:10091", - "key": "1b58a9e3187bb8e88acc8146247a595bcab7c98e", - "name": "Resources/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 0 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8048": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8048", - "key": "3f1b7e9c25b8e9e511d4aeeaecf0a5344b47d77a", - "name": "Specs/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 128 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8049": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8049", - "key": "ef2b9c221cb665149f14f8d53db508141fa37533", - "name": "Spec/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 48 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8050": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8050", - "key": "d1144925ee558c678f92e4a233d28c75ffb20ae7", - "name": "Title/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 48 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8051": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8051", - "key": "533875f0dec6b8cc2e2c20911fea664328d0b05d", - "name": "Title/padding", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 32 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8052": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8052", - "key": "db635f24c1f42322f267972c697e1a336e31cacf", - "name": "Section/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 48 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8053": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8053", - "key": "277a1bd75b491a2766452758de6844b5a5ba16c2", - "name": "Section/padding", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 32 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8054": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8054", - "key": "824f63807d4a1e2449f9a9cbd853180a3cba24cf", - "name": "Subsection/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 40 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8055": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8055", - "key": "27ca4d1a1945608141b8471827aa2272fd5ed697", - "name": "Subsection/Title/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 16 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8056": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8056", - "key": "c01bc3c015552be72a7135bf37ceb84392aff882", - "name": "Subsection/Exhibits/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 40 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8057": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8057", - "key": "ed719db6a5a8fa2553bfd4cfbbcc307d676322db", - "name": "Table/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 16 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8058": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8058", - "key": "58ff823aa65186ae670a8b8db34d9876f309fbfb", - "name": "Table/Column Header/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 32 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8059": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8059", - "key": "2c5272465a7ec8aa2c3aa3b253eaa164e160f90a", - "name": "Table/Row/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 32 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8060": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8060", - "key": "fe7009ce76e1598699eb101f8e666517641ecb97", - "name": "Element/Horizontal/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 32 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8061": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8061", - "key": "f2724f5ed93beb44144f7d5e10831210c4c6536c", - "name": "Element/Vertical/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 8 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8062": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8062", - "key": "c7a620daba97bae71211634e95220622b7f6370a", - "name": "Element/Anatomy/paddingLeft", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 28 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8063": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8063", - "key": "a8e851d47a98083ec90f91a055ce03a3402f79d5", - "name": "Element/Name/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 6 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8064": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8064", - "key": "dc9cc79bcaca94d13b64ffd80d38d9030bdc1549", - "name": "Attribute/Vertical/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 4 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8065": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8065", - "key": "d8a6431525570078843e724118a5e3f558f815ae", - "name": "Attribute/Layer/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 4 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8066": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8066", - "key": "ac83ed43aa7985423a725ec11d3365dab3d6d61b", - "name": "Attribute/Layer/paddingVertical", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 4 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8067": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8067", - "key": "9cc80033615b375bf7fa610e1d386b84779d7ec3", - "name": "Attribute/Style/paddingHorizontal", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 9 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8068": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8068", - "key": "e7d6e6e7a78486109d953718715e68e1d9829b24", - "name": "Attribute/Style/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 6 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8069": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8069", - "key": "29ae3f7545ea133870290fecaae57c25bb28994c", - "name": "Attribute/Variable/paddingHorizontal", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 6 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8070": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8070", - "key": "e90eb1975d34ecc3aec5ee7d4074cf8afd35eadb", - "name": "Attribute/Variable/paddingVertical", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 3.5 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8071": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8071", - "key": "b41a6c7eb9e01dd38db6fa6274b9b1d37456a72e", - "name": "Attribute/Variable/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 4 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8072": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8072", - "key": "e112233a9c146bab4f3ab3c968febab1e3edc9ec", - "name": "Attribute/Variable/Color/paddingLeft", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 4 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8073": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8073", - "key": "48f1e37a30b2de7f1ab2b5306917361482646999", - "name": "Attribute/Token Studio/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 6 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8074": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8074", - "key": "a9eb6733165eb4fb2b66f244a024510ba3edb853", - "name": "Attribute/Token Studio/paddingLeft", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 6 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8075": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8075", - "key": "d38a3231b81ea5b82e5655038fd64c840b7e7233", - "name": "Attribute/Token Studio/paddingRight", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 8 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8076": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8076", - "key": "737470239a9cbd3500a0b4524d0dfa7833e1c11c", - "name": "Option/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 8 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8077": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8077", - "key": "b9d97754665d23a3da00889001bb6b8734ef6f10", - "name": "Option/Label/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 4 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8078": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8078", - "key": "2445ff16ecbadc8ec26ff73bc7b465ea58e60fd3", - "name": "Exhibit/Anatomy/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 40 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8079": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8079", - "key": "380bfbf40b487785d021dce52f5aa5b36b9c573b", - "name": "Exhibit/Horizontal/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 64 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8080": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8080", - "key": "f12aa8f06c6bb9c899597f514fb1d14159de7282", - "name": "Exhibit/Vertical/paddingBottom", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 40 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8081": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8081", - "key": "2e57fc8c351103216107377f6feb0dc2f347a171", - "name": "Exhibit/Vertical/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 16 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8082": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8082", - "key": "91fa1715df3b6d92a99856c2d9fc4ff0252584b4", - "name": "Exhibit/Vertical/Table/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 32 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:30640:8083": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:30640:8083", - "key": "4b869cf222d64f4b257eb09924bbf216ee8b203f", - "name": "Exhibit/Content/itemSpacing", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:6": 24 - }, - "variableCollectionId": "VariableCollectionId:30640:7978" - }, - "VariableID:31668:386": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:31668:386", - "key": "21d1debd7c8b39efc17d63263a88e06027bf1098", - "name": "Annotation/Padding pill background", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0, - "g": 0.490200012922287, - "r": 0 - }, - "30640:8": { - "a": 1, - "b": 0, - "g": 0.490200012922287, - "r": 0 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:31668:387": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:31668:387", - "key": "7c628875f6b86c8f662510d53b8910177a7d4669", - "name": "Annotation/Gap pill background", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 0, - "g": 0.27300000190734863, - "r": 0.7720000147819519 - }, - "30640:8": { - "a": 1, - "b": 0, - "g": 0.27300000190734863, - "r": 0.7720000147819519 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, - "VariableID:31668:388": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:31668:388", - "key": "b9ddbe44e949015556e970d4e387b81fc9a0ba93", - "name": "Annotation/Spacer pill text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "30640:7": { - "a": 1, - "b": 1, - "g": 1, - "r": 1 - }, - "30640:8": { - "a": 1, - "b": 1, - "g": 1, - "r": 1 - } - }, - "variableCollectionId": "VariableCollectionId:30640:10055" - }, + "VariableID:46938:18800", + "VariableID:43373:35292", + "VariableID:47728:7235", + "VariableID:47728:7237", + "VariableID:47728:7239", + "VariableID:43979:274", + "VariableID:43373:35315", + "VariableID:43373:35316", + "VariableID:43373:35318", + "VariableID:44318:24450", + "VariableID:47958:17170", + "VariableID:47958:21546", + "VariableID:44318:24451", + "VariableID:44318:24496", + "VariableID:44300:68678", + "VariableID:45365:12253", + "VariableID:49594:15491", + "VariableID:43373:35358", + "VariableID:43373:35373", + "VariableID:43373:35401", + "VariableID:43373:35402", + "VariableID:43373:35403", + "VariableID:43373:35404", + "VariableID:43373:35414", + "VariableID:43373:35418", + "VariableID:43373:35419", + "VariableID:43373:35420", + "VariableID:43373:35421", + "VariableID:43373:35427", + "VariableID:43373:35437", + "VariableID:43373:35447", + "VariableID:43343:16783", + "VariableID:44966:21201", + "VariableID:44973:32108", + "VariableID:46825:8935", + "VariableID:47877:97571", + "VariableID:47899:5274", + "VariableID:47899:5276", + "VariableID:47899:5277", + "VariableID:47899:5278", + "VariableID:47899:5279", + "VariableID:47899:5280", + "VariableID:47899:5281", + "VariableID:48602:96150", + "VariableID:48602:96151", + "VariableID:48602:96205", + "VariableID:48602:96200", + "VariableID:48602:96153", + "VariableID:48602:96154", + "VariableID:48602:96155", + "VariableID:48602:96156", + "VariableID:48602:96201", + "VariableID:48602:96202", + "VariableID:48602:96203", + "VariableID:48602:96204" + ] + } + }, + "variables": { "VariableID:42952:171": { "codeSyntax": {}, "description": "low value fluctuation", "hiddenFromPublishing": false, "id": "VariableID:42952:171", - "key": "e63af9e5d12593424bc4e3026ec8da3da900f550", + "key": "31a28786f4f603caed15957653c7caa6773a3fcd", "name": "cerulean", "remote": false, "resolvedType": "COLOR", @@ -2716,7 +926,7 @@ "description": "moderate value fluctuation", "hiddenFromPublishing": false, "id": "VariableID:42952:172", - "key": "ebe916115bbf088079d4e10b14d858a154962ae5", + "key": "cb9f4a316184374d81dab14f3c1f558914137769", "name": "emerald", "remote": false, "resolvedType": "COLOR", @@ -2736,7 +946,7 @@ "description": "increased value fluctuation", "hiddenFromPublishing": false, "id": "VariableID:42952:173", - "key": "a935fe9c3af5cb087194088541d7be43ebad1dc9", + "key": "df1760e0bd3afbfacac02f7a513e37d43ac33ba6", "name": "lemon", "remote": false, "resolvedType": "COLOR", @@ -2756,7 +966,7 @@ "description": "high value fluctuation", "hiddenFromPublishing": false, "id": "VariableID:42952:174", - "key": "7b63660a029d70cb95c0b4ba44e1344cfa08add1", + "key": "48ccf2fedafb66169daec96f29263bad33338154", "name": "orange", "remote": false, "resolvedType": "COLOR", @@ -2776,7 +986,7 @@ "description": "very high value fluctuation", "hiddenFromPublishing": false, "id": "VariableID:42952:175", - "key": "856b15f59c912beb21c0eae9a3d1dcce62d92b7e", + "key": "305a1e07b39de4412090ea32c673249d5ce5a868", "name": "brightred", "remote": false, "resolvedType": "COLOR", @@ -2796,7 +1006,7 @@ "description": "white", "hiddenFromPublishing": false, "id": "VariableID:42952:176", - "key": "72fb1b9285eb39ff5bb3f7f977b8ea6bec04571a", + "key": "72b0f3ace0239eed16b431103d339d2fce26bdce", "name": "white", "remote": false, "resolvedType": "COLOR", @@ -2816,7 +1026,7 @@ "description": "black", "hiddenFromPublishing": false, "id": "VariableID:42952:177", - "key": "905d09b44b843a2747fa4552400576835a240624", + "key": "a42c89c0dd4704f0649eaa4bf162e9af76071951", "name": "black", "remote": false, "resolvedType": "COLOR", @@ -2836,7 +1046,7 @@ "description": "\b0px", "hiddenFromPublishing": false, "id": "VariableID:43138:1914", - "key": "6cbca96e8235d1d6a45afc221c0663ddd44a8f85", + "key": "3216e2fdced75f46e21b4e6b15b3dd98ab810a18", "name": "sizing", "remote": false, "resolvedType": "FLOAT", @@ -2851,7 +1061,7 @@ "description": "4px", "hiddenFromPublishing": false, "id": "VariableID:43138:1915", - "key": "96da215a8c05f51d5171acdec58ff33e0ec2c0ca", + "key": "04699b287631e8cd4c72c6e9d22a2a68eed09eb3", "name": "1", "remote": false, "resolvedType": "FLOAT", @@ -2866,7 +1076,7 @@ "description": "8px", "hiddenFromPublishing": false, "id": "VariableID:43138:1916", - "key": "fa33e36a33670bb82cbe2eea84f6a6df2c7bc5bc", + "key": "f6a385bb9d08e07d785188d15e1fc24ac9fb3429", "name": "2", "remote": false, "resolvedType": "FLOAT", @@ -2881,7 +1091,7 @@ "description": "12px", "hiddenFromPublishing": false, "id": "VariableID:43138:1917", - "key": "b694e5fcfed9deb072ac6607a5d39fb3a3fda44e", + "key": "16a22fda2e4d1cf3543b87d19cfc6282ccfa90a1", "name": "3", "remote": false, "resolvedType": "FLOAT", @@ -2896,7 +1106,7 @@ "description": "16px", "hiddenFromPublishing": false, "id": "VariableID:43138:1918", - "key": "c96cdd21b74f976a8134bbc739d8ebc811e0119d", + "key": "69fe6016c41f851e24a17c73951d5c3b1fb407de", "name": "4", "remote": false, "resolvedType": "FLOAT", @@ -2911,7 +1121,7 @@ "description": "20px", "hiddenFromPublishing": false, "id": "VariableID:43138:1919", - "key": "2a57dc7588e6fb59c0c1742749d0212246c3ccf8", + "key": "1b59e2d0d8e5bdbaa1a47a19f1c63ee5b334aea6", "name": "5", "remote": false, "resolvedType": "FLOAT", @@ -2926,7 +1136,7 @@ "description": "24px", "hiddenFromPublishing": false, "id": "VariableID:43138:1920", - "key": "901bc072867f839c048359f01d8c18220c39313e", + "key": "14ac477a0ebbd04e95e34ce4b3662fcf16806fce", "name": "6", "remote": false, "resolvedType": "FLOAT", @@ -2941,7 +1151,7 @@ "description": "28px", "hiddenFromPublishing": false, "id": "VariableID:43138:1921", - "key": "4f2388daf605447b1aa2c665d41799f9be414ba3", + "key": "faf124b319ba7aecb47a23cec4fa1c9902159ddd", "name": "7", "remote": false, "resolvedType": "FLOAT", @@ -2956,7 +1166,7 @@ "description": "32px", "hiddenFromPublishing": false, "id": "VariableID:43138:1922", - "key": "8378097b8452ea3efb64cef0b994d8b94ab4477b", + "key": "36d7ccbe70b870672f451ec382d6550c6d9e170c", "name": "8", "remote": false, "resolvedType": "FLOAT", @@ -2971,7 +1181,7 @@ "description": "36px", "hiddenFromPublishing": false, "id": "VariableID:43138:1923", - "key": "6b62e4fe6d921d6b9b5aaa575da5c029b622ff77", + "key": "95e07e8e7769b7a936c39341ac52a6ea1b94e44a", "name": "9", "remote": false, "resolvedType": "FLOAT", @@ -2986,7 +1196,7 @@ "description": "40px", "hiddenFromPublishing": false, "id": "VariableID:43138:1924", - "key": "a1ec0d4a1a0794248d0f0f7cd0daced6de6973b6", + "key": "7ed1d4e4a1507a78f87ae384508bcc522d9ee5b6", "name": "10", "remote": false, "resolvedType": "FLOAT", @@ -3001,7 +1211,7 @@ "description": "44px", "hiddenFromPublishing": false, "id": "VariableID:43138:1925", - "key": "a61b948d015a8c6f769e4a7fb0f56d0e3f097a66", + "key": "5025ed9eb182526f391a34e12eb30c0610d09032", "name": "11", "remote": false, "resolvedType": "FLOAT", @@ -3016,7 +1226,7 @@ "description": "48px", "hiddenFromPublishing": false, "id": "VariableID:43138:1926", - "key": "753f0193194f004988c3ecbb116a50c8b709c336", + "key": "710e17843964f39ae16a2431d70637bb6c5ec98b", "name": "12", "remote": false, "resolvedType": "FLOAT", @@ -3031,7 +1241,7 @@ "description": "56px", "hiddenFromPublishing": false, "id": "VariableID:43138:1927", - "key": "e99a8b6da3d69031d961e0056ea047f253e47c2c", + "key": "e3dcf8a58456aaf283bf9b18e889a1faf8a71058", "name": "14", "remote": false, "resolvedType": "FLOAT", @@ -3046,7 +1256,7 @@ "description": "64px", "hiddenFromPublishing": false, "id": "VariableID:43138:1928", - "key": "3d90c88bc89778cd593a0553735356681df3a748", + "key": "45d03843345ca7171840c71c6fb10d42eefed910", "name": "16", "remote": false, "resolvedType": "FLOAT", @@ -3061,7 +1271,7 @@ "description": "80px", "hiddenFromPublishing": false, "id": "VariableID:43138:1929", - "key": "d4f58ba2cb2558bb09c97271f8d1712b407de57d", + "key": "39f81189d44e8ce2d1a30914d1e9c997831a4180", "name": "20", "remote": false, "resolvedType": "FLOAT", @@ -3076,7 +1286,7 @@ "description": "96px", "hiddenFromPublishing": false, "id": "VariableID:43138:1930", - "key": "0cb16d257d9fa5c93721b9abc254239fc9314f1a", + "key": "cfa91e5609d74bc9b47c58a9d99143017c129d39", "name": "24", "remote": false, "resolvedType": "FLOAT", @@ -3091,7 +1301,7 @@ "description": "112px", "hiddenFromPublishing": false, "id": "VariableID:43138:1931", - "key": "e23df93e1d7525406639b15b5ff379d98132eeab", + "key": "b2cd5102aec8a300ad436cfbe871545275d8ee38", "name": "28", "remote": false, "resolvedType": "FLOAT", @@ -3106,7 +1316,7 @@ "description": "128px", "hiddenFromPublishing": false, "id": "VariableID:43138:1932", - "key": "3ebe2dbb932901db5620cea9b7be5f2e5330ba12", + "key": "ac168d5031b411a9acc9ed1e69053c52e0670c19", "name": "32", "remote": false, "resolvedType": "FLOAT", @@ -3121,7 +1331,7 @@ "description": "144px", "hiddenFromPublishing": false, "id": "VariableID:43138:1933", - "key": "059baa4a28c8852a47ae4710070cafa15d42faa7", + "key": "6ea4332fa0bc6180f6605121cd08e3cab3519394", "name": "36", "remote": false, "resolvedType": "FLOAT", @@ -3136,7 +1346,7 @@ "description": "160px", "hiddenFromPublishing": false, "id": "VariableID:43138:1934", - "key": "72f4a53347f54405a8d6fa6d45e55bbae263defc", + "key": "51638d227317f80cf9f818675e6cc78d372b1918", "name": "40", "remote": false, "resolvedType": "FLOAT", @@ -3151,7 +1361,7 @@ "description": "176px", "hiddenFromPublishing": false, "id": "VariableID:43138:1935", - "key": "71ca2fa3c4d4d6308ebb56f07a253a0dcef7a892", + "key": "2a157b3d8dab7bb2168ca7d476670e554895d47c", "name": "44", "remote": false, "resolvedType": "FLOAT", @@ -3166,7 +1376,7 @@ "description": "208px", "hiddenFromPublishing": false, "id": "VariableID:43138:1936", - "key": "de8fd550111d9d1171b893f13f8a99366fd3a2bc", + "key": "5ab812f466d8c2d8c00aa1848ee2317e9093addf", "name": "52", "remote": false, "resolvedType": "FLOAT", @@ -3181,7 +1391,7 @@ "description": "224px", "hiddenFromPublishing": false, "id": "VariableID:43138:1937", - "key": "12fd93abbc3b39536e5eba769a55b55b24668793", + "key": "409ae72f5e358ed486882dbc119c9a8ed95919fb", "name": "56", "remote": false, "resolvedType": "FLOAT", @@ -3196,7 +1406,7 @@ "description": "256px", "hiddenFromPublishing": false, "id": "VariableID:43138:1938", - "key": "07a6cb4b4ecd0843d291b5140ea68bb7846261dd", + "key": "abe04ab1fe705bcf6097d0445ab3f58bb201ca1e", "name": "64", "remote": false, "resolvedType": "FLOAT", @@ -3211,7 +1421,7 @@ "description": "288px", "hiddenFromPublishing": false, "id": "VariableID:43138:1939", - "key": "4d71f24080fa1d6fcd57238e5a02b4a01f3f1fa9", + "key": "d274c127e3eeb20dc82e23e71e5057e39bc63944", "name": "72", "remote": false, "resolvedType": "FLOAT", @@ -3226,7 +1436,7 @@ "description": "320px", "hiddenFromPublishing": false, "id": "VariableID:43138:1940", - "key": "74eaabbe60dcba12bca7fea1b49e98079d22475b", + "key": "21c0d4409ccdf3a63eb7ba7788e128b8a4009845", "name": "80", "remote": false, "resolvedType": "FLOAT", @@ -3241,7 +1451,7 @@ "description": "384px", "hiddenFromPublishing": false, "id": "VariableID:43138:1941", - "key": "a0a198c90e11a9344be142e4dda693ea3f3b66da", + "key": "0b6392ce86b14d2f654d435b27a82c9acb0ce95b", "name": "96", "remote": false, "resolvedType": "FLOAT", @@ -3256,7 +1466,7 @@ "description": "1px\b", "hiddenFromPublishing": false, "id": "VariableID:43138:1942", - "key": "06ca5520e003ca760c6e7b005f24737803ce7cc0", + "key": "cdd0687109356e06e0d5d2cbe80357b93b0226f3", "name": "px", "remote": false, "resolvedType": "FLOAT", @@ -3271,7 +1481,7 @@ "description": "2px", "hiddenFromPublishing": false, "id": "VariableID:43138:1943", - "key": "c6b25c140ab2678fed1149e3fbba7d3896acf240", + "key": "1512c812f193bdf3075c7e6a2ef2e279fd7925ab", "name": "0,5", "remote": false, "resolvedType": "FLOAT", @@ -3286,7 +1496,7 @@ "description": "\b6px", "hiddenFromPublishing": false, "id": "VariableID:43138:1944", - "key": "497026f81e0edb272e18341e4a4f281606bc9ee1", + "key": "6c2146880cd856b63dca26ccc5b40484fc281d49", "name": "1,5", "remote": false, "resolvedType": "FLOAT", @@ -3301,7 +1511,7 @@ "description": "14px", "hiddenFromPublishing": false, "id": "VariableID:43138:1945", - "key": "c7b135ba491f10e2107c4e3b02126a62c0d07ab8", + "key": "daf049ad4d6c87138eec49bff42264662c270751", "name": "3,5", "remote": false, "resolvedType": "FLOAT", @@ -3316,7 +1526,7 @@ "description": "10px", "hiddenFromPublishing": false, "id": "VariableID:43138:1946", - "key": "913662099a38898de51cad5c9d69f7a385e02289", + "key": "f6e71f47dbaee6354b6a506ccadab9f9b2e47d8a", "name": "2,5", "remote": false, "resolvedType": "FLOAT", @@ -3331,7 +1541,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1947", - "key": "46d30322b307d71d5f70c48f75dbd2834b2b5ac6", + "key": "7b90939a3491af86a77fb1610f9e155868b039e5", "name": "opacity-0", "remote": false, "resolvedType": "FLOAT", @@ -3346,7 +1556,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1948", - "key": "acd7f1852659d0df76db3f80e074aaf21de95ea9", + "key": "ebf755ab9b291ea74e05aeebbba2d11fa5ec3101", "name": "opacity-5", "remote": false, "resolvedType": "FLOAT", @@ -3361,7 +1571,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1949", - "key": "587d3850d2525f558d623f4612f37eeb30e5ccc7", + "key": "0e1b4bf54f46096a4e6dd2e638375bf0cc17fa76", "name": "opacity-10", "remote": false, "resolvedType": "FLOAT", @@ -3376,7 +1586,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1950", - "key": "cc08540da8d67a77f7cacd949400714401695b44", + "key": "058cc2fae507a04cb6402d02479270124fa68747", "name": "opacity-20", "remote": false, "resolvedType": "FLOAT", @@ -3391,7 +1601,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1951", - "key": "c5b681b4260504e7d597fcde8f339d5df42d5544", + "key": "4304162272093a0e444f70c75ea185f9f7be6c53", "name": "opacity-30", "remote": false, "resolvedType": "FLOAT", @@ -3406,7 +1616,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1952", - "key": "8dd4ea94fadf6a62dd3278624c48b284336fd36e", + "key": "9c25364068160a56e311e3a7a84bc565c2741fb0", "name": "opacity-50", "remote": false, "resolvedType": "FLOAT", @@ -3421,7 +1631,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1953", - "key": "9c815cf5e3cbfc5bafc9ac24646531dc1c9839e1", + "key": "ebc7d9f965590380cab788768ffa6e6b5f914fc3", "name": "opacity-55", "remote": false, "resolvedType": "FLOAT", @@ -3436,7 +1646,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1954", - "key": "359fac91b8f9297e0c487aa19950b7edc6fe154a", + "key": "5f2a27f5ce55a1c3003367458ee54c74d2348ec1", "name": "opacity-60", "remote": false, "resolvedType": "FLOAT", @@ -3451,7 +1661,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1955", - "key": "265674c39ae4ea389739ff8a0b06055004c08a98", + "key": "c2172b0685f6c2a5b54cd285761594660bda0280", "name": "opacity-70", "remote": false, "resolvedType": "FLOAT", @@ -3466,7 +1676,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1956", - "key": "c502f52983f9c62b43588d574127b35714e00ebc", + "key": "f1e01f15e3b8e8cdca86818bcb325d8eca2b8d40", "name": "opacity-75", "remote": false, "resolvedType": "FLOAT", @@ -3481,7 +1691,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1957", - "key": "a225c504db39d957e7ae7511890176c42c1a178b", + "key": "797ccf6a63a5a2988e840483f4944077728f08c3", "name": "opacity-80", "remote": false, "resolvedType": "FLOAT", @@ -3496,7 +1706,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1958", - "key": "50e528898068f1871734755d75b75a7ca7d2b58d", + "key": "abc72d5e4baad7733042e9bddff24d2534f2246e", "name": "opacity-85", "remote": false, "resolvedType": "FLOAT", @@ -3511,7 +1721,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1959", - "key": "34146e562e1f890699e8ed8f76aae95e52fbf3e5", + "key": "a0b57a5c5e2f574583c0ac5733f217c84552feeb", "name": "opacity-90", "remote": false, "resolvedType": "FLOAT", @@ -3526,7 +1736,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43138:1960", - "key": "e316c667cded9399e1e20f76cc4a045facfea48d", + "key": "106d0c1ea3303ff9dd5e13002b7d85b46f53067c", "name": "opacity-1", "remote": false, "resolvedType": "FLOAT", @@ -3541,7 +1751,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43174:55601", - "key": "10a079f0ca975875c37c47fb3aa6a3dff20b78e4", + "key": "65e7cbb526c01ca9dbcfab8b607157ed4fbb73f3", "name": "opacity-2", "remote": false, "resolvedType": "FLOAT", @@ -3556,7 +1766,7 @@ "description": "14px", "hiddenFromPublishing": false, "id": "VariableID:43343:15190", - "key": "7a735e88b8f314396ef9e41164affb92d89de7c8", + "key": "b6a598c20934f3910dbabfd30926ddb2807d8fb1", "name": "text-sm", "remote": false, "resolvedType": "FLOAT", @@ -3571,7 +1781,7 @@ "description": "16px", "hiddenFromPublishing": false, "id": "VariableID:43343:15191", - "key": "fc8120c5748636abc9346296d752a2a73c47b3fc", + "key": "8eb0c982a7ffbafb4f25ed769b04e336d14bb6a9", "name": "text-base", "remote": false, "resolvedType": "FLOAT", @@ -3586,7 +1796,7 @@ "description": "20px", "hiddenFromPublishing": false, "id": "VariableID:43343:15192", - "key": "2dfdb19c2fbe59bfc54e9487f1dbb4e316894b7e", + "key": "5f7c63193980b6ceb306bb8e0af5b804dcf0c2a0", "name": "text-lg", "remote": false, "resolvedType": "FLOAT", @@ -3601,7 +1811,7 @@ "description": "24px", "hiddenFromPublishing": false, "id": "VariableID:43343:15193", - "key": "c64ecd13d6cab33db248d87d420b3c4c0911a60a", + "key": "0a145478e7ea417f0611f2eb900ad948491dfed1", "name": "text-xl", "remote": false, "resolvedType": "FLOAT", @@ -3616,7 +1826,7 @@ "description": "28px", "hiddenFromPublishing": false, "id": "VariableID:43343:15194", - "key": "ff0595582ce46a2d9a4ec8c58c2153aeaf5130e4", + "key": "44886f2c15b496dac1c8363ffba80ce652f5daf0", "name": "text-2xl", "remote": false, "resolvedType": "FLOAT", @@ -3631,7 +1841,7 @@ "description": "32px", "hiddenFromPublishing": false, "id": "VariableID:43343:15195", - "key": "ad2af8b01f8427c0983fbb8827b203f61c962f45", + "key": "dd9d8dce8b2a6564e81e24c4196b50ae85b17161", "name": "text-3xl", "remote": false, "resolvedType": "FLOAT", @@ -3646,7 +1856,7 @@ "description": "40px", "hiddenFromPublishing": false, "id": "VariableID:43343:15196", - "key": "0fb0dd13c05b247cd2ccb77c4a655738fa0b5819", + "key": "8c00cdfeb30be519b27909768191b8abd60a4a5c", "name": "text-4xl", "remote": false, "resolvedType": "FLOAT", @@ -3661,7 +1871,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43343:15197", - "key": "fbbcc81e2bf58fdb50b14ee9c1cd727258f5f8da", + "key": "6534e99dcecacba2260ae855cb409fd7d13cee6b", "name": "border-0", "remote": false, "resolvedType": "FLOAT", @@ -3676,7 +1886,7 @@ "description": "Default border width", "hiddenFromPublishing": false, "id": "VariableID:43343:15198", - "key": "1b418d9575a8007af486c3be79c838d8c9fc848e", + "key": "9ae88ef31c3e733b457190acc71f7639eff571d9", "name": "border", "remote": false, "resolvedType": "FLOAT", @@ -3691,7 +1901,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43343:15199", - "key": "ae2114782ef8a0cb5c0841e809b2dece064ef03f", + "key": "6cc4ff5264ac08060383eede97747fbb699fccef", "name": "border-2", "remote": false, "resolvedType": "FLOAT", @@ -3706,7 +1916,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43343:15200", - "key": "d4ff26540b1bacc4e053ee72050e11bc0bd212ef", + "key": "c29aff98e931c258749a0a50144542de583cd52d", "name": "border-4", "remote": false, "resolvedType": "FLOAT", @@ -3721,7 +1931,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43343:15201", - "key": "86fcc3f7db4f653a7a1608d4be5323d22306e72c", + "key": "4c6e3af3083fbbf1c813185bec1c6626d44a6210", "name": "border-6", "remote": false, "resolvedType": "FLOAT", @@ -3736,7 +1946,7 @@ "description": "For pill buttons / shapes", "hiddenFromPublishing": false, "id": "VariableID:43343:15202", - "key": "043051c9da6dc19ec582bae4e998ca7da435198b", + "key": "54b7042191aa1f7591c227e75ff4ce3b3b99ee64", "name": "rounded-full", "remote": false, "resolvedType": "FLOAT", @@ -3751,7 +1961,7 @@ "description": "For pill buttons / shapes", "hiddenFromPublishing": false, "id": "VariableID:43343:15203", - "key": "1afce73872237a2d75bdaa8fe1d3182a7ee2c3e8", + "key": "227505a00e2a13989915d7ecc6980d4787fbafff", "name": "rounded", "remote": false, "resolvedType": "FLOAT", @@ -3766,7 +1976,7 @@ "description": "No rounding", "hiddenFromPublishing": false, "id": "VariableID:43343:15204", - "key": "e1bf70dfd6e47488caba5a42638c35e4fcb3277b", + "key": "6775efb013bab52703100ab848d4e9597be75869", "name": "rounded-none", "remote": false, "resolvedType": "FLOAT", @@ -3781,7 +1991,7 @@ "description": "2px", "hiddenFromPublishing": false, "id": "VariableID:43343:15205", - "key": "c6807094d852f1c24b831a506456a90f68100413", + "key": "5415e5ae980706b99ad30d747f3983b16ac16daf", "name": "rounded-sm", "remote": false, "resolvedType": "FLOAT", @@ -3796,7 +2006,7 @@ "description": "6px", "hiddenFromPublishing": false, "id": "VariableID:43343:15206", - "key": "8d1592d05d3260fee5b7105be4e76627b5581226", + "key": "c84bbe1aabc31bf4250bc905e2b99d1e1e80ba64", "name": "rounded-md", "remote": false, "resolvedType": "FLOAT", @@ -3811,7 +2021,7 @@ "description": "8px", "hiddenFromPublishing": false, "id": "VariableID:43343:15207", - "key": "326c7fbd6c725669094f495c76c9414f923ff36f", + "key": "9fe30294095750b45c0c54149a2348047d80d286", "name": "rounded-\blg", "remote": false, "resolvedType": "FLOAT", @@ -3826,7 +2036,7 @@ "description": "12px", "hiddenFromPublishing": false, "id": "VariableID:43343:15208", - "key": "0532f61700b50ea0d2c017289c72b86139246070", + "key": "55bbe6014384b3a5a080cdf652dfe780e6cf1305", "name": "rounded-xl", "remote": false, "resolvedType": "FLOAT", @@ -3841,7 +2051,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43343:15209", - "key": "232462113a85e376d130493d05eccf4018c9f254", + "key": "04304b1da58f06e33888fb70fad7f1eab5fcba10", "name": "font-normal", "remote": false, "resolvedType": "STRING", @@ -3856,7 +2066,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43343:15210", - "key": "50035343c1d0ae79bfd588936b91e8aa280c8f93", + "key": "3597e93590b1f68561f766abe6837dbf59056d14", "name": "font-bold", "remote": false, "resolvedType": "STRING", @@ -3872,7 +2082,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43343:16783", - "key": "a1fb4d68785b619f577cb565340dd3eccb0b30ea", + "key": "8a82d885476e2cbde7b3f64aaafde2725a346a25", "name": "sd-button/border-width", "remote": false, "resolvedType": "FLOAT", @@ -3904,7 +2114,7 @@ "description": "Used for text 3xl, mobile text 4xl (size: 32, line-height: 120%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21080", - "key": "92db012a8c104b59f39be547cd53f2df959ca437", + "key": "443a9aa8d05a036cb52a61e81ea4d504865679dc", "name": "leading-9,5", "remote": false, "resolvedType": "FLOAT", @@ -3919,7 +2129,7 @@ "description": "Used for mobile text lg (size: 20, line-height: 150%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21081", - "key": "85261bc91f086662a15b35647277385ad185721e", + "key": "0149ae570463ed9718119164c8878737beff5086", "name": "leading-8", "remote": false, "resolvedType": "FLOAT", @@ -3934,7 +2144,7 @@ "description": "Used for text base (size: 16, line-height: 150%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21082", - "key": "799425935d82ef5c17dd09b0b6be75fd7691eb13", + "key": "20c32e94e53b3f4f7a2f390d99797e18a494bd08", "name": "leading-9", "remote": false, "resolvedType": "FLOAT", @@ -3949,7 +2159,7 @@ "description": "Used for text 3xl (size: 32, line-height: 120%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21083", - "key": "e0a2d65088536ddfc71748ac6d96132c5ebec5ec", + "key": "903e3581c536b181fe51ddcba6c34174403e2373", "name": "leading-12", "remote": false, "resolvedType": "FLOAT", @@ -3964,7 +2174,7 @@ "description": "Used for text xl (size: 24, line-height: 120%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21084", - "key": "d64478befe951216dec9097251b135e66f53df97", + "key": "0eb3e6b197e8edbb8b4d7849a4cd9b5ebecdc0ad", "name": "leading-7", "remote": false, "resolvedType": "FLOAT", @@ -3979,7 +2189,7 @@ "description": "Used for text base (size: 16, line-height: 150%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21085", - "key": "47cba79cf81352a5ff090a496141930c84b4002f", + "key": "869ee3e5e24e053d94816c381acab0dfd99b8fde", "name": "leading-6", "remote": false, "resolvedType": "FLOAT", @@ -3994,7 +2204,7 @@ "description": "Used for text sm (size: 14, line-height: 150%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21086", - "key": "a5aee0d04df5054bcbb65055bd2c6023e55e6ccb", + "key": "e2cba5bd5f69b406346c7023f367091e3fadb8b8", "name": "leading-5", "remote": false, "resolvedType": "FLOAT", @@ -4009,7 +2219,7 @@ "description": "Used for text base compact (size: 16, line-height: 100%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21090", - "key": "7aca18c96136a992c373796f27448bf2f26d5dc4", + "key": "8233d7aa904dafb6cd5c14b22ef329aba8e8237a", "name": "leading-4", "remote": false, "resolvedType": "FLOAT", @@ -4024,7 +2234,7 @@ "description": "Used for text xl, mobile text 3xl (size: 28, line-height: 120%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21094", - "key": "e988aed72f1b34ada304766da762169d04bed9f9", + "key": "3f51fa1b629a73c71e89ca3a94c4a877b81fdba7", "name": "leading-8,5", "remote": false, "resolvedType": "FLOAT", @@ -4039,7 +2249,7 @@ "description": "Used for text sm compact (size: 14, line-height: 100%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21095", - "key": "5d4f0547a6956b3a6cefcbb1335349bf473d8913", + "key": "877dfa15d7dd68288cab492a17575cdeb2bf6cd9", "name": "leading-3", "remote": false, "resolvedType": "FLOAT", @@ -4054,7 +2264,7 @@ "description": "Used for text 4xl (size: 40, line-height: 120%)", "hiddenFromPublishing": true, "id": "VariableID:43343:21096", - "key": "8474041f538bd0dc8281034d65a87fa76b1512db", + "key": "c66b5c52ae606c66c3b570101fb3e30ed28267f8", "name": "leading-15", "remote": false, "resolvedType": "FLOAT", @@ -4069,7 +2279,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43372:21097", - "key": "0ab24ca479b1e7a9be844ea500723def56496ceb", + "key": "b71da6e5af9861a8cb02fabe7928a516c1d4b75d", "name": "letter-spacing-none", "remote": false, "resolvedType": "FLOAT", @@ -4085,7 +2295,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43372:21101", - "key": "23a6405f5b232d4d4181f9af1590e46fe36d5af8", + "key": "5589c2e90102cce9643ebf8158e51090326b7a13", "name": "sd-button/letter-spacing", "remote": false, "resolvedType": "FLOAT", @@ -4118,7 +2328,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:43373:35271", - "key": "555f5805884d5dce3c760b24bef2f8dc69877f8c", + "key": "5e6c6f3ef81cfaf6574cb1b9d4e9839c5139b74f", "name": "icon-fill/primary", "remote": false, "resolvedType": "COLOR", @@ -4151,7 +2361,7 @@ "description": "Default border color. \nUsed for divider, teaser, table cell, ... , sd-container", "hiddenFromPublishing": false, "id": "VariableID:43373:35286", - "key": "901d5e9b85ba795187c9bd780083a131900f434e", + "key": "38422dab43e81e31b18008a65584afc3a724c1b0", "name": "border/neutral-400", "remote": false, "resolvedType": "COLOR", @@ -4184,7 +2394,7 @@ "description": "Inverted background color (light mode)\nUsed for button", "hiddenFromPublishing": false, "id": "VariableID:43373:35292", - "key": "1376a7c4642297af36f8b6052cddc55ef0e417cf", + "key": "e607bd4835efae093a68c3e4b6d131766f04997d", "name": "background/primary", "remote": false, "resolvedType": "COLOR", @@ -4216,7 +2426,7 @@ "description": "Default background color. Used for sd-chip, sd-flag, sd-container", "hiddenFromPublishing": false, "id": "VariableID:43373:35293", - "key": "c3a96dd5345c11e8e86a119144bf409f4d4a488f", + "key": "626ac213e1fd4e4901a5d1f8d79d668c6c820e79", "name": "utilities/color/background/white/default", "remote": false, "resolvedType": "COLOR", @@ -4248,7 +2458,7 @@ "description": "Form field read only. Used for sd-container", "hiddenFromPublishing": false, "id": "VariableID:43373:35301", - "key": "b4f5758e4f3b0c6a9acf9da9b4a4bd014ba2d057", + "key": "6b04cca2d732fca28cd547b8424944bd34c3b372", "name": "utilities/color/background/neutral/100", "remote": false, "resolvedType": "COLOR", @@ -4280,7 +2490,7 @@ "description": "Used for sd-flag", "hiddenFromPublishing": false, "id": "VariableID:43373:35302", - "key": "edc178230c596bd0f5806885e666efa15b60ed3a", + "key": "5c796f360506dc3462d2743c7898a44f6253ad4b", "name": "utilities/color/background/neutral/200", "remote": false, "resolvedType": "COLOR", @@ -4312,7 +2522,7 @@ "description": "Used for sd-flag ", "hiddenFromPublishing": false, "id": "VariableID:43373:35303", - "key": "993bccc7901700010339b5ff5b2568c8ce883e90", + "key": "95055cece97b6e1cc5bc3516636377be0ead43ca", "name": "utilities/color/background/neutral/300", "remote": false, "resolvedType": "COLOR", @@ -4344,7 +2554,7 @@ "description": "Used for sd-flag ", "hiddenFromPublishing": false, "id": "VariableID:43373:35304", - "key": "3b7fa7bcaec2b41e99f48cd8965886241a375b48", + "key": "b411507c4eff86348db226521b242f245d13b47a", "name": "utilities/color/background/neutral/400", "remote": false, "resolvedType": "COLOR", @@ -4376,7 +2586,7 @@ "description": "Used for disabled state ", "hiddenFromPublishing": false, "id": "VariableID:43373:35305", - "key": "d4341d2d6d60eac0562d08aae8f9e14469d7b1f8", + "key": "a74c6363e86a013f8e8263c2e22152c45c531f30", "name": "utilities/color/background/neutral/500", "remote": false, "resolvedType": "COLOR", @@ -4408,7 +2618,7 @@ "description": "Used for notification, status-badge", "hiddenFromPublishing": false, "id": "VariableID:43373:35306", - "key": "9cb1ecccb77875f1982e918155202e74b2cf6190", + "key": "2431a69febb9831724e093ca1cc8d70a04a80adf", "name": "utilities/color/background/success/default", "remote": false, "resolvedType": "COLOR", @@ -4440,7 +2650,7 @@ "description": "Used for notification, status-badge", "hiddenFromPublishing": false, "id": "VariableID:43373:35307", - "key": "385d29f53c5a44c5d49fad5526e6b4f4d7810161", + "key": "bd56beadff129eb17715c293f10da6979ddf7077", "name": "utilities/color/background/error/default", "remote": false, "resolvedType": "COLOR", @@ -4472,7 +2682,7 @@ "description": "Used for hover interaction invalid form elements", "hiddenFromPublishing": false, "id": "VariableID:43373:35308", - "key": "8742bb10fae8e6d61f785faa87a3d71750feeacd", + "key": "43b52d70f4ca26c76350d11d12317f074e6919c9", "name": "utilities/color/background/error/400", "remote": false, "resolvedType": "COLOR", @@ -4504,7 +2714,7 @@ "description": "Used for teaser", "hiddenFromPublishing": false, "id": "VariableID:43373:35309", - "key": "f86e4eb18d8ed8ad2c8b747e4fee218a03c74d20", + "key": "7799cab9b7babd36c6f88ad82d109969e0f6b273", "name": "utilities/color/background/_transparent/primary-100|80", "remote": false, "resolvedType": "COLOR", @@ -4544,7 +2754,7 @@ "description": "Used for teaser", "hiddenFromPublishing": false, "id": "VariableID:43373:35310", - "key": "9c6e538f59213f18eb01e46eef5901cc78687541", + "key": "aed191bb6eb4b221cc16ee481c638cf8cce5fc00", "name": "utilities/color/background/_transparent/primary-100|90", "remote": false, "resolvedType": "COLOR", @@ -4584,7 +2794,7 @@ "description": "Used for teaser", "hiddenFromPublishing": false, "id": "VariableID:43373:35311", - "key": "296792dcc3a08e0b805902f26c782d565e54f99b", + "key": "25c46287eed9c87cee55138321bbafaf3bc748e8", "name": "utilities/color/background/_transparent/neutral-100|80", "remote": false, "resolvedType": "COLOR", @@ -4624,7 +2834,7 @@ "description": "Used for teaser", "hiddenFromPublishing": false, "id": "VariableID:43373:35312", - "key": "f4564ab9e9f33f89638ba4cd3b6193e7052b5a9e", + "key": "1acfa60f1301499e875765e6417b677cb246b033", "name": "utilities/color/background/_transparent/neutral-100|90", "remote": false, "resolvedType": "COLOR", @@ -4664,7 +2874,7 @@ "description": "Used for teaser, audio (wave animation)\n", "hiddenFromPublishing": false, "id": "VariableID:43373:35313", - "key": "d9299eaef96064149801c644830cc481f7f59eff", + "key": "e852879639d0c6e0934f7d8f6f63a30ccb984b3b", "name": "utilities/color/background/_transparent/white|90", "remote": false, "resolvedType": "COLOR", @@ -4704,7 +2914,7 @@ "description": "Used for teaser", "hiddenFromPublishing": false, "id": "VariableID:43373:35314", - "key": "cea8c3096bc2fe2daa7b0760146fbd25d0cf083d", + "key": "9b20c89b17362fe82bc91c93648fb32cfc7da35d", "name": "utilities/color/background/_transparent/white|80", "remote": false, "resolvedType": "COLOR", @@ -4745,7 +2955,7 @@ "description": "Primary brand color for text", "hiddenFromPublishing": false, "id": "VariableID:43373:35315", - "key": "6a2cf5fa90efcfa507da895230fbf7a13ecf0de4", + "key": "1b86ccc59982dd66eb735879a7369ad3bf110c6f", "name": "text/primary", "remote": false, "resolvedType": "COLOR", @@ -4778,7 +2988,7 @@ "description": "Inverted text color", "hiddenFromPublishing": false, "id": "VariableID:43373:35316", - "key": "5819cfc660740a057dea2396e91832cb0555d898", + "key": "6b511f53991ed54521d8a14024fb506d4f18a5ae", "name": "text/white", "remote": false, "resolvedType": "COLOR", @@ -4811,7 +3021,7 @@ "description": "Default text color", "hiddenFromPublishing": false, "id": "VariableID:43373:35318", - "key": "ec37764323b7d673109bd75a3d3ce1fcf35eaa11", + "key": "e58c5282f4ebabd41e9a43377f9009f56632bf1c", "name": "text/black", "remote": false, "resolvedType": "COLOR", @@ -4844,7 +3054,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43373:35358", - "key": "2f9d67aee49e953a0e64fe942cdf7e2db8addd34", + "key": "c9f7cff0b82db0cfe411edf46159ee6d8808d616", "name": "icon-fill/accent", "remote": false, "resolvedType": "COLOR", @@ -4877,7 +3087,7 @@ "description": "Used to highlight active/selected elements\n", "hiddenFromPublishing": false, "id": "VariableID:43373:35373", - "key": "5e8f3fa110d29c6180137f5816626f3922884f02", + "key": "9185540fee8f8576716c92e4b9b4c88ac595b854", "name": "border/accent", "remote": false, "resolvedType": "COLOR", @@ -4910,7 +3120,7 @@ "description": "4px", "hiddenFromPublishing": false, "id": "VariableID:43373:35401", - "key": "cbe1023bb831a589028c40cda10fdf630ef1e41e", + "key": "15801c15ddfce77a4343e7a57ab38ba5195994e7", "name": "spacing/1", "remote": false, "resolvedType": "FLOAT", @@ -4943,7 +3153,7 @@ "description": "8px", "hiddenFromPublishing": false, "id": "VariableID:43373:35402", - "key": "7aa5100e6a225464275d3fcf17f528dafa8d785d", + "key": "90bbb50ba95358b5d1ad2c90c4873d9d5d198bf2", "name": "spacing/2", "remote": false, "resolvedType": "FLOAT", @@ -4976,7 +3186,7 @@ "description": "12px", "hiddenFromPublishing": false, "id": "VariableID:43373:35403", - "key": "5c027ba8b91c7700d9dce39b95b9e1393166bc9c", + "key": "1bff7330e3fa24781a787cd00c939076d75217a1", "name": "spacing/3", "remote": false, "resolvedType": "FLOAT", @@ -5009,7 +3219,7 @@ "description": "16px", "hiddenFromPublishing": false, "id": "VariableID:43373:35404", - "key": "39100e08aed7b3a4439377cb9500f23471327005", + "key": "2eb06d4b66537143cb22a28828e704d7e8df16b8", "name": "spacing/4", "remote": false, "resolvedType": "FLOAT", @@ -5042,7 +3252,7 @@ "description": "2px", "hiddenFromPublishing": false, "id": "VariableID:43373:35414", - "key": "1dc5f0fd5239e145990723d4c88d2a401eae5f5c", + "key": "691c14f318e4f0a304dafca15c1603d03656780f", "name": "spacing/0,5", "remote": false, "resolvedType": "FLOAT", @@ -5075,7 +3285,7 @@ "description": "12px", "hiddenFromPublishing": false, "id": "VariableID:43373:35418", - "key": "e007f373a466cad76692184dc294bf380d49c88a", + "key": "c10b6252d772229d9bf89e97d563a5fcc6c41ddd", "name": "sizing/3", "remote": false, "resolvedType": "FLOAT", @@ -5108,7 +3318,7 @@ "description": "16px", "hiddenFromPublishing": false, "id": "VariableID:43373:35419", - "key": "03797d3b3a932341a4cfd52fe42deddb4039d956", + "key": "ec7a096d9a4b1a64f107350e7ea037f7f5d46dc6", "name": "sizing/4", "remote": false, "resolvedType": "FLOAT", @@ -5141,7 +3351,7 @@ "description": "20px", "hiddenFromPublishing": false, "id": "VariableID:43373:35420", - "key": "cb746e5f37754d24d86b7da81dd2e1fb42bc4d91", + "key": "36d39f1e4a8efcd0d79fdf5d331df839fbfc9cfe", "name": "sizing/5", "remote": false, "resolvedType": "FLOAT", @@ -5174,7 +3384,7 @@ "description": "24px", "hiddenFromPublishing": false, "id": "VariableID:43373:35421", - "key": "1c60a13df116a22db9be634349f41d537fef2924", + "key": "04ddaafdfc15792090a707be4b360c2a1f67ff99", "name": "sizing/6", "remote": false, "resolvedType": "FLOAT", @@ -5207,7 +3417,7 @@ "description": "10px", "hiddenFromPublishing": false, "id": "VariableID:43373:35427", - "key": "ff6262d827d7296c7e7981116247fafeec68bdb4", + "key": "1fa9d95c8d6193b3ab86ac17838fc5e6a9e70098", "name": "sizing/2,5", "remote": false, "resolvedType": "FLOAT", @@ -5240,7 +3450,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43373:35437", - "key": "87d0ff1bd178b3afc388f2a588a697b55bf88825", + "key": "fc65b6e98f6ab371a5cde903a0acbc723f623038", "name": "border-width/default", "remote": false, "resolvedType": "FLOAT", @@ -5273,7 +3483,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43373:35447", - "key": "747141fbc1efed045eb584f9f508241a1ed5c083", + "key": "4f8de02e6e7225bacfdf03a9615b75809a869236", "name": "opacity/75", "remote": false, "resolvedType": "FLOAT", @@ -5305,7 +3515,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43373:35452", - "key": "060a5b7f38f8a82de596008fb8bbaf2e600e1dbc", + "key": "1dab9e3e52f9fe3c60232729a4ed1387f8479946", "name": "UI/font-family/font-family-primary", "remote": false, "resolvedType": "STRING", @@ -5320,7 +3530,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4947", - "key": "ef34040723ff29c9c814d949279b5bbdb8a76175", + "key": "7f5b0f1b9f5b0b8c65924797a0709a251525946e", "name": "UI/blue/100", "remote": false, "resolvedType": "COLOR", @@ -5340,7 +3550,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4948", - "key": "7bf6fe912343e296c5a740b605c0f7790aed86a1", + "key": "ee9e711e54f647d51ead192e626cb7c00295284f", "name": "UI/blue/200", "remote": false, "resolvedType": "COLOR", @@ -5360,7 +3570,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4949", - "key": "5db9cf16eed2f1f14bc70794c766dbb2cf07a9ad", + "key": "215fb82b5c2232370dad71e18896fcebb0880edb", "name": "UI/blue/300", "remote": false, "resolvedType": "COLOR", @@ -5380,7 +3590,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4950", - "key": "da9a94d54856c653e28822c17f955ab47c4e2efe", + "key": "4f41ba210a080fb935b6308402a502656cdce359", "name": "UI/blue/400", "remote": false, "resolvedType": "COLOR", @@ -5400,7 +3610,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4951", - "key": "ef3cc92f9f552b642b4217a4bde81e262564b1bf", + "key": "a33281de00b6575b0c52d3a62c41cf9112fbf8ba", "name": "UI/blue/500", "remote": false, "resolvedType": "COLOR", @@ -5420,7 +3630,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4952", - "key": "e121dfda4f3bf867964ecdddbb9129b5dc8fc259", + "key": "e8c7d9e0f1ada14907021d7111248b75ffb5228b", "name": "UI/blue/600", "remote": false, "resolvedType": "COLOR", @@ -5440,7 +3650,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4953", - "key": "6df0bb060b4d1ee6b837d2c3adddb610e527ec08", + "key": "9cae38a2e8c375debe570334c91c7757dc00fdf3", "name": "UI/blue/700", "remote": false, "resolvedType": "COLOR", @@ -5460,7 +3670,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4954", - "key": "6ac1dc7e633d3599e843b03ccdcc60e8d339ab9b", + "key": "abb3373a50bc117ba90bbcdc899911663b99b675", "name": "UI/blue/750", "remote": false, "resolvedType": "COLOR", @@ -5480,7 +3690,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4955", - "key": "ab420dcbaef214cd50edaaa9ec3d240587e5533e", + "key": "b0a7c07d303db1be1360436b030b4043b4995356", "name": "UI/blue/800", "remote": false, "resolvedType": "COLOR", @@ -5500,7 +3710,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4956", - "key": "1fc4833383f513a02e0c3272cf00401233f556df", + "key": "2ddf8c4594180290731a293f11de92fc17d45d20", "name": "UI/blue/900", "remote": false, "resolvedType": "COLOR", @@ -5520,7 +3730,7 @@ "description": "blue-default", "hiddenFromPublishing": false, "id": "VariableID:43927:4957", - "key": "0a21d2d5c77d2e87e2549d89da26e8d27859c46c", + "key": "73c4b50fa5e4261fc9cb7a352b8d1f12b6b29dee", "name": "UI/blue/default", "remote": false, "resolvedType": "COLOR", @@ -5538,7 +3748,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4958", - "key": "8808e4030a6031b8cbdb14c0b4ebe099404f0e4e", + "key": "bcca91defb7698b3ad3054c72a1ce018f3134fb5", "name": "UI/green/100", "remote": false, "resolvedType": "COLOR", @@ -5558,7 +3768,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4959", - "key": "ea2f68ac91f7bb34a514ca3072241d3c706b4c44", + "key": "e38b42efcf568670e1227b79b7f30c7941da2071", "name": "UI/green/200", "remote": false, "resolvedType": "COLOR", @@ -5578,7 +3788,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4960", - "key": "6081b556536aaabfd2e4d19c546e9278064a102b", + "key": "96375237e717deb264522909bdf5adbe16fd0c80", "name": "UI/green/300", "remote": false, "resolvedType": "COLOR", @@ -5598,7 +3808,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4961", - "key": "c4290e5e4de0fa933f8551d1cc084d9b7eb35c1f", + "key": "05bdbbeeeb829880e507c1b723761bca06e2fa29", "name": "UI/green/400", "remote": false, "resolvedType": "COLOR", @@ -5618,7 +3828,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4962", - "key": "3a08e9cdec70e4cb04e5abd3b9c4a10541547910", + "key": "79e1299cc9e15b23a2cbfc9aead08b07ef7fc45a", "name": "UI/green/500", "remote": false, "resolvedType": "COLOR", @@ -5638,7 +3848,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4963", - "key": "624da3f07b820edd0423d1b9c07f728eb147be34", + "key": "7709662751752f0254ee838ace692e2b09d450f0", "name": "UI/green/550", "remote": false, "resolvedType": "COLOR", @@ -5658,7 +3868,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4964", - "key": "7e8c518603a9c4534937390e01687b47947139ee", + "key": "29b48bc8a043a5df966c8453fd2f5be7bb0fe2ad", "name": "UI/green/600", "remote": false, "resolvedType": "COLOR", @@ -5678,7 +3888,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4965", - "key": "5dc0bee38199a6ebc6c3b8c8dae59626c6aaf89f", + "key": "7f0df4e1dbcf175e95796f7f8f2e235512693eeb", "name": "UI/green/700", "remote": false, "resolvedType": "COLOR", @@ -5698,7 +3908,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4966", - "key": "5cd24f413e03cbb99bd7cbeffd87f29fc0bf844d", + "key": "47d128d95df72566d55131ad0c7b3aa64caf3b92", "name": "UI/green/800", "remote": false, "resolvedType": "COLOR", @@ -5718,7 +3928,7 @@ "description": "green-default", "hiddenFromPublishing": false, "id": "VariableID:43927:4967", - "key": "b41fe2f08db93ce39762c483191154e5969575b0", + "key": "7098798c736c1dd000f51b20b5f6038ee96c585a", "name": "UI/green/default", "remote": false, "resolvedType": "COLOR", @@ -5736,7 +3946,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4968", - "key": "a898ee62b0fd5e0ce6bd62417444510279d1f51a", + "key": "619018e69826fa8447aded66a91211ffc1de67ee", "name": "UI/grey/100", "remote": false, "resolvedType": "COLOR", @@ -5756,7 +3966,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4969", - "key": "d6a0bb715571bddb37ca7cc26c21c5caa2511a8c", + "key": "79f37ee7c35a471268eaca8961e73d58c2cfe336", "name": "UI/grey/200", "remote": false, "resolvedType": "COLOR", @@ -5776,7 +3986,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4970", - "key": "cd50846c09117cf3dfc5c2482b1712372063cd7b", + "key": "72f29d01fd01b044022d2f290d37cc968724c409", "name": "UI/grey/300", "remote": false, "resolvedType": "COLOR", @@ -5796,7 +4006,7 @@ "description": "grey-400", "hiddenFromPublishing": false, "id": "VariableID:43927:4971", - "key": "a9374a62f05bc52c3ffaeec37a1faa61bc30baf0", + "key": "12dca6f88ea3d8dcb3941894aa8c5e42cc9f3602", "name": "UI/grey/400", "remote": false, "resolvedType": "COLOR", @@ -5816,7 +4026,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4972", - "key": "9652ec5f6878a5b98304d5e7d6115e08a4704237", + "key": "5c3e92fe322f3a0a0345ed2bbcf20f129061b387", "name": "UI/grey/500", "remote": false, "resolvedType": "COLOR", @@ -5836,7 +4046,7 @@ "description": "grey-600", "hiddenFromPublishing": false, "id": "VariableID:43927:4973", - "key": "a4765f6e0f30358867ff58f008083f29d1264f54", + "key": "5a02419f9d44fc6510e7a53dde75a103d197e271", "name": "UI/grey/600", "remote": false, "resolvedType": "COLOR", @@ -5856,7 +4066,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4974", - "key": "079c1e28f7f7b11a3735ec3d38b5e32c616d72db", + "key": "123ff33fcecf5495426898d14a3bdc57a6ae6f8c", "name": "UI/grey/700", "remote": false, "resolvedType": "COLOR", @@ -5876,7 +4086,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4975", - "key": "89bc126a0401d365bbf1a7fb29e6e389edb9ad00", + "key": "eb1f9b2725c4c5207e143e8452a6c024136b85e5", "name": "UI/grey/800", "remote": false, "resolvedType": "COLOR", @@ -5896,7 +4106,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4976", - "key": "b4cb029ee5c0ed22732c74b242d366bf9b019a2f", + "key": "2bb97dc836bf6316751dc4c2e5c2bbe8bad2c668", "name": "UI/teal/100", "remote": false, "resolvedType": "COLOR", @@ -5916,7 +4126,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4977", - "key": "8361f80b6b66f4a2eafcb0783d2e6cdc6c65ce6b", + "key": "ede1f4750730a6333b36c9b62f71401f2ccbf13e", "name": "UI/teal/200", "remote": false, "resolvedType": "COLOR", @@ -5936,7 +4146,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4978", - "key": "8f3b5af631b1e63a19fec60c6b96b25ca5c2db89", + "key": "bbd630fdc726884379fe3b93e51119dd9aa11ad6", "name": "UI/teal/300", "remote": false, "resolvedType": "COLOR", @@ -5956,7 +4166,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4979", - "key": "fd319d9a3c440e9198960bc90918eab7442475ea", + "key": "5004071b3f6d2391ac18da2e52759a15e17caed5", "name": "UI/teal/400", "remote": false, "resolvedType": "COLOR", @@ -5976,7 +4186,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4980", - "key": "fb448b439e79bc432f27c8100ee3f2128ca41bd2", + "key": "5dd583a1a531b1e46f09456a6ec9442c2cef6c50", "name": "UI/teal/500", "remote": false, "resolvedType": "COLOR", @@ -5996,7 +4206,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4981", - "key": "1f43ffbece068fc22abe39d45e18f28d3e42ff60", + "key": "8ca7f928f0c1b8ffa552fdc4fcd0e088f26eb80d", "name": "UI/teal/600", "remote": false, "resolvedType": "COLOR", @@ -6016,7 +4226,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4982", - "key": "ad4ed700144096316b0c2b30cfaf757f21f77bd0", + "key": "2a6dcb25c64116196c6b5fcc008b660921cfecff", "name": "UI/teal/700", "remote": false, "resolvedType": "COLOR", @@ -6036,7 +4246,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4983", - "key": "767969ed988a5780b326baaa10dfb724acdb5fc1", + "key": "ecb00ce2643a9ad0d5922b15eb43759497beb8b2", "name": "UI/teal/800", "remote": false, "resolvedType": "COLOR", @@ -6056,7 +4266,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4984", - "key": "365878956291b92ef182790c96ffe7cd64d779cd", + "key": "2e4d13439393b5d80a6708690dce1f67866b6659", "name": "UI/yellow/100", "remote": false, "resolvedType": "COLOR", @@ -6076,7 +4286,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4985", - "key": "0cb5d2edc1a3e6a174c236cf89ba725151423ff4", + "key": "b5b26f848506e01887ffed4defd8c3767615fddd", "name": "UI/yellow/200", "remote": false, "resolvedType": "COLOR", @@ -6096,7 +4306,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4986", - "key": "aca69f41fcc76479763af3d2802eaa3529efd966", + "key": "bf0a9d5190fdbb74bf0b7988870d2f482a400677", "name": "UI/yellow/300", "remote": false, "resolvedType": "COLOR", @@ -6116,7 +4326,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4987", - "key": "f7e0c69f55e6291d798ed59ec1b36576ff716c67", + "key": "76b8c161ae222b23d5e73f0bcf47024e87056b10", "name": "UI/yellow/400", "remote": false, "resolvedType": "COLOR", @@ -6136,7 +4346,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4988", - "key": "baf1a2ba43806e7a6da26f6954417fe1e84c0a46", + "key": "bd435fe1ed1fa125f40a519da1aa346da4024a0d", "name": "UI/yellow/500", "remote": false, "resolvedType": "COLOR", @@ -6156,7 +4366,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4989", - "key": "be5f3624f02fac443dd49482f4841f272b1d3d57", + "key": "ed73cc3638249a1cdc57c75a37fc42a681671153", "name": "UI/yellow/600", "remote": false, "resolvedType": "COLOR", @@ -6176,7 +4386,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4990", - "key": "99d033665defffb8939280888e54c454dc60c219", + "key": "ebeec19fe479373def6f76263dd036875aa0e79d", "name": "UI/yellow/650", "remote": false, "resolvedType": "COLOR", @@ -6196,7 +4406,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4991", - "key": "9b67ceb29a45fac3eb387a4e0369275b12ad61c2", + "key": "94e3085da9f0012cacca0a9f3259c97e4955b005", "name": "UI/yellow/700", "remote": false, "resolvedType": "COLOR", @@ -6216,7 +4426,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4992", - "key": "8995b07e1be685cdd75da7f7f003e006e1927f5e", + "key": "7561b24fe7bbcee28ca52f456d505304a9770266", "name": "UI/yellow/800", "remote": false, "resolvedType": "COLOR", @@ -6236,7 +4446,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4993", - "key": "823fa29884ecf1a3775cd309ebc6404945181c88", + "key": "f57ff7ee71abcb5570a2ca4712e6a773986b2578", "name": "UI/lightblue/100", "remote": false, "resolvedType": "COLOR", @@ -6256,7 +4466,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4994", - "key": "c5ddf9287c8cc5f5a35ede04575d2d60f904a4a0", + "key": "3eb9523442c747e27fc698fa8278c8a1e5c90d47", "name": "UI/lightblue/200", "remote": false, "resolvedType": "COLOR", @@ -6276,7 +4486,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4995", - "key": "966e87e170e97690f4272c9cc686b972b34796d8", + "key": "2883a818ff5ca0f16d2ba23dd8ee4266ca70c6b4", "name": "UI/lightblue/300", "remote": false, "resolvedType": "COLOR", @@ -6296,7 +4506,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4996", - "key": "ac28dd3450f2a5440e4b58c2c13381fd91573894", + "key": "099d14ff07b4947c7a24f34a680d3228b8f7fda5", "name": "UI/lightblue/400", "remote": false, "resolvedType": "COLOR", @@ -6316,7 +4526,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4997", - "key": "4db7f1bb7e5f90d348af4791caa7485d4c54339e", + "key": "2b3d7ac1309e16e8256ea96f853080c42f8a381f", "name": "UI/lightblue/500", "remote": false, "resolvedType": "COLOR", @@ -6336,7 +4546,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4998", - "key": "80482eb6174f2ce46a97671415d1280cb36d1b78", + "key": "34f7a33c3d01eaf4cc3d01f23af44fa51a0851cf", "name": "UI/lightblue/600", "remote": false, "resolvedType": "COLOR", @@ -6356,7 +4566,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:4999", - "key": "442d3e6171eed7068f32aff0ee0de3375cacdb5c", + "key": "89d2d3d5c7671fe1a0612c29a3a83af20e5e6a96", "name": "UI/lightblue/700", "remote": false, "resolvedType": "COLOR", @@ -6376,7 +4586,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5000", - "key": "9008192a4213563cf0e87ae3ed63e5090793daa4", + "key": "982d547da477e17629d4c650d3e5c38bfac56d9d", "name": "UI/lightblue/800", "remote": false, "resolvedType": "COLOR", @@ -6396,7 +4606,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5001", - "key": "d1d7de496f250f4bcb75c12644eaa97779ae2ea0", + "key": "7306b5e70e95926343b5bde3d1a2a8a86ca46ddd", "name": "UI/violet/100", "remote": false, "resolvedType": "COLOR", @@ -6416,7 +4626,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5002", - "key": "ce3fdcae4878cc88856cb595deef4a7607618c2b", + "key": "26dbfc6cb9ab15e9c244b8de07c009d6ae02af72", "name": "UI/violet/200", "remote": false, "resolvedType": "COLOR", @@ -6436,7 +4646,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5003", - "key": "32c3916256405c36f7e9f7df3845d75b69deab52", + "key": "e883495efca79f59181c95df7164bdddcf5a59f6", "name": "UI/violet/300", "remote": false, "resolvedType": "COLOR", @@ -6456,7 +4666,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5004", - "key": "f002998b4c678a96028db3df24384588bec97bea", + "key": "48000ed011ca372de77b31a475ef8fd64f67634a", "name": "UI/violet/400", "remote": false, "resolvedType": "COLOR", @@ -6476,7 +4686,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5005", - "key": "07ba299d1faa7fb4c3cf0cfcf30ae242155b8244", + "key": "8b48312950672b468d9e0024dd6831ecb8246b86", "name": "UI/violet/500", "remote": false, "resolvedType": "COLOR", @@ -6496,7 +4706,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5006", - "key": "b4ee93b78939e64a5273a86e9bad8986c4a6f702", + "key": "cb9cc6b2ee90287180fb1f9ef54f5e1fd4201b3c", "name": "UI/violet/600", "remote": false, "resolvedType": "COLOR", @@ -6516,7 +4726,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5007", - "key": "23699a8c3c6d4d7127858e9320326516b0d4e5b6", + "key": "f9234beb69bc6ceda506efb29cc005906afa325c", "name": "UI/violet/700", "remote": false, "resolvedType": "COLOR", @@ -6536,7 +4746,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5008", - "key": "10a1160c8994a27a34faa154fe2fc06c7f3bb95e", + "key": "ff0875e01de7cc74c7b0d70c02cf52bf0a483a2f", "name": "UI/violet/800", "remote": false, "resolvedType": "COLOR", @@ -6556,7 +4766,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5009", - "key": "c0f3b212a97f8cf42a71abbbdf785089ec588091", + "key": "0a77adee1bde0cf8202b9d8077ed9e885f1d98a9", "name": "UI/lightgreen/100", "remote": false, "resolvedType": "COLOR", @@ -6576,7 +4786,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5010", - "key": "d412d7e3610c59242cb6285330ed671c14b256d3", + "key": "6108917e0d188f17a3eba4b059ed70406e1802da", "name": "UI/lightgreen/200", "remote": false, "resolvedType": "COLOR", @@ -6596,7 +4806,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5011", - "key": "0be57b095ad95b1c45b560c4e692cc87b786bca0", + "key": "bff49eeaca591e532f63341ae28ee0341a4527ce", "name": "UI/lightgreen/300", "remote": false, "resolvedType": "COLOR", @@ -6616,7 +4826,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5012", - "key": "418b8853eb8062fcd94a673cd225c39e4881b74d", + "key": "94677bb89aaed0e8dde527a1574e7f6534a9510e", "name": "UI/lightgreen/400", "remote": false, "resolvedType": "COLOR", @@ -6636,7 +4846,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5013", - "key": "bc83c69b623d18897230bd2a5ced2bc144ce148b", + "key": "d1a111e06b2b1f8b228af2688cb6d1b5930fe2cb", "name": "UI/lightgreen/500", "remote": false, "resolvedType": "COLOR", @@ -6656,7 +4866,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5014", - "key": "a317749ad8e77abba0e93cf0f793f1a295248eb6", + "key": "2c8cac63ec37fd9f679f13147570fc4b73de0c23", "name": "UI/lightgreen/600", "remote": false, "resolvedType": "COLOR", @@ -6676,7 +4886,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5015", - "key": "2150ec7d4c47764a9903883fe3e2a0aacad8b59f", + "key": "6840e454b7dc5c19e270192a31267019246a2325", "name": "UI/lightgreen/700", "remote": false, "resolvedType": "COLOR", @@ -6696,7 +4906,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5016", - "key": "c544204de763cbe254be41076bce8b67afb13549", + "key": "64552c4c7b84d5084e9ce618c7a149fdd77ad407", "name": "UI/lightgreen/800", "remote": false, "resolvedType": "COLOR", @@ -6716,7 +4926,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5017", - "key": "4e0c92b32748bd51e027c087b1b0df3523444372", + "key": "2166dd91f9a99ddb1bded699e3bf3b2da7f47ed6", "name": "UI/red/250", "remote": false, "resolvedType": "COLOR", @@ -6736,7 +4946,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5018", - "key": "df60d9173d78f98652de8e0b8a53711f7734f52a", + "key": "5b4c1b55930e02760ce78f6b7d71c6b135b89d5f", "name": "UI/red/300", "remote": false, "resolvedType": "COLOR", @@ -6756,7 +4966,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5019", - "key": "2ed245d9db4af3face4ba7dfc6e7865a40e02303", + "key": "a2edb69a55aa03cc5f670330e51a9a536be02f16", "name": "UI/red/400", "remote": false, "resolvedType": "COLOR", @@ -6776,7 +4986,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5020", - "key": "fb0ed2f04eb070817bffcc139064f0d447a602e8", + "key": "2c11761514dbaa7a8652b4b4f10c9e72523b875a", "name": "UI/red/500", "remote": false, "resolvedType": "COLOR", @@ -6796,7 +5006,7 @@ "description": "low value fluctuation", "hiddenFromPublishing": false, "id": "VariableID:43927:5021", - "key": "a223a36e588ae875599255697a9132ecc859f9f9", + "key": "81c853a75b58b56050b2cdf799bf354794502410", "name": "UI/cerulean", "remote": false, "resolvedType": "COLOR", @@ -6816,7 +5026,7 @@ "description": "moderate value fluctuation", "hiddenFromPublishing": false, "id": "VariableID:43927:5022", - "key": "abf3d978b2245bf1181722de584a04609b91b089", + "key": "0b315bc37f9c8e2e3215781be7f3fe5cf0aab37d", "name": "UI/emerald", "remote": false, "resolvedType": "COLOR", @@ -6836,7 +5046,7 @@ "description": "increased value fluctuation", "hiddenFromPublishing": false, "id": "VariableID:43927:5023", - "key": "062b3a0ae6ea8716bc9e0e8effc1f761ec578d03", + "key": "a4df049f89f12f02a8ae35c65d6c100d2ac635a9", "name": "UI/lemon", "remote": false, "resolvedType": "COLOR", @@ -6856,7 +5066,7 @@ "description": "high value fluctuation", "hiddenFromPublishing": false, "id": "VariableID:43927:5024", - "key": "a05da783d7b3140cb71f440c805c20988ea015eb", + "key": "fc28d236cbb4dc7696786833d28006e07b3b300c", "name": "UI/orange", "remote": false, "resolvedType": "COLOR", @@ -6876,7 +5086,7 @@ "description": "very high value fluctuation", "hiddenFromPublishing": false, "id": "VariableID:43927:5025", - "key": "85b4da03f9e0db0526ee5cbc2a00fb1fde33fa7e", + "key": "35b07899d14b75e59ca41644ce8a16af829eaad5", "name": "UI/brightred", "remote": false, "resolvedType": "COLOR", @@ -6896,7 +5106,7 @@ "description": "white", "hiddenFromPublishing": false, "id": "VariableID:43927:5026", - "key": "4c642eb6863b9acef270348084f2e6b3240cdf3d", + "key": "9e7a24f9b0a87bab27d9f6fdf9aa6e285553b37a", "name": "UI/white", "remote": false, "resolvedType": "COLOR", @@ -6916,7 +5126,7 @@ "description": "black", "hiddenFromPublishing": false, "id": "VariableID:43927:5027", - "key": "67972723fe9ea4a0a0c0ec51c8ddfcce9b7e557d", + "key": "7926c733102900f04eacc6ec5562e4658d1b702b", "name": "UI/black", "remote": false, "resolvedType": "COLOR", @@ -6936,7 +5146,7 @@ "description": "color has same luminance as step 100", "hiddenFromPublishing": false, "id": "VariableID:43927:5029", - "key": "ebacfe103ecfa62e06ffbeeeed0d6ccaf6b5e0f2", + "key": "ad8178a4c4920dfd34a7a51e99507091cd2c61e8", "name": "VB/azure/100", "remote": false, "resolvedType": "COLOR", @@ -6956,7 +5166,7 @@ "description": "used for tag selected hover", "hiddenFromPublishing": false, "id": "VariableID:43927:5030", - "key": "5abb206240a3e9632429076244b1afe2a075edd8", + "key": "b357fbb18b45fc6f22f3810ac18e5f0dda07d3c9", "name": "VB/azure/300", "remote": false, "resolvedType": "COLOR", @@ -6976,7 +5186,7 @@ "description": "color has same luminance as step 100", "hiddenFromPublishing": false, "id": "VariableID:43927:5031", - "key": "cb460e96b9cee084bbe96d453eb6eeec6978dc26", + "key": "8cf17c6f6cf276ebd1816f8dc49249a3d141c139", "name": "VB/azure/400", "remote": false, "resolvedType": "COLOR", @@ -6996,7 +5206,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5032", - "key": "b8d9ddc3097189c282c8b6d1ef2b98cb20d305fb", + "key": "8e4c910ea6824b30e820c574655b588cd88d5c81", "name": "VB/azure/500", "remote": false, "resolvedType": "COLOR", @@ -7016,7 +5226,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5033", - "key": "32de913d379ad84fb8010bda8c43248d1f574145", + "key": "627e0722cbf5a39454c83558cfeecd99d0c1d471", "name": "VB/azure/550", "remote": false, "resolvedType": "COLOR", @@ -7036,7 +5246,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5034", - "key": "8f4641574e2214730c48e58aa88407a99350d26f", + "key": "075e7b2a42522e5e91bf69e650f9c352b7462f06", "name": "VB/azure/600", "remote": false, "resolvedType": "COLOR", @@ -7056,7 +5266,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5035", - "key": "8d7cf74fd0d0b1eff232f3f5d06be69bc595c775", + "key": "e07d929388f47df5291376a191d3d025fa88b09b", "name": "VB/azure/650", "remote": false, "resolvedType": "COLOR", @@ -7076,7 +5286,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5036", - "key": "db5ed36a3a1800c8a2d7cd7ef2b017396cbb7cb1", + "key": "212a98f0a1ae6c6320b49a4043ecfb2a60185e2d", "name": "VB/azure/750", "remote": false, "resolvedType": "COLOR", @@ -7096,7 +5306,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5037", - "key": "ea40a83da5edf0e7ed401bd9e465c741d5d07f97", + "key": "d8aed472076399958e6adbdc40b90136a090a972", "name": "VB/azure/800", "remote": false, "resolvedType": "COLOR", @@ -7116,7 +5326,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43927:5038", - "key": "11f77eba0af4efde16b491cbd447f23efc06deaa", + "key": "ed81d18d173528ad4b1c5e3ead12cc8bc7dcfd6d", "name": "VB/azure/default", "remote": false, "resolvedType": "COLOR", @@ -7134,7 +5344,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:187", - "key": "79a247470e9c8cf736f35172c561d5919aae94ea", + "key": "3064f15a8396806fa979825f89ccb004511f0e10", "name": "VB/azure/900", "remote": false, "resolvedType": "COLOR", @@ -7154,7 +5364,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:189", - "key": "dd45ca6620b8b4136d2b65bb3209ecc043169f4c", + "key": "f15b7c02defa516ca5b16e0afdd7a9f65b6f0ac5", "name": "VB/vermillion/550", "remote": false, "resolvedType": "COLOR", @@ -7174,7 +5384,7 @@ "description": "green-default", "hiddenFromPublishing": false, "id": "VariableID:43979:190", - "key": "3a576137992a96fcbb2d24900ee558d1dbacfebd", + "key": "f8f5e2fed98a2c075d765beff9a3fbe5b37451ca", "name": "VB/vermillion/default", "remote": false, "resolvedType": "COLOR", @@ -7192,7 +5402,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:193", - "key": "cafb2ab9a5d0a17e303d62b1638a084075d2c4fd", + "key": "e09bfc00496bdd3a6e3902f47f4c6dc44ee752bb", "name": "utilities/color/primary/100", "remote": false, "resolvedType": "COLOR", @@ -7222,7 +5432,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:194", - "key": "a1d21115688bc7cdb42e1de9a7c563b046faec6c", + "key": "be53bfa6ccdda3b8b7104f530f7d596037f236b2", "name": "utilities/color/primary/200", "remote": false, "resolvedType": "COLOR", @@ -7252,7 +5462,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:195", - "key": "cd3e8f2c00fded5e528e62d81c9148cc8277b798", + "key": "4e197d766d6ac6e9c7e5e58d93bbed93147d6934", "name": "utilities/color/primary/300", "remote": false, "resolvedType": "COLOR", @@ -7282,7 +5492,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:196", - "key": "5b1557c27ed11834fbc700657f1d641287b4142f", + "key": "4841231ba6fc339a3e4f0d4ecf3df1fb4cc2cbb0", "name": "utilities/color/primary/400", "remote": false, "resolvedType": "COLOR", @@ -7312,7 +5522,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:197", - "key": "e4c2878f8399c2cf18ab45d8e2766382cf6d3165", + "key": "aaea895d4e46a5efcebc6ac9fcf1f071162fc25f", "name": "utilities/color/primary/500", "remote": false, "resolvedType": "COLOR", @@ -7342,7 +5552,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:198", - "key": "6a9e6151a9b36a384a7783fa0c436f9bb281b06f", + "key": "bcb1b213bbc3bfab7e464d71c26b00bb4a433e52", "name": "utilities/color/primary/600", "remote": false, "resolvedType": "COLOR", @@ -7372,7 +5582,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:199", - "key": "e2ee7a990cb3cb376cc23975ccdbabf18878d623", + "key": "9a7a23e59cfe8acb9dcd89d0714b81af45eb13a8", "name": "utilities/color/primary/700", "remote": false, "resolvedType": "COLOR", @@ -7402,7 +5612,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:200", - "key": "da825882cb9a1626831d6881ba970144da4e9406", + "key": "4b22378fcb18d5fc1f25d72eb20b05161724f09a", "name": "utilities/color/primary/750", "remote": false, "resolvedType": "COLOR", @@ -7432,7 +5642,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:201", - "key": "9c8619522a7ebb6ed9bcc59c9b9cb0390c8544ae", + "key": "399ce67f5b75ff4f2088011e43129c05117b9961", "name": "utilities/color/primary/800", "remote": false, "resolvedType": "COLOR", @@ -7462,7 +5672,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:202", - "key": "ca92adc15715a5eb488f090ee1ae5fc30db47b94", + "key": "3e3c8e3a2f4e832c0b4c13d9542e416cc00b06a9", "name": "utilities/color/primary/900", "remote": false, "resolvedType": "COLOR", @@ -7492,7 +5702,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:203", - "key": "48623a6f78dcfd39bd96711b553b6552178b73b6", + "key": "02e8d0edb806027286b90f53a594c7d3bd9b84ae", "name": "utilities/color/primary/default", "remote": false, "resolvedType": "COLOR", @@ -7522,7 +5732,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:204", - "key": "07bc3ef833303b160ec021b68dd66a5a04bbaae4", + "key": "09ecdb4054bec44c2cd67756e9a61ec603997e4a", "name": "utilities/color/accent/100", "remote": false, "resolvedType": "COLOR", @@ -7552,7 +5762,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:205", - "key": "bef2c386bd5c05f5c764fb54582f2b9bd3151200", + "key": "ad75fd0294da9c546588f3db1920ff5cd2a5b86a", "name": "utilities/color/accent/200", "remote": false, "resolvedType": "COLOR", @@ -7582,7 +5792,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:206", - "key": "a9da65eff10ee5a2a4eab6114187e62a5d8e8bfc", + "key": "51fe40caa806b22cfbaf1154c38b7e2b98672a0a", "name": "utilities/color/accent/300", "remote": false, "resolvedType": "COLOR", @@ -7612,7 +5822,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:207", - "key": "7fe4e9aa9fdbcf37e7f4542f86c028f755748c37", + "key": "83b4cc6f8f1830d53588611ba8b7fb868b1ce0b8", "name": "utilities/color/accent/400", "remote": false, "resolvedType": "COLOR", @@ -7642,7 +5852,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:208", - "key": "b939b0d1a51f2454eda5c476f47cf9da77ccf662", + "key": "ba8478128d82dc29fbeedca96caff697472927a7", "name": "utilities/color/accent/500", "remote": false, "resolvedType": "COLOR", @@ -7672,7 +5882,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:209", - "key": "8ece80720106c56a3fe3a7e54f3e2fdaa65baabf", + "key": "7e86cccf757342605e0b0cbdd28e9f1797843e42", "name": "utilities/color/accent/550", "remote": false, "resolvedType": "COLOR", @@ -7702,7 +5912,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:210", - "key": "7521aaf1f20652f286c6fff2c5ae4a2c8eaac736", + "key": "ebbbdc440a4cbf85de3873b8b062d261268d02ce", "name": "utilities/color/accent/600", "remote": false, "resolvedType": "COLOR", @@ -7732,7 +5942,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:211", - "key": "dc4b9f52042316c3c9c16570f3401fd5fe5143e7", + "key": "b8a459a0fe020227198d14e75ea22b3d69d0f8c5", "name": "utilities/color/accent/700", "remote": false, "resolvedType": "COLOR", @@ -7762,7 +5972,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:212", - "key": "4888f53760b7138cb08cc024eb68df0da090801c", + "key": "fb814ff4e4b4273a168aa69464c016e30f82d8e4", "name": "utilities/color/accent/800", "remote": false, "resolvedType": "COLOR", @@ -7792,7 +6002,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:213", - "key": "e07a999d3108280d7dd20ddfd135ec4a8d3f3c23", + "key": "55fb21b07d1b9adc48d42e3464be91ab272b74fd", "name": "utilities/color/accent/default", "remote": false, "resolvedType": "COLOR", @@ -7822,7 +6032,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:214", - "key": "fb3d09b4448ac274c7af1c8b442aa5a7567030bd", + "key": "309867147969aced864d987adf2d64aa3bb268fd", "name": "utilities/color/neutral/100", "remote": false, "resolvedType": "COLOR", @@ -7852,7 +6062,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:215", - "key": "65f3fd87cb746afcc08b7cdd7f4c4897c5e6b6cb", + "key": "eb42987ebffb22321629f51ee2b6249851bd14ec", "name": "utilities/color/neutral/200", "remote": false, "resolvedType": "COLOR", @@ -7882,7 +6092,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:216", - "key": "ba2e0a1260a2cfb24f3874c1b471ea9c304c6349", + "key": "1c2fffab4a220dc502a3b7430cc7b0f5678af9c5", "name": "utilities/color/neutral/300", "remote": false, "resolvedType": "COLOR", @@ -7912,7 +6122,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:217", - "key": "98e0569e5e05284761273e9e3c7de943be0a7740", + "key": "2b13199beb0d0c4c9339595572b636fb31e1588f", "name": "utilities/color/neutral/400", "remote": false, "resolvedType": "COLOR", @@ -7942,7 +6152,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:218", - "key": "f0f4c77f5b28c184eafed6e3dce1736930ea03e4", + "key": "f00ace4044a81bf897c94ae9dc9fde82ef39b008", "name": "utilities/color/neutral/500", "remote": false, "resolvedType": "COLOR", @@ -7972,7 +6182,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:219", - "key": "91bbd2c4b16cc798eaeaa30bdf8f04adb0e69174", + "key": "3164a7557f40a4c3d0dec7ae6aef81c17fb2280c", "name": "utilities/color/neutral/600", "remote": false, "resolvedType": "COLOR", @@ -8002,7 +6212,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:220", - "key": "d4cd56dc7c805e9889555ed2ce2ce61e273e3311", + "key": "22067b46a0864d80b752fff8e12a90dda0af3e97", "name": "utilities/color/neutral/700", "remote": false, "resolvedType": "COLOR", @@ -8032,7 +6242,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:221", - "key": "32ff5be76a23fbe73472ae29f18c70b960fd7733", + "key": "62381a06207bdf7fe13ec0c8381f45145d8693f5", "name": "utilities/color/neutral/800", "remote": false, "resolvedType": "COLOR", @@ -8062,7 +6272,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:222", - "key": "79b6e212c8f193ddce9794616a80c0cc71d40a79", + "key": "737b9997186c07321de53a88936913609fce99d7", "name": "utilities/color/error/300", "remote": false, "resolvedType": "COLOR", @@ -8092,7 +6302,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:223", - "key": "b9f3557a4ecd80307f238557d2a036e266852882", + "key": "6e857651aa1eeb11a9c500cf8d672c9f9cada4de", "name": "utilities/color/error/400", "remote": false, "resolvedType": "COLOR", @@ -8122,7 +6332,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:224", - "key": "e0d62f2c72805f0312c8300d2bc17e38ebaa4cb5", + "key": "a883007121660cc94cf6ef39aa0fc5fc385bc380", "name": "utilities/color/success/default", "remote": false, "resolvedType": "COLOR", @@ -8152,7 +6362,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:225", - "key": "f107864e52e7b08c7ecaa90f68b611294a9423e2", + "key": "0487f8ceaccf5ca660efe8695602c036a64d655c", "name": "utilities/color/black/default", "remote": false, "resolvedType": "COLOR", @@ -8182,7 +6392,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:43979:227", - "key": "e7d487603cbf4394c9bbe4bd91aeccf4bec8d88f", + "key": "4acfd3932bd293190f7a12a63af1aa43339da008", "name": "utilities/color/white/default", "remote": false, "resolvedType": "COLOR", @@ -8212,7 +6422,7 @@ "description": "Exclusively for marking fonds", "hiddenFromPublishing": false, "id": "VariableID:43979:229", - "key": "546d2bf6a0033bb142a2cbe5c13160f347c6d49d", + "key": "d3d2d8add95ccc2a314510490ab9e973d2798e99", "name": "utilities/color/risk/low", "remote": false, "resolvedType": "COLOR", @@ -8242,7 +6452,7 @@ "description": "Exclusively for marking fonds", "hiddenFromPublishing": false, "id": "VariableID:43979:230", - "key": "960f6c4ee4e5d8bba29713b8d4b4263055509442", + "key": "79b2564e3da522b56f4222c3afab64194b587e19", "name": "utilities/color/risk/moderate", "remote": false, "resolvedType": "COLOR", @@ -8272,7 +6482,7 @@ "description": "Exclusively for marking fonds", "hiddenFromPublishing": false, "id": "VariableID:43979:231", - "key": "9975b9fabd62a21031a2fb1acf82327a922557e7", + "key": "095471ad5e2e75e8cbc10a8ed6fd30c9f52274c5", "name": "utilities/color/risk/increased", "remote": false, "resolvedType": "COLOR", @@ -8302,7 +6512,7 @@ "description": "Exclusively for marking fonds", "hiddenFromPublishing": false, "id": "VariableID:43979:232", - "key": "94bb8f1c5e7351b4e508bb271344c6827ac00b3a", + "key": "856a343aaa73360e0db9d901f14e70c3f4a192f4", "name": "utilities/color/risk/high", "remote": false, "resolvedType": "COLOR", @@ -8332,7 +6542,7 @@ "description": "Exclusively for marking fonds", "hiddenFromPublishing": false, "id": "VariableID:43979:233", - "key": "a994ac44cec15d52af1aa77c3d77804aa14bf3f5", + "key": "04d78dd356ca73bfa87eb8a1f9477e814411a43e", "name": "utilities/color/risk/veryhigh", "remote": false, "resolvedType": "COLOR", @@ -8362,7 +6572,7 @@ "description": "Used for notification, status-badge", "hiddenFromPublishing": false, "id": "VariableID:43979:234", - "key": "76e08a9795abc9d4ee1e109088e8223e4f58af6d", + "key": "689e56866506f9cb0737cbeddc705f9663d9fc7a", "name": "utilities/color/info/default", "remote": false, "resolvedType": "COLOR", @@ -8392,7 +6602,7 @@ "description": "Used for notification, status-badge", "hiddenFromPublishing": false, "id": "VariableID:43979:235", - "key": "39fce37560e601232217208f1ec4d996d9de44c7", + "key": "8aac4afb70a742d5d0edb99fed733830db4447f7", "name": "utilities/color/warning/default", "remote": false, "resolvedType": "COLOR", @@ -8422,7 +6632,7 @@ "description": "Used for inverted hover interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:236", - "key": "e127c655d92fbda79a90f8a73f6356fdc24679f2", + "key": "962e9483262eea599b28d4a435c32193b6ce8e4c", "name": "utilities/color/icon-fill/primary/100", "remote": false, "resolvedType": "COLOR", @@ -8454,7 +6664,7 @@ "description": "Used for inverted pressed interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:237", - "key": "f2409b7d0bc6a70a43cd1e42d825ad662675d4aa", + "key": "ac45f2fe9c065f560601ea702484d2c55ad7defe", "name": "utilities/color/icon-fill/primary/200", "remote": false, "resolvedType": "COLOR", @@ -8486,7 +6696,7 @@ "description": "Used for inverted pressed interaction in text link", "hiddenFromPublishing": false, "id": "VariableID:43979:238", - "key": "b6d7a22ff9ae75f0305d7279750c51f196d1e376", + "key": "b2a1c3aae94653db66dc78c27591a45a7bffeb76", "name": "utilities/color/icon-fill/primary/400", "remote": false, "resolvedType": "COLOR", @@ -8522,7 +6732,7 @@ "description": "Used for hover interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:239", - "key": "1ff4b65d458a3820737a2d56a9e21eddcefab8db", + "key": "d4964e06c83b146512420f7d22dbc4f99da1d334", "name": "utilities/color/icon-fill/primary/500", "remote": false, "resolvedType": "COLOR", @@ -8554,7 +6764,7 @@ "description": "Used for pressed interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:240", - "key": "d934c28c2f3788abfb1309dc4cce4e644f4d1915", + "key": "1fc9fbe1181ff9df0cc6dd3a7bb48819874f68f9", "name": "utilities/color/icon-fill/primary/800", "remote": false, "resolvedType": "COLOR", @@ -8586,7 +6796,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:43979:241", - "key": "831ae5e613950f85b37bf8b901d06b11df9b73ac", + "key": "0646819632394993d4f8eddea092a7eb6278be45", "name": "utilities/color/icon-fill/primary/default", "remote": false, "resolvedType": "COLOR", @@ -8618,7 +6828,7 @@ "description": "Inverted icon color", "hiddenFromPublishing": false, "id": "VariableID:43979:242", - "key": "dbc729b7c0eaafa61395bcf020d9dcb15d476092", + "key": "1a634ef580e3a011dd2c517849882eeafa2e451b", "name": "utilities/color/icon-fill/white/default", "remote": false, "resolvedType": "COLOR", @@ -8650,7 +6860,7 @@ "description": "Used for hover interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:244", - "key": "fe7c2f0285d72eaadd3f8e81ab0cbe76b592e9fe", + "key": "fb426623c07ff78dc90870828b804c62fe926134", "name": "utilities/color/icon-fill/accent/550", "remote": false, "resolvedType": "COLOR", @@ -8682,7 +6892,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:43979:245", - "key": "4246a9ad42663d9c2f3f0fbaed7c7e522ada7f34", + "key": "1e4f3776111b01da4de14477592e1e7375fec56b", "name": "utilities/color/icon-fill/accent/default", "remote": false, "resolvedType": "COLOR", @@ -8714,7 +6924,7 @@ "description": "Used for disabled state", "hiddenFromPublishing": false, "id": "VariableID:43979:246", - "key": "9f6880c9454a4e7d6970ae3950cc6192154cb35e", + "key": "9505d6312d1e2e9ef0cdddc5e0da8abbabf94809", "name": "utilities/color/icon-fill/neutral/500", "remote": false, "resolvedType": "COLOR", @@ -8746,7 +6956,7 @@ "description": "Used for inverted disabled state", "hiddenFromPublishing": false, "id": "VariableID:43979:247", - "key": "81715bb0a83dc6dda03f3fd9fb6a7adf37f798b6", + "key": "9b96dad67466abde49956bc2b5a5e09c68bc1be2", "name": "utilities/color/icon-fill/neutral/600", "remote": false, "resolvedType": "COLOR", @@ -8782,7 +6992,7 @@ "description": "Used for switch, clearable", "hiddenFromPublishing": false, "id": "VariableID:43979:248", - "key": "1173a2a3caf547c822e445b5ad69e1bdd110bfc9", + "key": "09aba09c88bde2ae9cca118f3b312c15efd578a5", "name": "utilities/color/icon-fill/neutral/800", "remote": false, "resolvedType": "COLOR", @@ -8814,7 +7024,7 @@ "description": "Used for success messages, valid states", "hiddenFromPublishing": false, "id": "VariableID:43979:249", - "key": "0ea3b42f8821ea5d60ad91057172e67dad1d330e", + "key": "c43f5d98604e9cd858518c3f737b8144fa1c53e3", "name": "utilities/color/icon-fill/success/default", "remote": false, "resolvedType": "COLOR", @@ -8846,7 +7056,7 @@ "description": "Used for hover interaction invalid form elements\n", "hiddenFromPublishing": false, "id": "VariableID:43979:250", - "key": "364eb85f7dd5961cf2bab4763a5532da9dfe0344", + "key": "c39c07afa1f5c66e7a2e4fc45211ac93e2c4c20c", "name": "utilities/color/icon-fill/error/400", "remote": false, "resolvedType": "COLOR", @@ -8878,7 +7088,7 @@ "description": "Used for error messages, invalid states", "hiddenFromPublishing": false, "id": "VariableID:43979:251", - "key": "e7620333d5a8baa2ca98263c1d373ed5f8725d46", + "key": "f4b1c9a60d4616ed9e09cb22c7c001fa6f92bb5a", "name": "utilities/color/error/default", "remote": false, "resolvedType": "COLOR", @@ -8908,7 +7118,7 @@ "description": "Used for buttons, select field, focus state", "hiddenFromPublishing": false, "id": "VariableID:43979:252", - "key": "0f8f2b8bc29276d768c1b25d40722482a0ca356a", + "key": "3edfe8a468fefa303e53028d0b46983bfaae02ee", "name": "utilities/color/border/primary/default", "remote": false, "resolvedType": "COLOR", @@ -8940,7 +7150,7 @@ "description": "Used for hover interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:253", - "key": "5f23a7ff03228ecf9d4dbab529be4b64deb19366", + "key": "b97ed86ccc500b5d277e91f60a1d980a446abd84", "name": "utilities/color/border/accent/550", "remote": false, "resolvedType": "COLOR", @@ -8972,7 +7182,7 @@ "description": "Default border color. \nUsed for sd-divider, teaser, table cell, ... sd-container,", "hiddenFromPublishing": false, "id": "VariableID:43979:254", - "key": "000275afe43124d0e3623b6362f66b203605185f", + "key": "8e4c7fdd18f39c9ae1a5f2cc69f0e990f51dc901", "name": "utilities/color/border/neutral/400", "remote": false, "resolvedType": "COLOR", @@ -9004,7 +7214,7 @@ "description": "Used for form fields, switch, radio, checkbox", "hiddenFromPublishing": false, "id": "VariableID:43979:255", - "key": "87d723f4774f304d55331ed544cdbe1a0097b3f8", + "key": "402c1211bcb098a0a3ebabc4ce87ef4d72487ebc", "name": "utilities/color/border/neutral/800", "remote": false, "resolvedType": "COLOR", @@ -9036,7 +7246,7 @@ "description": "Used for valid form fields\n", "hiddenFromPublishing": false, "id": "VariableID:43979:256", - "key": "ac13e62c6fc2ed0577a82730a3e808d5691abcf7", + "key": "f0f7463047766b0c219d8c4f381ab1d6546d5fec", "name": "utilities/color/border/success/default", "remote": false, "resolvedType": "COLOR", @@ -9068,7 +7278,7 @@ "description": "Used for hover interaction invalid form elements", "hiddenFromPublishing": false, "id": "VariableID:43979:257", - "key": "4ca1493da4aff71f5cb7a6025db83d0c318f0be8", + "key": "ee303d00b86505b9525a84ea691a28c7d5d24697", "name": "utilities/color/border/error/400", "remote": false, "resolvedType": "COLOR", @@ -9100,7 +7310,7 @@ "description": "Used for invalid form fields", "hiddenFromPublishing": false, "id": "VariableID:43979:258", - "key": "8465f104bafeb02295d5cf50f8055e714fd00584", + "key": "592145d7a7025b381514515e03514be9736e9a95", "name": "utilities/color/border/error/default", "remote": false, "resolvedType": "COLOR", @@ -9132,7 +7342,7 @@ "description": "Used for sd-container", "hiddenFromPublishing": false, "id": "VariableID:43979:259", - "key": "037404b1da65812a6dcd4e8c66f597d150979720", + "key": "87b3a570f0727cc9916ab158ddfb6230ad8d6494", "name": "utilities/color/background/primary/100", "remote": false, "resolvedType": "COLOR", @@ -9164,7 +7374,7 @@ "description": "Used for sd-chip", "hiddenFromPublishing": false, "id": "VariableID:43979:260", - "key": "e4da4f757d3aac9ce77b8bc55e16c889495d62e8", + "key": "3edfdbf233551f6213b62d5a5502c2da769e5e01", "name": "utilities/color/background/primary/200", "remote": false, "resolvedType": "COLOR", @@ -9196,7 +7406,7 @@ "description": "Used for sd-chip", "hiddenFromPublishing": false, "id": "VariableID:43979:261", - "key": "a545dc116abb0f39280c20f2586cc1084616d989", + "key": "bafc13463a52e799561bf1a97372d6f4d6f57689", "name": "utilities/color/background/primary/300", "remote": false, "resolvedType": "COLOR", @@ -9228,7 +7438,7 @@ "description": "Used for sd-chip, sd-badge", "hiddenFromPublishing": false, "id": "VariableID:43979:262", - "key": "84dee4f4f50ff84c793be05a974be0dde55cada5", + "key": "f3a47026e933703e8f086aff75e394d735eaa0e9", "name": "utilities/color/background/primary/500", "remote": false, "resolvedType": "COLOR", @@ -9260,7 +7470,7 @@ "description": "Used for pressed interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:263", - "key": "6d127ebfc636e78d89d9347e170525a8253779f7", + "key": "3e62c168462ce8402b0a5a37f9d5676e565b49b4", "name": "utilities/color/background/primary/800", "remote": false, "resolvedType": "COLOR", @@ -9292,7 +7502,7 @@ "description": "Inverted background color (light mode)\nUsed for button", "hiddenFromPublishing": false, "id": "VariableID:43979:264", - "key": "fc15fabc4502b2d1cf74c63d14e5f59686a0359e", + "key": "71df8c9347f3c44d19dc1596b842c4f760bb1253", "name": "utilities/color/background/primary/default", "remote": false, "resolvedType": "COLOR", @@ -9324,7 +7534,7 @@ "description": "Used for hover interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:265", - "key": "c0407d6e94fa9bcd3147ecc45bd7a18568c84f02", + "key": "2a8a3b23083288f0b5298dbc17d9f04b7e434795", "name": "utilities/color/background/accent/550", "remote": false, "resolvedType": "COLOR", @@ -9356,7 +7566,7 @@ "description": "Used for notification, status-badge", "hiddenFromPublishing": false, "id": "VariableID:43979:266", - "key": "f9a10782836a8b0d7f2052f34fa261c7fc8129b0", + "key": "6d27dfbb8b4a4dab6ad309423b72ade6bd44ef3c", "name": "utilities/color/background/info/default", "remote": false, "resolvedType": "COLOR", @@ -9388,7 +7598,7 @@ "description": "Used for notification, status-badge", "hiddenFromPublishing": false, "id": "VariableID:43979:267", - "key": "e469707cfcd2369c2d5dc63121e8d3b8f5869edf", + "key": "c030f2493b8247eb8486ffd184d395146e2c54e1", "name": "utilities/color/background/warning/default", "remote": false, "resolvedType": "COLOR", @@ -9420,7 +7630,7 @@ "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", "hiddenFromPublishing": false, "id": "VariableID:43979:268", - "key": "81a1163a2922d4a9d0ea4f8714f13477f1c57ff7", + "key": "067432c2f0fef4643eb7c341b336ba7cf6f2c2a0", "name": "utilities/color/text/primary/200", "remote": false, "resolvedType": "COLOR", @@ -9452,7 +7662,7 @@ "description": "Additional text inverted color", "hiddenFromPublishing": false, "id": "VariableID:43979:269", - "key": "f298f84c97f014bd40d9da94d624958751386dcb", + "key": "5ebc55b0788de67c67d250345fe7538c9f0aaf55", "name": "utilities/color/text/primary/400", "remote": false, "resolvedType": "COLOR", @@ -9488,7 +7698,7 @@ "description": "Used for hover interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:270", - "key": "c6664d961dfffa7715181bb97c2be190ecd66035", + "key": "5c83c488eb586ab212ab12c636897420b1733315", "name": "utilities/color/text/primary/500", "remote": false, "resolvedType": "COLOR", @@ -9520,7 +7730,7 @@ "description": "Used for pressed interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:271", - "key": "f15db9908570a346de23b890f96c3312da03919e", + "key": "93a9077e97e47f15079ae56acc94ded2aeaa6aef", "name": "utilities/color/text/primary/800", "remote": false, "resolvedType": "COLOR", @@ -9552,7 +7762,7 @@ "description": "Primary brand color for text", "hiddenFromPublishing": false, "id": "VariableID:43979:272", - "key": "1270d2888c2afb9b2ea14f1c9c8e0887c5847eed", + "key": "f99f4016cca349031db3e706b2e66689c895c6a8", "name": "utilities/color/text/primary/default", "remote": false, "resolvedType": "COLOR", @@ -9584,7 +7794,7 @@ "description": "Inverted text color", "hiddenFromPublishing": false, "id": "VariableID:43979:273", - "key": "d33827b1f8dd0c31d2c62b4f7429c044811804cf", + "key": "ae480eb23e647e2f07292cc63c0d32cd98f885ae", "name": "utilities/color/text/white/default", "remote": false, "resolvedType": "COLOR", @@ -9617,7 +7827,7 @@ "description": "Unchanged in dark mode", "hiddenFromPublishing": false, "id": "VariableID:43979:274", - "key": "9ed30f6d5bd25a8cf13fb4defa74c73c2b00b2c1", + "key": "70b9f744ad60838d7abf13df3c8b4449f9b817fc", "name": "utilities/color/text/white/default-constant", "remote": false, "resolvedType": "COLOR", @@ -9649,7 +7859,7 @@ "description": "Default text color", "hiddenFromPublishing": false, "id": "VariableID:43979:275", - "key": "eaef4d5dbccd1e033e150a71e45803ba688092c5", + "key": "5c07ef2a85bc84ed76a8f42cb824d74e38fabe1c", "name": "utilities/color/text/black/default", "remote": false, "resolvedType": "COLOR", @@ -9681,7 +7891,7 @@ "description": "Used for disabled state", "hiddenFromPublishing": false, "id": "VariableID:43979:277", - "key": "bd27f848b6bdbab1d4143fa8efa27a4655e84a40", + "key": "9a8778b0a1478148a86de3c82921bb23e9ef3f6e", "name": "utilities/color/text/neutral/500", "remote": false, "resolvedType": "COLOR", @@ -9713,7 +7923,7 @@ "description": "Additional text color, Breadcrumb item current and Video descriotion #100, 62%", "hiddenFromPublishing": false, "id": "VariableID:43979:278", - "key": "f23283c5ca478d1e5651e76c84cd7d32d306c891", + "key": "2923653711354221ca67050a3daee82c5b017651", "name": "utilities/color/text/neutral/700", "remote": false, "resolvedType": "COLOR", @@ -9745,7 +7955,7 @@ "description": "Used to display negative performance values", "hiddenFromPublishing": false, "id": "VariableID:43979:279", - "key": "75a8e2ee33227eadbce3b452efef2e2ef02c6bc0", + "key": "392614a382fe18ee57942e20dba6e67595bc7a97", "name": "utilities/color/text/error/default", "remote": false, "resolvedType": "COLOR", @@ -9777,7 +7987,7 @@ "description": "Used to display positive performance values", "hiddenFromPublishing": false, "id": "VariableID:43979:280", - "key": "a04283cb370ce9ea1e70be3e246d3783b6594cef", + "key": "d5d4536a66117d6a0279337798fe9632dea9d8f1", "name": "utilities/color/text/success/default", "remote": false, "resolvedType": "COLOR", @@ -9809,7 +8019,7 @@ "description": "Used for hover interaction (dark mode)", "hiddenFromPublishing": false, "id": "VariableID:43979:281", - "key": "ed00b3dc9939ce371c872cc2610b56305a48b5f6", + "key": "fee4020a9af6576d97d65ec6ed51646d3b12253b", "name": "utilities/color/border/primary/500", "remote": false, "resolvedType": "COLOR", @@ -9841,7 +8051,7 @@ "description": "Used for pressed interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:282", - "key": "8e1e3bc78483a1b4cd1ebfea853c9c32b4722b89", + "key": "65d4df15124b4037032795fd7915ec1762def2c7", "name": "utilities/color/border/primary/800", "remote": false, "resolvedType": "COLOR", @@ -9873,7 +8083,7 @@ "description": "Exclusively for marking fonds", "hiddenFromPublishing": false, "id": "VariableID:43979:283", - "key": "4e4ced31eb89649ecc6df325c5d58ea0421efc8a", + "key": "10df804ce1b315cd938c30199da1982d6ab5ae46", "name": "utilities/color/icon-fill/risk/low", "remote": false, "resolvedType": "COLOR", @@ -9905,7 +8115,7 @@ "description": "Exclusively for marking fonds", "hiddenFromPublishing": false, "id": "VariableID:43979:284", - "key": "778fa3cc3970ebed4cc48b1998caccf4ed6f7325", + "key": "82c9f7bd18c02356c989039481ddac349680177f", "name": "utilities/color/icon-fill/risk/moderate", "remote": false, "resolvedType": "COLOR", @@ -9937,7 +8147,7 @@ "description": "Exclusively for marking fonds", "hiddenFromPublishing": false, "id": "VariableID:43979:285", - "key": "7ea5bbbe45bcedb10ef8a1cac1cfb14f69fe0a82", + "key": "dc2e19539e410835157fe9a8d25d6b4de2350f0c", "name": "utilities/color/icon-fill/risk/increased", "remote": false, "resolvedType": "COLOR", @@ -9969,7 +8179,7 @@ "description": "Exclusively for marking fonds", "hiddenFromPublishing": false, "id": "VariableID:43979:286", - "key": "7c67cc20f9a3f2d70aba859a34015eb50260b231", + "key": "5566a63a049f2467a06e18f7ec8f6f4d96824245", "name": "utilities/color/icon-fill/risk/high", "remote": false, "resolvedType": "COLOR", @@ -10001,7 +8211,7 @@ "description": "Exclusively for marking fonds", "hiddenFromPublishing": false, "id": "VariableID:43979:287", - "key": "62a464b011ca14020f6e99cb29d654cd58dec19b", + "key": "0c5c691724b74c92f5360dad61f1bc345c1f1b0a", "name": "utilities/color/icon-fill/risk/veryhigh", "remote": false, "resolvedType": "COLOR", @@ -10033,7 +8243,7 @@ "description": "Used for inverted hover interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:288", - "key": "25b1a327d93548dbc61fd63077ddcdb12c9bdede", + "key": "f8494ade78133eaf908b2b849a7e0e5161684ec0", "name": "utilities/color/border/primary/100", "remote": false, "resolvedType": "COLOR", @@ -10065,7 +8275,7 @@ "description": "Used for inverted pressed interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:289", - "key": "98cfba68a00856cae4f0472abd9d436ef597f77c", + "key": "e3ce876c904b6361756c9b582caa4699fd6e5032", "name": "utilities/color/border/primary/200", "remote": false, "resolvedType": "COLOR", @@ -10097,7 +8307,7 @@ "description": "Used for inverted dividers", "hiddenFromPublishing": false, "id": "VariableID:43979:290", - "key": "71305886b218feef5249e2fdea3fafc7d98dfe86", + "key": "cd975085d31cb49051d52ffd97320b069bb3e6e7", "name": "utilities/color/border/primary/400", "remote": false, "resolvedType": "COLOR", @@ -10129,7 +8339,7 @@ "description": "Used for buttons, inverted focus state", "hiddenFromPublishing": false, "id": "VariableID:43979:293", - "key": "f41f162d5d57a82f4bfc89d3570d87552870c2fb", + "key": "b7dab54dbb2d7274bd65a1857321ee411c77e489", "name": "utilities/color/border/white/default", "remote": false, "resolvedType": "COLOR", @@ -10161,7 +8371,7 @@ "description": "Used to highlight active/selected elements\n", "hiddenFromPublishing": false, "id": "VariableID:43979:294", - "key": "72cada63e48e8bfc1e55e0906465b039fc43b478", + "key": "0f8c347c8fb62a24be94d3f6f063c2432959735e", "name": "utilities/color/border/accent/default", "remote": false, "resolvedType": "COLOR", @@ -10193,7 +8403,7 @@ "description": "Used for disabled state", "hiddenFromPublishing": false, "id": "VariableID:43979:295", - "key": "5e6436064e755390d8843ca4e3ae28992fc3e2a7", + "key": "f613a16ae05947aea9ec6a5f4ebc4c45d6f6b9b0", "name": "utilities/color/border/neutral/500", "remote": false, "resolvedType": "COLOR", @@ -10225,7 +8435,7 @@ "description": "Used for inverted disabled state", "hiddenFromPublishing": false, "id": "VariableID:43979:296", - "key": "037f6d1e79e5d81acd9dab46b314b25932973d24", + "key": "9e30f258b2c0f0d2629c53c221c4751ed64863e0", "name": "utilities/color/border/neutral/600", "remote": false, "resolvedType": "COLOR", @@ -10257,7 +8467,7 @@ "description": "Used for inverted hover interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:299", - "key": "c2af23553ee57322b3a7f7fd41d6d038608fa388", + "key": "ab2f825f91eb7ba2f11568b0190b442732b829b1", "name": "utilities/color/background/accent/300", "remote": false, "resolvedType": "COLOR", @@ -10289,7 +8499,7 @@ "description": "Used for cta background", "hiddenFromPublishing": false, "id": "VariableID:43979:300", - "key": "c8806a3e601e1e8e8059dafa65d19efb556c1ae6", + "key": "3ad1768298970cc2426092705b32478a787c2fbf", "name": "utilities/color/background/accent/500", "remote": false, "resolvedType": "COLOR", @@ -10321,7 +8531,7 @@ "description": "Used for pressed interaction", "hiddenFromPublishing": false, "id": "VariableID:43979:301", - "key": "c16d23d9472af9c3156dc3368b2e345ce2c534f5", + "key": "084563e826fc6be5c3794ea355813abf7ddb8841", "name": "utilities/color/background/accent/700", "remote": false, "resolvedType": "COLOR", @@ -10353,7 +8563,7 @@ "description": "Used for checkbox, switch", "hiddenFromPublishing": false, "id": "VariableID:43979:302", - "key": "f5eee4cb507315b95c26d24218e7b2e15406e9b2", + "key": "b99bc39562a3eabb5dda9348b3277cf4bf02cdce", "name": "utilities/color/background/accent/default", "remote": false, "resolvedType": "COLOR", @@ -10385,7 +8595,7 @@ "description": "Used for inverted disabled state ", "hiddenFromPublishing": false, "id": "VariableID:43979:303", - "key": "1313867490b0a841d01d76ca0051d29109f57e48", + "key": "a69d6cd23db786e44506eb9da42ea6d2f1b7957a", "name": "utilities/color/background/neutral/600", "remote": false, "resolvedType": "COLOR", @@ -10417,7 +8627,7 @@ "description": "Used for badge", "hiddenFromPublishing": false, "id": "VariableID:43979:304", - "key": "73683ff40a101c6cf7c9a7518585a977aceaae85", + "key": "daa3d6328760539153fc3f45647ad145bafce298", "name": "utilities/color/background/neutral/800", "remote": false, "resolvedType": "COLOR", @@ -10449,7 +8659,7 @@ "description": "Used for audio (wave animation)", "hiddenFromPublishing": false, "id": "VariableID:43979:305", - "key": "3ed3a50fb584418e8e3cdb4939758e4c01e5486b", + "key": "5dd1b70f30143dfd4f26ce27b4f8d6783e46bf07", "name": "utilities/color/background/_transparent/primary|10", "remote": false, "resolvedType": "COLOR", @@ -10489,7 +8699,7 @@ "description": "Used for map-marker", "hiddenFromPublishing": false, "id": "VariableID:43979:306", - "key": "9c8e861bda09179d275abf644e1491ce0e2973cc", + "key": "bebac26c4057a9c15063ebdb15ca92ded3156233", "name": "utilities/color/background/_transparent/primary|30", "remote": false, "resolvedType": "COLOR", @@ -10529,7 +8739,7 @@ "description": "Used for teaser", "hiddenFromPublishing": false, "id": "VariableID:43979:307", - "key": "9b1e8bc57dc116c7859725cce38dd1d2cd7c2643", + "key": "632a16c24ef4de601aef85a91a7c6efd7bb5477a", "name": "utilities/color/background/_transparent/primary|80", "remote": false, "resolvedType": "COLOR", @@ -10569,7 +8779,7 @@ "description": "Used for teaser", "hiddenFromPublishing": false, "id": "VariableID:43979:308", - "key": "a10170c5ab7f5fa906aacefab0b0301185ef2e7d", + "key": "61808306a9bf578e0d2fcb5cd411e734c15568b7", "name": "utilities/color/background/_transparent/primary|90", "remote": false, "resolvedType": "COLOR", @@ -10609,7 +8819,7 @@ "description": "Used for audio (wave animation inverted)", "hiddenFromPublishing": false, "id": "VariableID:43979:309", - "key": "2566981249c8f7e67ce0f44408ac5a8334ef4c04", + "key": "9e2ac87cfc9b625ccb2f3a1421b4c90c35db0baa", "name": "utilities/color/background/_transparent/white|20", "remote": false, "resolvedType": "COLOR", @@ -10649,7 +8859,7 @@ "description": "Used for overlays", "hiddenFromPublishing": false, "id": "VariableID:43979:310", - "key": "48249981bbb971d8db8d1e6ea78da0bb28e20b22", + "key": "f05eaf7c336301818c4c860724325ce161632001", "name": "utilities/color/background/_transparent/primary-800|90", "remote": false, "resolvedType": "COLOR", @@ -10689,7 +8899,7 @@ "description": "Used for inverted hover interaction button label", "hiddenFromPublishing": false, "id": "VariableID:43979:311", - "key": "ad637893ad97d318a5360764de32b70c21eddb0b", + "key": "d822c045f36b95a41595a331c15f2c6c1f911fd2", "name": "utilities/color/text/primary/100", "remote": false, "resolvedType": "COLOR", @@ -10721,7 +8931,7 @@ "description": "Used for inverted hover interaction button label", "hiddenFromPublishing": false, "id": "VariableID:43979:312", - "key": "a2ceab10a2b9cc45069bd2d772748ee221cb3d47", + "key": "dcab778e98006e62c2f9bcca63d4ad4c9ca91101", "name": "utilities/color/text/accent/default", "remote": false, "resolvedType": "COLOR", @@ -10753,7 +8963,7 @@ "description": "Used for inverted disabled state", "hiddenFromPublishing": false, "id": "VariableID:43979:313", - "key": "d9097841e8b043aece2ec5e1b4d43ef9c0169543", + "key": "953d346b31ed015fa8c7220ba926e57982c73399", "name": "utilities/color/text/neutral/600", "remote": false, "resolvedType": "COLOR", @@ -10787,7 +8997,7 @@ "description": "Used for tooltip", "hiddenFromPublishing": false, "id": "VariableID:43979:314", - "key": "52a88fc782d2b84da9e49e57d66780e83ab76da8", + "key": "aedd4ad70357f8bbc63c882a23df069eb9c4285d", "name": "utilities/shadow/default/color", "remote": false, "resolvedType": "COLOR", @@ -10827,7 +9037,7 @@ "description": "Used for error messages, invalid states", "hiddenFromPublishing": false, "id": "VariableID:43979:493", - "key": "da7e94079037c2a254fafe720c9c49afe193fd31", + "key": "bcf7064923787b6a9ecda8d6df80d79f15ba76f9", "name": "utilities/color/icon-fill/error/default", "remote": false, "resolvedType": "COLOR", @@ -10859,7 +9069,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44023:39692", - "key": "69a0c181ec1858b732df02fa523b46e41534f4e4", + "key": "bfa8c9a392544ac39d4762960737f1365e8b781f", "name": "components/sd-breadcrumb/__separator/color", "remote": false, "resolvedType": "COLOR", @@ -10891,8 +9101,8 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44023:39695", - "key": "2fea8d9689dd20f84484de445a8add55e32cd6c8", - "name": "_components/sd-header/--tmplt/color/background", + "key": "0bd6e7b7ff86c905754340f7a254ce504fa1e82d", + "name": "components/sd-header/color/background", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -10923,7 +9133,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44023:39696", - "key": "c4968d9738c0c68c1f52eefb80a80de9878c1dfd", + "key": "e4e3c39bf189e942cb10e2152bdc59b5daa6c8bd", "name": "components/sd-tag/--selected/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -10955,7 +9165,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44023:39698", - "key": "c2fbd6adcd35bb6a4c4e986afdf5575d8a5b8b6b", + "key": "888c121b1c70c0e412c8cdd87797339f20c5cf34", "name": "components/form-control/color/border", "remote": false, "resolvedType": "COLOR", @@ -10987,7 +9197,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44023:41070", - "key": "8feeb680866ee96ef9f61696f7cc231977a1d36f", + "key": "a5b086c155047b1c3811d0e00ff0711c7ab0c74c", "name": "components/panel/color/border", "remote": false, "resolvedType": "COLOR", @@ -11025,7 +9235,7 @@ "description": "\b0px", "hiddenFromPublishing": false, "id": "VariableID:44029:1552", - "key": "d65fb8a5965643aa6c3df2a39bdc465482b467df", + "key": "e5c5db0ad392ca25d4dd017613e8aebb8dddc7b2", "name": "UI/sizing/0", "remote": false, "resolvedType": "FLOAT", @@ -11040,7 +9250,7 @@ "description": "4px", "hiddenFromPublishing": false, "id": "VariableID:44029:1553", - "key": "b4baf8ac4e8339f84dbac7f70c7804b89f058579", + "key": "2c2b1f28d9451785f54e1f2e4401f34a49992197", "name": "UI/sizing/1", "remote": false, "resolvedType": "FLOAT", @@ -11055,7 +9265,7 @@ "description": "8px", "hiddenFromPublishing": false, "id": "VariableID:44029:1554", - "key": "5bdf7e3411edf5741acb2f3d03e0dbdf42834e31", + "key": "a5091f77c67a853826850a993fb65ca1dac7aabd", "name": "UI/sizing/2", "remote": false, "resolvedType": "FLOAT", @@ -11070,7 +9280,7 @@ "description": "12px", "hiddenFromPublishing": false, "id": "VariableID:44029:1555", - "key": "698446cff4675d70510a0b3b95328ba18434fec7", + "key": "1dcbb4e13f7e0ac3e36df59f40e2092b9f37884c", "name": "UI/sizing/3", "remote": false, "resolvedType": "FLOAT", @@ -11085,7 +9295,7 @@ "description": "16px", "hiddenFromPublishing": false, "id": "VariableID:44029:1556", - "key": "3eb1a3d22e3b93b9735737390f496361860d85a1", + "key": "81a9505d7d7285444b72a568fe193cc7d91be13c", "name": "UI/sizing/4", "remote": false, "resolvedType": "FLOAT", @@ -11100,7 +9310,7 @@ "description": "20px", "hiddenFromPublishing": false, "id": "VariableID:44029:1557", - "key": "3d77d924746c444f861781b5d359edbf0f3d4df1", + "key": "8e92aceb1c4456311eab953d3908e8f6e807bd79", "name": "UI/sizing/5", "remote": false, "resolvedType": "FLOAT", @@ -11115,7 +9325,7 @@ "description": "24px", "hiddenFromPublishing": false, "id": "VariableID:44029:1558", - "key": "fc6d0e0470e9673ed8a05e87e80488dd66c81972", + "key": "b7307b6070ea656577a557c288fbf034df78444a", "name": "UI/sizing/6", "remote": false, "resolvedType": "FLOAT", @@ -11130,7 +9340,7 @@ "description": "28px", "hiddenFromPublishing": false, "id": "VariableID:44029:1559", - "key": "26ddf65da96cc5be018991f158edeb5891fb602b", + "key": "ffd712f618fb057ea76fda336b51943bb8255621", "name": "UI/sizing/7", "remote": false, "resolvedType": "FLOAT", @@ -11145,7 +9355,7 @@ "description": "32px", "hiddenFromPublishing": false, "id": "VariableID:44029:1560", - "key": "bfcab3f7b6da065a5628c5ed36412ed54e768ad1", + "key": "ec62c4bb2c8c10f5b0ef28e852ba3bc2e84d86f6", "name": "UI/sizing/8", "remote": false, "resolvedType": "FLOAT", @@ -11160,7 +9370,7 @@ "description": "36px", "hiddenFromPublishing": false, "id": "VariableID:44029:1561", - "key": "da0d5b628ce26152d9378e0fffaffbba7c01acb1", + "key": "f6ee32c97782f6294b5f2a6acce831b90a0e5560", "name": "UI/sizing/9", "remote": false, "resolvedType": "FLOAT", @@ -11175,7 +9385,7 @@ "description": "40px", "hiddenFromPublishing": false, "id": "VariableID:44029:1562", - "key": "489f7a173979a8c68fba8cab729b85f2d851e1f6", + "key": "a59a82bfce5a30a467daa61ad0c8f15360d40492", "name": "UI/sizing/10", "remote": false, "resolvedType": "FLOAT", @@ -11190,7 +9400,7 @@ "description": "44px", "hiddenFromPublishing": false, "id": "VariableID:44029:1563", - "key": "15e61998c6b6a3fca1bc03477e8bd4a26de8a910", + "key": "57b22c3947e16e85f59b857a7384dc0966d6db73", "name": "UI/sizing/11", "remote": false, "resolvedType": "FLOAT", @@ -11205,7 +9415,7 @@ "description": "48px", "hiddenFromPublishing": false, "id": "VariableID:44029:1564", - "key": "3c209cdd2d6f8ecb83d4eae880f7b45ca25efa27", + "key": "bc9952989a89c9426389a7319ae7f494d07b4e6e", "name": "UI/sizing/12", "remote": false, "resolvedType": "FLOAT", @@ -11220,7 +9430,7 @@ "description": "56px", "hiddenFromPublishing": false, "id": "VariableID:44029:1565", - "key": "21fa6864d6e37ca7be1d7c0d9d7741a586108575", + "key": "319d9dacb17e72bf426c956d070c5b608dacbe73", "name": "UI/sizing/14", "remote": false, "resolvedType": "FLOAT", @@ -11235,7 +9445,7 @@ "description": "64px", "hiddenFromPublishing": false, "id": "VariableID:44029:1566", - "key": "55040634f49863306b166a07455bf24c307f12c2", + "key": "a1494d57d4f18658bd7bca39852be628898f86f9", "name": "UI/sizing/16", "remote": false, "resolvedType": "FLOAT", @@ -11250,7 +9460,7 @@ "description": "80px", "hiddenFromPublishing": false, "id": "VariableID:44029:1567", - "key": "8bfa4cc440cb2ddd728299f293a8a39793f80d2a", + "key": "7b25789acf2117b767ec91d398ee35aabdc0ccfd", "name": "UI/sizing/20", "remote": false, "resolvedType": "FLOAT", @@ -11265,7 +9475,7 @@ "description": "96px", "hiddenFromPublishing": false, "id": "VariableID:44029:1568", - "key": "dc2b963121bb343d2cb0941a80a788441e2a7ab8", + "key": "ba711f2d37fbdae8419625e4e0223966f3067a30", "name": "UI/sizing/24", "remote": false, "resolvedType": "FLOAT", @@ -11280,7 +9490,7 @@ "description": "112px", "hiddenFromPublishing": false, "id": "VariableID:44029:1569", - "key": "abe1e0ba7279a95d3bef92584a623b3eb16e76dc", + "key": "4e7f8769faa2003229832b2f652c79a8c7d79b1b", "name": "UI/sizing/28", "remote": false, "resolvedType": "FLOAT", @@ -11295,7 +9505,7 @@ "description": "128px", "hiddenFromPublishing": false, "id": "VariableID:44029:1570", - "key": "77dc10b1f96521025c5e26f2c9ce749bc5802e47", + "key": "08335bc1f79329ce36c6dfa01140438ea4875a78", "name": "UI/sizing/32", "remote": false, "resolvedType": "FLOAT", @@ -11310,7 +9520,7 @@ "description": "144px", "hiddenFromPublishing": false, "id": "VariableID:44029:1571", - "key": "d3b4abf138fadf48f6c40320fdb4abd6b53317c3", + "key": "de8da0883c94e330834d8dd72d9c7692d6f3eb4d", "name": "UI/sizing/36", "remote": false, "resolvedType": "FLOAT", @@ -11325,7 +9535,7 @@ "description": "160px", "hiddenFromPublishing": false, "id": "VariableID:44029:1572", - "key": "4ee67dc479febbc0296e4f025576af95980b5ae6", + "key": "8f8cd40fb83b4041c4c7a57343899839235b7dcf", "name": "UI/sizing/40", "remote": false, "resolvedType": "FLOAT", @@ -11340,7 +9550,7 @@ "description": "176px", "hiddenFromPublishing": false, "id": "VariableID:44029:1573", - "key": "3e07fd94bd55e35ad20b5ba5193c48b7346a91e8", + "key": "0db980b0d57c79f9b7859684fdc8b054437ad717", "name": "UI/sizing/44", "remote": false, "resolvedType": "FLOAT", @@ -11355,7 +9565,7 @@ "description": "208px", "hiddenFromPublishing": false, "id": "VariableID:44029:1574", - "key": "c63e6bd0de415e8a314e08bb8c1ec407752c91a4", + "key": "ee677a09262cc4d9cab3f6c6c2e29e350fa24f20", "name": "UI/sizing/52", "remote": false, "resolvedType": "FLOAT", @@ -11370,7 +9580,7 @@ "description": "224px", "hiddenFromPublishing": false, "id": "VariableID:44029:1575", - "key": "0f3332af8f07967a43208b43a28ef9f499ae84db", + "key": "bad128d1cf42322511ad0eaf6aeb191292db0934", "name": "UI/sizing/56", "remote": false, "resolvedType": "FLOAT", @@ -11385,7 +9595,7 @@ "description": "256px", "hiddenFromPublishing": false, "id": "VariableID:44029:1576", - "key": "c3a1cac544c357a61b68a210220212914fc565f4", + "key": "c147c92c2da99b6c9513c201721c6a91fed7b4ef", "name": "UI/sizing/64", "remote": false, "resolvedType": "FLOAT", @@ -11400,7 +9610,7 @@ "description": "288px", "hiddenFromPublishing": false, "id": "VariableID:44029:1577", - "key": "81ee721f6d6887564b4a152194086b3fe962d2e3", + "key": "742ad520d073708af3de230000152d7411210faf", "name": "UI/sizing/72", "remote": false, "resolvedType": "FLOAT", @@ -11415,7 +9625,7 @@ "description": "320px", "hiddenFromPublishing": false, "id": "VariableID:44029:1578", - "key": "a7835018b91179914c67bdcd5d3ef9759068e593", + "key": "5ad621d3ae1f3e78b984db81a5b5303900bae222", "name": "UI/sizing/80", "remote": false, "resolvedType": "FLOAT", @@ -11430,7 +9640,7 @@ "description": "384px", "hiddenFromPublishing": false, "id": "VariableID:44029:1579", - "key": "b3dbd88744f5abae29c5c67dd295749cb7c0a94b", + "key": "711a2abd24c147789e235890693ce59e41e63e85", "name": "UI/sizing/96", "remote": false, "resolvedType": "FLOAT", @@ -11446,7 +9656,7 @@ "description": "14px", "hiddenFromPublishing": false, "id": "VariableID:44029:1580", - "key": "c5e2d4215a3ef47ee736a1e2bbd0802e576b8e97", + "key": "1d4a59408ca790a07edbd75f463d571e7907de27", "name": "UI/text/sm", "remote": false, "resolvedType": "FLOAT", @@ -11462,7 +9672,7 @@ "description": "16px", "hiddenFromPublishing": false, "id": "VariableID:44029:1581", - "key": "bb910cf0212a6be52fd452bd650562b8c63c0ecc", + "key": "53e028c439df989d4c8bfda1ed5f8844dc88c88f", "name": "UI/text/base", "remote": false, "resolvedType": "FLOAT", @@ -11472,45 +9682,13 @@ }, "variableCollectionId": "VariableCollectionId:42952:95" }, - "VariableID:44029:1585": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "32px", - "hiddenFromPublishing": false, - "id": "VariableID:44029:1585", - "key": "960c35f79b577f51b2360a9f2b6fe21ead752c28", - "name": "UI/text/3xl", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [], - "valuesByMode": { - "43138:0": 32 - }, - "variableCollectionId": "VariableCollectionId:42952:95" - }, - "VariableID:44029:1586": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "40px", - "hiddenFromPublishing": false, - "id": "VariableID:44029:1586", - "key": "89348ff89357b051cca53365374e24394ce106a1", - "name": "UI/text/4xl", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [], - "valuesByMode": { - "43138:0": 40 - }, - "variableCollectionId": "VariableCollectionId:42952:95" - }, "VariableID:44029:1587": { "codeSyntax": {}, "deletedButReferenced": true, "description": "Used for text sm compact (size: 14, line-height: 100%)", "hiddenFromPublishing": false, "id": "VariableID:44029:1587", - "key": "b06dcad6d4ee336374cd4594061da62cd32b68c5", + "key": "932fa9b67b3ebe95e1312c3544572b06262ed50d", "name": "UI/leading/3", "remote": false, "resolvedType": "FLOAT", @@ -11526,7 +9704,7 @@ "description": "Used for text sm (size: 14, line-height: 150%)", "hiddenFromPublishing": false, "id": "VariableID:44029:1589", - "key": "2d178cda4f15bccfb03cbbfa2e984c3637cd317c", + "key": "53e35fce1e75d9f51dd6ad952ece1ce384da5fdb", "name": "UI/leading/5", "remote": false, "resolvedType": "FLOAT", @@ -11542,7 +9720,7 @@ "description": "Used for text base (size: 16, line-height: 150%)", "hiddenFromPublishing": false, "id": "VariableID:44029:1590", - "key": "690a97ab5342a19eada9b314839c048ea152697b", + "key": "f3bc6900d5ecfd801851b8febb76a34d32a39270", "name": "UI/leading/6", "remote": false, "resolvedType": "FLOAT", @@ -11558,7 +9736,7 @@ "description": "Used for mobile text lg (size: 20, line-height: 150%)", "hiddenFromPublishing": false, "id": "VariableID:44029:1592", - "key": "71d338c4e3ac9376a7347d368a00de908504429a", + "key": "f5a1fc81d367fce4434c324af61b56f06720e914", "name": "UI/leading/8", "remote": false, "resolvedType": "FLOAT", @@ -11574,7 +9752,7 @@ "description": "Used for text base (size: 16, line-height: 150%)", "hiddenFromPublishing": false, "id": "VariableID:44029:1594", - "key": "4847087bc97464b7107569f4930135d2b4a9e661", + "key": "0dca595518114be9573c32ca1713efe0b5b28287", "name": "UI/leading/9", "remote": false, "resolvedType": "FLOAT", @@ -11590,7 +9768,7 @@ "description": "Used for text 3xl, mobile text 4xl (size: 32, line-height: 120%)", "hiddenFromPublishing": false, "id": "VariableID:44029:1595", - "key": "e430ae6a27c4362e13357196f1963b3161f8cc80", + "key": "c19881cfc5eb87ca3824d9079ce78f2dbc0aac3d", "name": "UI/leading/9,5", "remote": false, "resolvedType": "FLOAT", @@ -11600,28 +9778,12 @@ }, "variableCollectionId": "VariableCollectionId:42952:95" }, - "VariableID:44029:1596": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "Used for text 3xl (size: 32, line-height: 120%)", - "hiddenFromPublishing": false, - "id": "VariableID:44029:1596", - "key": "566fbd3ef23d5f90d716e12879dbcf8330b6e53a", - "name": "UI/leading/12", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [], - "valuesByMode": { - "43138:0": 48 - }, - "variableCollectionId": "VariableCollectionId:42952:95" - }, "VariableID:44029:1598": { "codeSyntax": {}, "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1598", - "key": "4c12cb064879225e14b6ae65a2e3d1bf90c6c948", + "key": "fd4c1d8e1c1ad21cb8684ada2e19a28ded27e408", "name": "UI/border/border-0", "remote": false, "resolvedType": "FLOAT", @@ -11636,7 +9798,7 @@ "description": "Default border width", "hiddenFromPublishing": false, "id": "VariableID:44029:1599", - "key": "be047c95e3c8fb88a93bd295edc6605c3df6ec7d", + "key": "c47b5d19257f4d350fdc867957a2f42976a3b289", "name": "UI/border/border", "remote": false, "resolvedType": "FLOAT", @@ -11651,7 +9813,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1600", - "key": "f4b6e4af457f376d90a063218262b3ed84f302d2", + "key": "bf5491b01b1cc68ffdadad03f99ae7b349a917b7", "name": "UI/border/border-2", "remote": false, "resolvedType": "FLOAT", @@ -11666,7 +9828,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1601", - "key": "fd6118482e9b2c0914d1713815fe402760364773", + "key": "1b6bc43adb5dc0598ef6b258e8941676148f2ba1", "name": "UI/border/border-4", "remote": false, "resolvedType": "FLOAT", @@ -11681,7 +9843,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1602", - "key": "de8398b34724c5f649e2ac09f534382b2e7d4dbb", + "key": "1faa72dfd5c7c3d6f2a269c478a4f585c5a23018", "name": "UI/border/border-6", "remote": false, "resolvedType": "FLOAT", @@ -11696,7 +9858,7 @@ "description": "For pill buttons / shapes", "hiddenFromPublishing": false, "id": "VariableID:44029:1603", - "key": "ebb8a562675adfe46a06d12b3e1454bc56a1c23e", + "key": "eadcda80e43c5897fbbc257cade9de8f3c7dca24", "name": "UI/rounded/full", "remote": false, "resolvedType": "FLOAT", @@ -11711,7 +9873,7 @@ "description": "For pill buttons / shapes", "hiddenFromPublishing": false, "id": "VariableID:44029:1604", - "key": "d8667543b5e6becf70c0414aa5b4f9b82f4b5b4e", + "key": "a7382b4972316c9a4d00edfde2d774101aeefa9f", "name": "UI/rounded/default", "remote": false, "resolvedType": "FLOAT", @@ -11726,7 +9888,7 @@ "description": "No rounding", "hiddenFromPublishing": false, "id": "VariableID:44029:1605", - "key": "bc44d1776a2be36e70142efecd0757919f555458", + "key": "313c5fef17c6bce1d9e60ab0a2f87706362b7e2f", "name": "UI/rounded/none", "remote": false, "resolvedType": "FLOAT", @@ -11741,7 +9903,7 @@ "description": "2px", "hiddenFromPublishing": false, "id": "VariableID:44029:1606", - "key": "e833aaf4f7ffae4b47ce00578bd634097060e26f", + "key": "4de835ca59980687954af8902cf33a37627aad84", "name": "UI/rounded/sm", "remote": false, "resolvedType": "FLOAT", @@ -11756,7 +9918,7 @@ "description": "6px", "hiddenFromPublishing": false, "id": "VariableID:44029:1607", - "key": "5a50c51cf675b864f161429bea218cfb4ce55469", + "key": "1cdbe4833402b4792bf7adef9e4bbb591b710aa8", "name": "UI/rounded/md", "remote": false, "resolvedType": "FLOAT", @@ -11771,7 +9933,7 @@ "description": "8px", "hiddenFromPublishing": false, "id": "VariableID:44029:1608", - "key": "993272c980510de3410a60f2825a2160749e9a05", + "key": "e489d09135b02cbc4392cd11d0956319f94922e0", "name": "UI/rounded/\blg", "remote": false, "resolvedType": "FLOAT", @@ -11786,7 +9948,7 @@ "description": "12px", "hiddenFromPublishing": false, "id": "VariableID:44029:1609", - "key": "20d3b56010775d18018fda52adcabc327265a499", + "key": "14074d8b70f8ca3fe63fb75b1e8311e74677f4ea", "name": "UI/rounded/xl", "remote": false, "resolvedType": "FLOAT", @@ -11801,7 +9963,7 @@ "description": "1px\b", "hiddenFromPublishing": false, "id": "VariableID:44029:1610", - "key": "6cc4e80fc468bc1e1933fccadd765285297c364a", + "key": "979429454e773990dd21002e54a822c0b6adbcac", "name": "UI/sizing/px", "remote": false, "resolvedType": "FLOAT", @@ -11816,7 +9978,7 @@ "description": "2px", "hiddenFromPublishing": false, "id": "VariableID:44029:1611", - "key": "5aa51ba9c75bc6d5c6f8c8014967fec3a1213873", + "key": "8e2e9664ba627af68ea1c787ce20dcde22b80983", "name": "UI/sizing/0,5", "remote": false, "resolvedType": "FLOAT", @@ -11831,7 +9993,7 @@ "description": "\b6px", "hiddenFromPublishing": false, "id": "VariableID:44029:1612", - "key": "33f619ce36c4f01d7df76d89d07695960deba1d2", + "key": "b2b4bac01ed3327f3928b295171fea6b465b0266", "name": "UI/sizing/1,5", "remote": false, "resolvedType": "FLOAT", @@ -11846,7 +10008,7 @@ "description": "14px", "hiddenFromPublishing": false, "id": "VariableID:44029:1613", - "key": "7128d70709ba863dbf3ef4a874002952414a6675", + "key": "c24d42699d33503ef9fa287c1b766b0b23018b11", "name": "UI/sizing/3,5", "remote": false, "resolvedType": "FLOAT", @@ -11861,7 +10023,7 @@ "description": "10px", "hiddenFromPublishing": false, "id": "VariableID:44029:1614", - "key": "815b8f6f341a73323a337d8011bb47c95be5d815", + "key": "28293260d3823ca9d8677cda874996b8a74e14ff", "name": "UI/sizing/2,5", "remote": false, "resolvedType": "FLOAT", @@ -11876,7 +10038,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1615", - "key": "3a4ed3b96703f4e22719fece9fadedada1c31882", + "key": "129fc9b991650e87b1a80cb52c7e53d9b0127902", "name": "UI/opacity/opacity-0", "remote": false, "resolvedType": "FLOAT", @@ -11891,7 +10053,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1616", - "key": "aac18cdbb3c38746325ead21f6e0d3689e15a448", + "key": "9db640f6f2f5a891e2a4b47ce5e148362bab65b0", "name": "UI/opacity/opacity-5", "remote": false, "resolvedType": "FLOAT", @@ -11906,7 +10068,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1617", - "key": "e71c28751aac586b28e598f3d63dc302d6545683", + "key": "78e9487d76f70b4c54dd439ec074e66e70f74f17", "name": "UI/opacity/opacity-2", "remote": false, "resolvedType": "FLOAT", @@ -11921,7 +10083,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1618", - "key": "a08da7175ae0258a55557b0b0c762758337aa30b", + "key": "cf3381af07c8af7bba9fab1f4781e38c616f54a1", "name": "UI/opacity/opacity-10", "remote": false, "resolvedType": "FLOAT", @@ -11936,7 +10098,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1619", - "key": "2e5359c620ab734bf670fcbd08bee92391379622", + "key": "1678e4e4a4c9de8e17aa93b50858f5beb1256759", "name": "UI/opacity/opacity-20", "remote": false, "resolvedType": "FLOAT", @@ -11951,7 +10113,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1620", - "key": "b71e0b0b0d78b1ec2cea693d7553d8069f7576c0", + "key": "8737c211f43a33aacd75be628d4e75cd8a2382b3", "name": "UI/opacity/opacity-30", "remote": false, "resolvedType": "FLOAT", @@ -11966,7 +10128,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1621", - "key": "0b40ae8d62b8c6259ba89e237405a0da4222636f", + "key": "7822c17e5da0ffe5bc4285e1d30023226bac0c60", "name": "UI/opacity/opacity-50", "remote": false, "resolvedType": "FLOAT", @@ -11981,7 +10143,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1622", - "key": "45cc6cc21bc26b9a83ab039238c794119106f4fc", + "key": "10a777d6de433ba9124af77952a9e4eaf39477b8", "name": "UI/opacity/opacity-55", "remote": false, "resolvedType": "FLOAT", @@ -11996,7 +10158,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1623", - "key": "a14dc54d5cb831f0dd28731dd32f6455486ebc18", + "key": "88f795b9d03faec1d50aceb18ef56a7518b57c2a", "name": "UI/opacity/opacity-60", "remote": false, "resolvedType": "FLOAT", @@ -12011,7 +10173,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1624", - "key": "5311ce8cb33ee93ced1a5ca73c750d2394cf6638", + "key": "b8e9607c999da486342b6edc1b9b9042742038e9", "name": "UI/opacity/opacity-70", "remote": false, "resolvedType": "FLOAT", @@ -12026,7 +10188,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1625", - "key": "6b954d3f12e0dc31fc2e51c58d0480a354987425", + "key": "622c67aa71992a150b97adb5c7a9cf0d242e10e1", "name": "UI/opacity/opacity-75", "remote": false, "resolvedType": "FLOAT", @@ -12041,7 +10203,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1626", - "key": "05c17717bd5703de18d2e0f2ef97674c8f08ff4f", + "key": "64f3e8bf909cd1f92fef683b7d154dd3ba705fa2", "name": "UI/opacity/opacity-80", "remote": false, "resolvedType": "FLOAT", @@ -12056,7 +10218,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1627", - "key": "3688b1f9ceabb13f8a1dca7802f5ec749e6b8b41", + "key": "a721f8216ccb580767c16d80a665452ed49eedf7", "name": "UI/opacity/opacity-85", "remote": false, "resolvedType": "FLOAT", @@ -12071,7 +10233,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1628", - "key": "9a80d8e5b9cf5b583b666e426223b4e442f1ebde", + "key": "55bbd77a9bd28ac31caa0c8ec1982330a84d9e51", "name": "UI/opacity/opacity-90", "remote": false, "resolvedType": "FLOAT", @@ -12086,7 +10248,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1629", - "key": "a739df6f7e8c7f1d742f3a00a51e9cfec46a3375", + "key": "326416d4dadcb43dbeabc4d9a16e471d13c79593", "name": "UI/opacity/opacity-100", "remote": false, "resolvedType": "FLOAT", @@ -12101,7 +10263,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1630", - "key": "89983aaef28bc7acfb5260ccc911788a28494d66", + "key": "3fde7fe56772cb1569e03e485fd7fef51bf6da9d", "name": "UI/font-weight/font-normal", "remote": false, "resolvedType": "STRING", @@ -12116,7 +10278,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1631", - "key": "e678796bff2c98aea8078f1afd2e9ab1b5da62d4", + "key": "098c8cb0d45b74657f6ee59b7dcb56135ef107d7", "name": "UI/font-weight/font-bold", "remote": false, "resolvedType": "STRING", @@ -12131,7 +10293,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1632", - "key": "b29891b0cdd05444c3675237d4505d14c1512f9c", + "key": "f8696849b5756fc265fae87f1f7b13de54eaa300", "name": "VB/font-family/font-family-primary", "remote": false, "resolvedType": "STRING", @@ -12146,7 +10308,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1633", - "key": "aaee96dbbb8e947712a93bb25152a10e4257fec9", + "key": "eaa9abc0c499407cea81d3e87fc2b013091be86e", "name": "utilities/opacity/0", "remote": false, "resolvedType": "FLOAT", @@ -12175,7 +10337,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1634", - "key": "994f92b693af0aee4cc74124849bac2b1cbb9006", + "key": "e6f6efabe80eb0ab85daaaef9ce7bae95a663f0c", "name": "utilities/opacity/5", "remote": false, "resolvedType": "FLOAT", @@ -12204,7 +10366,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1635", - "key": "c21c07c7968ca097669b3fe742ec3553c9a5b929", + "key": "84585f8d2b110ef8819d34c4c7d0084271a9e958", "name": "utilities/opacity/10", "remote": false, "resolvedType": "FLOAT", @@ -12233,7 +10395,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1636", - "key": "206f5d9eb141442b78a6eeb5bb66313b31092a92", + "key": "d635152b20aa452751ca4a7955156fdfee351b50", "name": "utilities/opacity/20", "remote": false, "resolvedType": "FLOAT", @@ -12262,7 +10424,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1637", - "key": "e10e984a9d225fb0c65e9e4e06abd4c5c4d87521", + "key": "aea7baea26c8631bc73b279e739ae2069d5093f6", "name": "utilities/opacity/30", "remote": false, "resolvedType": "FLOAT", @@ -12291,7 +10453,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1638", - "key": "941df3c53e37db80d77050b18fd9de0fa3516157", + "key": "c3f476d1f81df6b81a486b644dfb2f4b2662ee99", "name": "utilities/opacity/50", "remote": false, "resolvedType": "FLOAT", @@ -12323,7 +10485,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1639", - "key": "ceb03826cb62f9206dadd16bf3dd8fbaa829c172", + "key": "7e51e0ab42d14f543a2625768e177420d47d5303", "name": "utilities/opacity/55", "remote": false, "resolvedType": "FLOAT", @@ -12352,7 +10514,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1640", - "key": "8b50ca5cf69081c54bb25b7f5f350dcdc4a06e4b", + "key": "6d39b8775e2e2ad509d7f94d4269166e19987ec2", "name": "utilities/opacity/60", "remote": false, "resolvedType": "FLOAT", @@ -12384,7 +10546,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1641", - "key": "48311c233e8d820adef47b079d1445fecc110dcf", + "key": "dc39e6dcba43b41605534cad8bd4bc71bcf87d29", "name": "utilities/opacity/70", "remote": false, "resolvedType": "FLOAT", @@ -12413,7 +10575,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1642", - "key": "9dddbe83ef119f3cae868b9e63dfd7d3407fdabf", + "key": "46159233b2f638d6187048b4f273f0c5049cd2b9", "name": "utilities/opacity/75", "remote": false, "resolvedType": "FLOAT", @@ -12442,7 +10604,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1643", - "key": "7e60488bac864a987b8cdaa64fdd2a0bdcd00b41", + "key": "4d9de493bd91e58ab8d8d6f9726d9f53cccad652", "name": "utilities/opacity/80", "remote": false, "resolvedType": "FLOAT", @@ -12471,7 +10633,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1644", - "key": "f939e4e4d37164fdb29dc3d8daa31564589730f4", + "key": "c0e7cdf7e4603fd981fbca0097318a741a8efb7f", "name": "utilities/opacity/\b85", "remote": false, "resolvedType": "FLOAT", @@ -12500,7 +10662,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1645", - "key": "2faa9e3e33bf25d5db9fc2b498221ae955dd6078", + "key": "bcfe0813ef1851e89423f22825bba54653d5b70a", "name": "utilities/opacity/\b90", "remote": false, "resolvedType": "FLOAT", @@ -12529,7 +10691,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1646", - "key": "38d7b1f384eaff3795b9a7dd400c4fdfd8b3e9d7", + "key": "ce80cee32d88f65332c719d48a67f1cece6a9090", "name": "utilities/opacity/\b100", "remote": false, "resolvedType": "FLOAT", @@ -12561,7 +10723,7 @@ "description": "8px", "hiddenFromPublishing": false, "id": "VariableID:44029:1647", - "key": "13164359bb7394495d4cf91bc9269d62cd0d73cb", + "key": "f630a94d649e1f39c3238ab15d8ac6ca837f5100", "name": "utilities/sizing/2", "remote": false, "resolvedType": "FLOAT", @@ -12593,7 +10755,7 @@ "description": "12px", "hiddenFromPublishing": false, "id": "VariableID:44029:1648", - "key": "ded1682020995040e17ac12245db474abe602e14", + "key": "6b739f1e3aa9655dbe35175e2acdee2318fb6da5", "name": "utilities/sizing/3", "remote": false, "resolvedType": "FLOAT", @@ -12625,7 +10787,7 @@ "description": "16px", "hiddenFromPublishing": false, "id": "VariableID:44029:1649", - "key": "cd476ec5ab3be8a54d760f6a1ee3191d1fe67531", + "key": "f9df5a6165d907e022d201b2c6efc6412a6c9e32", "name": "utilities/sizing/4", "remote": false, "resolvedType": "FLOAT", @@ -12657,7 +10819,7 @@ "description": "20px", "hiddenFromPublishing": false, "id": "VariableID:44029:1650", - "key": "c0124fa85e46f6048da470b412cd4bc119541ed9", + "key": "0818b74f02e6e4ffec1ff93f02195d0fe2b548d6", "name": "utilities/sizing/5", "remote": false, "resolvedType": "FLOAT", @@ -12689,7 +10851,7 @@ "description": "24px", "hiddenFromPublishing": false, "id": "VariableID:44029:1651", - "key": "23139be05bd832f68b61501165565dae4eed1b17", + "key": "6f61155c45639e5b2b766aa65c06cf691eabee6e", "name": "utilities/sizing/6", "remote": false, "resolvedType": "FLOAT", @@ -12721,7 +10883,7 @@ "description": "32px", "hiddenFromPublishing": false, "id": "VariableID:44029:1652", - "key": "09db6a41f52a67991584c60f6abaa6d5e8093c80", + "key": "ab6ab6f90593ec3841f58eb67e03317f302dde32", "name": "utilities/sizing/8", "remote": false, "resolvedType": "FLOAT", @@ -12753,7 +10915,7 @@ "description": "40px", "hiddenFromPublishing": false, "id": "VariableID:44029:1653", - "key": "968eb622b44b289d9b975781c416eba1899ba3e6", + "key": "6e72ee74355849fa80525929409879a65daaebee", "name": "utilities/sizing/10", "remote": false, "resolvedType": "FLOAT", @@ -12785,7 +10947,7 @@ "description": "48px", "hiddenFromPublishing": false, "id": "VariableID:44029:1654", - "key": "14f6214e6a8f132429ec78ba9c8fe145e23963cc", + "key": "1d7ef86412e2b4dffe455cc325cb2d284d3d9c62", "name": "utilities/sizing/12", "remote": false, "resolvedType": "FLOAT", @@ -12817,7 +10979,7 @@ "description": "64px", "hiddenFromPublishing": false, "id": "VariableID:44029:1655", - "key": "2031a799409305aad1f204558674ea175f7d216a", + "key": "278a5641b0df40649117aba41ffc17d4c8cee7e2", "name": "utilities/sizing/16", "remote": false, "resolvedType": "FLOAT", @@ -12849,7 +11011,7 @@ "description": "96px", "hiddenFromPublishing": false, "id": "VariableID:44029:1656", - "key": "2a99601815e07f2dc0b0d39f2a8e066c730c8af3", + "key": "77352023656d5434baf8d430d4b0a0b2d5d0ccda", "name": "utilities/sizing/24", "remote": false, "resolvedType": "FLOAT", @@ -12881,7 +11043,7 @@ "description": "10px", "hiddenFromPublishing": false, "id": "VariableID:44029:1657", - "key": "74e0dbbb3b3c92f2fb74ab459ed92e1609c350fe", + "key": "d84982c899e9c5d6ef6c4451fd5badc9c1ce2235", "name": "utilities/sizing/2,5", "remote": false, "resolvedType": "FLOAT", @@ -12913,7 +11075,7 @@ "description": "4px", "hiddenFromPublishing": false, "id": "VariableID:44029:1658", - "key": "774c1a64e3e40c836996ffa4fd30cd5b4ca2e063", + "key": "d21fc67f127ffad5529c451b76e747c4252d072a", "name": "utilities/spacing/1", "remote": false, "resolvedType": "FLOAT", @@ -12945,7 +11107,7 @@ "description": "8px", "hiddenFromPublishing": false, "id": "VariableID:44029:1659", - "key": "1feba4501d6f2fbe2ff013dd07f4f0211067575d", + "key": "45a1bae3e06e98b819764122a0807cfc8bbb9b00", "name": "utilities/spacing/2", "remote": false, "resolvedType": "FLOAT", @@ -12977,7 +11139,7 @@ "description": "12px", "hiddenFromPublishing": false, "id": "VariableID:44029:1660", - "key": "02c4347a3b0201514eb97db10969bf2706732c0b", + "key": "107905365235871606a196e2ff8090413c618475", "name": "utilities/spacing/3", "remote": false, "resolvedType": "FLOAT", @@ -13009,7 +11171,7 @@ "description": "16px", "hiddenFromPublishing": false, "id": "VariableID:44029:1661", - "key": "88a7ca97af54ffa85846c6766f81ad71f7b549bd", + "key": "be244003d0cde449ae27e7e2ed43dd42a77f61b7", "name": "utilities/spacing/4", "remote": false, "resolvedType": "FLOAT", @@ -13041,7 +11203,7 @@ "description": "24px", "hiddenFromPublishing": false, "id": "VariableID:44029:1662", - "key": "ab4880e91b8460488c7464931eb0f4e203cacb52", + "key": "a22b8c9ca0668e56371b7b6cff11fed71f9efd1d", "name": "utilities/spacing/6", "remote": false, "resolvedType": "FLOAT", @@ -13073,7 +11235,7 @@ "description": "32px", "hiddenFromPublishing": false, "id": "VariableID:44029:1663", - "key": "82ed3c4a3204d7304cab5842cc2adf166143c522", + "key": "39b1007b35cddf50cfea0d3c6ce6e02779063c9e", "name": "utilities/spacing/8", "remote": false, "resolvedType": "FLOAT", @@ -13105,7 +11267,7 @@ "description": "40px", "hiddenFromPublishing": false, "id": "VariableID:44029:1664", - "key": "aa8d695db530448f82c30045112a34bf69a8d8e1", + "key": "cccbf4d7784c62e4c5fb74bf94849b2f692efaa7", "name": "utilities/spacing/10", "remote": false, "resolvedType": "FLOAT", @@ -13137,7 +11299,7 @@ "description": "48px", "hiddenFromPublishing": false, "id": "VariableID:44029:1665", - "key": "9b1acc7552d901f9342a07f12344a0b22b843c2f", + "key": "445d81bd946ef54846c37719b2c28268fba20d9b", "name": "utilities/spacing/12", "remote": false, "resolvedType": "FLOAT", @@ -13169,7 +11331,7 @@ "description": "64px", "hiddenFromPublishing": false, "id": "VariableID:44029:1666", - "key": "d8857751dbf6bebecd69d06678ded6131de518dc", + "key": "b97665d45cd0e15fab2982be222440a8114dec2c", "name": "utilities/spacing/16", "remote": false, "resolvedType": "FLOAT", @@ -13201,7 +11363,7 @@ "description": "80px", "hiddenFromPublishing": false, "id": "VariableID:44029:1667", - "key": "1f894807a94dd587b51f4f7814b6211d2d5ab33a", + "key": "6299f7a2d33485058f854ea5bc3e293ad92a95a3", "name": "utilities/spacing/20", "remote": false, "resolvedType": "FLOAT", @@ -13233,7 +11395,7 @@ "description": "96px", "hiddenFromPublishing": false, "id": "VariableID:44029:1668", - "key": "0bb3268a191ed1f097f86b9d29544315d381c868", + "key": "822d68310f23844cc1b8ebd27e14b41bfbe0aaf5", "name": "utilities/spacing/24", "remote": false, "resolvedType": "FLOAT", @@ -13265,7 +11427,7 @@ "description": "128px", "hiddenFromPublishing": false, "id": "VariableID:44029:1669", - "key": "566bf68b741e2a398eaf3e7f56f22c798a92cdf8", + "key": "83b6b870459f3fbefc246a01cbdee325138d5091", "name": "utilities/spacing/32", "remote": false, "resolvedType": "FLOAT", @@ -13297,7 +11459,7 @@ "description": "160px", "hiddenFromPublishing": false, "id": "VariableID:44029:1670", - "key": "66dab6b8b5decf0ad0e259269732c3b1ad07b1e1", + "key": "2c15912d7bb3fb79be0d6020ec81c0cbc25740be", "name": "utilities/spacing/40", "remote": false, "resolvedType": "FLOAT", @@ -13329,7 +11491,7 @@ "description": "2px", "hiddenFromPublishing": false, "id": "VariableID:44029:1671", - "key": "3eeb9af612e5c75e4742016bd5913fcadbc9d02e", + "key": "638216e2c5bd0702b28f6c7a51bc4794b37face2", "name": "utilities/spacing/0,5", "remote": false, "resolvedType": "FLOAT", @@ -13361,7 +11523,7 @@ "description": "1px", "hiddenFromPublishing": false, "id": "VariableID:44029:1672", - "key": "b4708f9d6519657f125b308f99a6fdd11601098d", + "key": "8c8c8e10fe5e85a456d80d7fc866f80675071376", "name": "utilities/spacing/0,25", "remote": false, "resolvedType": "FLOAT", @@ -13393,7 +11555,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1673", - "key": "e12729c7e65db825928422197b337fb4e774b7fb", + "key": "53a194cd9851871036f0edeee777a2f6dfb6e9c1", "name": "utilities/spacing/1,5", "remote": false, "resolvedType": "FLOAT", @@ -13425,7 +11587,7 @@ "description": "4px Default radius for buttons", "hiddenFromPublishing": false, "id": "VariableID:44029:1674", - "key": "c3a0b1bc1eb9971db19bb9e85e6799d2ba9c65e1", + "key": "d4709dedb538400cd65d5e9afa0ee6eb19f54b46", "name": "utilities/rounded/default", "remote": false, "resolvedType": "FLOAT", @@ -13457,7 +11619,7 @@ "description": "2px", "hiddenFromPublishing": false, "id": "VariableID:44029:1675", - "key": "2c0633dc6179292d0b51a4fefb32e0d4b884fa3f", + "key": "17c7026d178c09d27ce1fb603e3ed1c07d4bc4fb", "name": "utilities/rounded/sm", "remote": false, "resolvedType": "FLOAT", @@ -13489,7 +11651,7 @@ "description": "6px Inner focus outline", "hiddenFromPublishing": false, "id": "VariableID:44029:1676", - "key": "608623b68ac10f082b9151d2805d9518b1cdf8b5", + "key": "66bdf7ff2d85a713e9253614d4eefc759d135ceb", "name": "utilities/rounded/md", "remote": false, "resolvedType": "FLOAT", @@ -13521,7 +11683,7 @@ "description": "8px Outer focus outline", "hiddenFromPublishing": false, "id": "VariableID:44029:1677", - "key": "631d3c50e37e5304ac2b74e9a35f4ace33b9a1b5", + "key": "6c40763b71d7919b53d7336ba1f9e334e1ca9665", "name": "utilities/rounded/lg", "remote": false, "resolvedType": "FLOAT", @@ -13553,7 +11715,7 @@ "description": "Radius for pill shape buttons", "hiddenFromPublishing": false, "id": "VariableID:44029:1678", - "key": "4a8f3d014e161061a445f3c70c4ac514c691da01", + "key": "691b39e01de5eea6aea5902f31b1ce412c724fad", "name": "utilities/rounded/full", "remote": false, "resolvedType": "FLOAT", @@ -13585,7 +11747,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1679", - "key": "2d506d0a26bdbd3d12737a2f20e8fad8760ff91e", + "key": "b34c06f6d386abcbc00134f03406fb84d0f1fb29", "name": "utilities/rounded/none", "remote": false, "resolvedType": "FLOAT", @@ -13617,7 +11779,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1681", - "key": "b14008f1d7445ff2f4723d57966b189a2094e568", + "key": "0fd82dd015c469866a13986acf85213f0de7781a", "name": "utilities/border-width/2", "remote": false, "resolvedType": "FLOAT", @@ -13649,7 +11811,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1682", - "key": "3ab70e94b5272c12f30e946c99fd3d209d269e4b", + "key": "a1d8f6c5529e7da4104e4d8fac6c8bd0fcadef3a", "name": "utilities/border-width/4", "remote": false, "resolvedType": "FLOAT", @@ -13681,7 +11843,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1683", - "key": "ece9c9fdba662c87817f51426def72a47755fcfe", + "key": "8506edf8435d6afa9ca9bff28ba8773ea5a639a3", "name": "utilities/border-width/6", "remote": false, "resolvedType": "FLOAT", @@ -13713,7 +11875,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1684", - "key": "4d30a9a2255c6d6edcb0ee1e71905b0d99975940", + "key": "eb136d049f326fa54c6e167246ed2ad41d1ff115", "name": "utilities/border-width/default", "remote": false, "resolvedType": "FLOAT", @@ -13745,7 +11907,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44029:1685", - "key": "7b62d5a1868a88e173e9b75527f48b8f1af5a6f2", + "key": "d4b37b365ccfd2760f5b84f323bed6cc4c540b0a", "name": "utilities/font-family/primary", "remote": false, "resolvedType": "STRING", @@ -13777,7 +11939,7 @@ "description": "Used for disabled state breadcrumb", "hiddenFromPublishing": false, "id": "VariableID:44032:68245", - "key": "91581515ec9cde04ca3e6f01577f971797c0dc5c", + "key": "1085b71400b487a4428f521db8dd65cbc9e1d547", "name": "utilities/color/icon-fill/neutral/400", "remote": false, "resolvedType": "COLOR", @@ -13809,7 +11971,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44271:64020", - "key": "426edb584831a1f119530814dc5ec046c450f0d2", + "key": "7c16cf9956d3bb10b7f29ec67b56463f94d4236b", "name": "components/sd-button/--primary/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -13841,7 +12003,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44271:64186", - "key": "360ffb6bce9b0ae2b38d5317031a529e9f8776f1", + "key": "aee4db3a6b665581c4f1d456996f041dfe0b21e9", "name": "components/sd-button/--secondary/--active/color/background", "remote": false, "resolvedType": "COLOR", @@ -13873,7 +12035,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44271:64197", - "key": "36d36c14e3507a8dca297684a8cda0928afd208e", + "key": "8ce5ef0f81d677b65445868c636c98d54aa5505a", "name": "components/sd-button/--primary/--active/color/text", "remote": false, "resolvedType": "COLOR", @@ -13905,7 +12067,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44271:64199", - "key": "35cadee759ba1c349af1a7c7bc0dd2042b05adbb", + "key": "086b29fd0c7d608f06dc484610e44702280a2d0a", "name": "components/sd-button/--secondary/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -13937,7 +12099,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44271:64200", - "key": "b815cba39a946c608c006df50a12bce9d801402c", + "key": "f7a683bfc1487780c9ee1dfa9b79cb0fbb4709ce", "name": "components/sd-button/--tertiary/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -13969,7 +12131,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44283:64315", - "key": "b62b608ec060e48ca7e556cde22976bb601b467b", + "key": "76a616579a4463d3e8a0a53ddac6106ed84af529", "name": "components/sd-button/--secondary/--inverted/--hover/color/text", "remote": false, "resolvedType": "COLOR", @@ -14001,7 +12163,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44283:64318", - "key": "85c0750d116f987914d7181d9e052d956b695805", + "key": "57f57731db4780aedf07d11d382a358fa4bee2ce", "name": "components/sd-button/--tertiary/--inverted/--hover/color/text", "remote": false, "resolvedType": "COLOR", @@ -14033,7 +12195,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44283:64319", - "key": "768894c0826c2ab55f4058b69b3b4469bbae35e2", + "key": "35ccb02535b869e54ae1b221e7d0bbaeaeb36629", "name": "components/sd-button/--tertiary/--inverted/--active/color/background", "remote": false, "resolvedType": "COLOR", @@ -14065,7 +12227,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44283:66900", - "key": "89db4e302337c20f32178f87850ad7c3310d6466", + "key": "d2b20d8fc3733dfb29f135275da12b3ef2535faf", "name": "components/sd-footnotes/--target/--inverted/color/background", "remote": false, "resolvedType": "COLOR", @@ -14097,7 +12259,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44294:66968", - "key": "2b24e8c88da9729bbfbd136a34a11873dc2708c8", + "key": "7ab103b271853d11828571c254572387f160dab5", "name": "components/interactive/--active/color/text", "remote": false, "resolvedType": "COLOR", @@ -14129,7 +12291,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44300:68046", - "key": "b99eb8437836764529d32ae4cf7858bbbdd019a9", + "key": "6fbd39626b9b92637de31ade8bf3c1c9b07c0d67", "name": "components/sd-button/--primary/--inverted/--default/color/background", "remote": false, "resolvedType": "COLOR", @@ -14161,7 +12323,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44300:68048", - "key": "a22a09ca14bd36c72157044c7b7567e48568e5a1", + "key": "9cbb2d02298eb4a9c2c19b3ac4a7f70a4307de44", "name": "components/sd-button/--primary/--inverted/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -14193,7 +12355,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44300:68555", - "key": "3f8879d9d5e5c3ee99d9cf9fa5747064e81e8d96", + "key": "25977a4c2c31947da54a53fdc0f3b066d5c290f5", "name": "components/sd-button/--primary/--inverted/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -14225,7 +12387,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44300:68556", - "key": "5c97276fdefd6114c419075380cc33c8cb139fc2", + "key": "399a8fcc44620ff84b32c7fa4bf70b7d3c99c702", "name": "components/sd-button/--primary/--inverted/--hover/color/text", "remote": false, "resolvedType": "COLOR", @@ -14257,7 +12419,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44300:68558", - "key": "0f06ca525a60b70267dd6d702fe05091244a6367", + "key": "31a5d5222c7a2badc70e18ebcfe738206ac54cc9", "name": "components/sd-button/--primary/--inverted/--active/color/text", "remote": false, "resolvedType": "COLOR", @@ -14289,7 +12451,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44300:68643", - "key": "b58027bd08bf5d26ff2013bb20587cd4a5a9f4cf", + "key": "65a8aa4e4b62aa7c9d93986097ddf2058423317e", "name": "components/sd-button/--secondary/--inverted/--active/color/background", "remote": false, "resolvedType": "COLOR", @@ -14321,7 +12483,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44300:68678", - "key": "e970f17b81de9aad0c0ab917a251d8f3452883de", + "key": "e008b4506970545e2858f69abab0b192a10dc12c", "name": "_todo/components/sd-button/_todo/spacing/left-right", "remote": false, "resolvedType": "FLOAT", @@ -14353,7 +12515,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44318:23033", - "key": "138f4ecce793a3ebf4c317980462aa365b589465", + "key": "4a14a8798c292cfe193ea729b071d30bfff5c3e1", "name": "components/sd-flag/--neutral-500/color/background", "remote": false, "resolvedType": "COLOR", @@ -14387,7 +12549,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44318:24450", - "key": "df1e80eecaa526710336575143a4ac639359e8e2", + "key": "1953d85138da096ed84acc356147df3c9372fca3", "name": "_todo/sd-tag/--tmplt/--default/color/border", "remote": false, "resolvedType": "COLOR", @@ -14419,7 +12581,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44318:24451", - "key": "a45a75ad6d6bf12234c110f01678705d385278a4", + "key": "ec1c1771d5f2994a3bccadb04aef1b5d4af292f3", "name": "_todo/sd-tag/--tmplt/--selected/color/border", "remote": false, "resolvedType": "COLOR", @@ -14451,7 +12613,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44318:24496", - "key": "f4eb254067dbaf76a73b2b0517c60a37e760b2ab", + "key": "32dc81414aeb4905c03a711b0b753178ad7fae64", "name": "_todo/sd-tag/--tmplt/--selected/color/icon-fill", "remote": false, "resolvedType": "COLOR", @@ -14483,7 +12645,7 @@ "description": "64px", "hiddenFromPublishing": false, "id": "VariableID:44318:2769", - "key": "57f863c6c7d713426244f6659b42482f34a56507", + "key": "48b30c1e243642f0e7ff09821c21f56ab253bc39", "name": "utilities/sizing/20", "remote": false, "resolvedType": "FLOAT", @@ -14515,7 +12677,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44336:4885", - "key": "e1e9403c69c2cd8b996e6184248962988dd94237", + "key": "efb16e30a8a9067ce9d15a6b13fa9b484001f849", "name": "utilities/shadow/default/y", "remote": false, "resolvedType": "FLOAT", @@ -14535,7 +12697,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44336:4886", - "key": "fa90bc04ba379ae8e7bcd16681388407d3741bf5", + "key": "146f3a35d89b00e4ffdaca68eeb2691fa4943f21", "name": "utilities/shadow/default/blur", "remote": false, "resolvedType": "FLOAT", @@ -14555,7 +12717,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44336:4887", - "key": "82316328e37814cd6b892e24a4d5395a1a5f7f51", + "key": "5b84d24f672900916d49fbf9ae9b63831a078311", "name": "utilities/shadow/sm/y", "remote": false, "resolvedType": "FLOAT", @@ -14575,7 +12737,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44336:4888", - "key": "ad6eba0c2c866ef534e09abd7d561b3d91ec7e36", + "key": "d84e3ab099588a8364c978615ca3dc77b0378594", "name": "utilities/shadow/sm/spread", "remote": false, "resolvedType": "FLOAT", @@ -14595,7 +12757,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44336:4889", - "key": "0bdd64eb721473fabffe2c800f378f7a73442f5f", + "key": "7fc87a50f1ea70d1ea8b0a5a548691023a42693f", "name": "utilities/shadow/sm/x", "remote": false, "resolvedType": "FLOAT", @@ -14615,7 +12777,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44336:4890", - "key": "4fc25da1eb609c69488916f335f44fe99d536cec", + "key": "759b1f005c98c2a3273954e83d2e91bda71fd311", "name": "utilities/shadow/sm/blur", "remote": false, "resolvedType": "FLOAT", @@ -14635,7 +12797,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5060", - "key": "e197e56727fdea5bcd63d82faaca3730c7170fa2", + "key": "1f8b01f05cfa31321e88e1793974a539abd5fccd", "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/0%", "remote": false, "resolvedType": "COLOR", @@ -14675,7 +12837,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5061", - "key": "ed80fd61fcbe42337f57c0cf621850313615d3ad", + "key": "3af6be35815282057f9d7925d23ee76e886dea8b", "name": "utilities/color/background/_gradient/neutral-800/40%", "remote": false, "resolvedType": "COLOR", @@ -14697,15 +12859,15 @@ }, "44883:0": { "a": 0, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 + "b": 0, + "g": 0, + "r": 0 }, "47719:0": { - "a": 0, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 + "a": 0.20000000298023224, + "b": 0.1882352977991104, + "g": 0.08235294371843338, + "r": 0.019607843831181526 } }, "variableCollectionId": "VariableCollectionId:43174:55999" @@ -14715,7 +12877,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5062", - "key": "ae06ea99311b2a474d458a9c1b4d392754a88a28", + "key": "fdb74ceaef7d486f266021cf69391abc80b4dd48", "name": "utilities/color/background/_gradient/neutral-800/0%", "remote": false, "resolvedType": "COLOR", @@ -14737,15 +12899,15 @@ }, "44883:0": { "a": 0, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 + "b": 0, + "g": 0, + "r": 0 }, "47719:0": { "a": 0, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 + "b": 0.1882352977991104, + "g": 0.08235294371843338, + "r": 0.019607843831181526 } }, "variableCollectionId": "VariableCollectionId:43174:55999" @@ -14755,7 +12917,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5063", - "key": "6810746af44fefb027aef25ec03a952e67819ad3", + "key": "37f24e81afb386283b1cadf543fbfd32c99146d3", "name": "utilities/color/background/_gradient/neutral-800/10%", "remote": false, "resolvedType": "COLOR", @@ -14777,15 +12939,15 @@ }, "44883:0": { "a": 0.10000000149011612, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 + "b": 0, + "g": 0, + "r": 0 }, "47719:0": { "a": 0.10000000149011612, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 + "b": 0.1882352977991104, + "g": 0.08235294371843338, + "r": 0.019607843831181526 } }, "variableCollectionId": "VariableCollectionId:43174:55999" @@ -14795,7 +12957,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5064", - "key": "b5601f46ca117f90af8bce7b34bfb6528a882917", + "key": "5950d82765ccd95455a31d94a08ca68f9b5292cd", "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/60%", "remote": false, "resolvedType": "COLOR", @@ -14835,7 +12997,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5065", - "key": "f3a1cc9a85d22d9d3922a8cc1c5739ac3acffe84", + "key": "3e4966cf2df5417b93c3327b435f38d92a9790c1", "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/5%", "remote": false, "resolvedType": "COLOR", @@ -14875,7 +13037,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5066", - "key": "4f435c9f34678bf6aa05dd9f12e4ed36e95064c8", + "key": "285d1b283a167b07bb8a44c6165852fc078a2d0c", "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/60%", "remote": false, "resolvedType": "COLOR", @@ -14915,7 +13077,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5067", - "key": "bab93ed766eab4c7ec6e0775a08b5ee21f36f901", + "key": "c61275a6e79736352c5c7973f472ee481004cc02", "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/75%", "remote": false, "resolvedType": "COLOR", @@ -14955,7 +13117,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5068", - "key": "4cd5988714807b4824a1faff2b083b322bf02bfc", + "key": "65305b0d7e12918bdc2c52e2f5383f6cdd7bac43", "name": "utilities/color/background/_gradient/components/informational/gradient/--primary-800/background/color/0%", "remote": false, "resolvedType": "COLOR", @@ -14995,7 +13157,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5069", - "key": "e5dfcdc4955593aa537b56e311b871cdac0ddc0e", + "key": "febece3832a1ceb16d013a9e44aa555a7bf3a9cb", "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/75%", "remote": false, "resolvedType": "COLOR", @@ -15035,7 +13197,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:44336:5070", - "key": "b5678b4674df0a0ffedc04df7284cd318165a6ec", + "key": "a3f462e5c4f87eb06c13c5b1cfe020267115fc0d", "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/80%", "remote": false, "resolvedType": "COLOR", @@ -15075,8 +13237,8 @@ "description": "Deprecated?", "hiddenFromPublishing": true, "id": "VariableID:44612:686", - "key": "ff02c47c557ae5124d4491ef436e0495922c929b", - "name": "_components/sd-header/--tmplt/color/_shadow", + "key": "2d5c160bc74ccfde75ae9d2c6e3dd7255596bcad", + "name": "components/sd-header/color/_shadow", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -15096,49 +13258,16 @@ "r": 1 }, "44883:0": { - "a": 0.4000000059604645, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 - }, - "47719:0": { - "a": 0.4000000059604645, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:44612:9948": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:44612:9948", - "key": "47cd63d49c578cd9ac1789dff0e9efdd9e984064", - "name": "components/sd-audio/--inverted/color/border", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:227", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:227", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:227", - "type": "VARIABLE_ALIAS" + "a": 0.20000000298023224, + "b": 0, + "g": 0, + "r": 0 }, "47719:0": { - "id": "VariableID:43979:227", - "type": "VARIABLE_ALIAS" + "a": 0.20000000298023224, + "b": 0.1882352977991104, + "g": 0.08235294371843338, + "r": 0.019607843831181526 } }, "variableCollectionId": "VariableCollectionId:43174:55999" @@ -15148,7 +13277,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44625:20357", - "key": "31bba1f507150a2fffcecd84c187e13a78236e74", + "key": "8dd82451a5329fee24211a0dd50533d683209672", "name": "components/sd-button/--primary/--default/color/background", "remote": false, "resolvedType": "COLOR", @@ -15180,7 +13309,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44650:19862", - "key": "97b23239ce016ac7f4a8eeb2fe5936e47293f17c", + "key": "6739f6a0fcbe0a1306bb4b48d44c869a294a53b6", "name": "components/sd-tag/--selected/--default/color/background", "remote": false, "resolvedType": "COLOR", @@ -15209,44 +13338,12 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:44650:36286": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:44650:36286", - "key": "8e51e986ef00e9ed99bb8fc6646a323f6932b1be", - "name": "components/sd-audio/__timestamp/color/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:269", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:278", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:44650:36908": { "codeSyntax": {}, "description": "", "hiddenFromPublishing": false, "id": "VariableID:44650:36908", - "key": "0790cdc626c0b370bc53c4e1134d53fcd25b2b50", + "key": "cf67bd90cc7b472aadd474a683d34b530810e295", "name": "components/sd-brandshape/--white/color/background", "remote": false, "resolvedType": "COLOR", @@ -15278,7 +13375,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44650:37065", - "key": "fe3e8308de68911d8f7f082a91b56365250a7aad", + "key": "6342f2f9e82014695c658d35bde1c629b30eb803", "name": "components/sd-brandshape/--neutral-100/color/background", "remote": false, "resolvedType": "COLOR", @@ -15310,7 +13407,7 @@ "description": "Used for overlays", "hiddenFromPublishing": false, "id": "VariableID:44677:46587", - "key": "8a4b4d185b7c58947aa87b02d99a500c59207748", + "key": "775e4d10889cae71573303b04bee751b14e7e497", "name": "components/overlay/color/background", "remote": false, "resolvedType": "COLOR", @@ -15350,7 +13447,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44762:16901", - "key": "d69c5ddcf1b40c1588df085f4fb2105ba9ad6158", + "key": "53d43cf740406c0c26217cf784a5d4bf61a541d1", "name": "components/sd-button/--primary/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -15382,7 +13479,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44837:15833", - "key": "64bc28bc975cb3850ec4d5110e97569aa0028c00", + "key": "fde333e00596ed6f139c1c1a28386b3c8878bac3", "name": "components/informational/gradient/--white/color/background", "remote": false, "resolvedType": "COLOR", @@ -15414,7 +13511,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44837:7261", - "key": "ffa238263d4568d7c80a0cbf7e8c5dd858cdd738", + "key": "e3f42edc6b205e0fc08d3369c4f5b45e01820680", "name": "components/informational/gradient/--primary-800/color/background", "remote": false, "resolvedType": "COLOR", @@ -15446,7 +13543,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44883:20780", - "key": "d320311b5a6f2be3859d0fc7c644d8e1d6bdf9d1", + "key": "28c4b97217478aa38d5e73197f9f4567e5302291", "name": "components/sd-button/--size/md/font-size", "remote": false, "resolvedType": "FLOAT", @@ -15478,7 +13575,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44883:24608", - "key": "c4c862d0ec6f34585a320fc84cf20ac89070a12f", + "key": "287cff68bec7f2c09e35dd6aa5356434675d56aa", "name": "components/sd-button/--size/md/padding-block", "remote": false, "resolvedType": "FLOAT", @@ -15510,7 +13607,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44883:24906", - "key": "f82e884915a4d7b05aa2e142c290778c68a42cd2", + "key": "4162a621f09dc643a5a50b52beb6b58b3b9e2cf8", "name": "components/sd-button/--size/md/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -15542,7 +13639,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44883:47306", - "key": "95c8c70899f7d7e55444b323c095b12bb4985ed5", + "key": "49b32f2d7b20d94e792f306722d632e7343afa12", "name": "VB/status/success", "remote": false, "resolvedType": "COLOR", @@ -15562,7 +13659,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44883:47307", - "key": "d59d5615a16f15379f357241f4c66927aaef69ba", + "key": "c73dd25a8952d74f31fa711e976b8516b5e284c3", "name": "VB/status/error", "remote": false, "resolvedType": "COLOR", @@ -15582,7 +13679,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44883:47308", - "key": "93c2c9ff5347e23b3cd92d1cecf3f2e79d770f93", + "key": "997058e84d530591c306aad7021e3fb1b23f09de", "name": "VB/status/warning", "remote": false, "resolvedType": "COLOR", @@ -15602,7 +13699,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:19938", - "key": "a72612d1fe1fee68c660686738e0c5afa1aa0667", + "key": "947a56eadb3c4a8c37c5037840506cb688edb40a", "name": "VB/vermillion/50", "remote": false, "resolvedType": "COLOR", @@ -15622,7 +13719,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:19939", - "key": "a69949674316d2e5c79f973f5d2c9b683c826172", + "key": "08eb847391204883693c286a2f09755489805329", "name": "VB/vermillion/100", "remote": false, "resolvedType": "COLOR", @@ -15642,7 +13739,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:19940", - "key": "bab2ed981dcf08267d5af8adba7fdeac4acc6da6", + "key": "b4e4fe55116959378393b831fabb54f7254c29a7", "name": "VB/vermillion/200", "remote": false, "resolvedType": "COLOR", @@ -15662,7 +13759,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:19941", - "key": "3c4950b18b5871efd40fce1784764b681120e229", + "key": "965406f60b81e55def39fecfec2175121d8761aa", "name": "VB/vermillion/300", "remote": false, "resolvedType": "COLOR", @@ -15682,7 +13779,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:19942", - "key": "8fa4d1d54846c34a920ea604886363a31718be5d", + "key": "0d81b0168821c4f0f08842f429c32e68102b748e", "name": "VB/vermillion/400", "remote": false, "resolvedType": "COLOR", @@ -15702,7 +13799,7 @@ "description": "Generated with https://www.tints.dev/palette/v1:cnVieXxGMzVFMDF8NTAwfHB8NXwtNHwxM3w5Mnxt", "hiddenFromPublishing": false, "id": "VariableID:44917:19943", - "key": "4a4e70145be75f37bc265c7b2b131b3993e6ad4c", + "key": "d2b43292ad970b1b1a3a7b829eb96d60fcacf201", "name": "VB/vermillion/500", "remote": false, "resolvedType": "COLOR", @@ -15722,7 +13819,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:19944", - "key": "fd8d683f22943e103d57533fe049da90c400c7fd", + "key": "a04bf4d213ad5e01bd69d342385735f9ba703fd2", "name": "VB/vermillion/600", "remote": false, "resolvedType": "COLOR", @@ -15742,7 +13839,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:19945", - "key": "10deeaad24113b0198050adcda0538de6e0e3dfc", + "key": "389bf7b1ab0883df3cb7928352c0dac455f6f353", "name": "VB/vermillion/700", "remote": false, "resolvedType": "COLOR", @@ -15762,7 +13859,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:19946", - "key": "1d2467905d6d170bc0626cc8b78dbfa7682dd31c", + "key": "72d24c2067494638daa828b0bc12eada9cf954a7", "name": "VB/vermillion/800", "remote": false, "resolvedType": "COLOR", @@ -15782,7 +13879,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:19947", - "key": "99415b3cbf20b9040fecaebcfe6d7e95e5fe7018", + "key": "c973de69eab0a51cee9fbbbe60449714b0b8859f", "name": "VB/vermillion/900", "remote": false, "resolvedType": "COLOR", @@ -15802,7 +13899,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:19948", - "key": "6f4d66f6aa80dffde64499eed5725f629ea435d0", + "key": "a4ca6c5c4fa017dd1456c5293028e816f4d1389d", "name": "VB/vermillion/950", "remote": false, "resolvedType": "COLOR", @@ -15822,7 +13919,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:20144", - "key": "157bccec860ab64a50cf0edb3a4d3a8e458833e8", + "key": "e4cd5d1f44e76d5588ef6b7cd63f9e3534949ddf", "name": "VB/black", "remote": false, "resolvedType": "COLOR", @@ -15842,7 +13939,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:20145", - "key": "f809ef58bcdfa33d47ceff4aa2aa5183eba83d2d", + "key": "990fb9c4ce55cd9860a48a1a2587de7379c74671", "name": "VB/grey/620", "remote": false, "resolvedType": "COLOR", @@ -15862,7 +13959,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:20154", - "key": "28a0154ecd5fd642401371345efa2a2e4e08aa9e", + "key": "5db147f99547fa7ae2c61bc821512293e2938353", "name": "VB/white/default", "remote": false, "resolvedType": "COLOR", @@ -15882,7 +13979,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:20155", - "key": "ea2f26bf74fe64e4c73b9340f9bab1e53db66e2c", + "key": "54d8f6d9db9bbed7a3e6fa33fe31d060be4243cd", "name": "VB/status/success-bg-alternative", "remote": false, "resolvedType": "COLOR", @@ -15902,7 +13999,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:20156", - "key": "e2d800e47390eb79f578231f6ab434a1cd12dbd4", + "key": "7a2a752a899d8bf49643b52f12951c91b891bc1d", "name": "VB/status/error-bg", "remote": false, "resolvedType": "COLOR", @@ -15922,7 +14019,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44917:20158", - "key": "2b9df16902ecf2a6c36883f544966a0f11b1fa87", + "key": "659212f171deeeb1328b08d64f9d3e1d6e4f5b46", "name": "VB/status/warning-bg", "remote": false, "resolvedType": "COLOR", @@ -15942,7 +14039,7 @@ "description": "", "hiddenFromPublishing": true, "id": "VariableID:44921:10563", - "key": "4cabc6af63322d7f26512c43bc1de35af866b5eb", + "key": "e5f4bc1f5a86ad9dffa6bf0e907a6755a27a189b", "name": "components/sd-button/--size/lg/icon/_font-size", "remote": false, "resolvedType": "FLOAT", @@ -15974,7 +14071,7 @@ "description": "F5F7F9 100%", "hiddenFromPublishing": false, "id": "VariableID:44921:14699", - "key": "d7e09de71260f1e010a2a164c921f35aae8b93c0", + "key": "735fcb74246dea97f97e56fc798a810ffb935b3a", "name": "VB/grey/50", "remote": false, "resolvedType": "COLOR", @@ -15994,7 +14091,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:14700", - "key": "8b8207b51695a604e8c0f8aa3ee8c03edf9db1d5", + "key": "d2916ee1dcfdf5c18fb9595fbc2832c1cfb89c46", "name": "VB/grey/100", "remote": false, "resolvedType": "COLOR", @@ -16014,7 +14111,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:14701", - "key": "4ebc6df667c167f1b85934e1cb40c3a0c7f93706", + "key": "88efc5b6bd08d487430ef9de4e13ead5240200dd", "name": "VB/grey/200", "remote": false, "resolvedType": "COLOR", @@ -16034,7 +14131,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:14702", - "key": "1c14acc3ff4cd0d5cdf7a6cce7b6087a953fbd85", + "key": "9cc6b7e08c539b1c0c4b2adfe27faad2303e10d6", "name": "VB/grey/300", "remote": false, "resolvedType": "COLOR", @@ -16054,7 +14151,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:14703", - "key": "cdcd107ea2bd5d6c49feb99c571fa8e73390ec09", + "key": "0a0e5aa620abc5a59213a5659341cd496c5c8ade", "name": "VB/grey/400", "remote": false, "resolvedType": "COLOR", @@ -16074,7 +14171,7 @@ "description": "disabled", "hiddenFromPublishing": false, "id": "VariableID:44921:14704", - "key": "2b6d7416f79062985b8355f1a231c179a7a379b1", + "key": "b1b7a19b872602f3d58aaf1e86b7c9652e368ab5", "name": "VB/grey/500", "remote": false, "resolvedType": "COLOR", @@ -16094,7 +14191,7 @@ "description": "foreground-secondary-text", "hiddenFromPublishing": false, "id": "VariableID:44921:14705", - "key": "ecf6283fbd575dcf4dbb473e626c3491a2e659da", + "key": "b16719a6ecfe0a5c4c9569c3fcd0fa809794ebe9", "name": "VB/grey/600", "remote": false, "resolvedType": "COLOR", @@ -16114,7 +14211,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:14706", - "key": "5e7b311652cc6857172230c26f6dc6bb8683a4c4", + "key": "b451e725016ca955fee4ce969357ea7ca017bbb4", "name": "VB/grey/700", "remote": false, "resolvedType": "COLOR", @@ -16129,72 +14226,32 @@ }, "variableCollectionId": "VariableCollectionId:42952:95" }, - "VariableID:44921:14707": { - "codeSyntax": {}, - "description": "foreground-text", - "hiddenFromPublishing": false, - "id": "VariableID:44921:14707", - "key": "0a5ad4a53638ee401f31c52ea9fc3bcf7ca2de01", - "name": "VB/grey/800", - "remote": false, - "resolvedType": "COLOR", - "scopes": [], - "valuesByMode": { - "43138:0": { - "a": 0.6499999761581421, - "b": 0, - "g": 0, - "r": 0 - } - }, - "variableCollectionId": "VariableCollectionId:42952:95" - }, - "VariableID:44921:14808": { - "codeSyntax": {}, - "description": "Deprecated", - "hiddenFromPublishing": false, - "id": "VariableID:44921:14808", - "key": "b92cfa7747a79bf24bb3aceb79862068fc68db63", - "name": "components/sd-accordion/color/_shadow", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "a": 0.4000000059604645, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 - }, - "43174:14": { - "a": 0, - "b": 1, - "g": 1, - "r": 1 - }, - "44883:0": { - "a": 0.4000000059604645, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 - }, - "47719:0": { - "a": 0.4000000059604645, - "b": 0.0941176488995552, - "g": 0.0941176488995552, - "r": 0.0941176488995552 + "VariableID:44921:14707": { + "codeSyntax": {}, + "description": "foreground-text", + "hiddenFromPublishing": false, + "id": "VariableID:44921:14707", + "key": "fc7fe2691aa1f3d34ec3aaeca4d752421c4e4612", + "name": "VB/grey/800", + "remote": false, + "resolvedType": "COLOR", + "scopes": [], + "valuesByMode": { + "43138:0": { + "a": 0.6499999761581421, + "b": 0, + "g": 0, + "r": 0 } }, - "variableCollectionId": "VariableCollectionId:43174:55999" + "variableCollectionId": "VariableCollectionId:42952:95" }, "VariableID:44921:14810": { "codeSyntax": {}, "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:14810", - "key": "a369c46a7415d6b57b73679216b7e2e449068e45", + "key": "63a1e9594583c043fc3229b0e984e912efb36620", "name": "components/sd-accordion/color/text", "remote": false, "resolvedType": "COLOR", @@ -16226,7 +14283,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:21016", - "key": "61b0e9205fb04c19d41aad3959cde51e72bb5745", + "key": "929621b97dc088c4d0bd82239eecdca27dd51276", "name": "components/sd-header/padding-bottom", "remote": false, "resolvedType": "FLOAT", @@ -16240,10 +14297,7 @@ "id": "VariableID:44029:1671", "type": "VARIABLE_ALIAS" }, - "47719:0": { - "id": "VariableID:44029:1671", - "type": "VARIABLE_ALIAS" - } + "47719:0": 0 }, "variableCollectionId": "VariableCollectionId:43174:55999" }, @@ -16252,7 +14306,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:22299", - "key": "56bf70dc50d085c17e50b517eae6aad875b93ed8", + "key": "e30ffbb7c3ab0919cca10fb36b195403be92e950", "name": "components/sd-accordion/__indicator/color", "remote": false, "resolvedType": "COLOR", @@ -16288,7 +14342,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:22300", - "key": "a42292519af5e721dbb28249f0f834c963e640e1", + "key": "d1ecce552a8e266bbc4edf79b8598149e440feb6", "name": "components/sd-accordion/padding-block", "remote": false, "resolvedType": "FLOAT", @@ -16320,7 +14374,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:22302", - "key": "6d01470e707f271e820f7ffac7324b9436cb242d", + "key": "f861db5e6d60fd31ea91a6ccc83d22025e3dd3d5", "name": "components/sd-accordion/border-width", "remote": false, "resolvedType": "FLOAT", @@ -16329,19 +14383,19 @@ ], "valuesByMode": { "43174:13": { - "id": "VariableID:44029:1610", + "id": "VariableID:48719:146279", "type": "VARIABLE_ALIAS" }, "43174:14": { - "id": "VariableID:44029:1610", + "id": "VariableID:48719:146279", "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:44029:1611", + "id": "VariableID:47226:13298", "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:44029:1611", + "id": "VariableID:48719:146279", "type": "VARIABLE_ALIAS" } }, @@ -16352,7 +14406,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:4592", - "key": "62e899e30dca3ff517fe909ea3fd6577f837f978", + "key": "94e39aa52faf3303dbfd1454a693f02fd7789d45", "name": "components/sd-button/--size/lg/font-size", "remote": false, "resolvedType": "FLOAT", @@ -16384,7 +14438,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:4593", - "key": "aa72da482ab9f40e4ddb3926afb2cdd7e6940349", + "key": "fb3118610bd63f6251f32c7bb5105cff1ae4173a", "name": "components/sd-button/--size/lg/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -16416,7 +14470,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44921:4594", - "key": "1fecdbaf8919f0a722f49f9dd1e9ab8a4f53aebc", + "key": "fb4096cdda55d1472f86844369a69559e5f51025", "name": "components/sd-button/--size/lg/padding-block", "remote": false, "resolvedType": "FLOAT", @@ -16448,7 +14502,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44953:13157", - "key": "40c5f9661700feaf50fd3c24333d87313a3f657a", + "key": "d953a08c78a4e3de3ed66ff7d633805402e7023a", "name": "components/sd-button/font-weight", "remote": false, "resolvedType": "STRING", @@ -16480,7 +14534,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44953:15244", - "key": "465e6db491a1db1f413b05d679304b8cfbf5b6ed", + "key": "30bd23926bd57835eb59a7b62404c6cfe55f6856", "name": "utilities/font-weight/normal", "remote": false, "resolvedType": "STRING", @@ -16512,7 +14566,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44953:15245", - "key": "3c700f04dc2f8fb2f7c22a012322878b0758146f", + "key": "577c98d84094736eaccaa165aa0a862af2a92f1c", "name": "utilities/font-weight/bold", "remote": false, "resolvedType": "STRING", @@ -16544,7 +14598,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:44966:21201", - "key": "b67e1258a071402037bd5830dd1290fc11b9d794", + "key": "e2934440b1e5de4619dca2abdc96fe06cc82ce5d", "name": "theme/_icon-set", "remote": false, "resolvedType": "STRING", @@ -16559,44 +14613,12 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:44966:31913": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:44966:31913", - "key": "9d03277945d1def793bea23053cf2644d4ea5532", - "name": "components/sd-accordion/__chevron/color/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:272", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:272", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:313", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:313", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:44973:32108": { "codeSyntax": {}, "description": "", "hiddenFromPublishing": false, "id": "VariableID:44973:32108", - "key": "0aaee7ca725ab007664ef97801d333f63f5d39c8", + "key": "34c08a8bceb7645f6e9af10518e24637a3247af2", "name": "theme/name", "remote": false, "resolvedType": "STRING", @@ -16616,7 +14638,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:45014:30581", - "key": "f7a847ff9296d9eb6bd0400fee2b978fb8458a00", + "key": "f936bc1e3f1354e27be57f4e14c4aea123d98347", "name": "components/navigable/__current-indicator/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -16642,7 +14664,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:45014:30582", - "key": "e7d0abd39e9bbdb916243314ad78c76614a4fb36", + "key": "bcab72c5c17fc0b9eaf64c4295e2cb2f3ae60671", "name": "components/navigable/__current-indicator/height", "remote": false, "resolvedType": "FLOAT", @@ -16668,7 +14690,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:45014:30944", - "key": "bb0e8966751d26d88237a07e00d3e13753b2c2b4", + "key": "38dc0696014ed676340167e7963b7d398cc54f55", "name": "components/sd-navigation-item/color/text", "remote": false, "resolvedType": "COLOR", @@ -16695,45 +14717,12 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:45014:30959": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:45014:30959", - "key": "84d889bd592d05dfdd0e800291108dc0999d4620", - "name": "components/sd-navigation-item/--current/color/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:272", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:272", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:45014:35870": { "codeSyntax": {}, "description": "", "hiddenFromPublishing": false, "id": "VariableID:45014:35870", - "key": "b954bfd467b9dfbb17c864da6106248d0b6a3028", + "key": "f14c9d447b13873d1dc241d39ade1cb6e8f8933c", "name": "components/navigable/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -16759,7 +14748,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:45014:36471", - "key": "ec8353d5cb70dd77a8d3f0f67c1c7d0c397eab33", + "key": "c4f1c94d09ce7754a04eade38f29bcc607feac69", "name": "components/navigable/font-size", "remote": false, "resolvedType": "FLOAT", @@ -16768,19 +14757,19 @@ ], "valuesByMode": { "43174:13": { - "id": "VariableID:43343:15191", + "id": "VariableID:47899:5276", "type": "VARIABLE_ALIAS" }, "43174:14": { - "id": "VariableID:43343:15191", + "id": "VariableID:47899:5276", "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43343:15190", + "id": "VariableID:47899:5274", "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:43343:15190", + "id": "VariableID:47899:5274", "type": "VARIABLE_ALIAS" } }, @@ -16791,7 +14780,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:45046:31063", - "key": "b2aded93e978b26b8bb81b9651ea8c9537321cf3", + "key": "17351c96552b943d9f574d44826fd106d9404992", "name": "utilities/shadow/default/x", "remote": false, "resolvedType": "FLOAT", @@ -16811,7 +14800,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:45046:31064", - "key": "270df343d72baa34aac53c0ad6b03e03639787f3", + "key": "78277e1e03342b0302e563fe1eca67437a3f9193", "name": "utilities/shadow/default/spread", "remote": false, "resolvedType": "FLOAT", @@ -16831,7 +14820,7 @@ "description": "Used for tooltip", "hiddenFromPublishing": false, "id": "VariableID:45046:31066", - "key": "634c480aa3cef10317d3274a363421d5ea3804cc", + "key": "797d46f37b97aff156f7625149e19123ec70ffaa", "name": "utilities/shadow/sm/color", "remote": false, "resolvedType": "COLOR", @@ -16865,7 +14854,7 @@ "description": "Used in: sd-tab, sd-navigation-item and sd-menu", "hiddenFromPublishing": false, "id": "VariableID:45046:52299", - "key": "d460abf150eab5d0b02cae7d5b021dcbd035a77c", + "key": "3c26ec398c2019a3ec45f0b844354bb271e5f86f", "name": "components/navigable/_docs", "remote": false, "resolvedType": "STRING", @@ -16883,7 +14872,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:45293:4199", - "key": "3cf1ecf0fd6ed17732fd82f9f98bd7e923a99f9a", + "key": "76774c4b771494de44a88166a539b48af0fe45cc", "name": "components/navigable/__current-indicator/width", "remote": false, "resolvedType": "FLOAT", @@ -16909,7 +14898,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:45365:12253", - "key": "0b34d41026aa177f8bd5301ce917b0e3ed288c90", + "key": "56b53fc6c8fd85de96a0820a4049ecd76962c5a4", "name": "_internal/slot", "remote": false, "resolvedType": "COLOR", @@ -16944,53 +14933,12 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46009:22143": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:46009:22143", - "key": "b5811be339f41eb45255e2e35bb09109d5006aa2", - "name": "_internal/slot-inverted", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "a": 1, - "b": 0.9450980424880981, - "g": 0.7137255072593689, - "r": 0.800000011920929 - }, - "43174:14": { - "a": 1, - "b": 0.9450980424880981, - "g": 0.7137255072593689, - "r": 0.800000011920929 - }, - "44883:0": { - "a": 1, - "b": 0.9450980424880981, - "g": 0.7137255072593689, - "r": 0.800000011920929 - }, - "47719:0": { - "a": 1, - "b": 0.9450980424880981, - "g": 0.7137255072593689, - "r": 0.800000011920929 - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:46172:9194": { "codeSyntax": {}, "description": "", "hiddenFromPublishing": false, "id": "VariableID:46172:9194", - "key": "2e4c87b0ebc458049e1cd55d6566883762cb6769", + "key": "9c312370dcdad5fd04c61ef2305d7da1aed40dc0", "name": "VB/azure/50", "remote": false, "resolvedType": "COLOR", @@ -17012,7 +14960,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46374:83079", - "key": "d99afb0d91198ecde2f3fa8daee99fd92d6cc5dd", + "key": "ef3fe7885fbd9c6b5f16ed71d420b0ffd918abde", "name": "components/form-control/--invalid/color/background", "remote": false, "resolvedType": "COLOR", @@ -17044,7 +14992,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:72148", - "key": "9914f7f5070c9e2dd8d978d86923093f9119c5e0", + "key": "fe83e52c08dd39dd0c20bdc5df4d58a767b9d924", "name": "components/sd-badge/--blue/--inverted/color/background", "remote": false, "resolvedType": "COLOR", @@ -17076,7 +15024,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:74301", - "key": "20df42d70175c3cfaaffe89e709f42f7dec98b77", + "key": "6467dcc638929b8d55dda116d3c51b5a3def734f", "name": "components/sd-badge/--red/color/background", "remote": false, "resolvedType": "COLOR", @@ -17108,7 +15056,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:74302", - "key": "c4fa0f29e84b0897e72ac356498f95e5df0465cb", + "key": "029b94cda682269059c0e8862ea2e811c58d4b18", "name": "components/sd-badge/--green/color/background", "remote": false, "resolvedType": "COLOR", @@ -17140,7 +15088,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:74303", - "key": "6841b961b4dc984c32128cb6740c1dd1bdfa1ff0", + "key": "927b0b8137c3d2041df9f8219352c94103e3742e", "name": "components/sd-badge/--blue/--inverted/color/text", "remote": false, "resolvedType": "COLOR", @@ -17172,7 +15120,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:74311", - "key": "a8d56a131e1ae3cd45f6afecda05e520a5a857e0", + "key": "15b704b1cbaac3bd51c73f574d8a1730002538fc", "name": "components/sd-badge/--green/color/--inverted/background", "remote": false, "resolvedType": "COLOR", @@ -17204,7 +15152,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:74312", - "key": "e36b09fe1e237e3e2e106a937697189628d5be8a", + "key": "26d5ee17dfb0bcfbc4c9dae5e28d8bb90ae937f6", "name": "components/sd-badge/--green/color/--inverted/text", "remote": false, "resolvedType": "COLOR", @@ -17236,7 +15184,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:74313", - "key": "7013680e397feaa1f83bad657c9c21b687f809e2", + "key": "03a842fd5d9b54fdc26d0e8e41bded045403b281", "name": "components/sd-badge/--red/--inverted/background", "remote": false, "resolvedType": "COLOR", @@ -17268,7 +15216,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:74314", - "key": "f11e600fa689781b15103785fde5010c7af4f2a4", + "key": "1aba283b0a4c063679b9f1b76253422172c82cd8", "name": "components/sd-badge/--red/--inverted/text", "remote": false, "resolvedType": "COLOR", @@ -17300,7 +15248,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:77408", - "key": "b95574716facad5e8508c7ec3d0221a5c6fcfc23", + "key": "ac635f460d1b17c24a9f648f85b15467f0f1fee2", "name": "components/sd-radio-button-group/border-width", "remote": false, "resolvedType": "FLOAT", @@ -17332,7 +15280,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:77409", - "key": "b2eddeccabf5c1335100023f6b7250956d14794a", + "key": "c24f95c1c73f9d297f2d47b6b913eb8041cd5016", "name": "components/sd-radio-button-group/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -17364,7 +15312,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:80458", - "key": "9869b5debe75624f55c2e8ea0f30af8d2e7ed101", + "key": "882009c8628bceda5c930e5ce1bdfd6cf8e7f8a0", "name": "components/sd-radio-button/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -17396,7 +15344,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46386:80499", - "key": "2e7497ee30538d3ac6cb154b073d91a42c0147f5", + "key": "84cae37b3cc7d7644d1dc7b59cb844f391e5c9e2", "name": "components/sd-radio-button-group/padding", "remote": false, "resolvedType": "FLOAT", @@ -17419,7 +15367,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46396:101271", - "key": "96298d04dbeb95d0d3dfca45f6c54db40c9a7786", + "key": "42f26cbfa66ba948551ffcd2e793037d7b6263e8", "name": "components/sd-tag/--selected/border-width", "remote": false, "resolvedType": "FLOAT", @@ -17445,7 +15393,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46396:101273", - "key": "97fad776da9c3db7c5c31d29680f27f74fd4cba7", + "key": "897ff10b034637e7bb7c73dcf6315513b61c8b85", "name": "components/sd-tag/--default/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -17483,7 +15431,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46396:101274", - "key": "1344746e5208552adc07f74d3d0d177260ffdb90", + "key": "526d492a4ecb10f50c89d3a7930e0e7171dd0018", "name": "components/sd-tag/--selected/--default/color/border", "remote": false, "resolvedType": "COLOR", @@ -17519,7 +15467,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46396:101306", - "key": "5e3f7a979a42bb462cd0eb257ac6c043c201c4fd", + "key": "0862ff5e07ee76fdeb3b60bcee192cfd1f4ea371", "name": "components/sd-tag/--selected/--hover/color/text", "remote": false, "resolvedType": "COLOR", @@ -17551,7 +15499,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46396:101307", - "key": "61dae8498e09b3f461b5916185f4dd16c23ba2f2", + "key": "571015578e2374efc4c4a3cc94bcf37edc2640f7", "name": "components/sd-tag/--selected/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -17585,7 +15533,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46396:101308", - "key": "3128bbbd177ffb9cf4b3b45ab6a4b930f4476d87", + "key": "a55c69da14e7e9e09b598f8677dd005ad343204a", "name": "components/sd-tag/--selected/--hover/color/border", "remote": false, "resolvedType": "COLOR", @@ -17621,7 +15569,7 @@ "description": "selected hover state", "hiddenFromPublishing": false, "id": "VariableID:46396:101311", - "key": "e009bdbd0de3d59f0b961398e39255c3616318ea", + "key": "539384dd767368836ddd4ac84ddde3999fe2f61a", "name": "VB/azure/250", "remote": false, "resolvedType": "COLOR", @@ -17643,7 +15591,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46396:82803", - "key": "17d6d732de6f5b0bbd2e427c13522bd8f0fe77e0", + "key": "7d046e2302892daeb8a161c685a4f5e7beece493", "name": "components/sd-tooltip/color/background", "remote": false, "resolvedType": "COLOR", @@ -17675,7 +15623,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46396:82804", - "key": "7103aef3b0f70c28f721317257583860e35ea61d", + "key": "fabff43973ad35d3b2caad45edd0ed4bc068f4cd", "name": "components/sd-tooltip/color/text", "remote": false, "resolvedType": "COLOR", @@ -17707,7 +15655,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46396:91135", - "key": "e022d466d4a0016904516deb018db2002fe81fe2", + "key": "bd2d42faf1d4287856cc36cc5f7284c5f4d1d97f", "name": "components/sd-tag/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -17739,7 +15687,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46396:91136", - "key": "cd206f1f32ca374b560b26d0b3d4fe3a8d135b41", + "key": "5f904b95dd71e7e1bda4acd3f83f752a533c7646", "name": "components/sd-tag/font-weight", "remote": false, "resolvedType": "STRING", @@ -17771,7 +15719,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46408:107779", - "key": "b4b0240532dbbc729629232dd61a8ca64a66a022", + "key": "5c484ffe23ff5039685312cb13ade63a4f3aabc7", "name": "components/sd-notification/--error/color/background", "remote": false, "resolvedType": "COLOR", @@ -17803,7 +15751,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46408:107780", - "key": "05b24cef190a11367263627c300eca927e336202", + "key": "ffe498529b16a2ebf5eec81b8ebbee7d63962f12", "name": "components/sd-notification/--warning/color/background", "remote": false, "resolvedType": "COLOR", @@ -17835,7 +15783,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46408:107781", - "key": "68f4c9265307760a0150494f9d1f93ca8f04b0ba", + "key": "61c9758cd0433f839d2cb7a8e1ff1ce059a34cd0", "name": "components/sd-notification/--success/color/background", "remote": false, "resolvedType": "COLOR", @@ -17867,7 +15815,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:107782", - "key": "3716058582f29f53ecab341003bb31e07a447ead", + "key": "8615455c95b66b2604cde06a1d8a2658ce783da2", "name": "VB/status/success-bg", "remote": false, "resolvedType": "COLOR", @@ -17887,7 +15835,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46408:107783", - "key": "1ad7f2cfa190b81ff0b32a65952559faabf82387", + "key": "a88fd17259968a699ffe97e2eb09c54382c9d057", "name": "components/sd-notification/--info/color/background", "remote": false, "resolvedType": "COLOR", @@ -17919,7 +15867,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:53949", - "key": "165f684d8343bdce67b44f93701ff1f92d2694a2", + "key": "e618ff15c605b37459f08b8958aa37a7ba21b3ee", "name": "components/sd-range/scale-ticks/color/text", "remote": false, "resolvedType": "COLOR", @@ -17951,7 +15899,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46408:68803", - "key": "b95a1e9400cead7160d570278bead8f3a5fd4765", + "key": "c4c02f95b4eb470537d3aa251d045aba92770843", "name": "components/sd-flag/--neutral-200/color/background", "remote": false, "resolvedType": "COLOR", @@ -17985,7 +15933,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:68806", - "key": "5f2f3f0df80ba81131bc7fd144d186ac8fdbc46a", + "key": "5abe962a5a252ca5a97250c81d57457d2d85933a", "name": "components/sd-flag/--neutral-200/color/border", "remote": false, "resolvedType": "COLOR", @@ -18023,7 +15971,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:68807", - "key": "763a94a0d52c6afca7c51d322668a3d4d612683d", + "key": "b9ba8210ba0449f4ae1471863f8ca828b1826dae", "name": "components/sd-flag/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -18055,7 +16003,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:70160", - "key": "bead626ba1ae20d4e3ed1d0bf68e7df5d27771d8", + "key": "4a2985e099a78dfb5cb1911dfd1cb14fbb50e4a0", "name": "components/sd-flag/border-width", "remote": false, "resolvedType": "FLOAT", @@ -18081,7 +16029,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:70191", - "key": "d52635b47a55f22d63a68e465447a1d9e9944249", + "key": "fc061333195db37191b62dbd9c9b84967ee08d78", "name": "components/sd-flag/--neutral-500/color/border", "remote": false, "resolvedType": "COLOR", @@ -18119,7 +16067,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:70202", - "key": "8c76693cb31446dd081721fc3b137f3b960c8aa2", + "key": "aeb26c5ea8c53aa6df2532ca483bb60de35a7d49", "name": "VB/status/neutral-blue", "remote": false, "resolvedType": "COLOR", @@ -18139,7 +16087,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:70203", - "key": "1537addf535b4f9ed3f8c003fd346e69f93f464e", + "key": "5b3636381b6ddb88a7b9d99213091fc56ec15689", "name": "VB/status/neutral-blue-bg", "remote": false, "resolvedType": "COLOR", @@ -18159,7 +16107,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:70204", - "key": "5c96fd6c23502f22388c843af65e833418625bf6", + "key": "d7a2406f81e2c2d28ba431397dcc8753ef0982bc", "name": "components/sd-flag/--neutral-300/color/background", "remote": false, "resolvedType": "COLOR", @@ -18193,7 +16141,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:70205", - "key": "a8cde6d0c4b054368817fff8769178b44c52da41", + "key": "5a1fbbeeb6e78308ba5af2a1aa5eadb6fd5a9a68", "name": "components/sd-flag/--neutral-300/color/border", "remote": false, "resolvedType": "COLOR", @@ -18231,7 +16179,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46408:70206", - "key": "376bd627cc2d5a6b9a999bd2847231e065d098e3", + "key": "56502a3612c12cd85531e60e172c4737e5d5ef10", "name": "components/sd-flag/--white/color/background", "remote": false, "resolvedType": "COLOR", @@ -18265,7 +16213,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:70207", - "key": "8db4f32dee4f8bbc2124f9086e1fcdaf59930b53", + "key": "db00f99ef748175b30bb6965137928ed45136719", "name": "components/sd-flag/--white/color/border", "remote": false, "resolvedType": "COLOR", @@ -18303,7 +16251,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46408:70208", - "key": "470695347c3b429684c771317407bc019772b7ac", + "key": "da968b6170091eaa87196f26afdc6647216e80ed", "name": "VB/status/neutral-grey-bg", "remote": false, "resolvedType": "COLOR", @@ -18323,7 +16271,7 @@ "description": "disabled", "hiddenFromPublishing": false, "id": "VariableID:46408:96677", - "key": "7cc4502e66f7db53b870f241bc3c77f471aadb78", + "key": "842f6c13e29fb5f27992384b9ecc6a3852d56f68", "name": "VB/grey/450", "remote": false, "resolvedType": "COLOR", @@ -18343,7 +16291,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46434:259677", - "key": "4afb7ccd6940ed4ba7fc53397bef0681b70457c3", + "key": "ea24af56ad2b3d67c9415bbde1344194c529be39", "name": "components/sd-chip/--primary-200/color/background", "remote": false, "resolvedType": "COLOR", @@ -18377,7 +16325,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:259678", - "key": "4ed0e7c8baadaf4ed61305d552bd66d4b590605f", + "key": "35cb80d754f50c2582d8b655e90a4127157241a4", "name": "components/sd-chip/--primary-200/color/border", "remote": false, "resolvedType": "COLOR", @@ -18415,7 +16363,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:259679", - "key": "c41e2fe229cbd93f3c30028cb2783f2eab09f009", + "key": "b5ce2afd8250f95e2d57fbd8dcbce9ca82addf6f", "name": "components/sd-chip/--primary-300/color/background", "remote": false, "resolvedType": "COLOR", @@ -18449,7 +16397,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:259680", - "key": "665684111375721698eb2e2b1edb303bf535bac9", + "key": "c4834ead364b3f9f50587cd8aa9e720e04484679", "name": "components/sd-chip/--primary-300/color/border", "remote": false, "resolvedType": "COLOR", @@ -18487,7 +16435,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:259681", - "key": "a4176990eba732503dcdaa5ada53c79d0ec2fcec", + "key": "fe25cec833de438add0dd5e4c6d52d72fdfa3d76", "name": "components/sd-chip/--primary-500/color/background", "remote": false, "resolvedType": "COLOR", @@ -18521,7 +16469,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:259682", - "key": "cc5316bdfff89f481c2b9d2670db2e6b083a12d7", + "key": "40fae326952e4c4c82b17f56bafe5145d6ad83c3", "name": "components/sd-chip/--primary-500/color/border", "remote": false, "resolvedType": "COLOR", @@ -18559,7 +16507,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:259683", - "key": "e262a8a242885e54445e3223130092e345b6d4d1", + "key": "6cae24a1412bb26f85f69a2d736d00565a969651", "name": "components/sd-chip/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -18591,7 +16539,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46434:259685", - "key": "c953b145ba3e9dd05c2c407690f30628a28d6a99", + "key": "473287e8b49c1b4795dd10cd4c9c9e93a91d8d09", "name": "components/sd-chip/--white/color/background", "remote": false, "resolvedType": "COLOR", @@ -18625,7 +16573,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:259686", - "key": "66b31cfe7ac2c6677b935dcb127ff01d6e0bffbf", + "key": "291f95f6b9f35cd2a33f2f93fd068404039631ba", "name": "components/sd-chip/--white/color/border", "remote": false, "resolvedType": "COLOR", @@ -18663,7 +16611,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:259782", - "key": "5c395ff78734a6ed12717ab96135dda65862ed6a", + "key": "6ad4bc68bcc7332fdc835d9002592b4f29a445a3", "name": "components/sd-chip/--primary-500/color/text", "remote": false, "resolvedType": "COLOR", @@ -18695,7 +16643,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:46434:304476", - "key": "463ac1b0f6c761225b0b47c24410dfbf80a23aaf", + "key": "e530cff0ac283cd5e18aa8994e4fc1e204513274", "name": "components/sd-radio/--checked/--default/__icon/color/background", "remote": false, "resolvedType": "COLOR", @@ -18727,7 +16675,7 @@ "description": "Used for hover interaction", "hiddenFromPublishing": false, "id": "VariableID:46434:304477", - "key": "a6b9d7cfa412b43853565375bd663997ac612491", + "key": "4a646ecf23ede2e9bd820c9ab775767ebdccceff", "name": "components/sd-radio/--checked/--hover/__icon/color/background", "remote": false, "resolvedType": "COLOR", @@ -18759,7 +16707,7 @@ "description": "Used for hover interaction", "hiddenFromPublishing": false, "id": "VariableID:46434:304499", - "key": "bcfe1a037351b2a696ebe7fad346c21e77735c45", + "key": "eb4900ede88cdef6f59fecec333b04a2c621a6b7", "name": "components/sd-radio/--default/--invalid/color/background", "remote": false, "resolvedType": "COLOR", @@ -18791,7 +16739,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:46434:304642", - "key": "12f4e8d9404a9bdab6bec41826e70ea2e0c5db62", + "key": "76226d25f2ba25f3c8ae79e1e0ccdb0e295aee33", "name": "components/sd-radio/--checked/--default/color/background", "remote": false, "resolvedType": "COLOR", @@ -18823,7 +16771,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:46434:304643", - "key": "48e9bffc42b7120565303e866ff76cd3ed7d6420", + "key": "05ae08995dfb2bd1858fdfc1a364416ab2f8eb17", "name": "components/sd-radio/--checked/--invalid/--default/color/background", "remote": false, "resolvedType": "COLOR", @@ -18855,7 +16803,7 @@ "description": "Used for error messages, invalid states", "hiddenFromPublishing": false, "id": "VariableID:46434:304644", - "key": "6f7518579be4409b3e8e74bd201553942219dc70", + "key": "5a5d8c75bfae4f730304c5c6fe6f0a25c79181a9", "name": "components/sd-radio/--checked/--invalid/--default/__icon/color/background", "remote": false, "resolvedType": "COLOR", @@ -18887,7 +16835,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:46434:305759", - "key": "29fc8c8e4cf6444945399f556a6e37a21b2a813d", + "key": "55eea7821e826afa87462d3a46d872018d9e4c22", "name": "components/sd-radio/--checked/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -18919,7 +16867,7 @@ "description": "Used for hover interaction invalid form elements\n", "hiddenFromPublishing": false, "id": "VariableID:46434:305760", - "key": "3f060013d7663aa601627a36ec6d125937e67e3f", + "key": "9b4a75355eeb35dc9feec809d3a1a424b0a5b443", "name": "components/sd-radio/--checked/--invalid/--hover/__icon/color/background", "remote": false, "resolvedType": "COLOR", @@ -18951,7 +16899,7 @@ "description": "Used for inverted dividers", "hiddenFromPublishing": false, "id": "VariableID:46434:306253", - "key": "2caec9dc9e686727e9a877260d23654ea8071342", + "key": "4b21b7059e2750477374713306a483572ea1fbe8", "name": "components/sd-audio/__slide-bar/--inverted/color/border", "remote": false, "resolvedType": "COLOR", @@ -18987,7 +16935,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:307157", - "key": "2bde808525fbb4d06762cf206225ae6a10a21dc4", + "key": "2043df7e17a139a6b1125fe5d88a450815b5821e", "name": "utilities/color/error/250", "remote": false, "resolvedType": "COLOR", @@ -19017,7 +16965,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:307158", - "key": "15025504d0f4240bb8bfc38d8cef757ed45c29f0", + "key": "ebd417a622ecaded913e038e59e9d5aec85ab917", "name": "utilities/color/error/500", "remote": false, "resolvedType": "COLOR", @@ -19047,7 +16995,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46434:310776", - "key": "6910efd0475a86823f5001c69751d42e552e6a66", + "key": "c3fc8e464b10af1ef844ad15641f8bb51d3d16a3", "name": "components/sd-radio/border-width", "remote": false, "resolvedType": "FLOAT", @@ -19079,8 +17027,8 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46500:50144", - "key": "9123b5852cc060aa2ef32d8a83e0be51523acb36", - "name": "components/form-control/__tooltip/color/icon", + "key": "393088fab6be0e7b0618a73221f3786bfcd48d6c", + "name": "components/form-control/__tooltip/color/icon-fill", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -19111,7 +17059,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46547:87699", - "key": "4c5cd7f9982bc98143819830fb92355a71937576", + "key": "f89b404fb3797335ec7c3f126ea86529df941d8e", "name": "components/sd-step/__tail/border-width", "remote": false, "resolvedType": "FLOAT", @@ -19143,7 +17091,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46547:89332", - "key": "6930b96d957eacf853ef008ef968c8beed2d09e6", + "key": "187d0f8d599dbf569bb50b0938febed0ef21888d", "name": "components/sd-step/color/text", "remote": false, "resolvedType": "COLOR", @@ -19175,7 +17123,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46547:89333", - "key": "81076c243a34cd77cfe99cc1538bb6b58e347585", + "key": "39bd3fbc3e668722c233b9c694e6620338bcfe29", "name": "components/sd-step/hover/color/text", "remote": false, "resolvedType": "COLOR", @@ -19207,7 +17155,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46550:33336", - "key": "4cf050d738eb1ea166e387efe32d047d261eab25", + "key": "4bef73c28b0e8f5c078b3d707ea27281478f60e4", "name": "components/sd-step/__circle/border-width", "remote": false, "resolvedType": "FLOAT", @@ -19239,7 +17187,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46550:34530", - "key": "165d13ca6bab144a8fc33886c34cef61f7cfc780", + "key": "edf6457f32e0b45d3912fd0fe47a24c752e61e70", "name": "components/sd-map-marker/cluster/color/icon-fill", "remote": false, "resolvedType": "COLOR", @@ -19271,7 +17219,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46552:34531", - "key": "649a9ff6b1f7792b581a33fddfdf9c24ebc469ee", + "key": "7aa6cfafb66211be849837ccf704f38d896c375d", "name": "components/sd-map-marker/cluster/--hovered/color/icon-fill", "remote": false, "resolvedType": "COLOR", @@ -19303,7 +17251,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46581:61953", - "key": "5bd0726798ced92629e161982e4e9d835e75103d", + "key": "74b6d78ae05b7277b7ef0ce4173c3c074775ce07", "name": "components/sd-headline/4xl-and-mobile-4xl/text", "remote": false, "resolvedType": "COLOR", @@ -19335,7 +17283,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46588:15143", - "key": "04767dcc0b5889482ef5ae514198b7dcacb46761", + "key": "fee12b32ec41fe401910ea842d755464886119d8", "name": "components/sd-video/--play-button/color/background", "remote": false, "resolvedType": "COLOR", @@ -19367,7 +17315,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46590:15143", - "key": "590dab235f13ed748c62d7cca3acc4f4e2f45ff1", + "key": "980e81f79ac6ad3d7be5f1b6a8851cb3ce60cd56", "name": "components/sd-video/--description/color/text", "remote": false, "resolvedType": "COLOR", @@ -19394,78 +17342,12 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46741:1312": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:46741:1312", - "key": "2e25f74272787440d2a5709c42805128d0e0978a", - "name": "components/sd-quickfact/__expandable/color/description-default/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:44917:20145", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:44917:20145", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:46741:3526": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:46741:3526", - "key": "8378a3f5ddea6c52c97e2aeb468c160b0c9810df", - "name": "components/sd-quickfact/__expandable/color/title-default/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:46741:3641": { "codeSyntax": {}, "description": "", "hiddenFromPublishing": false, "id": "VariableID:46741:3641", - "key": "27aaaad8cbcd8aac5c30b67a1f09e1d291fd627f", + "key": "27f9510d53200ac95ee0f0d1983fa730d9a16cf3", "name": "components/sd-quickfact/--expandable/color/text", "remote": false, "resolvedType": "COLOR", @@ -19497,7 +17379,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46768:1312", - "key": "8ca6f62a95afaa7968d308723636b6de17b15c4a", + "key": "cf443f9b0e3713499435c55c2087cf7754e5e476", "name": "components/sd-loader/color/neutral-500/_text", "remote": false, "resolvedType": "COLOR", @@ -19533,7 +17415,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46782:21015", - "key": "abfc231dd9c72523d21b6125ecc3f268a7717463", + "key": "e7037b07c3f715a0ac92ddcbfb6168d3b988c183", "name": "components/sd-teaser-media/--primary-100/color/background", "remote": false, "resolvedType": "COLOR", @@ -19569,7 +17451,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46782:21016", - "key": "5ebd8f34957c8f368531290820e7dab3cb3dc4d5", + "key": "c8d63a473045e0181bf663dd668830c5d8e9c4bf", "name": "components/sd-teaser-media/--primary-100/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -19605,7 +17487,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46782:21017", - "key": "0110c61e4bf3f19b2e66714738054a0614b17122", + "key": "2f86335125df20a2cb1885292c88b251c1176cca", "name": "components/sd-teaser-media/--neutral-100/color/background", "remote": false, "resolvedType": "COLOR", @@ -19641,7 +17523,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46782:21018", - "key": "9a40fba5f10823655a2e0f93f9b8fa18e45a5504", + "key": "20c2041d5d42a33f7918b541552436fd9b9bbee4", "name": "components/sd-teaser-media/--neutral-100/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -19677,7 +17559,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46785:21019", - "key": "9365b1d1efd7770b816756691f4c38c5529130f9", + "key": "927df4531f56320b62b9f32ed9be0da314d45c2d", "name": "components/sd-teaser/--neutral-100/color/background", "remote": false, "resolvedType": "COLOR", @@ -19711,7 +17593,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46785:21047", - "key": "15ca2f0b5a882d57d3dd2d068cc326d5b5aea5fa", + "key": "c582dced97cf6ce911bb294e2ad6eca9ebd649eb", "name": "components/sd-teaser/--primary-100/color/background", "remote": false, "resolvedType": "COLOR", @@ -19745,7 +17627,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46785:21048", - "key": "3c6b8278f009668afdd5b59750c7073f25645535", + "key": "a4e77c63c10cad7598b4d33c0475b5ccc488cee8", "name": "components/sd-teaser/--neutral-400/color/border", "remote": false, "resolvedType": "COLOR", @@ -19777,7 +17659,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46790:20333", - "key": "0a7284df819445570ca1eb27dad45cf82b9f7517", + "key": "1f93c0c0adb4bf8d5eda03e83fd1f0d708dac9c4", "name": "components/sd-carousel/__pager-dot/border-width", "remote": false, "resolvedType": "FLOAT", @@ -19809,7 +17691,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46790:57690", - "key": "3875ed78dacd23bb60c6f17bf70ade019e33550d", + "key": "555a690a9062e3611ea337dfc05d214068b203e5", "name": "components/sd-checkbox/border-width", "remote": false, "resolvedType": "FLOAT", @@ -19842,7 +17724,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46825:8935", - "key": "e26bff14a4d0c87f49094ea86a264cc1347a3459", + "key": "e01c099e06e3cf6c7209cf3c6ee80bffa099b94a", "name": "components/color/background", "remote": false, "resolvedType": "COLOR", @@ -19874,7 +17756,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46825:8941", - "key": "3ffea28283e796e733ae9528f82ab55dee7d39aa", + "key": "c3aa5d7892d06b183c52fa61e28bef709bd44b34", "name": "components/sd-tab/color/border", "remote": false, "resolvedType": "COLOR", @@ -19906,7 +17788,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46841:8934", - "key": "56c2e8dfcb27eb603dd69f8ea0ec775b476924f3", + "key": "4edf537f9a0a6ae853e5f0a98ce04d7dc41d150a", "name": "components/sd-switch/color/text", "remote": false, "resolvedType": "COLOR", @@ -19938,7 +17820,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46841:9198", - "key": "4a1b465593379563c4de108e54564da27e486637", + "key": "d7759eed77ee248b83dceaff00d487fcbd9911b2", "name": "components/sd-switch/--unchecked/color/border", "remote": false, "resolvedType": "COLOR", @@ -19970,7 +17852,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46841:9202", - "key": "07f383dffdd1b4bf3b4162dbf717e32b5f8cf9e2", + "key": "41b87137f8be1b0ef5f8a8044d308351b1a8a99a", "name": "components/sd-switch/--unchecked/__icon/color/background", "remote": false, "resolvedType": "COLOR", @@ -20002,7 +17884,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46841:9203", - "key": "26ccbd28e977666f59e2dbdcd345de41b7b39beb", + "key": "beeb51eb4d46a344cf6334206e03f4a9b9981eb6", "name": "components/sd-switch/--checked/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -20034,7 +17916,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46864:40268", - "key": "6c0e30b18d9f675ab1b3c642a5c9e5945797a4f7", + "key": "63bd6e9da33a5343caeab3fe000708f69f4ae938", "name": "components/sd-video/--play-button/color/icon-fill", "remote": false, "resolvedType": "COLOR", @@ -20066,7 +17948,7 @@ "description": "Used for inverted dividers", "hiddenFromPublishing": false, "id": "VariableID:46871:10801", - "key": "d0ce672c25e917337d58a77952ef110ba23c94b5", + "key": "0eb840dfd3a22c7b6f023ee57b352c3b8d81abbe", "name": "components/sd-divider/--Inverted/color/border", "remote": false, "resolvedType": "COLOR", @@ -20102,7 +17984,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:46871:68824", - "key": "dbc2bd62b9f02e923085463f073021882d3430fb", + "key": "9693fdefc825aac6df80eb660484994e84523026", "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/20%", "remote": false, "resolvedType": "COLOR", @@ -20142,7 +18024,7 @@ "description": "Used to add border that is only visible in dark mode:\n-dropdown", "hiddenFromPublishing": false, "id": "VariableID:46871:68825", - "key": "5c42193d46fb2cc6385fc7b735f4a97a64d3ca3e", + "key": "ebde0ca198584d0a24a9ffcdea523231e9f16582", "name": "utilities/color/background/_gradient/components/informational/gradient/--white/background/color/50%", "remote": false, "resolvedType": "COLOR", @@ -20182,7 +18064,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:46871:963", - "key": "6555f3c927ed3de048d9b4b15a6b64314b47e97f", + "key": "86dec003cb67ab7067e5cbca73588de77a1cd3b4", "name": "components/sd-carousel/--active/color/border", "remote": false, "resolvedType": "COLOR", @@ -20214,7 +18096,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46893:49686", - "key": "fd7fbe65fdba3e702c28bc72288628b8a94d8516", + "key": "3c7f9fdc11d9430b5894d77aa014377cb62da711", "name": "components/sd-menu/color/text", "remote": false, "resolvedType": "COLOR", @@ -20246,8 +18128,8 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46893:50283", - "key": "321f856c08b3bf49412813cd58bfde5328e264b2", - "name": "components/sd-menu/color/icon", + "key": "5344eec1b29a57e0a40cf486852d9dcdfc55d9d3", + "name": "components/sd-menu/color/icon-fill", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -20278,8 +18160,8 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46893:50284", - "key": "710c937698604b4e0bda3fd0f5d4e037067f455c", - "name": "components/sd-menu/--disabled/color/icon", + "key": "cb80543d8e3053a1c3dd580276643bc41fdd858d", + "name": "components/sd-menu/--disabled/color/icon-fill", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -20312,7 +18194,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46893:50285", - "key": "22def546b2d9f8531dec499680bb71f9376123fe", + "key": "f852c1e2a95523bf803434d79e187fc647f540c0", "name": "components/sd-menu/--disabled/color/text", "remote": false, "resolvedType": "COLOR", @@ -20346,7 +18228,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46897:13212", - "key": "f65d387da3eb85bc3cef71865a7560372bdab08c", + "key": "124067c907e45535a06742ba0aa7022ad01b7328", "name": "components/sd-map-marker/font-size", "remote": false, "resolvedType": "FLOAT", @@ -20378,7 +18260,7 @@ "description": "Primary brand color for text", "hiddenFromPublishing": false, "id": "VariableID:46937:80691", - "key": "d5c507cd6d7ec37dc04cc60efeee65b140cd0452", + "key": "ff91e5494b3997a219451279b2bd70650e959e12", "name": "components/sd-radio-button/color/text", "remote": false, "resolvedType": "COLOR", @@ -20410,7 +18292,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46937:80692", - "key": "652c5a1f2227c985df622ac4dd1f37c9971fc268", + "key": "8c2f0bb0530e95d4ac15368043ddb03729e6859d", "name": "components/sd-radio-button/color/icon-fil", "remote": false, "resolvedType": "COLOR", @@ -20443,7 +18325,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46938:18800", - "key": "76549fda85e06be7a15e88409e0791d3b2519c11", + "key": "17853189245947ab8971ef9a60894112213fdea3", "name": "components/sd-navigation-item/color/_icon", "remote": false, "resolvedType": "COLOR", @@ -20475,7 +18357,7 @@ "description": "Used for sd-chip, sd-badge", "hiddenFromPublishing": false, "id": "VariableID:46961:115232", - "key": "b40c72ed27030e7dbb743f3f58eeb3e3453e147b", + "key": "ec7774c847504622d93c05656b9e7c8af0b385bc", "name": "components/sd-button/--secondary/--inverted/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -20507,7 +18389,7 @@ "description": "Used for sd-chip, sd-badge", "hiddenFromPublishing": false, "id": "VariableID:46961:122725", - "key": "734dee8f629a5f30b5c8618eb5de0b8435cbda6b", + "key": "a587865482b2e36c58cfde3b736bc29b2c6d939e", "name": "components/sd-button/--tertiary/--inverted/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -20539,7 +18421,7 @@ "description": "Used for buttons, select field, focus state", "hiddenFromPublishing": false, "id": "VariableID:46961:99748", - "key": "0b2a54cca0d831be90abffe743203399a73648ca", + "key": "baf4394ee33c3727b426e3bf08baa89cd5d8e09a", "name": "components/sd-badge/--inverted/color/border", "remote": false, "resolvedType": "COLOR", @@ -20571,7 +18453,7 @@ "description": "Used for checkbox, switch", "hiddenFromPublishing": false, "id": "VariableID:46971:17841", - "key": "23bd45251788d4a63ad24f5a1a2dafb6c1d1ffe3", + "key": "585227908993bcdca48e108bb729dd7a4a04e904", "name": "components/sd-button/--cta/--inverted/--default/color/background", "remote": false, "resolvedType": "COLOR", @@ -20603,7 +18485,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46977:27416", - "key": "8689d739f100146ee137db8c32b475f8dd682b6d", + "key": "2c224683e57806edd56ba201afcd418d6b5bc1bd", "name": "components/sd-button/--cta/--inverted/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -20635,7 +18517,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46977:27419", - "key": "a514f2165242949ad80406026ad843c6d70467ab", + "key": "53c97bf3ed105c10ae7d47de4fb6ef67760cc34f", "name": "components/sd-button/--inverted/--disabled/color/border", "remote": false, "resolvedType": "COLOR", @@ -20667,7 +18549,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46977:27421", - "key": "ac1b0c649732d4c6108703555e2c8079ceb0b908", + "key": "943c2dbca370a08dfc95a269abd0497ef6d189e3", "name": "components/sd-button/--inverted/--disabled/color/text", "remote": false, "resolvedType": "COLOR", @@ -20699,7 +18581,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46977:29580", - "key": "444f84393b34dce6d56a2fa07b58a33b75448f66", + "key": "4ced59e9bc662e5b1c805b2fb7de81063b42b33a", "name": "components/sd-button/--cta/--inverted/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -20731,7 +18613,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46977:29581", - "key": "aafeca927d06f7ab3bd0fddc0e325472655b096e", + "key": "59e5ffdbcaea8aa6d07534b658c6f337139f4d54", "name": "components/sd-button/--cta/--inverted/--hover/color/text", "remote": false, "resolvedType": "COLOR", @@ -20763,7 +18645,7 @@ "description": "Used for pressed interaction", "hiddenFromPublishing": false, "id": "VariableID:46977:29583", - "key": "0218528450207223b379af87a8b0d63e051fb36e", + "key": "6d1e88f657f599211a1e237259a88626991731f5", "name": "components/sd-button/--cta/--inverted/--active/color/background", "remote": false, "resolvedType": "COLOR", @@ -20795,7 +18677,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:46977:29585", - "key": "0d14efe245ce22e5e00d29fc17b37898aa5f7af4", + "key": "b3e7713509e5f19745ed41a919ff62caafbbb8ef", "name": "components/sd-button/--inverted/--disabled/color/background", "remote": false, "resolvedType": "COLOR", @@ -20827,7 +18709,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:46989:18467", - "key": "31f39fd76fd1c5c19ffabc9f1be65c69d73c8d1b", + "key": "fde8a07f700d1b92ebca9188691b4d92769e9ca5", "name": "components/sd-button/--cta/--inverted/--active/color/text", "remote": false, "resolvedType": "COLOR", @@ -20859,7 +18741,7 @@ "description": "Primary brand color for text", "hiddenFromPublishing": false, "id": "VariableID:46998:24287", - "key": "b6c31f147056697d4921aa5eeab3fc0c138a547b", + "key": "e637e901e3a1ca3db6819199184d22039a935017", "name": "components/sd-radio-button/--hover/color/background", "remote": false, "resolvedType": "COLOR", @@ -20895,7 +18777,7 @@ "description": "Used for hover interaction", "hiddenFromPublishing": false, "id": "VariableID:46998:24288", - "key": "56fc46ed6f2cbffe448c09206f3450b52ecf0f0a", + "key": "c2e04f1feb3919287c7eb19f1bfecaec0f1b7311", "name": "components/sd-radio-button/--hover/color/icon-fill", "remote": false, "resolvedType": "COLOR", @@ -20927,7 +18809,7 @@ "description": "Used for hover interaction", "hiddenFromPublishing": false, "id": "VariableID:46998:24289", - "key": "9b840a958f6c476305557908b55b2264d51f7662", + "key": "20747bef6de69520b1435220890c7c3b1c4c75b5", "name": "components/sd-radio-button/--hover/color/text", "remote": false, "resolvedType": "COLOR", @@ -20959,7 +18841,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:47031:407", - "key": "bfe9b244b703a83007169196b7c5f151c029d69c", + "key": "ab33e0301ff17cbe87514462d6a6402d33f96457", "name": "components/interactive/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -20991,7 +18873,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47174:79210", - "key": "eb61ec195093e8f19e720279dbb33a5a110fbdd0", + "key": "b3f16fee5fbfee9e0e4a00672611947f57febcdf", "name": "components/form-control/color/text", "remote": false, "resolvedType": "COLOR", @@ -21023,7 +18905,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47208:17564", - "key": "25ae1c24c97003334f66aa1c0958df9974844ea5", + "key": "68ee3272a573cfa4cc49531226e22f3bf08db6ab", "name": "components/sd-tag/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -21055,7 +18937,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47208:26542", - "key": "1b110e7be2dbd5d41fa1ace046d5a5e3c96ae308", + "key": "61a7bfd54a2fac700d9ca183c80b86e34e437487", "name": "components/sd-tab/font-weight", "remote": false, "resolvedType": "STRING", @@ -21087,7 +18969,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47226:13296", - "key": "3140d5c8cfe2da59d38d618892b30a4ecc348369", + "key": "8de3dede0b07fb1316393ad015e4e2183349c334", "name": "components/sd-range/__bar/border-width", "remote": false, "resolvedType": "FLOAT", @@ -21119,7 +19001,7 @@ "description": "8px", "hiddenFromPublishing": false, "id": "VariableID:47226:13297", - "key": "9c9c51bcfdf1a49f326c6272c9966f487e5d277e", + "key": "10b8dabb1771c2f3635b3778f807f5934dfd24e9", "name": "utilities/sizing/1", "remote": false, "resolvedType": "FLOAT", @@ -21151,7 +19033,7 @@ "description": "8px", "hiddenFromPublishing": false, "id": "VariableID:47226:13298", - "key": "fd1038df76f241ab9045c0d8de5d5409cea3266c", + "key": "1fd4ffd49dc938141bbe91c8b73aba4f6734130f", "name": "utilities/sizing/0,5", "remote": false, "resolvedType": "FLOAT", @@ -21183,7 +19065,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:47333:16976", - "key": "f242db2a385fccd422464974e2003d324a076377", + "key": "a7730e2935005cdc8e2486c2ff70a1f33a68f192", "name": "components/sd-button/--tertiary/--active/color/background", "remote": false, "resolvedType": "COLOR", @@ -21215,7 +19097,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47674:18801", - "key": "353895efdf1e979d2251c1f2322fee6f616c10d4", + "key": "67ecf81c13f846349ecc9841e82cfaae8b07892d", "name": "components/form-control/--filled/__floating-label/color/text", "remote": false, "resolvedType": "COLOR", @@ -21247,7 +19129,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8448", - "key": "f6448d0b8527ee89fbc1c39c59beb755f6d8714c", + "key": "e72346d3a0a51848b503962a79cb7d66db1805b8", "name": "KID/accent/100", "remote": false, "resolvedType": "COLOR", @@ -21267,7 +19149,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8449", - "key": "828ee745f48d24306bb5fbaf3ebfb174e3c966dd", + "key": "261d286b32c67e401cd5d86e28156ff6177f2e59", "name": "KID/accent/200", "remote": false, "resolvedType": "COLOR", @@ -21287,7 +19169,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8450", - "key": "17df901962de44685258e2956a4b7650180796b4", + "key": "334973d168cbcd2fc0d8295a7e7fb9267c07da1b", "name": "KID/accent/300", "remote": false, "resolvedType": "COLOR", @@ -21307,7 +19189,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8451", - "key": "e0e70c6f1850abdf893e29419a632bc65314842d", + "key": "3a0de7ae8f09cb9dade5898ce2948a8148656c9f", "name": "KID/accent/400", "remote": false, "resolvedType": "COLOR", @@ -21327,7 +19209,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8452", - "key": "db5e059b7b8263d8e24527e870cb51ff4f4bb7c9", + "key": "8956d88489f3cf58df7eeecfd7af05a7fe4d0d85", "name": "KID/accent/500", "remote": false, "resolvedType": "COLOR", @@ -21347,7 +19229,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8453", - "key": "02907c872d7422fe71b020daa99ae304e6cf0ed0", + "key": "734f41506343c0bb379c17df17c34e447d1d6e55", "name": "KID/accent/600", "remote": false, "resolvedType": "COLOR", @@ -21367,7 +19249,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8454", - "key": "b1684b738846fb948471f069fc27e347176b099a", + "key": "055536c2e6975ad70f92f94a8c970f0c58bd92fd", "name": "KID/accent/700", "remote": false, "resolvedType": "COLOR", @@ -21387,7 +19269,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8455", - "key": "a7b573bbea07136c9d66410097734e179849ea61", + "key": "2b4d735ba899283e9b2a4f79514350ea14451423", "name": "KID/accent/800", "remote": false, "resolvedType": "COLOR", @@ -21407,7 +19289,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8456", - "key": "c0bd26c5fb419355140366c75a3eef728077ea04", + "key": "3db9296a010a7747e6a567cbdfa15532854a598f", "name": "KID/accent/900", "remote": false, "resolvedType": "COLOR", @@ -21427,7 +19309,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8457", - "key": "1766c43df82e0be2310fd11dfbc49945de9b9945", + "key": "8d8e04936d50dc114860b353effcf280e89b1003", "name": "KID/accent/default", "remote": false, "resolvedType": "COLOR", @@ -21445,7 +19327,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8458", - "key": "b35a434d1eced019cc3afb9bed6f6e850d19d7ab", + "key": "3fcc66f7c05a49ef79d991b6f933a59ebd4bd0e9", "name": "KID/primary/100", "remote": false, "resolvedType": "COLOR", @@ -21465,7 +19347,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8459", - "key": "fbc3e2f998c7ca8de974f70fed77b4cb8781d501", + "key": "cd11d90a5840cf73d1b4a19deaabd567293f925c", "name": "KID/primary/200", "remote": false, "resolvedType": "COLOR", @@ -21485,7 +19367,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8460", - "key": "896a1d1899e87f669ab71c23f90d8347208da8fd", + "key": "c733506e745bb980ae338d026abac332a90ecbb3", "name": "KID/primary/300", "remote": false, "resolvedType": "COLOR", @@ -21505,7 +19387,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8461", - "key": "72e4bdf2d9d80c5c75c0191faf0f6aa4f1d063ae", + "key": "df1d097e0a517b332b8d08d162c61b380fa96408", "name": "KID/primary/400", "remote": false, "resolvedType": "COLOR", @@ -21525,7 +19407,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8462", - "key": "bb1d310e27929b7a8f99c5168bc29ef39fa27069", + "key": "3e7c50385e6219abfdcafb8a1dc3fd2b36e717b2", "name": "KID/primary/500", "remote": false, "resolvedType": "COLOR", @@ -21545,7 +19427,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8464", - "key": "350ebfbb90c2d99a46415dc373280f36d2077ecc", + "key": "1fb17c927484843de11784a46ffa71d94dcf4122", "name": "KID/primary/600", "remote": false, "resolvedType": "COLOR", @@ -21565,7 +19447,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8465", - "key": "5d89f6ea392fef09c6ec5551bbe0751f9272c221", + "key": "53344436f69d57e0ffe8c7ff5cee6d20bf7e8028", "name": "KID/primary/700", "remote": false, "resolvedType": "COLOR", @@ -21585,7 +19467,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8466", - "key": "fc74c0f7de12ae683bbce547a4d4fe5c91c4a910", + "key": "d0c064d29dd24d3600decd5bd944269fa71c71c0", "name": "KID/primary/800", "remote": false, "resolvedType": "COLOR", @@ -21605,7 +19487,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8467", - "key": "69c0b57d417b5d0f574b6c1b87809d029511e2fa", + "key": "7e12b72e204b5bd1c0a58a05a798306121d04892", "name": "KID/primary/900", "remote": false, "resolvedType": "COLOR", @@ -21625,7 +19507,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8468", - "key": "f6dcca80d347457bf3e10177256c95fac3c7fdca", + "key": "0b73695a6b2e72cdd92fe4b3fdad084cd7f9542b", "name": "KID/primary/default", "remote": false, "resolvedType": "COLOR", @@ -21643,7 +19525,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8470", - "key": "37b184488d41df5f1dc49c691c181313495a5274", + "key": "4e7496b8d3a38d73e2af77c418ca8b4d8f1515dd", "name": "KID/black", "remote": false, "resolvedType": "COLOR", @@ -21661,7 +19543,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8477", - "key": "47dbc9d692cbc774a507eb32119d332d455471a7", + "key": "dde9bbde7ed41722c0cf0fe1691688db986b1e81", "name": "KID/white/default", "remote": false, "resolvedType": "COLOR", @@ -21681,7 +19563,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8488", - "key": "e535fcd42d6a2cd1eca84b2aad1001ccf7ed029f", + "key": "3772e9f1fc3436dc59e1705d045cab75ff359ad7", "name": "KID/white", "remote": false, "resolvedType": "COLOR", @@ -21703,7 +19585,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8519", - "key": "e4837542166711550249b2033bdc357cca7425bb", + "key": "df879f5e6f714f612dc7c8fb851435f3009e5298", "name": "KID/font-family/font-family-primary", "remote": false, "resolvedType": "STRING", @@ -21718,7 +19600,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8520", - "key": "c506d9b0ed5470ff3f96188a3a0d165344e86604", + "key": "488d4410b2fc6409037bd1fd4ac29b230acf90f6", "name": "KID/status/success", "remote": false, "resolvedType": "COLOR", @@ -21738,7 +19620,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8522", - "key": "df450e100f838d8ac5a9093b29090c64f3bee9e5", + "key": "d725e4e7f8f4918678391feffc25a82b1384d368", "name": "KID/status/error", "remote": false, "resolvedType": "COLOR", @@ -21758,7 +19640,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8523", - "key": "3168f0a026a75c12a49a3a62a6b01e5f7ccdf739", + "key": "c56782e50d97598621be0a8dddaaeebce09a5dca", "name": "KID/status/warning", "remote": false, "resolvedType": "COLOR", @@ -21778,7 +19660,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8524", - "key": "e4a8904a3bf919a66c5fbffca737267b20d042df", + "key": "cf272ac24e0ed5f19d1afcc92b77b63b3fc80293", "name": "KID/status/warning-bg", "remote": false, "resolvedType": "COLOR", @@ -21798,7 +19680,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8525", - "key": "3ad0706b1c29969ea0a864a990ef0b6b9220ada2", + "key": "d8f0d37f016e9d68a7a3972ee976d2eb725429c0", "name": "KID/status/success-bg", "remote": false, "resolvedType": "COLOR", @@ -21818,7 +19700,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8526", - "key": "23caf7589d392c6cecf0e3bb164e6c7ff79bf976", + "key": "b1700aa427b52e0bc37f2710b32787971166cd10", "name": "KID/status/error-bg", "remote": false, "resolvedType": "COLOR", @@ -21838,7 +19720,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8527", - "key": "defba2f8125a766f14e04284ece93f6b4c811187", + "key": "048a2ec44a31323249b5ba963be7b8da74a6f318", "name": "KID/status/neutral-blue", "remote": false, "resolvedType": "COLOR", @@ -21858,7 +19740,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8528", - "key": "28f05d2b44c39b5eec69e7926be0688b807fd5a6", + "key": "ded6bb315360ed02dd968a5ea9faa51cea543c9d", "name": "KID/status/neutral-blue-bg", "remote": false, "resolvedType": "COLOR", @@ -21878,7 +19760,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8529", - "key": "3db382b65a364e0fcaae882729d4949216033f6c", + "key": "e7521dc2631bed803024ddfe107bc6e7d87c279d", "name": "KID/status/neutral-grey-bg", "remote": false, "resolvedType": "COLOR", @@ -21898,7 +19780,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8532", - "key": "3228f33d3c4971a32d06a138630097714b5671d3", + "key": "c53a8fb6a87e9b2f341f47ea4887b0bea61a5733", "name": "KID/neutral/200", "remote": false, "resolvedType": "COLOR", @@ -21918,7 +19800,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8533", - "key": "2ecbcfb299f24e15ada58ebc991ef1a2a34657e2", + "key": "762e75c601247bb9e5b2c6cfb199b49debf22b19", "name": "KID/neutral/300", "remote": false, "resolvedType": "COLOR", @@ -21938,7 +19820,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8534", - "key": "966ef8c3deee507a906419dc12fe49b9fb5e9fd7", + "key": "dc59c700e9195d53d64023ca28e4156c12ec0439", "name": "KID/neutral/400", "remote": false, "resolvedType": "COLOR", @@ -21958,7 +19840,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8536", - "key": "2f3db3cea8876533c6800854524860dd96fd1c42", + "key": "b8250f0ebd7ec2735272167724a5a63fe3d157c9", "name": "KID/neutral/500", "remote": false, "resolvedType": "COLOR", @@ -21978,7 +19860,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8537", - "key": "82999b66e728157fe896fef8b864f9d5e1b6f42a", + "key": "d8a21153ead3a5a3ed51245b2bb1a13528b6d20a", "name": "KID/neutral/600", "remote": false, "resolvedType": "COLOR", @@ -21998,7 +19880,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8538", - "key": "598954ea8c13dea5cfd623f70351a64cd0dc4ed4", + "key": "16836cdd7391260ff38576e10692f13f55ec1f6b", "name": "KID/neutral/700", "remote": false, "resolvedType": "COLOR", @@ -22018,7 +19900,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47719:8539", - "key": "c25371e48a5709c4f39e644eaacc02361d3bf9ce", + "key": "62e86707407173829c28c63db80f466ccc64d057", "name": "KID/neutral/800", "remote": false, "resolvedType": "COLOR", @@ -22038,7 +19920,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47728:7234", - "key": "6a5447f31a2e12ab9be3182643e77cf88820f9b7", + "key": "6e5de9a2843eed73459fb7df4bda9d46831fe47c", "name": "components/sd-link/color/--hover/text", "remote": false, "resolvedType": "COLOR", @@ -22071,7 +19953,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47728:7235", - "key": "f13becf0ee1840aeb151df0978432eab77256853", + "key": "01d93ea09dab9dfcaf3bb3866d33099976d298db", "name": "components/sd-link/color/--hover/icon", "remote": false, "resolvedType": "COLOR", @@ -22103,7 +19985,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47728:7236", - "key": "73718ac50f60d056f9a9389dbf466ea7613bfb77", + "key": "dbda46f9d896d2ac0888340b3d384e671e51540f", "name": "components/sd-link/color/--default/text", "remote": false, "resolvedType": "COLOR", @@ -22136,7 +20018,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47728:7237", - "key": "ed90b8abff71bab9de7d75b4a97ccdec2f0fbf34", + "key": "091d9e9ca162f43275e55159cc38a6f31cb22ac7", "name": "components/sd-link/color/--none/icon", "remote": false, "resolvedType": "COLOR", @@ -22168,7 +20050,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47728:7238", - "key": "89c07bb4933496625dadb59b083ddc8a3d8bbe61", + "key": "9940f1b9678a527f7ee07da6a7f8a70a874cb9c5", "name": "components/sd-link/color/--active/text", "remote": false, "resolvedType": "COLOR", @@ -22201,7 +20083,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47728:7239", - "key": "bcdffee3ccd5aade1fdf7a66742db7c33536132a", + "key": "e10b32b493f63af0c24215bf39b9018afcff01be", "name": "components/sd-link/color/--pressed/icon", "remote": false, "resolvedType": "COLOR", @@ -22233,7 +20115,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47735:23875", - "key": "adce736e2fb900f49e79f3a2aeca086a006d4f8a", + "key": "bbc307f245ec3a5eb2f1c2411cb67faf2516867f", "name": "components/form-control/color/icon-fill", "remote": false, "resolvedType": "COLOR", @@ -22265,7 +20147,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47735:23876", - "key": "d47e38bf916cd723ff48af031bba664130b33a3c", + "key": "fada6e43fb1b6113d0ce935454a5736f87fa583f", "name": "components/sd-datepicker/__date-item/--hovered/--default/color/background", "remote": false, "resolvedType": "COLOR", @@ -22299,7 +20181,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47735:23878", - "key": "2166084f5a24fcb3fa22904c9a17b96a55fe9989", + "key": "000b9318e00275fe70be07eafc71dd3be44ec318", "name": "components/sd-datepicker/__date-item/--hovered/--prev-next/color/background", "remote": false, "resolvedType": "COLOR", @@ -22333,7 +20215,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47735:23879", - "key": "f0029fb6f8a4abc968b47611fadea2a38608a946", + "key": "412d17559b99cc89d10e70d86df06e3d7e9c271e", "name": "components/sd-datepicker/__date-item/--selected/color/text", "remote": false, "resolvedType": "COLOR", @@ -22365,7 +20247,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47735:23880", - "key": "a7737f36323ec1cbf58473e058f4e1499ff7fceb", + "key": "3c69bc434d682c172e590c35edeb8d3c61832db6", "name": "components/sd-datepicker/__date-item/--hovered/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -22398,7 +20280,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47735:23881", - "key": "dd6608df0e74e724369c702e151d7704a45e3e99", + "key": "77a2bb973247c99bd02127ccd8b817bb56efa680", "name": "components/sd-datepicker/__date-item/--hovered/--current/color/text", "remote": false, "resolvedType": "COLOR", @@ -22430,7 +20312,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47737:23882", - "key": "91e1365c0b128d45aebf4c1c6f662dd59cca7314", + "key": "e56ce367b620090d3b91a4f756ced1f6606eb532", "name": "components/sd-datepicker/__date-item/--hovered/--prev-next/color/text", "remote": false, "resolvedType": "COLOR", @@ -22462,7 +20344,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47741:23883", - "key": "8a201fe729d13db2af6a8a7affbc3bf3f4874ba8", + "key": "165cbbf8253fcd19835344fe8c372dedc5402389", "name": "components/sd-tag/--disabled/color/border", "remote": false, "resolvedType": "COLOR", @@ -22494,7 +20376,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47741:23884", - "key": "b985053468066ff18ab9a770fb29658cc4f7a112", + "key": "2ba218d388931786c79dad5d5e41eea81e1ba38b", "name": "components/sd-combobox/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -22526,8 +20408,8 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47741:23893", - "key": "9e7772775f1a2b4cae0e87310ddfb79045fbdd35", - "name": "components/sd-combobox/--default/color/icon", + "key": "17a8bf3acde9909aa893da45e60a1486a3ce8e5f", + "name": "components/sd-combobox/--default/color/icon-fill", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -22558,7 +20440,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47783:193767", - "key": "14470e94f6acc5aeb0a0bbb355d47ec73a09e356", + "key": "dd9030a123bec8e9a32b70de752390b2f163b64c", "name": "components/sd-button/--size/sm/font-size", "remote": false, "resolvedType": "FLOAT", @@ -22590,7 +20472,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47783:193768", - "key": "44ec15d78e0127724eda352212a36fc7651801c3", + "key": "5ac07bc61a729c12bfac84c5f373ddb7a25c92bc", "name": "components/sd-button/--size/sm/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -22622,7 +20504,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47783:193769", - "key": "1d2c29a382458b9f6f1100c4a62fbf7a756a286a", + "key": "86db688528cd7a0b99933804d819cf0c50c6f6ee", "name": "components/sd-button/--size/sm/padding-block", "remote": false, "resolvedType": "FLOAT", @@ -22654,7 +20536,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47783:27980", - "key": "3d2fdb47285a5e006f9fd45393ca53c3d08e9f42", + "key": "6ca38fa6a132a863d9f1faecf6b6a3ce5a171761", "name": "KID/neutral/900", "remote": false, "resolvedType": "COLOR", @@ -22674,7 +20556,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47783:27982", - "key": "7980496f5f9dbb56f721884746fc09d9cb9dbcee", + "key": "0a854087442dd901bd318102568b24e379816051", "name": "KID/creme", "remote": false, "resolvedType": "COLOR", @@ -22696,7 +20578,7 @@ "description": "400", "hiddenFromPublishing": false, "id": "VariableID:47805:4778", - "key": "4ee55ba7183018b16427b799e8ab8dc11f44e1f6", + "key": "873b8acc1fc8847d5c4fdd68ac18f0f920fbc167", "name": "KID/font-weight/font-normal", "remote": false, "resolvedType": "STRING", @@ -22711,7 +20593,7 @@ "description": "500", "hiddenFromPublishing": false, "id": "VariableID:47805:4779", - "key": "9a81ed2928e4394236af78be924db89f8821465d", + "key": "c8d372d9b9ca897e36ca117dae659e5f42568b1d", "name": "KID/font-weight/font-semibold", "remote": false, "resolvedType": "STRING", @@ -22726,7 +20608,7 @@ "description": "600", "hiddenFromPublishing": false, "id": "VariableID:47805:4780", - "key": "3f7051ff257961f39ace8f03070574fb520b007e", + "key": "473a0511840389f38e7795d46e8f078eb08312fb", "name": "KID/font-weight/font-bold", "remote": false, "resolvedType": "STRING", @@ -22741,7 +20623,7 @@ "description": "48px", "hiddenFromPublishing": false, "id": "VariableID:47829:633", - "key": "e00f3e5761f943050e8092a977f2cbdf176b78da", + "key": "295d90478bb287dc16f8d3ae5efbed0b802ce1a5", "name": "utilities/spacing/14", "remote": false, "resolvedType": "FLOAT", @@ -22773,7 +20655,7 @@ "description": "border radius 4px", "hiddenFromPublishing": false, "id": "VariableID:47829:638", - "key": "b84cbfb6b0fc645d53d4de4a53fd74cc6673c4a9", + "key": "c9ef81fc3b3087f670936bba940be1c195894483", "name": "KID/rounded/sm", "remote": false, "resolvedType": "FLOAT", @@ -22788,7 +20670,7 @@ "description": "border radius 8px", "hiddenFromPublishing": false, "id": "VariableID:47829:639", - "key": "06af046b1c8f743d9b96dfbd5c366ab931195cfc", + "key": "037cc2e9dc5e37b346a9b6e3fe0829831c0d931e", "name": "KID/rounded/md", "remote": false, "resolvedType": "FLOAT", @@ -22803,7 +20685,7 @@ "description": "border radius 16px", "hiddenFromPublishing": false, "id": "VariableID:47829:640", - "key": "8cb4ce55c80a7d87ad0df06810b3c2159f66b4d1", + "key": "863ed104d74a814dfb754bcd086251f28c884c54", "name": "KID/rounded/\blg", "remote": false, "resolvedType": "FLOAT", @@ -22818,7 +20700,7 @@ "description": "border radius 999px", "hiddenFromPublishing": false, "id": "VariableID:47829:641", - "key": "db45991d1c25f39e55f969dea13a406ca83c8a04", + "key": "215ae0d570d37f05d420c11632b90f57af6b65b7", "name": "KID/rounded/full", "remote": false, "resolvedType": "FLOAT", @@ -22833,7 +20715,7 @@ "description": "opacity 50%", "hiddenFromPublishing": false, "id": "VariableID:47829:657", - "key": "366a6271121236c44159eb5967f9b9654510ed8c", + "key": "893c15bbb9f242072b378f38c011a8da92b20405", "name": "KID/opacity/opacity-50", "remote": false, "resolvedType": "FLOAT", @@ -22848,7 +20730,7 @@ "description": "opacity 60%", "hiddenFromPublishing": false, "id": "VariableID:47829:659", - "key": "0807b99676c110b4597bf5afc4dac3037f21c0f7", + "key": "fbca600e7adb98fe63ba14fb80f82576dc169130", "name": "KID/opacity/opacity-60", "remote": false, "resolvedType": "FLOAT", @@ -22863,7 +20745,7 @@ "description": "opacity 100%", "hiddenFromPublishing": false, "id": "VariableID:47829:665", - "key": "a25286452bdcc0b62e3da9e3f43869d8601741b9", + "key": "b08ca4fbbce44af47e0dcdb1dd0fd33eef052584", "name": "KID/opacity/opacity-100", "remote": false, "resolvedType": "FLOAT", @@ -22878,7 +20760,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47833:10802", - "key": "0114751b356e9a586892e9401584cf6cf6b0b822", + "key": "06614177c0933d0c8be8d0f124f5a22709619245", "name": "font-semibold", "remote": false, "resolvedType": "STRING", @@ -22893,7 +20775,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47835:23074", - "key": "eb6912850ef214ebbcc92822d05e55872dbc28ce", + "key": "73e9b1b6f712ba3d76d799089bb47444010dd401", "name": "VB/font-weight/font-normal", "remote": false, "resolvedType": "STRING", @@ -22908,7 +20790,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47835:23075", - "key": "de7a680295c63554350fdef7ecc7cdf6741393d8", + "key": "3b7ea64b1026d84fc4b725c77902a68ee93bf7f1", "name": "VB/font-weight/font-bold", "remote": false, "resolvedType": "STRING", @@ -22923,7 +20805,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:47858:29969", - "key": "ffd8844ec880c0bbd7063e0b563b539a77367e13", + "key": "ae4e13bd049798f2de4b89814053d4d91df61aa0", "name": "components/sd-button/--primary/--inverted/--active/color/background", "remote": false, "resolvedType": "COLOR", @@ -22955,7 +20837,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47877:97571", - "key": "a4db072dff096703f0201f79579f66e497c88d27", + "key": "b4df5dd733ceb5491e7f936820027cd13fe893ff", "name": "utilities/text/xs", "remote": false, "resolvedType": "FLOAT", @@ -22975,7 +20857,7 @@ "description": "14px", "hiddenFromPublishing": false, "id": "VariableID:47899:14901", - "key": "10c0b34a6ee2d53edb92681db63810b7e0524cd4", + "key": "3233d817b2238821b747909cc8d81086a8a8877f", "name": "text-xs", "remote": false, "resolvedType": "FLOAT", @@ -22990,7 +20872,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47899:5274", - "key": "60ad56c94e73703b3580a0c6753858b762784c41", + "key": "32d9782ec602d3edeae944c5ff8eb38bea43a7d2", "name": "utilities/text/sm", "remote": false, "resolvedType": "FLOAT", @@ -23010,7 +20892,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47899:5276", - "key": "063427a931836f24a5754a7c3f36a8798c0de5b5", + "key": "f5191c0e02fdfb3a921b1a516187574a29e76e0c", "name": "utilities/text/base", "remote": false, "resolvedType": "FLOAT", @@ -23030,7 +20912,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47899:5277", - "key": "c52cc2020c8a83632dda05ba0afa8aa1d6d30885", + "key": "e8efa08f67f259ee71b40b6a3fa8ec9f3d3d680b", "name": "utilities/text/lg", "remote": false, "resolvedType": "FLOAT", @@ -23050,7 +20932,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47899:5278", - "key": "1d9eff454e574f01e95c21716718cab77b1f4911", + "key": "5f6bc2d979e16422655e9bd77e48adfc13f61c59", "name": "utilities/text/xl", "remote": false, "resolvedType": "FLOAT", @@ -23070,7 +20952,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47899:5279", - "key": "0eb26a67894712af45be519376ad717519ec7f11", + "key": "872a6921837f903c5013dff04c1551fade84e697", "name": "utilities/text/2xl", "remote": false, "resolvedType": "FLOAT", @@ -23090,7 +20972,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47899:5280", - "key": "9475e625d2e1fcd36f37c337754f6066355bda3b", + "key": "6a4b245a12f419686898776da078d5a6d3b7e512", "name": "utilities/text/3xl", "remote": false, "resolvedType": "FLOAT", @@ -23110,7 +20992,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47899:5281", - "key": "5f191d77415b329a02e3ec3a0b3510995b497cc0", + "key": "4f49d7c5499c117a1023515dc2374006eab92f09", "name": "utilities/text/4xl", "remote": false, "resolvedType": "FLOAT", @@ -23130,7 +21012,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47958:17170", - "key": "d7d640627a28bff4669d7ff385a681580e30372f", + "key": "648b9fdc2ddb6584de9395749af6ef9fa3953676", "name": "_todo/components/sd-radio/--size/lg/__icon", "remote": false, "resolvedType": "FLOAT", @@ -23162,7 +21044,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47958:21546", - "key": "20052550ffba42159ca426144ba3c9d386b79f55", + "key": "f74d1baa717fd2196d3b7169b07c06307ca20243", "name": "_todo/components/sd-checkbox/--size/lg/__icon", "remote": false, "resolvedType": "FLOAT", @@ -23194,7 +21076,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47961:6096", - "key": "f2bef4b92af0d3d58075e45b52366f34444a053a", + "key": "783979fecbccbc91d79e7f80a91e5f1c4a32ac54", "name": "components/sd-tag/--default/color/background", "remote": false, "resolvedType": "COLOR", @@ -23234,7 +21116,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47961:6198", - "key": "7ffa4ecc0d6578eb283426d746cd07276107c72e", + "key": "8445fabbdb7ab2854e71f2214c90d7c6f866ab4d", "name": "components/sd-tag/--default/color/border", "remote": false, "resolvedType": "COLOR", @@ -23268,7 +21150,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47961:6310", - "key": "de9cbe1b5ef7566405582dc777efe95dd912d1c8", + "key": "035caf7177bd0b83d8aff6cfb68d60afde95254f", "name": "components/sd-tag/--size/lg/font-size", "remote": false, "resolvedType": "FLOAT", @@ -23300,7 +21182,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:47961:6311", - "key": "457d5aa635b62ec9882beaff19b878584ae2aaca", + "key": "1fd01b3fb750d4e25205445d0401d7bd0f5d4ade", "name": "components/sd-tag/--size/sm/font-size", "remote": false, "resolvedType": "FLOAT", @@ -23332,7 +21214,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48046:4669", - "key": "6918247422fb439208dce14d81c218673ed512a7", + "key": "fffa04e1313dd3742befe1e1f829ad6db24fb458", "name": "components/sd-input/--size/_label/font-size", "remote": false, "resolvedType": "FLOAT", @@ -23364,7 +21246,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48127:24317", - "key": "a841aa273a4a7ed8d4dc1af350c797c8b6f225ed", + "key": "cad6529fdd61c343627efc535018085e364e6289", "name": "components/sd-chip/font-weight", "remote": false, "resolvedType": "STRING", @@ -23396,7 +21278,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48127:24325", - "key": "5cd17de36527250fba697e5addf5f5b2b5d33ebc", + "key": "04b3e3bc2a97e454f1e82137b6fe51291157c157", "name": "components/sd-chip/border-width", "remote": false, "resolvedType": "FLOAT", @@ -23422,7 +21304,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48150:71089", - "key": "91f6952609787700043370d6e86f4db50a31e4c2", + "key": "b92e36c9d23a8390565522b517f1324ef1d979e6", "name": "KID/white/600", "remote": false, "resolvedType": "COLOR", @@ -23442,7 +21324,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48150:71090", - "key": "c31559c396c5966a142f492eed43a9462c09f2d1", + "key": "11a0e3b7dfa640617e1306c0cbb7fb6b2311cdf2", "name": "components/sd-chip/font-size", "remote": false, "resolvedType": "FLOAT", @@ -23474,7 +21356,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:92347", - "key": "a7f515de54c077d27572f9219ca3db0c6b3dae1a", + "key": "45e67809569623e1ea07352dd5570589667eb246", "name": "components/sd-combobox/__tag/border-width", "remote": false, "resolvedType": "FLOAT", @@ -23506,7 +21388,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96150", - "key": "4b2da1efdcf436c435134f2420aaddf4c8ac8737", + "key": "54cbf0916b5bdb412aa0ac89fe5c3a24c67412a0", "name": "utilities/leading/3", "remote": false, "resolvedType": "FLOAT", @@ -23526,7 +21408,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96151", - "key": "f48674fcdc5bafd38a5b1962099de3c796fadfdc", + "key": "5404a231cd9d68890ca3cb8622fd84417006e3df", "name": "utilities/leading/4", "remote": false, "resolvedType": "FLOAT", @@ -23546,7 +21428,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96153", - "key": "fe447a75e80c227fa920bf9b53d664a28c1d522f", + "key": "e3ec06a0f9cc6289cc77bbce1694f20e8555b25c", "name": "utilities/leading/6", "remote": false, "resolvedType": "FLOAT", @@ -23566,7 +21448,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96154", - "key": "7261d62bc3583092945a4a758e621653c889d12e", + "key": "546ee89346a98ddb5a6ad7788c150e0899697613", "name": "utilities/leading/7", "remote": false, "resolvedType": "FLOAT", @@ -23586,7 +21468,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96155", - "key": "d8e86e02cadc76de106e37a9a3332c2d7c6d4eb4", + "key": "1d505ffeff941aa15a8b03529a75d0e4f1a04798", "name": "utilities/leading/8", "remote": false, "resolvedType": "FLOAT", @@ -23606,7 +21488,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96156", - "key": "e31e70d6d9d4647094a8c9055395583f8cbced6f", + "key": "0c2173c203f8c8eb930c8a50e39abd67b8b9d7cf", "name": "utilities/leading/8,5", "remote": false, "resolvedType": "FLOAT", @@ -23626,7 +21508,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96200", - "key": "c4b7d91eea4c1e935a0e9222f571d50b976c6730", + "key": "d00f7f8dba99f0aa85fc30fc2ba5f50f9a660029", "name": "utilities/leading/5", "remote": false, "resolvedType": "FLOAT", @@ -23646,7 +21528,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96201", - "key": "e1546fc5a477ea1d048768f6914361c200656b0b", + "key": "f90d0e1fd51049bfb18a8fd2b03f405bc2710c5f", "name": "utilities/leading/9", "remote": false, "resolvedType": "FLOAT", @@ -23666,7 +21548,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96202", - "key": "e7b0fa322e5e12642cbcac0e424f0643bbc424b4", + "key": "1a6cada4ff92d09200fca7feb5d80e3ec2ac1892", "name": "utilities/leading/9,5", "remote": false, "resolvedType": "FLOAT", @@ -23686,7 +21568,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96203", - "key": "f8c5cb3cbc34b123c66139b6fdab9c466a0f843e", + "key": "b5be7f298df72de776d6fdd34670c33cda741944", "name": "utilities/leading/12", "remote": false, "resolvedType": "FLOAT", @@ -23706,7 +21588,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96204", - "key": "a6e6335f452127db810a1b8981346319039b266e", + "key": "1eb8165ee91fc5419f49b278ebf5fe17a8bca637", "name": "utilities/leading/15", "remote": false, "resolvedType": "FLOAT", @@ -23726,7 +21608,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48602:96205", - "key": "4a9aaa2acc5e5cde0fc0bb618d47868d296dfcc4", + "key": "9c7e3074c0e729cef02a45fe9923d779ca58c808", "name": "utilities/leading/4,5", "remote": false, "resolvedType": "FLOAT", @@ -23746,7 +21628,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48719:115820", - "key": "eaeeacf570705e01b577272248175dd877c85344", + "key": "9e3d2caf038a310be8b4092c0a99779f8a111e32", "name": "components/sd-header/__underline/height", "remote": false, "resolvedType": "FLOAT", @@ -23767,7 +21649,7 @@ "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:48719:146279", + "id": "VariableID:44029:1647", "type": "VARIABLE_ALIAS" } }, @@ -23778,7 +21660,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:48719:115873", - "key": "ae240de69faecd1dd0cb0113631faf42831d51dd", + "key": "9bcce826aa3e438083086ef81742b204326493a1", "name": "components/sd-header/__underline/color/background", "remote": false, "resolvedType": "COLOR", @@ -23816,7 +21698,7 @@ "description": "color has same luminance as step 100", "hiddenFromPublishing": false, "id": "VariableID:48719:123821", - "key": "3e5a9dad3f95c0f705db1c5c1c6ee58a26a10da2", + "key": "9bf56d6fbc62925e2fb216890299b9e4cfe4018e", "name": "VB/azure/200", "remote": false, "resolvedType": "COLOR", @@ -23836,7 +21718,7 @@ "description": "8px", "hiddenFromPublishing": false, "id": "VariableID:48719:146279", - "key": "c4e5b277c309c17f94f2507dc072276f1d633e3b", + "key": "e7db641241c29b2329ca44197d4422dde1d6ddf8", "name": "utilities/sizing/0,25", "remote": false, "resolvedType": "FLOAT", @@ -23868,7 +21750,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:49052:101", - "key": "497611c99a520254607c6fb8412357f5576a5611", + "key": "4cf849c7994759cd13f49c5ad27f91009d8a9988", "name": "components/sd-carousel/__pager-dot/--inverted/background", "remote": false, "resolvedType": "COLOR", @@ -23900,7 +21782,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:49052:102", - "key": "64ed61106c7b247b0fe8ebe5ecc240866c91c9b0", + "key": "3a06b916e28d9fdcc2052e7e9e8ab84b162ecd9a", "name": "components/sd-carousel/__pager-dot/background", "remote": false, "resolvedType": "COLOR", @@ -23932,7 +21814,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:49052:103", - "key": "c20dd76826d97074aec75df7eb3e01fec365c14d", + "key": "3fdfaa9c20e968a4e857589a77b18fa6ca71db52", "name": "components/sd-carousel/__pager-dot/--inverted/border", "remote": false, "resolvedType": "COLOR", @@ -23964,7 +21846,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:49052:1122", - "key": "6d9bf83a5d687b080053be9bfe557df9348b26ae", + "key": "195aa23c33fd687059918c78eca8d08cad89b061", "name": "components/sd-carousel/__pager-dot/--inverted/--hovered/background", "remote": false, "resolvedType": "COLOR", @@ -23996,7 +21878,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49052:99", - "key": "5983b46e8e1f068d3471e7c25b71955cc9ad01e6", + "key": "1db556a27e570009f990b89d215547f5ba898d55", "name": "components/sd-breadcrumb/__separator/--current/color", "remote": false, "resolvedType": "COLOR", @@ -24028,7 +21910,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49063:51818", - "key": "007f7ed0f28882a80566f8e57a290695c61db685", + "key": "ffa086180d3a8c1dc7130c711e20c0d9e2adb2f2", "name": "components/sd-map-marker/main/color/icon-fill", "remote": false, "resolvedType": "COLOR", @@ -24060,7 +21942,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49398:67", - "key": "f775be39e82b57d47f4c5ae412115b806a321a38", + "key": "23d0cade93deaf35b8f807c43bf783a4ffe1b20f", "name": "components/sd-flag/font-weight", "remote": false, "resolvedType": "STRING", @@ -24092,7 +21974,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49398:68", - "key": "9d7f6a36c76b89fe4973bac3ac7f363353183ea5", + "key": "4ec02a50debd987bdf0468b14cbf7c55a9ba8425", "name": "components/sd-flag/font-size", "remote": false, "resolvedType": "FLOAT", @@ -24124,7 +22006,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:49398:69", - "key": "0441a876564e128ecf1752aa5ad8574025fa0075", + "key": "d477bade19b81121f527275e7b594ed7b5106eec", "name": "components/sd-skeleton/color", "remote": false, "resolvedType": "COLOR", @@ -24158,7 +22040,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49399:22595", - "key": "c9b2c32c443ea9779d7fcb9dbbcb34f9516f8e0a", + "key": "7f0c104164632256b54d59fbaf4cfe3c76febff7", "name": "components/sd-tooltip/color/border", "remote": false, "resolvedType": "COLOR", @@ -24196,7 +22078,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49399:22596", - "key": "453173840d3032222cd7ae4b50e64478fa7d8962", + "key": "03c203d83014e652f6b028ebac8d4a9573230634", "name": "components/sd-tooltip/border-width", "remote": false, "resolvedType": "FLOAT", @@ -24228,7 +22110,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49425:37983", - "key": "7ed6de59c75e4a1ff9692f96929dc6eb2353eeb4", + "key": "efbfc07c45d112ac851b88513655d0a79b2f6885", "name": "components/sd-badge/--blue/color/background", "remote": false, "resolvedType": "COLOR", @@ -24260,7 +22142,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49425:38202", - "key": "d7e5799eb3296cdc3fca55353e5217dc777fae77", + "key": "8fe73c56e8b7f30e3291c528955ca03bb722aa6c", "name": "components/sd-datepicker/__date-item/--default/font-weight", "remote": false, "resolvedType": "STRING", @@ -24292,7 +22174,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49594:14770", - "key": "6d75990f3fb61a47f409161a35096e392e2cfa2d", + "key": "3e00d0e0296ead1cbe36ff360924ac9016b22553", "name": "components/sd-teaser/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -24315,7 +22197,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49594:15491", - "key": "f49b4b64502e113a2df2ab05b136a47340aac846", + "key": "8ad278dfdebc179f5f522f263fa6115ccf220149", "name": "_internal/slot-inverted", "remote": false, "resolvedType": "COLOR", @@ -24355,7 +22237,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49844:13867", - "key": "2f7ccd5a1bd2d35099a9a6897bc9dacca524efe2", + "key": "2e2feb5136ece6d56f93dfd115c27fa7e9cdcaa5", "name": "components/sd-pagination/--inverted/border", "remote": false, "resolvedType": "COLOR", @@ -24387,7 +22269,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49844:13952", - "key": "a645f8120880339aef763cd4d6010a811c01c79b", + "key": "456b09eee1fa7be2ad542ce42b0e0b3867b27ac0", "name": "components/sd-pagination/--default/border", "remote": false, "resolvedType": "COLOR", @@ -24419,7 +22301,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49857:86584", - "key": "873ca3a58a369627331de0dbe84cdb92f0e4f069", + "key": "2591821b3c6f2fa3e3cda22bacd6e03a83fa4554", "name": "components/form-control/border-radius", "remote": false, "resolvedType": "FLOAT", @@ -24451,7 +22333,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49895:3480", - "key": "babbe65b09bebed402130cffbe7260d718f51030", + "key": "36b47af4de8948c51b7e4038e0615c50269a9f8e", "name": "KID/white/400", "remote": false, "resolvedType": "COLOR", @@ -24471,7 +22353,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49895:3481", - "key": "35a0df4225e354e891e33e9cb7878da0de9decaa", + "key": "7285f2248776fef388095fb7b5b1894838edfa7d", "name": "KID/white/100", "remote": false, "resolvedType": "COLOR", @@ -24491,7 +22373,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49895:3482", - "key": "2eb94dff52ca1739f0acb94f8ba6682f5f85a324", + "key": "c3bb8446ec05c59c8bcd1ae0234be8cdfbd485b4", "name": "KID/white/20", "remote": false, "resolvedType": "COLOR", @@ -24511,7 +22393,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:49895:3483", - "key": "af252e4cb33a82e73439ae4eca9f334dc95ee63c", + "key": "da092fdf4aa051877b1218b6a640c8b62957efa1", "name": "KID/white/840", "remote": false, "resolvedType": "COLOR", @@ -24531,7 +22413,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:49909:7223", - "key": "2c9d5ed95f8c94785445d7d043cfcf3c1aa0f96c", + "key": "7feebbdb31930944156fda4a98ba31231d925b50", "name": "components/sd-notification/color/icon-fill", "remote": false, "resolvedType": "COLOR", @@ -24563,7 +22445,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:49909:7224", - "key": "da4194a451cd73a628503e1152cbfa53efdc80f5", + "key": "1f92866568118aab773d7f8d0dff69c0bd2b66c6", "name": "components/sd-notification/color/border", "remote": false, "resolvedType": "COLOR", @@ -24595,7 +22477,7 @@ "description": "this is used instead of #ECEFF1 because in Theme the utilities.neutral.100 white 50% creates a bug that can't be fixed and the core KID neutral 100 wasn't used anywhere", "hiddenFromPublishing": false, "id": "VariableID:50186:1502", - "key": "d775efc6b0fe4f347183f005e84fed456a293cfd", + "key": "8f140bcd2c5604e8a69703960d14edd61407488b", "name": "KID/neutral/100", "remote": false, "resolvedType": "COLOR", @@ -24615,7 +22497,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:50186:1503", - "key": "813b61f8ed4d0db417c5942fc66bb4fa14a48119", + "key": "be960ae9e91e168d7a568463550f991b2faca4a3", "name": "KID/white/500", "remote": false, "resolvedType": "COLOR", @@ -24632,10 +22514,10 @@ }, "VariableID:50243:25341": { "codeSyntax": {}, - "description": "Default background color. Used for sd-chip, sd-flag, sd-container", + "description": "Default background color. Used for sd-chip, sd-flag, sd-container. NOTE: kid value should be reference to kid.white.600, had to be removed due to a bug that blocked fetching tokens in code.", "hiddenFromPublishing": false, "id": "VariableID:50243:25341", - "key": "3e6c4357f7476a69ac80e5a37ba114dff868a599", + "key": "5222d853d2db9d841fc15a15ca709c1c1c189079", "name": "components/sd-dropdown/color/background", "remote": false, "resolvedType": "COLOR", @@ -24669,7 +22551,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:50346:24618", - "key": "3bee505b7db4d6c949f8518ed0a5cde514cc5a15", + "key": "311fe0abf3bdef8f9208ac434330d3a57347c944", "name": "components/sd-datepicker/__date-item/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -24701,7 +22583,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:50348:22930", - "key": "6965d0cea28a3953975ade1e0819bb1343255ffc", + "key": "fc99ffb3dcb523dbcc85874d19004afe6946e940", "name": "components/sd-datepicker/__date-item/--current/font-weight", "remote": false, "resolvedType": "STRING", @@ -24733,7 +22615,7 @@ "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:50414:28056", - "key": "cac5037b74a6ef34e12bc4bbd94e81225f0af388", + "key": "23210c346ccf25642c0b2a93fbaed3abb5e44ff1", "name": "components/sd-radio/--error/color/text", "remote": false, "resolvedType": "COLOR", @@ -24765,7 +22647,7 @@ "description": "", "hiddenFromPublishing": false, "id": "VariableID:50569:510", - "key": "dfb073c3a4fc94a863edbd22b510e50ec4695a69", + "key": "def903b0140a6a80793577b3b88d3a73c79b271f", "name": "components/sd-link/color/--disabled/text", "remote": false, "resolvedType": "COLOR", @@ -24797,7 +22679,7 @@ "description": "Used for active / selected elements", "hiddenFromPublishing": false, "id": "VariableID:50578:36839", - "key": "4a27e2dfecd7dcb919fca79ef8bfe3f871e8ea11", + "key": "19b575b17f78a3ac8982c327beaa04c2f13c3623", "name": "components/sd-carousel/--active/--inverted/color/border", "remote": false, "resolvedType": "COLOR", @@ -24829,7 +22711,7 @@ "description": "Used for buttons, select field, focus state", "hiddenFromPublishing": false, "id": "VariableID:50578:41688", - "key": "0b2909c8d25648f3857027731ea5b3f47194426c", + "key": "b45157cdc7270f01228a31ed3379380b3d64bb2b", "name": "components/sd-button/--secondary/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -24861,7 +22743,7 @@ "description": "Used for buttons, select field, focus state", "hiddenFromPublishing": false, "id": "VariableID:50578:56661", - "key": "85d2dc139daec5d4dbe8c8ac4b9931a225d141de", + "key": "363f9b605782f45947262ef58b4bc01ece9e4766", "name": "components/sd-button/--tertiary/--default/color/text", "remote": false, "resolvedType": "COLOR", @@ -24893,7 +22775,7 @@ "description": "Used for buttons, inverted focus state", "hiddenFromPublishing": false, "id": "VariableID:50578:56662", - "key": "3e130af2395193f4e8eaa5f61f512efe7740e8e7", + "key": "bb163b900809c30c7f3896e9faa3e6028a44352a", "name": "components/sd-button/--secondary/--inverted/color/border", "remote": false, "resolvedType": "COLOR", @@ -24925,7 +22807,7 @@ "description": "Used for buttons, select field, focus state", "hiddenFromPublishing": false, "id": "VariableID:50587:4943", - "key": "b21ab5c843be6f0efab53509383863f6e34fc22c", + "key": "5977c6f1ea55f615c970a37aec9f01e827fa83da", "name": "components/sd-button/--secondary/--disabled/color/text", "remote": false, "resolvedType": "COLOR", @@ -24957,7 +22839,7 @@ "description": "Used for buttons, select field, focus state", "hiddenFromPublishing": false, "id": "VariableID:50587:4944", - "key": "86305dad9222b8fda124e3264ae7b28c096cb6f9", + "key": "3c19551cc72d67044ef4feb93ae2e31ce3c10f4c", "name": "components/sd-button/--tertiary/--disabled/color/text", "remote": false, "resolvedType": "COLOR", @@ -24989,7 +22871,7 @@ "description": "Used for disabled state", "hiddenFromPublishing": false, "id": "VariableID:50603:26426", - "key": "f6607f381e8b3a3423562c2d7cd44306d39832cd", + "key": "103deea7452f3ad47f68c148c4f308f21c8e9613", "name": "components/sd-option/--disabled/color/border", "remote": false, "resolvedType": "COLOR", @@ -25015,6 +22897,90 @@ } }, "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:50635:19389": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:50635:19389", + "key": "d0523683e1615b047ff6f179200936cebdab4cdf", + "name": "components/sd-accordion-group/_gap", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": -1, + "43174:14": -1, + "44883:0": -2, + "47719:0": -1 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:50635:19390": { + "codeSyntax": {}, + "description": "Default icon color ", + "hiddenFromPublishing": false, + "id": "VariableID:50635:19390", + "key": "f3809a9e1fffb675e642afd8c8bad613c5935ee8", + "name": "components/sd-accordion/color/icon-fill", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:220", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:50635:23474": { + "codeSyntax": {}, + "description": "Used for inverted dividers", + "hiddenFromPublishing": false, + "id": "VariableID:50635:23474", + "key": "7549cf91b5cdd368ae321adbaf1d622c5c7f95cc", + "name": "components/sd-audio/__track-bar/--inverted/color/border", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" } } } \ No newline at end of file diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css index 322ba404d8..d041f4a1df 100644 --- a/packages/tokens/themes/components.css +++ b/packages/tokens/themes/components.css @@ -26,8 +26,8 @@ color: rgba(var(--sd-form-control-color-text, rgba(var(--sd-color-black)))); } -@utility form-control__tooltip-color-icon { - background-color: rgba(var(--sd-form-control__tooltip-color-icon, rgba(var(--sd-color-primary)))); +@utility form-control__tooltip-color-icon-fill { + fill: rgba(var(--sd-form-control__tooltip-color-icon-fill, rgba(var(--sd-color-primary)))); } @utility informational-gradient--primary-800-color-background { @@ -78,6 +78,10 @@ border-width: var(--sd-accordion-border-width, var(--sd-spacing-0\.25)); } +@utility sd-accordion-color-icon-fill { + fill: rgba(var(--sd-accordion-color-icon-fill, rgba(var(--sd-color-primary)))); +} + @utility sd-accordion-color-text { color: rgba(var(--sd-accordion-color-text, rgba(var(--sd-color-primary)))); } @@ -86,24 +90,16 @@ padding-block: var(--sd-accordion-padding-block, var(--sd-spacing-3)); } -@utility sd-accordion__chevron-color-text { - color: rgba(var(--sd-accordion__chevron-color-text, rgba(var(--sd-color-primary)))); -} - @utility sd-accordion__indicator-color { background-color: rgba(var(--sd-accordion__indicator-color, rgba(var(--sd-color-accent)))); } -@utility sd-audio--inverted-color-border { - border-color: rgba(var(--sd-audio--inverted-color-border, rgba(var(--sd-color-white)))); -} - @utility sd-audio__slide-bar--inverted-color-border { border-color: rgba(var(--sd-audio__slide-bar--inverted-color-border, rgba(var(--sd-color-primary-400)))); } -@utility sd-audio__timestamp-color-text { - color: rgba(var(--sd-audio__timestamp-color-text, rgba(var(--sd-color-black)))); +@utility sd-audio__track-bar--inverted-color-border { + border-color: rgba(var(--sd-audio__track-bar--inverted-color-border, rgba(var(--sd-color-white)))); } @utility sd-badge--blue--inverted-color-background { @@ -426,8 +422,8 @@ font-weight: var(--sd-chip-font-weight, var(--sd-font-weight-normal)); } -@utility sd-combobox--default-color-icon { - background-color: rgba(var(--sd-combobox--default-color-icon, rgba(var(--sd-color-primary)))); +@utility sd-combobox--default-color-icon-fill { + fill: rgba(var(--sd-combobox--default-color-icon-fill, rgba(var(--sd-color-primary)))); } @utility sd-combobox--default-color-text { @@ -534,6 +530,10 @@ background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800)))); } +@utility sd-header-color-background { + background-color: rgba(var(--sd-header-color-background, rgba(var(--sd-color-white)))); +} + @utility sd-header-padding-bottom { padding-bottom: var(--sd-header-padding-bottom, 0); } @@ -594,26 +594,22 @@ fill: rgba(var(--sd-map-marker-main-color-icon-fill, rgba(var(--sd-color-accent-500)))); } -@utility sd-menu--disabled-color-icon { - background-color: rgba(var(--sd-menu--disabled-color-icon, rgba(var(--sd-color-neutral-500)))); +@utility sd-menu--disabled-color-icon-fill { + fill: rgba(var(--sd-menu--disabled-color-icon-fill, rgba(var(--sd-color-neutral-500)))); } @utility sd-menu--disabled-color-text { color: rgba(var(--sd-menu--disabled-color-text, rgba(var(--sd-color-neutral-500)))); } -@utility sd-menu-color-icon { - background-color: rgba(var(--sd-menu-color-icon, rgba(var(--sd-color-primary)))); +@utility sd-menu-color-icon-fill { + fill: rgba(var(--sd-menu-color-icon-fill, rgba(var(--sd-color-primary)))); } @utility sd-menu-color-text { color: rgba(var(--sd-menu-color-text, rgba(var(--sd-color-primary)))); } -@utility sd-navigation-item--current-color-text { - color: rgba(var(--sd-navigation-item--current-color-text, rgba(var(--sd-color-primary)))); -} - @utility sd-navigation-item-color-text { color: rgba(var(--sd-navigation-item-color-text, rgba(var(--sd-color-primary)))); } @@ -658,14 +654,6 @@ color: rgba(var(--sd-quickfact--expandable-color-text, rgba(var(--sd-color-primary)))); } -@utility sd-quickfact__expandable-color-description-default-text { - color: rgba(var(--sd-quickfact__expandable-color-description-default-text, rgba(var(--sd-color-black)))); -} - -@utility sd-quickfact__expandable-color-title-default-text { - color: rgba(var(--sd-quickfact__expandable-color-title-default-text, rgba(var(--sd-color-black)))); -} - @utility sd-radio--checked--default-color-background { background-color: rgba(var(--sd-radio--checked--default-color-background, rgba(var(--sd-color-white)))); } diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index c7280d8dfc..f9415ca0bb 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -2,10 +2,10 @@ color-scheme: light; --sd-theme: 'kid'; - --sd-accordion-border-width: var(--sd-spacing-0\.5); + --sd-accordion-border-width: var(--sd-spacing-0\.25); + --sd-accordion-color-icon-fill: var(--sd-color-black); --sd-accordion-color-text: var(--sd-color-black); --sd-accordion-padding-block: var(--sd-spacing-4); - --sd-accordion__chevron-color-text: var(--sd-color-neutral-600); --sd-accordion__indicator-color: 255, 255, 255, 0; --sd-aspect-16\/10: 16 / 10; --sd-aspect-21\/9: 21 / 9; @@ -19,9 +19,8 @@ --sd-aspect-golden-ratio: 1.6180339887498948482 / 1; --sd-aspect-square: 1 / 1; --sd-aspect-video: 16 / 9; - --sd-audio--inverted-color-border: var(--sd-color-white); --sd-audio__slide-bar--inverted-color-border: var(--sd-color-neutral-100); - --sd-audio__timestamp-color-text: var(--sd-color-black); + --sd-audio__track-bar--inverted-color-border: var(--sd-color-white); --sd-badge--blue--inverted-color-background: var(--sd-color-white); --sd-badge--blue--inverted-color-text: var(--sd-color-primary-800); --sd-badge--blue-color-background: var(--sd-color-black); @@ -225,7 +224,7 @@ --sd-color-text-white: var(--sd-color-accent); --sd-color-warning: 214, 112, 0; --sd-color-white: 255, 255, 255; - --sd-combobox--default-color-icon: 0, 0, 0, 0.62; + --sd-combobox--default-color-icon-fill: 0, 0, 0, 0.62; --sd-combobox--default-color-text: 0, 0, 0, 0.62; --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); @@ -267,10 +266,11 @@ --sd-form-control-color-border: var(--sd-color-black); --sd-form-control-color-icon-fill: var(--sd-color-neutral-800); --sd-form-control-color-text: var(--sd-color-black); - --sd-form-control__tooltip-color-icon: var(--sd-color-black); - --sd-header-padding-bottom: var(--sd-spacing-0\.5); + --sd-form-control__tooltip-color-icon-fill: var(--sd-color-black); + --sd-header-color-background: var(--sd-color-accent); + --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255, 255, 255, 0; - --sd-header__underline-height: var(--sd-spacing-0\.25); + --sd-header__underline-height: var(--sd-spacing-2); --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-black); --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800); --sd-informational-gradient--white-color-background: var(--sd-color-accent); @@ -287,16 +287,15 @@ --sd-map-marker-cluster-color-icon-fill: var(--sd-color-black); --sd-map-marker-font-size: var(--sd-spacing-3); --sd-map-marker-main-color-icon-fill: var(--sd-color-black); - --sd-menu--disabled-color-icon: var(--sd-color-neutral-500); + --sd-menu--disabled-color-icon-fill: var(--sd-color-neutral-500); --sd-menu--disabled-color-text: var(--sd-color-neutral-500); - --sd-menu-color-icon: var(--sd-color-black); + --sd-menu-color-icon-fill: var(--sd-color-black); --sd-menu-color-text: var(--sd-color-black); --sd-navigable-border-radius: var(--sd-spacing-0\.5); --sd-navigable-font-size: 0.875rem; --sd-navigable__current-indicator-border-radius: 624.9375rem; --sd-navigable__current-indicator-height: 0.1875rem; --sd-navigable__current-indicator-width: 0.1875rem; - --sd-navigation-item--current-color-text: var(--sd-color-black); --sd-navigation-item-color-text: var(--sd-color-black); --sd-notification--error-color-background: 253, 237, 237; --sd-notification--info-color-background: 237, 240, 244; @@ -324,8 +323,6 @@ --sd-pagination--inverted-border: var(--sd-color-white); --sd-panel-color-border: 255, 255, 255, 0; --sd-quickfact--expandable-color-text: var(--sd-color-black); - --sd-quickfact__expandable-color-description-default-text: 0, 0, 0, 0.62; - --sd-quickfact__expandable-color-title-default-text: var(--sd-color-black); --sd-radio--checked--default-color-background: 247, 242, 236, 0; --sd-radio--checked--default__icon-color-background: var(--sd-color-black); --sd-radio--checked--hover-color-background: 247, 242, 236, 0; diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index d192cacb6a..101386558d 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -4,9 +4,9 @@ --sd-theme: 'ui-dark'; --sd-accordion-border-width: var(--sd-spacing-0\.25); + --sd-accordion-color-icon-fill: var(--sd-color-white); --sd-accordion-color-text: var(--sd-color-white); --sd-accordion-padding-block: var(--sd-spacing-3); - --sd-accordion__chevron-color-text: var(--sd-color-white); --sd-accordion__indicator-color: var(--sd-color-accent); --sd-aspect-16\/10: 16 / 10; --sd-aspect-21\/9: 21 / 9; @@ -20,9 +20,8 @@ --sd-aspect-golden-ratio: 1.6180339887498948482 / 1; --sd-aspect-square: 1 / 1; --sd-aspect-video: 16 / 9; - --sd-audio--inverted-color-border: var(--sd-color-white); --sd-audio__slide-bar--inverted-color-border: var(--sd-color-primary-400); - --sd-audio__timestamp-color-text: var(--sd-color-primary-400); + --sd-audio__track-bar--inverted-color-border: var(--sd-color-white); --sd-badge--blue--inverted-color-background: var(--sd-color-primary-100); --sd-badge--blue--inverted-color-text: var(--sd-color-primary); --sd-badge--blue-color-background: var(--sd-color-primary-500); @@ -226,7 +225,7 @@ --sd-color-text-white: var(--sd-color-white); --sd-color-warning: 187, 141, 32; --sd-color-white: 255, 255, 255; - --sd-combobox--default-color-icon: var(--sd-color-white); + --sd-combobox--default-color-icon-fill: var(--sd-color-white); --sd-combobox--default-color-text: var(--sd-color-white); --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); @@ -268,7 +267,8 @@ --sd-form-control-color-border: var(--sd-color-primary-200); --sd-form-control-color-icon-fill: var(--sd-color-white); --sd-form-control-color-text: var(--sd-color-white); - --sd-form-control__tooltip-color-icon: var(--sd-color-white); + --sd-form-control__tooltip-color-icon-fill: var(--sd-color-white); + --sd-header-color-background: var(--sd-color-primary); --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255, 255, 255, 0; --sd-header__underline-height: var(--sd-spacing-2); @@ -288,16 +288,15 @@ --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary); --sd-map-marker-font-size: var(--sd-spacing-3); --sd-map-marker-main-color-icon-fill: var(--sd-color-accent-550); - --sd-menu--disabled-color-icon: var(--sd-color-neutral-500); + --sd-menu--disabled-color-icon-fill: var(--sd-color-neutral-500); --sd-menu--disabled-color-text: var(--sd-color-neutral-500); - --sd-menu-color-icon: var(--sd-color-white); + --sd-menu-color-icon-fill: var(--sd-color-white); --sd-menu-color-text: var(--sd-color-white); --sd-navigable-border-radius: 0; --sd-navigable-font-size: var(--sd-spacing-4); --sd-navigable__current-indicator-border-radius: 0; --sd-navigable__current-indicator-height: var(--sd-spacing-1); --sd-navigable__current-indicator-width: var(--sd-spacing-1); - --sd-navigation-item--current-color-text: var(--sd-color-white); --sd-navigation-item-color-text: var(--sd-color-white); --sd-notification--error-color-background: var(--sd-color-primary-900); --sd-notification--info-color-background: var(--sd-color-primary-900); @@ -325,8 +324,6 @@ --sd-pagination--inverted-border: var(--sd-color-accent-550); --sd-panel-color-border: var(--sd-color-primary-400); --sd-quickfact--expandable-color-text: var(--sd-color-white); - --sd-quickfact__expandable-color-description-default-text: var(--sd-color-white); - --sd-quickfact__expandable-color-title-default-text: var(--sd-color-white); --sd-radio--checked--default-color-background: var(--sd-color-primary-900); --sd-radio--checked--default__icon-color-background: var(--sd-color-accent); --sd-radio--checked--hover-color-background: var(--sd-color-primary-900); diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css index b9bf6d37dd..92ac5d9277 100644 --- a/packages/tokens/themes/ui-light/ui-light.css +++ b/packages/tokens/themes/ui-light/ui-light.css @@ -4,9 +4,9 @@ --sd-theme: 'ui-light'; --sd-accordion-border-width: var(--sd-spacing-0\.25); + --sd-accordion-color-icon-fill: var(--sd-color-primary); --sd-accordion-color-text: var(--sd-color-primary); --sd-accordion-padding-block: var(--sd-spacing-3); - --sd-accordion__chevron-color-text: var(--sd-color-primary); --sd-accordion__indicator-color: var(--sd-color-accent); --sd-aspect-16\/10: 16 / 10; --sd-aspect-21\/9: 21 / 9; @@ -20,9 +20,8 @@ --sd-aspect-golden-ratio: 1.6180339887498948482 / 1; --sd-aspect-square: 1 / 1; --sd-aspect-video: 16 / 9; - --sd-audio--inverted-color-border: var(--sd-color-white); --sd-audio__slide-bar--inverted-color-border: var(--sd-color-primary-400); - --sd-audio__timestamp-color-text: var(--sd-color-black); + --sd-audio__track-bar--inverted-color-border: var(--sd-color-white); --sd-badge--blue--inverted-color-background: var(--sd-color-primary-100); --sd-badge--blue--inverted-color-text: var(--sd-color-primary); --sd-badge--blue-color-background: var(--sd-color-primary-500); @@ -226,7 +225,7 @@ --sd-color-text-white: var(--sd-color-white); --sd-color-warning: 187, 141, 32; --sd-color-white: 255, 255, 255; - --sd-combobox--default-color-icon: var(--sd-color-primary); + --sd-combobox--default-color-icon-fill: var(--sd-color-primary); --sd-combobox--default-color-text: var(--sd-color-primary); --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); @@ -268,7 +267,8 @@ --sd-form-control-color-border: var(--sd-color-neutral-800); --sd-form-control-color-icon-fill: var(--sd-color-primary); --sd-form-control-color-text: var(--sd-color-black); - --sd-form-control__tooltip-color-icon: var(--sd-color-primary); + --sd-form-control__tooltip-color-icon-fill: var(--sd-color-primary); + --sd-header-color-background: var(--sd-color-white); --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255, 255, 255, 0; --sd-header__underline-height: var(--sd-spacing-2); @@ -288,16 +288,15 @@ --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary); --sd-map-marker-font-size: var(--sd-spacing-3); --sd-map-marker-main-color-icon-fill: var(--sd-color-accent-500); - --sd-menu--disabled-color-icon: var(--sd-color-neutral-500); + --sd-menu--disabled-color-icon-fill: var(--sd-color-neutral-500); --sd-menu--disabled-color-text: var(--sd-color-neutral-500); - --sd-menu-color-icon: var(--sd-color-primary); + --sd-menu-color-icon-fill: var(--sd-color-primary); --sd-menu-color-text: var(--sd-color-primary); --sd-navigable-border-radius: 0; --sd-navigable-font-size: var(--sd-spacing-4); --sd-navigable__current-indicator-border-radius: 0; --sd-navigable__current-indicator-height: var(--sd-spacing-1); --sd-navigable__current-indicator-width: var(--sd-spacing-1); - --sd-navigation-item--current-color-text: var(--sd-color-primary); --sd-navigation-item-color-text: var(--sd-color-primary); --sd-notification--error-color-background: var(--sd-color-white); --sd-notification--info-color-background: var(--sd-color-white); @@ -325,8 +324,6 @@ --sd-pagination--inverted-border: var(--sd-color-success); --sd-panel-color-border: 255, 255, 255, 0; --sd-quickfact--expandable-color-text: var(--sd-color-primary); - --sd-quickfact__expandable-color-description-default-text: var(--sd-color-black); - --sd-quickfact__expandable-color-title-default-text: var(--sd-color-black); --sd-radio--checked--default-color-background: var(--sd-color-white); --sd-radio--checked--default__icon-color-background: var(--sd-color-accent); --sd-radio--checked--hover-color-background: var(--sd-color-white); diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css index c864e3d235..db75d6708e 100644 --- a/packages/tokens/themes/vb/vb.css +++ b/packages/tokens/themes/vb/vb.css @@ -3,9 +3,9 @@ --sd-theme: 'vb'; --sd-accordion-border-width: var(--sd-spacing-0\.5); + --sd-accordion-color-icon-fill: var(--sd-color-neutral-700); --sd-accordion-color-text: var(--sd-color-black); --sd-accordion-padding-block: var(--sd-spacing-4); - --sd-accordion__chevron-color-text: 255, 255, 255, 0.4; --sd-accordion__indicator-color: 255, 255, 255, 0; --sd-aspect-16\/10: 16 / 10; --sd-aspect-21\/9: 21 / 9; @@ -19,9 +19,8 @@ --sd-aspect-golden-ratio: 1.6180339887498948482 / 1; --sd-aspect-square: 1 / 1; --sd-aspect-video: 16 / 9; - --sd-audio--inverted-color-border: var(--sd-color-white); --sd-audio__slide-bar--inverted-color-border: 255, 255, 255, 0.5; - --sd-audio__timestamp-color-text: var(--sd-color-neutral-700); + --sd-audio__track-bar--inverted-color-border: var(--sd-color-white); --sd-badge--blue--inverted-color-background: var(--sd-color-white); --sd-badge--blue--inverted-color-text: var(--sd-color-info); --sd-badge--blue-color-background: var(--sd-color-primary); @@ -225,7 +224,7 @@ --sd-color-text-white: var(--sd-color-white); --sd-color-warning: 243, 94, 1; --sd-color-white: 255, 255, 255; - --sd-combobox--default-color-icon: var(--sd-color-primary); + --sd-combobox--default-color-icon-fill: var(--sd-color-primary); --sd-combobox--default-color-text: var(--sd-color-primary); --sd-combobox__tag-border-width: var(--sd-spacing-0\.5); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); @@ -267,7 +266,8 @@ --sd-form-control-color-border: var(--sd-color-black); --sd-form-control-color-icon-fill: var(--sd-color-neutral-700); --sd-form-control-color-text: var(--sd-color-neutral-700); - --sd-form-control__tooltip-color-icon: var(--sd-color-black); + --sd-form-control__tooltip-color-icon-fill: var(--sd-color-black); + --sd-header-color-background: var(--sd-color-white); --sd-header-padding-bottom: var(--sd-spacing-0\.5); --sd-header__underline-color-background: var(--sd-color-neutral-200); --sd-header__underline-height: var(--sd-spacing-0\.25); @@ -287,16 +287,15 @@ --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary); --sd-map-marker-font-size: var(--sd-spacing-3); --sd-map-marker-main-color-icon-fill: var(--sd-color-primary); - --sd-menu--disabled-color-icon: 0, 0, 0, 0.2; + --sd-menu--disabled-color-icon-fill: 0, 0, 0, 0.2; --sd-menu--disabled-color-text: 0, 0, 0, 0.2; - --sd-menu-color-icon: var(--sd-color-black); + --sd-menu-color-icon-fill: var(--sd-color-black); --sd-menu-color-text: var(--sd-color-black); --sd-navigable-border-radius: var(--sd-spacing-0\.5); --sd-navigable-font-size: 0.875rem; --sd-navigable__current-indicator-border-radius: 624.9375rem; --sd-navigable__current-indicator-height: 0.1875rem; --sd-navigable__current-indicator-width: 0.1875rem; - --sd-navigation-item--current-color-text: var(--sd-color-black); --sd-navigation-item-color-text: var(--sd-color-neutral-700); --sd-notification--error-color-background: 253, 237, 237; --sd-notification--info-color-background: 237, 240, 244; @@ -324,8 +323,6 @@ --sd-pagination--inverted-border: var(--sd-color-white); --sd-panel-color-border: 255, 255, 255, 0; --sd-quickfact--expandable-color-text: var(--sd-color-black); - --sd-quickfact__expandable-color-description-default-text: var(--sd-color-neutral-700); - --sd-quickfact__expandable-color-title-default-text: var(--sd-color-black); --sd-radio--checked--default-color-background: var(--sd-color-primary); --sd-radio--checked--default__icon-color-background: var(--sd-color-white); --sd-radio--checked--hover-color-background: var(--sd-color-primary-600); From 9808f86ce31c28defa8e6613ee1f649521e48048 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 27 Jan 2026 11:06:53 +0000 Subject: [PATCH 03/49] feat: update badge --- packages/components/src/components/badge/badge.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/components/src/components/badge/badge.ts b/packages/components/src/components/badge/badge.ts index 85e569d260..6655a12d5f 100644 --- a/packages/components/src/components/badge/badge.ts +++ b/packages/components/src/components/badge/badge.ts @@ -17,6 +17,7 @@ import SolidElement from '../../internal/solid-element'; * * @cssproperty --sd-badge--blue--inverted-color-background - The background color for the blue badge in its inverted state. * @cssproperty --sd-badge--blue--inverted-color-text - The text color for the blue badge in its inverted state. + * @cssproperty --sd-badge--blue-color-background - The background color for the blue badge in its standard state. * @cssproperty --sd-badge--green-color--inverted-background - The background color for the green badge in its inverted state. * @cssproperty --sd-badge--green-color--inverted-text - The text color for the green badge in its inverted state. * @cssproperty --sd-badge--inverted-color-border - The border color used in inverted state. @@ -47,7 +48,7 @@ export default class SdBadge extends SolidElement { { /* variants */ blue: !this.inverted - ? 'text-white bg-primary-500 border-white' + ? 'text-white sd-badge--blue-color-background border-white' : 'sd-badge--blue--inverted-color-text sd-badge--blue--inverted-color-background sd-badge--inverted-color-border', green: !this.inverted ? 'text-white sd-badge--green-color-background border-white' From 4f5210a5d53ff2b5d33c9325fda63975d4e373e2 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 27 Jan 2026 11:17:18 +0000 Subject: [PATCH 04/49] feat: update brandshape --- .../components/src/components/brandshape/brandshape.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/components/src/components/brandshape/brandshape.ts b/packages/components/src/components/brandshape/brandshape.ts index 2fd0aee7c3..bef20faa55 100644 --- a/packages/components/src/components/brandshape/brandshape.ts +++ b/packages/components/src/components/brandshape/brandshape.ts @@ -146,9 +146,9 @@ export default class SdBrandshape extends SolidElement { part="shape-middle" class=${cx( { - 'neutral-100': 'bg-neutral-100', + 'neutral-100': 'sd-brandshape--neutral-100-color-background', primary: 'bg-primary', - white: 'bg-white', + white: 'sd-brandshape--white-color-background', 'border-white': 'bg-transparent', 'border-primary': 'bg-transparent', image: 'bg-transparent' @@ -176,9 +176,9 @@ export default class SdBrandshape extends SolidElement { return html`
Date: Tue, 27 Jan 2026 11:24:51 +0000 Subject: [PATCH 05/49] feat: update breadcrumb --- packages/components/src/components/breadcrumb/breadcrumb.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/components/src/components/breadcrumb/breadcrumb.ts b/packages/components/src/components/breadcrumb/breadcrumb.ts index f1e5654316..458043efbd 100644 --- a/packages/components/src/components/breadcrumb/breadcrumb.ts +++ b/packages/components/src/components/breadcrumb/breadcrumb.ts @@ -24,6 +24,7 @@ import SolidElement from '../../internal/solid-element'; * @csspart truncated-dropdown - The truncated dropdown containing the truncated breadcrumbs. * * @cssproperty --sd-breadcrumb__separator-color - The color of the breadcrumb separators. + * @cssproperty --sd-breadcrumb__separator--current-color - The color of the current breadcrumb separators. */ @customElement('sd-breadcrumb') export default class SdBreadcrumb extends SolidElement { @@ -167,7 +168,7 @@ export default class SdBreadcrumb extends SolidElement { } ::slotted(sd-breadcrumb-item:nth-last-child(2))::after { - @apply lg:bg-accent; + @apply lg:sd-breadcrumb__separator--current-color; } sd-dropdown, From 44273ad25f040adccafc30ffe070ade333a1cef0 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 27 Jan 2026 13:46:17 +0000 Subject: [PATCH 06/49] feat: update checkbox --- .../src/components/checkbox/checkbox.ts | 19 ++++---- .../output/figma-variables.json | 44 +++++++++++++++++++ .../src/figma-variables/variableTokens.json | 41 +++++++++++++++-- packages/tokens/themes/components.css | 4 ++ packages/tokens/themes/kid/kid.css | 1 + packages/tokens/themes/ui-dark/ui-dark.css | 1 + packages/tokens/themes/ui-light/ui-light.css | 1 + packages/tokens/themes/vb/vb.css | 1 + 8 files changed, 97 insertions(+), 15 deletions(-) diff --git a/packages/components/src/components/checkbox/checkbox.ts b/packages/components/src/components/checkbox/checkbox.ts index 8e07be88d6..ef3eaa9253 100644 --- a/packages/components/src/components/checkbox/checkbox.ts +++ b/packages/components/src/components/checkbox/checkbox.ts @@ -36,6 +36,7 @@ import type { SolidFormControl } from '../../internal/solid-element'; * * @cssproperty --sd-checkbox-border-width - The border width of the checkbox. * @cssproperty --sd-form-control-color-border - The color border for form controls. + * @cssproperty --sd-checkbox--checked--hovered-color-border - The border color of the checkbox when checked and hovered. */ @customElement('sd-checkbox') export default class SdCheckbox extends SolidElement implements SolidFormControl { @@ -249,7 +250,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl ? ' control--indeterminate' : ''}" class=${cx( - 'relative flex flex-shrink-0 items-center justify-center border sd-checkbox-border-width rounded-sm h-4 w-4', + 'relative flex flex-shrink-0 items-center justify-center border sd-checkbox-border-width sd-form-control-color-border rounded-sm h-4 w-4', 'transition-colors ease-in-out duration-medium group-hover:duration-fast', 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary', { @@ -262,11 +263,11 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl disabledChecked: 'border-neutral-500 bg-neutral-500', disabled: 'border-neutral-500', visuallyDisabled: 'border-neutral-500', - invalidIndeterminate: 'border-error bg-error group-hover:bg-error-400', - invalid: 'border-error group-hover:bg-neutral-200', + invalidIndeterminate: 'border-error bg-error group-hover:bg-error-400 group-hover:border-error-400', + invalid: 'border-error bg-white group-hover:border-error-400', filled: - 'border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550', - default: 'form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white' + 'border-accent hover:border-accent-550 group-hover:sd-checkbox--checked--hovered-color-border bg-accent group-hover:bg-accent-550', + default: 'hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white' }[checkboxState] )} > @@ -285,7 +286,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl disabled: '', visuallyDisabled: '', invalidIndeterminate: ' bg-error group-hover:bg-error-400', - invalid: 'group-hover:bg-neutral-200', + invalid: 'group-hover:bg-white', filled: 'bg-accent group-hover:bg-accent-550', default: 'hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white' }[checkboxState] @@ -318,11 +319,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl id="label" class=${cx( 'select-none inline-block ml-2', - this.disabled || this.visuallyDisabled - ? 'text-neutral-500' - : this.showInvalidStyle - ? 'text-error' - : 'text-black' + this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-black' )} > diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index d797e2fe8d..ca1f402789 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -4563,6 +4563,17 @@ "border-width": { "type": "float", "value": "{ui-light.utilities.border-width.default}" + }, + "--checked": { + "--hovered": { + "color": { + "border": { + "description": "Used for hover interaction", + "type": "color", + "value": "{ui-light.utilities.color.accent.550}" + } + } + } } }, "color": { @@ -7711,6 +7722,17 @@ "border-width": { "type": "float", "value": "{ui-dark.utilities.border-width.default}" + }, + "--checked": { + "--hovered": { + "color": { + "border": { + "description": "Used for hover interaction", + "type": "color", + "value": "{ui-dark.utilities.color.accent.550}" + } + } + } } }, "color": { @@ -10859,6 +10881,17 @@ "border-width": { "type": "float", "value": "{vb.utilities.border-width.2}" + }, + "--checked": { + "--hovered": { + "color": { + "border": { + "description": "Used for hover interaction", + "type": "color", + "value": "{vb.utilities.color.primary.600}" + } + } + } } }, "color": { @@ -14007,6 +14040,17 @@ "border-width": { "type": "float", "value": "{kid.utilities.border-width.default}" + }, + "--checked": { + "--hovered": { + "color": { + "border": { + "description": "Used for hover interaction", + "type": "color", + "value": "{kid.utilities.color.neutral.700}" + } + } + } } }, "color": { diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index 74370b27cc..2acebb9bfc 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -212,8 +212,8 @@ "VariableID:44921:14706", "VariableID:44921:14707", "VariableID:44917:20154", - "VariableID:44917:20144", "VariableID:46172:9194", + "VariableID:44917:20144", "VariableID:43927:5029", "VariableID:48719:123821", "VariableID:46396:101311", @@ -464,10 +464,11 @@ "VariableID:43979:261", "VariableID:43979:262", "VariableID:43979:263", - "VariableID:43979:299", "VariableID:43979:264", + "VariableID:43979:299", "VariableID:43979:300", "VariableID:43979:265", + "VariableID:51491:7158", "VariableID:43979:301", "VariableID:43979:302", "VariableID:43373:35301", @@ -610,8 +611,8 @@ "VariableID:44029:1676", "VariableID:44029:1677", "VariableID:44029:1678", - "VariableID:44029:1684", "VariableID:44029:1679", + "VariableID:44029:1684", "VariableID:44029:1681", "VariableID:44029:1682", "VariableID:44029:1683", @@ -689,8 +690,8 @@ "VariableID:44883:24906", "VariableID:44883:24608", "VariableID:47783:193767", - "VariableID:47783:193768", "VariableID:46971:17841", + "VariableID:47783:193768", "VariableID:47783:193769", "VariableID:46977:27416", "VariableID:46977:29580", @@ -22981,6 +22982,38 @@ } }, "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:51491:7158": { + "codeSyntax": {}, + "description": "Used for hover interaction", + "hiddenFromPublishing": false, + "id": "VariableID:51491:7158", + "key": "b7baea763559537bf7f22f7e09b1370eb40019e9", + "name": "components/sd-checkbox/--checked/--hovered/color/border", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:209", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:209", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:198", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:220", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" } } } \ No newline at end of file diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css index d041f4a1df..d378a8a625 100644 --- a/packages/tokens/themes/components.css +++ b/packages/tokens/themes/components.css @@ -366,6 +366,10 @@ border-width: var(--sd-carousel__pager-dot-border-width, var(--sd-spacing-0\.25)); } +@utility sd-checkbox--checked--hovered-color-border { + border-color: rgba(var(--sd-checkbox--checked--hovered-color-border, rgba(var(--sd-color-success)))); +} + @utility sd-checkbox-border-width { border-width: var(--sd-checkbox-border-width, var(--sd-spacing-0\.25)); } diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index f9415ca0bb..0184636098 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -90,6 +90,7 @@ --sd-carousel__pager-dot--inverted-border: var(--sd-color-white); --sd-carousel__pager-dot-background: var(--sd-color-black); --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.25); + --sd-checkbox--checked--hovered-color-border: var(--sd-color-neutral-700); --sd-checkbox-border-width: var(--sd-spacing-0\.25); --sd-chip--primary-200-color-background: 255, 255, 255, 0.6; --sd-chip--primary-200-color-border: 255, 255, 255, 0.6; diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index 101386558d..719b3a738b 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -91,6 +91,7 @@ --sd-carousel__pager-dot--inverted-border: var(--sd-color-white); --sd-carousel__pager-dot-background: var(--sd-color-accent); --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.25); + --sd-checkbox--checked--hovered-color-border: var(--sd-color-accent-550); --sd-checkbox-border-width: var(--sd-spacing-0\.25); --sd-chip--primary-200-color-background: var(--sd-color-primary-750); --sd-chip--primary-200-color-border: 255, 255, 255, 0; diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css index 92ac5d9277..beb488b398 100644 --- a/packages/tokens/themes/ui-light/ui-light.css +++ b/packages/tokens/themes/ui-light/ui-light.css @@ -91,6 +91,7 @@ --sd-carousel__pager-dot--inverted-border: var(--sd-color-white); --sd-carousel__pager-dot-background: var(--sd-color-accent); --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.25); + --sd-checkbox--checked--hovered-color-border: var(--sd-color-success); --sd-checkbox-border-width: var(--sd-spacing-0\.25); --sd-chip--primary-200-color-background: var(--sd-color-primary-200); --sd-chip--primary-200-color-border: 255, 255, 255, 0; diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css index db75d6708e..a6330065d9 100644 --- a/packages/tokens/themes/vb/vb.css +++ b/packages/tokens/themes/vb/vb.css @@ -90,6 +90,7 @@ --sd-carousel__pager-dot--inverted-border: var(--sd-color-white); --sd-carousel__pager-dot-background: var(--sd-color-primary); --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.5); + --sd-checkbox--checked--hovered-color-border: var(--sd-color-primary-600); --sd-checkbox-border-width: var(--sd-spacing-0\.5); --sd-chip--primary-200-color-background: 237, 240, 244; --sd-chip--primary-200-color-border: var(--sd-color-info); From cd234a877fcfcdfcd64ccd3795ad374e46e4252b Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 27 Jan 2026 13:52:44 +0000 Subject: [PATCH 07/49] feat: update dialog --- packages/components/src/components/dialog/dialog.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/components/dialog/dialog.ts b/packages/components/src/components/dialog/dialog.ts index ff20dd4d78..5b6c14eb29 100644 --- a/packages/components/src/components/dialog/dialog.ts +++ b/packages/components/src/components/dialog/dialog.ts @@ -277,7 +277,7 @@ export default class SdDialog extends SolidElement { >
this.requestClose('overlay')} tabindex="-1" >
From c7a85cae27c5641de15c15edae1b0dd0acfdf1a7 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 27 Jan 2026 16:10:22 +0000 Subject: [PATCH 08/49] feat: update drawer --- packages/components/src/components/drawer/drawer.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/components/drawer/drawer.ts b/packages/components/src/components/drawer/drawer.ts index 003152469b..71f78208d2 100644 --- a/packages/components/src/components/drawer/drawer.ts +++ b/packages/components/src/components/drawer/drawer.ts @@ -398,7 +398,7 @@ export default class SdDrawer extends SolidElement { } :host [part='panel'] { - outline: 1px solid var(--sd-panel-color-border, transparent); + outline: 1px solid rgb(var(--sd-panel-color-border, transparent)); } ` ]; From 7459799254a18eb80b38813e81ce09b1e4606082 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 10 Feb 2026 15:56:59 +0000 Subject: [PATCH 09/49] feat: add sd tab font weight variables --- packages/components/src/components/tab/tab.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/components/src/components/tab/tab.ts b/packages/components/src/components/tab/tab.ts index 1aaca37194..a4a35dbad9 100644 --- a/packages/components/src/components/tab/tab.ts +++ b/packages/components/src/components/tab/tab.ts @@ -29,6 +29,7 @@ let id = 0; * @cssproperty --sd-navigable__current-indicator-border-radius: The tab current indicator border radius value. * @cssproperty --sd-color-background - The background color when on hover state. * @cssproperty --sd-tab-color-border - The border color for the tab. + * @cssproperty --sd-tab-font-weight - The font weight for the active tab. */ @customElement('sd-tab') export default class SdTab extends SolidElement { @@ -100,7 +101,7 @@ export default class SdTab extends SolidElement { : 'navigable-border-radius', this.variant === 'container' && this.active && 'tab--active-container-border bg-white', this.disabled || this.visuallyDisabled ? '!cursor-not-allowed' : 'hover:color-background', - this.active && 'z-20' + this.active && 'sd-tab-font-weight z-20' )} tabindex=${!this.active || this.disabled ? '-1' : '0'} > From 75317b4b76d85505e868d919f7b4b872e12ec3a0 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 10 Feb 2026 15:59:13 +0000 Subject: [PATCH 10/49] fix: switch text color on error --- packages/components/src/components/switch/switch.ts | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/packages/components/src/components/switch/switch.ts b/packages/components/src/components/switch/switch.ts index e3b8d9e4c9..0a73146f79 100644 --- a/packages/components/src/components/switch/switch.ts +++ b/packages/components/src/components/switch/switch.ts @@ -244,10 +244,7 @@ export default class SdSwitch extends SolidElement implements SolidFormControl { From c7631e348dc5a734b5a9862a4299cddadf55a1f2 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 10 Feb 2026 16:02:18 +0000 Subject: [PATCH 11/49] chore: update figma variables --- .../output/figma-variables.json | 200 ++++++++----- .../src/figma-variables/variableTokens.json | 270 +++++++++++------- packages/tokens/themes/components.css | 28 +- packages/tokens/themes/kid/kid.css | 13 +- packages/tokens/themes/tailwind.css | 2 + packages/tokens/themes/ui-dark/ui-dark.css | 13 +- packages/tokens/themes/ui-light/ui-light.css | 13 +- packages/tokens/themes/vb/vb.css | 13 +- 8 files changed, 338 insertions(+), 214 deletions(-) diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index ca1f402789..4fd44f6491 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -2609,6 +2609,29 @@ "type": "color", "value": "{ui-light.utilities.color.neutral.800}" } + }, + "xs": { + "color": { + "description": "Used for tooltip", + "type": "color", + "value": "{ui-light.utilities.color.neutral.800}" + }, + "x": { + "type": "float", + "value": "0.5" + }, + "y": { + "type": "float", + "value": "0.5" + }, + "blur": { + "type": "float", + "value": "1.5" + }, + "spread": { + "type": "float", + "value": "0" + } } }, "opacity": { @@ -4568,7 +4591,7 @@ "--hovered": { "color": { "border": { - "description": "Used for hover interaction", + "description": "This is for frontend specifically. Created due to bug in frontend. In Figma there's no border color needed but frontend immediately get the utilities/border/accent/550 for kid it's neutral 800 instead of neutral 700 so it looks off.", "type": "color", "value": "{ui-light.utilities.color.accent.550}" } @@ -4576,12 +4599,6 @@ } } }, - "color": { - "background": { - "type": "color", - "value": "{ui-light.utilities.color.background.neutral.200}" - } - }, "sd-tab": { "color": { "border": { @@ -4592,6 +4609,15 @@ "font-weight": { "type": "string", "value": "{ui-light.utilities.font-weight.normal}" + }, + "--active": { + "color": { + "background": { + "description": "Used for sd-flag", + "type": "color", + "value": "{ui-light.utilities.color.neutral.200}" + } + } } }, "sd-switch": { @@ -4639,7 +4665,7 @@ } } }, - "sd-menu": { + "sd-menu-item": { "color": { "text": { "type": "color", @@ -4733,14 +4759,6 @@ "value": "{ui-light.utilities.color.neutral.700}" } } - }, - "--current": { - "color": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.primary.500}" - } - } } }, "--selected": { @@ -5768,6 +5786,29 @@ "type": "color", "value": "{ui-dark.utilities.color.neutral.800}" } + }, + "xs": { + "color": { + "description": "Used for tooltip", + "type": "color", + "value": "{ui-dark.utilities.color.neutral.800}" + }, + "x": { + "type": "float", + "value": "0.5" + }, + "y": { + "type": "float", + "value": "0.5" + }, + "blur": { + "type": "float", + "value": "1.5" + }, + "spread": { + "type": "float", + "value": "0" + } } }, "opacity": { @@ -7727,7 +7768,7 @@ "--hovered": { "color": { "border": { - "description": "Used for hover interaction", + "description": "This is for frontend specifically. Created due to bug in frontend. In Figma there's no border color needed but frontend immediately get the utilities/border/accent/550 for kid it's neutral 800 instead of neutral 700 so it looks off.", "type": "color", "value": "{ui-dark.utilities.color.accent.550}" } @@ -7735,12 +7776,6 @@ } } }, - "color": { - "background": { - "type": "color", - "value": "{ui-dark.utilities.color.background.neutral.200}" - } - }, "sd-tab": { "color": { "border": { @@ -7751,6 +7786,15 @@ "font-weight": { "type": "string", "value": "{ui-dark.utilities.font-weight.normal}" + }, + "--active": { + "color": { + "background": { + "description": "Used for sd-flag", + "type": "color", + "value": "{ui-dark.utilities.color.primary.700}" + } + } } }, "sd-switch": { @@ -7798,7 +7842,7 @@ } } }, - "sd-menu": { + "sd-menu-item": { "color": { "text": { "type": "color", @@ -7892,14 +7936,6 @@ "value": "{ui-dark.utilities.color.primary.750}" } } - }, - "--current": { - "color": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.primary.750}" - } - } } }, "--selected": { @@ -8927,6 +8963,29 @@ "type": "color", "value": "{vb.utilities.color.neutral.800}" } + }, + "xs": { + "color": { + "description": "Used for tooltip", + "type": "color", + "value": "{vb.utilities.color.neutral.800}" + }, + "x": { + "type": "float", + "value": "0.5" + }, + "y": { + "type": "float", + "value": "0.5" + }, + "blur": { + "type": "float", + "value": "1.5" + }, + "spread": { + "type": "float", + "value": "0" + } } }, "opacity": { @@ -10886,7 +10945,7 @@ "--hovered": { "color": { "border": { - "description": "Used for hover interaction", + "description": "This is for frontend specifically. Created due to bug in frontend. In Figma there's no border color needed but frontend immediately get the utilities/border/accent/550 for kid it's neutral 800 instead of neutral 700 so it looks off.", "type": "color", "value": "{vb.utilities.color.primary.600}" } @@ -10894,12 +10953,6 @@ } } }, - "color": { - "background": { - "type": "color", - "value": "{core.vb.azure.50}" - } - }, "sd-tab": { "color": { "border": { @@ -10910,6 +10963,15 @@ "font-weight": { "type": "string", "value": "{vb.utilities.font-weight.bold}" + }, + "--active": { + "color": { + "background": { + "description": "Used for sd-flag", + "type": "color", + "value": "{core.vb.azure.50}" + } + } } }, "sd-switch": { @@ -10957,7 +11019,7 @@ } } }, - "sd-menu": { + "sd-menu-item": { "color": { "text": { "type": "color", @@ -11051,14 +11113,6 @@ "value": "{vb.utilities.color.neutral.700}" } } - }, - "--current": { - "color": { - "text": { - "type": "color", - "value": "{vb.utilities.color.primary.500}" - } - } } }, "--selected": { @@ -12086,6 +12140,29 @@ "type": "color", "value": "rgba(5, 21, 48, 0.25)" } + }, + "xs": { + "color": { + "description": "Used for tooltip", + "type": "color", + "value": "rgba(5, 21, 48, 0.75)" + }, + "x": { + "type": "float", + "value": "0.5" + }, + "y": { + "type": "float", + "value": "0.5" + }, + "blur": { + "type": "float", + "value": "1.5" + }, + "spread": { + "type": "float", + "value": "0" + } } }, "opacity": { @@ -14045,7 +14122,7 @@ "--hovered": { "color": { "border": { - "description": "Used for hover interaction", + "description": "This is for frontend specifically. Created due to bug in frontend. In Figma there's no border color needed but frontend immediately get the utilities/border/accent/550 for kid it's neutral 800 instead of neutral 700 so it looks off.", "type": "color", "value": "{kid.utilities.color.neutral.700}" } @@ -14053,12 +14130,6 @@ } } }, - "color": { - "background": { - "type": "color", - "value": "{core.vb.azure.50}" - } - }, "sd-tab": { "color": { "border": { @@ -14069,6 +14140,15 @@ "font-weight": { "type": "string", "value": "{kid.utilities.font-weight.bold}" + }, + "--active": { + "color": { + "background": { + "description": "Used for sd-flag", + "type": "color", + "value": "{core.vb.azure.50}" + } + } } }, "sd-switch": { @@ -14116,7 +14196,7 @@ } } }, - "sd-menu": { + "sd-menu-item": { "color": { "text": { "type": "color", @@ -14210,14 +14290,6 @@ "value": "{kid.utilities.color.neutral.700}" } } - }, - "--current": { - "color": { - "text": { - "type": "color", - "value": "{kid.utilities.color.neutral.700}" - } - } } }, "--selected": { diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index 2acebb9bfc..933cfc02a3 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -212,8 +212,8 @@ "VariableID:44921:14706", "VariableID:44921:14707", "VariableID:44917:20154", - "VariableID:46172:9194", "VariableID:44917:20144", + "VariableID:46172:9194", "VariableID:43927:5029", "VariableID:48719:123821", "VariableID:46396:101311", @@ -400,7 +400,6 @@ "variableIds": [ "VariableID:43372:21101", "VariableID:43373:35271", - "VariableID:43373:35286", "VariableID:43979:193", "VariableID:43979:194", "VariableID:44029:1633", @@ -473,6 +472,7 @@ "VariableID:43979:302", "VariableID:43373:35301", "VariableID:43373:35302", + "VariableID:51502:42739", "VariableID:43373:35303", "VariableID:43373:35304", "VariableID:43373:35305", @@ -611,8 +611,8 @@ "VariableID:44029:1676", "VariableID:44029:1677", "VariableID:44029:1678", - "VariableID:44029:1679", "VariableID:44029:1684", + "VariableID:44029:1679", "VariableID:44029:1681", "VariableID:44029:1682", "VariableID:44029:1683", @@ -621,6 +621,11 @@ "VariableID:44953:15245", "VariableID:43979:314", "VariableID:45046:31066", + "VariableID:51596:1602", + "VariableID:51596:1603", + "VariableID:51596:1604", + "VariableID:51596:1605", + "VariableID:51573:9921", "VariableID:49857:86584", "VariableID:44837:7261", "VariableID:44837:15833", @@ -690,8 +695,8 @@ "VariableID:44883:24906", "VariableID:44883:24608", "VariableID:47783:193767", - "VariableID:46971:17841", "VariableID:47783:193768", + "VariableID:46971:17841", "VariableID:47783:193769", "VariableID:46977:27416", "VariableID:46977:29580", @@ -701,7 +706,6 @@ "VariableID:46977:27419", "VariableID:46977:27421", "VariableID:46977:29585", - "VariableID:47735:23881", "VariableID:46871:963", "VariableID:49052:102", "VariableID:46790:20333", @@ -877,7 +881,6 @@ "VariableID:43343:16783", "VariableID:44966:21201", "VariableID:44973:32108", - "VariableID:46825:8935", "VariableID:47877:97571", "VariableID:47899:5274", "VariableID:47899:5276", @@ -2356,39 +2359,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:43373:35286": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "Default border color. \nUsed for divider, teaser, table cell, ... , sd-container", - "hiddenFromPublishing": false, - "id": "VariableID:43373:35286", - "key": "38422dab43e81e31b18008a65584afc3a724c1b0", - "name": "border/neutral-400", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:42952:121", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:42952:100", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:42952:121", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:42952:121", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:43373:35292": { "codeSyntax": {}, "deletedButReferenced": true, @@ -17719,39 +17689,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46825:8935": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:46825:8935", - "key": "e01c099e06e3cf6c7209cf3c6ee80bffa099b94a", - "name": "components/color/background", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43373:35302", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43373:35302", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:46172:9194", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:46172:9194", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:46825:8941": { "codeSyntax": {}, "description": "", @@ -18098,7 +18035,7 @@ "hiddenFromPublishing": false, "id": "VariableID:46893:49686", "key": "3c7f9fdc11d9430b5894d77aa014377cb62da711", - "name": "components/sd-menu/color/text", + "name": "components/sd-menu-item/color/text", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -18130,7 +18067,7 @@ "hiddenFromPublishing": false, "id": "VariableID:46893:50283", "key": "5344eec1b29a57e0a40cf486852d9dcdfc55d9d3", - "name": "components/sd-menu/color/icon-fill", + "name": "components/sd-menu-item/color/icon-fill", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -18162,7 +18099,7 @@ "hiddenFromPublishing": false, "id": "VariableID:46893:50284", "key": "cb80543d8e3053a1c3dd580276643bc41fdd858d", - "name": "components/sd-menu/--disabled/color/icon-fill", + "name": "components/sd-menu-item/--disabled/color/icon-fill", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -18196,7 +18133,7 @@ "hiddenFromPublishing": false, "id": "VariableID:46893:50285", "key": "f852c1e2a95523bf803434d79e187fc647f540c0", - "name": "components/sd-menu/--disabled/color/text", + "name": "components/sd-menu-item/--disabled/color/text", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -20275,39 +20212,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:47735:23881": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:47735:23881", - "key": "77a2bb973247c99bd02127ccd8b817bb56efa680", - "name": "components/sd-datepicker/__date-item/--hovered/--current/color/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:197", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:200", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:197", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:220", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:47737:23882": { "codeSyntax": {}, "description": "", @@ -22985,7 +22889,7 @@ }, "VariableID:51491:7158": { "codeSyntax": {}, - "description": "Used for hover interaction", + "description": "This is for frontend specifically. Created due to bug in frontend. In Figma there's no border color needed but frontend immediately get the utilities/border/accent/550 for kid it's neutral 800 instead of neutral 700 so it looks off.", "hiddenFromPublishing": false, "id": "VariableID:51491:7158", "key": "b7baea763559537bf7f22f7e09b1370eb40019e9", @@ -23014,6 +22918,152 @@ } }, "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:51502:42739": { + "codeSyntax": {}, + "description": "Used for sd-flag", + "hiddenFromPublishing": false, + "id": "VariableID:51502:42739", + "key": "81e7124049fcc71d82ce4bc5067e486b07889200", + "name": "components/sd-tab/--active/color/background", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:215", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:199", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:46172:9194", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:46172:9194", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:51573:9921": { + "codeSyntax": {}, + "description": "Used for tooltip", + "hiddenFromPublishing": false, + "id": "VariableID:51573:9921", + "key": "e0cea1b0e4b3e15f7e97a9a36e61dd4bfeded39b", + "name": "utilities/shadow/xs/color", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:221", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:221", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:221", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "a": 0.75, + "b": 0.1882352977991104, + "g": 0.08235294371843338, + "r": 0.019607843831181526 + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:51596:1602": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:51596:1602", + "key": "269ab104a4bcd0a53bedc6a56edf00bdcc5143e8", + "name": "utilities/shadow/xs/x", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 0.5, + "43174:14": 0.5, + "44883:0": 0.5, + "47719:0": 0.5 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:51596:1603": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:51596:1603", + "key": "acc7461f7034a61008ef9af5850b4db50e0cff2a", + "name": "utilities/shadow/xs/y", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 0.5, + "43174:14": 0.5, + "44883:0": 0.5, + "47719:0": 0.5 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:51596:1604": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:51596:1604", + "key": "48950ced2837782c273d5bebf1096451073d7631", + "name": "utilities/shadow/xs/blur", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 1.5, + "43174:14": 1.5, + "44883:0": 1.5, + "47719:0": 1.5 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:51596:1605": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:51596:1605", + "key": "52bf5e1f5453816bc70f1431f77b8c98da9d3182", + "name": "utilities/shadow/xs/spread", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 0, + "43174:14": 0, + "44883:0": 0, + "47719:0": 0 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" } } } \ No newline at end of file diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css index d378a8a625..7ec9e17c24 100644 --- a/packages/tokens/themes/components.css +++ b/packages/tokens/themes/components.css @@ -1,7 +1,3 @@ -@utility color-background { - background-color: rgba(var(--sd-color-background, rgba(var(--sd-color-neutral-200)))); -} - @utility form-control--filled__floating-label-color-text { color: rgba(var(--sd-form-control--filled__floating-label-color-text, rgba(var(--sd-color-neutral-700)))); } @@ -450,10 +446,6 @@ font-weight: var(--sd-datepicker__date-item--default-font-weight, var(--sd-font-weight-normal)); } -@utility sd-datepicker__date-item--hovered--current-color-text { - color: rgba(var(--sd-datepicker__date-item--hovered--current-color-text, rgba(var(--sd-color-primary-500)))); -} - @utility sd-datepicker__date-item--hovered--default-color-background { background-color: rgba(var(--sd-datepicker__date-item--hovered--default-color-background, rgba(var(--sd-color-primary-100)))); } @@ -598,20 +590,20 @@ fill: rgba(var(--sd-map-marker-main-color-icon-fill, rgba(var(--sd-color-accent-500)))); } -@utility sd-menu--disabled-color-icon-fill { - fill: rgba(var(--sd-menu--disabled-color-icon-fill, rgba(var(--sd-color-neutral-500)))); +@utility sd-menu-item--disabled-color-icon-fill { + fill: rgba(var(--sd-menu-item--disabled-color-icon-fill, rgba(var(--sd-color-neutral-500)))); } -@utility sd-menu--disabled-color-text { - color: rgba(var(--sd-menu--disabled-color-text, rgba(var(--sd-color-neutral-500)))); +@utility sd-menu-item--disabled-color-text { + color: rgba(var(--sd-menu-item--disabled-color-text, rgba(var(--sd-color-neutral-500)))); } -@utility sd-menu-color-icon-fill { - fill: rgba(var(--sd-menu-color-icon-fill, rgba(var(--sd-color-primary)))); +@utility sd-menu-item-color-icon-fill { + fill: rgba(var(--sd-menu-item-color-icon-fill, rgba(var(--sd-color-primary)))); } -@utility sd-menu-color-text { - color: rgba(var(--sd-menu-color-text, rgba(var(--sd-color-primary)))); +@utility sd-menu-item-color-text { + color: rgba(var(--sd-menu-item-color-text, rgba(var(--sd-color-primary)))); } @utility sd-navigation-item-color-text { @@ -778,6 +770,10 @@ color: rgba(var(--sd-switch-color-text, rgba(var(--sd-color-black)))); } +@utility sd-tab--active-color-background { + background-color: rgba(var(--sd-tab--active-color-background, rgba(var(--sd-color-neutral-200)))); +} + @utility sd-tab-color-border { border-color: rgba(var(--sd-tab-color-border, rgba(var(--sd-color-neutral-400)))); } diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index 0184636098..72e1d992cd 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -139,7 +139,6 @@ --sd-color-background-success: var(--sd-color-success); --sd-color-background-warning: var(--sd-color-warning); --sd-color-background-white: var(--sd-color-accent); - --sd-color-background: 0, 102, 179, 0.05; --sd-color-black: 5, 21, 48; --sd-color-border-accent-550: var(--sd-color-neutral-800); --sd-color-border-accent: var(--sd-color-black); @@ -231,7 +230,6 @@ --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-neutral-800); --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); - --sd-datepicker__date-item--hovered--current-color-text: var(--sd-color-neutral-700); --sd-datepicker__date-item--hovered--default-color-background: 255, 255, 255, 0; --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-neutral-700); --sd-datepicker__date-item--hovered--prev-next-color-background: 255, 255, 255, 0; @@ -239,6 +237,7 @@ --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: 255, 255, 255, 0.4; --sd-drop-shadow-sm: 0px 4px 12px rgba(5, 21, 48, 0.25); + --sd-drop-shadow-xs: 0.5px 0.5px 1.5px rgba(5, 21, 48, 0.75); --sd-drop-shadow: 0px 4px 12px rgba(107, 36, 5, 0.25); --sd-dropdown-color-background: 255, 255, 255, 0.6; --sd-duration-fast: 150ms; @@ -288,10 +287,10 @@ --sd-map-marker-cluster-color-icon-fill: var(--sd-color-black); --sd-map-marker-font-size: var(--sd-spacing-3); --sd-map-marker-main-color-icon-fill: var(--sd-color-black); - --sd-menu--disabled-color-icon-fill: var(--sd-color-neutral-500); - --sd-menu--disabled-color-text: var(--sd-color-neutral-500); - --sd-menu-color-icon-fill: var(--sd-color-black); - --sd-menu-color-text: var(--sd-color-black); + --sd-menu-item--disabled-color-icon-fill: var(--sd-color-neutral-500); + --sd-menu-item--disabled-color-text: var(--sd-color-neutral-500); + --sd-menu-item-color-icon-fill: var(--sd-color-black); + --sd-menu-item-color-text: var(--sd-color-black); --sd-navigable-border-radius: var(--sd-spacing-0\.5); --sd-navigable-font-size: 0.875rem; --sd-navigable__current-indicator-border-radius: 624.9375rem; @@ -352,6 +351,7 @@ --sd-range-scale-ticks-color-text: 89, 89, 89; --sd-range__bar-border-width: var(--sd-spacing-0\.5); --sd-shadow-sm: 0px 4px 12px -6px rgba(5, 21, 48, 0.25); + --sd-shadow-xs: 0.5px 0.5px 1.5px 0px rgba(5, 21, 48, 0.75); --sd-shadow: 0px 4px 12px -6px rgba(107, 36, 5, 0.25); --sd-sizing-0\.25: 0.0625rem; --sd-sizing-0\.5: 0.125rem; @@ -394,6 +394,7 @@ --sd-switch--unchecked-color-border: var(--sd-color-black); --sd-switch--unchecked__icon-color-background: var(--sd-color-black); --sd-switch-color-text: var(--sd-color-black); + --sd-tab--active-color-background: 0, 102, 179, 0.05; --sd-tab-color-border: 191, 202, 217; --sd-tab-font-weight: var(--sd-font-weight-bold); --sd-tag--default--hover-color-background: 255, 255, 255, 0.6; diff --git a/packages/tokens/themes/tailwind.css b/packages/tokens/themes/tailwind.css index b99e86e177..e166cce30b 100644 --- a/packages/tokens/themes/tailwind.css +++ b/packages/tokens/themes/tailwind.css @@ -65,6 +65,7 @@ --border-width-6: var(--sd-border-width-6); --border-width-default: var(--sd-border-width); --drop-shadow-sm: var(--sd-drop-shadow-sm); + --drop-shadow-xs: var(--sd-drop-shadow-xs); --drop-shadow: var(--sd-drop-shadow); --fill-accent-550: rgba(var(--sd-color-icon-fill-accent-550)); --fill-accent: rgba(var(--sd-color-icon-fill-accent)); @@ -113,6 +114,7 @@ --radius-none: var(--sd-radius-none); --radius-sm: var(--sd-radius-sm); --shadow-sm: var(--sd-shadow-sm); + --shadow-xs: var(--sd-shadow-xs); --shadow: var(--sd-shadow); --sizing-0\.25: var(--sd-sizing-0\.25); --sizing-0\.5: var(--sd-sizing-0\.5); diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index 719b3a738b..ecefef184d 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -140,7 +140,6 @@ --sd-color-background-success: var(--sd-color-success); --sd-color-background-warning: var(--sd-color-warning); --sd-color-background-white: var(--sd-color-primary-900); - --sd-color-background: var(--sd-color-primary-700); --sd-color-black: 24, 24, 24; --sd-color-border-accent-550: var(--sd-color-accent-550); --sd-color-border-accent: var(--sd-color-accent); @@ -232,7 +231,6 @@ --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-white); --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); - --sd-datepicker__date-item--hovered--current-color-text: var(--sd-color-primary-750); --sd-datepicker__date-item--hovered--default-color-background: var(--sd-color-primary-100); --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-primary-750); --sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-color-primary-100); @@ -240,6 +238,7 @@ --sd-datepicker__date-item--selected-color-text: var(--sd-color-primary); --sd-divider--inverted-color-border: var(--sd-color-primary-400); --sd-drop-shadow-sm: 0.5px 0.5px 1.5px #515151; + --sd-drop-shadow-xs: 0.5px 0.5px 1.5px #515151; --sd-drop-shadow: 0px 0px 0px rgba(255, 255, 255, 0); --sd-dropdown-color-background: var(--sd-color-primary-900); --sd-duration-fast: 150ms; @@ -289,10 +288,10 @@ --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary); --sd-map-marker-font-size: var(--sd-spacing-3); --sd-map-marker-main-color-icon-fill: var(--sd-color-accent-550); - --sd-menu--disabled-color-icon-fill: var(--sd-color-neutral-500); - --sd-menu--disabled-color-text: var(--sd-color-neutral-500); - --sd-menu-color-icon-fill: var(--sd-color-white); - --sd-menu-color-text: var(--sd-color-white); + --sd-menu-item--disabled-color-icon-fill: var(--sd-color-neutral-500); + --sd-menu-item--disabled-color-text: var(--sd-color-neutral-500); + --sd-menu-item-color-icon-fill: var(--sd-color-white); + --sd-menu-item-color-text: var(--sd-color-white); --sd-navigable-border-radius: 0; --sd-navigable-font-size: var(--sd-spacing-4); --sd-navigable__current-indicator-border-radius: 0; @@ -353,6 +352,7 @@ --sd-range-scale-ticks-color-text: var(--sd-color-white); --sd-range__bar-border-width: var(--sd-spacing-1); --sd-shadow-sm: 0.5px 0.5px 1.5px 0px #515151; + --sd-shadow-xs: 0.5px 0.5px 1.5px 0px #515151; --sd-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); --sd-sizing-0\.25: 0.0625rem; --sd-sizing-0\.5: 0.125rem; @@ -395,6 +395,7 @@ --sd-switch--unchecked-color-border: var(--sd-color-white); --sd-switch--unchecked__icon-color-background: var(--sd-color-white); --sd-switch-color-text: var(--sd-color-white); + --sd-tab--active-color-background: var(--sd-color-primary-700); --sd-tab-color-border: var(--sd-color-primary-400); --sd-tab-font-weight: var(--sd-font-weight-normal); --sd-tag--default--hover-color-background: 255, 255, 255, 0; diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css index beb488b398..b2409a2b2a 100644 --- a/packages/tokens/themes/ui-light/ui-light.css +++ b/packages/tokens/themes/ui-light/ui-light.css @@ -140,7 +140,6 @@ --sd-color-background-success: var(--sd-color-success); --sd-color-background-warning: var(--sd-color-warning); --sd-color-background-white: var(--sd-color-white); - --sd-color-background: var(--sd-color-neutral-200); --sd-color-black: 24, 24, 24; --sd-color-border-accent-550: var(--sd-color-success); --sd-color-border-accent: var(--sd-color-accent); @@ -232,7 +231,6 @@ --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-primary); --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); - --sd-datepicker__date-item--hovered--current-color-text: var(--sd-color-primary-500); --sd-datepicker__date-item--hovered--default-color-background: var(--sd-color-primary-100); --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-primary-500); --sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-color-primary-100); @@ -240,6 +238,7 @@ --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: var(--sd-color-primary-400); --sd-drop-shadow-sm: 0.5px 0.5px 1.5px #515151; + --sd-drop-shadow-xs: 0.5px 0.5px 1.5px #515151; --sd-drop-shadow: 0px 1px 3px rgba(81, 81, 81, 0.75); --sd-dropdown-color-background: var(--sd-color-white); --sd-duration-fast: 150ms; @@ -289,10 +288,10 @@ --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary); --sd-map-marker-font-size: var(--sd-spacing-3); --sd-map-marker-main-color-icon-fill: var(--sd-color-accent-500); - --sd-menu--disabled-color-icon-fill: var(--sd-color-neutral-500); - --sd-menu--disabled-color-text: var(--sd-color-neutral-500); - --sd-menu-color-icon-fill: var(--sd-color-primary); - --sd-menu-color-text: var(--sd-color-primary); + --sd-menu-item--disabled-color-icon-fill: var(--sd-color-neutral-500); + --sd-menu-item--disabled-color-text: var(--sd-color-neutral-500); + --sd-menu-item-color-icon-fill: var(--sd-color-primary); + --sd-menu-item-color-text: var(--sd-color-primary); --sd-navigable-border-radius: 0; --sd-navigable-font-size: var(--sd-spacing-4); --sd-navigable__current-indicator-border-radius: 0; @@ -353,6 +352,7 @@ --sd-range-scale-ticks-color-text: var(--sd-color-black); --sd-range__bar-border-width: var(--sd-spacing-1); --sd-shadow-sm: 0.5px 0.5px 1.5px 0px #515151; + --sd-shadow-xs: 0.5px 0.5px 1.5px 0px #515151; --sd-shadow: 0px 1px 3px 0px rgba(81, 81, 81, 0.75); --sd-sizing-0\.25: 0.0625rem; --sd-sizing-0\.5: 0.125rem; @@ -395,6 +395,7 @@ --sd-switch--unchecked-color-border: var(--sd-color-neutral-800); --sd-switch--unchecked__icon-color-background: var(--sd-color-neutral-800); --sd-switch-color-text: var(--sd-color-black); + --sd-tab--active-color-background: var(--sd-color-neutral-200); --sd-tab-color-border: var(--sd-color-neutral-400); --sd-tab-font-weight: var(--sd-font-weight-normal); --sd-tag--default--hover-color-background: 255, 255, 255, 0; diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css index a6330065d9..e888aeb213 100644 --- a/packages/tokens/themes/vb/vb.css +++ b/packages/tokens/themes/vb/vb.css @@ -139,7 +139,6 @@ --sd-color-background-success: var(--sd-color-success); --sd-color-background-warning: var(--sd-color-warning); --sd-color-background-white: var(--sd-color-white); - --sd-color-background: 0, 102, 179, 0.05; --sd-color-black: 0, 0, 0, 0.86; --sd-color-border-accent-550: var(--sd-color-primary-600); --sd-color-border-accent: var(--sd-color-primary); @@ -231,7 +230,6 @@ --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-black); --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); - --sd-datepicker__date-item--hovered--current-color-text: var(--sd-color-primary); --sd-datepicker__date-item--hovered--default-color-background: var(--sd-color-primary-100); --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-black); --sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-color-primary-100); @@ -239,6 +237,7 @@ --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: 255, 255, 255, 0.4; --sd-drop-shadow-sm: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.65); + --sd-drop-shadow-xs: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.65); --sd-drop-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); --sd-dropdown-color-background: var(--sd-color-white); --sd-duration-fast: 150ms; @@ -288,10 +287,10 @@ --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary); --sd-map-marker-font-size: var(--sd-spacing-3); --sd-map-marker-main-color-icon-fill: var(--sd-color-primary); - --sd-menu--disabled-color-icon-fill: 0, 0, 0, 0.2; - --sd-menu--disabled-color-text: 0, 0, 0, 0.2; - --sd-menu-color-icon-fill: var(--sd-color-black); - --sd-menu-color-text: var(--sd-color-black); + --sd-menu-item--disabled-color-icon-fill: 0, 0, 0, 0.2; + --sd-menu-item--disabled-color-text: 0, 0, 0, 0.2; + --sd-menu-item-color-icon-fill: var(--sd-color-black); + --sd-menu-item-color-text: var(--sd-color-black); --sd-navigable-border-radius: var(--sd-spacing-0\.5); --sd-navigable-font-size: 0.875rem; --sd-navigable__current-indicator-border-radius: 624.9375rem; @@ -352,6 +351,7 @@ --sd-range-scale-ticks-color-text: var(--sd-color-neutral-600); --sd-range__bar-border-width: var(--sd-spacing-0\.5); --sd-shadow-sm: 0.5px 0.5px 1.5px 0px rgba(0, 0, 0, 0.65); + --sd-shadow-xs: 0.5px 0.5px 1.5px 0px rgba(0, 0, 0, 0.65); --sd-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); --sd-sizing-0\.25: 0.0625rem; --sd-sizing-0\.5: 0.125rem; @@ -394,6 +394,7 @@ --sd-switch--unchecked-color-border: var(--sd-color-black); --sd-switch--unchecked__icon-color-background: var(--sd-color-black); --sd-switch-color-text: var(--sd-color-black); + --sd-tab--active-color-background: 0, 102, 179, 0.05; --sd-tab-color-border: var(--sd-color-neutral-500); --sd-tab-font-weight: var(--sd-font-weight-bold); --sd-tag--default--hover-color-background: var(--sd-color-primary-100); From 56433b49abccd837789e6c5277fb30cc989c1f56 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Thu, 12 Feb 2026 16:05:45 +0000 Subject: [PATCH 12/49] fix: remove tooltip icon color --- packages/components/src/components/tooltip/tooltip.ts | 4 ---- 1 file changed, 4 deletions(-) diff --git a/packages/components/src/components/tooltip/tooltip.ts b/packages/components/src/components/tooltip/tooltip.ts index 8289300cce..62d4d98cef 100644 --- a/packages/components/src/components/tooltip/tooltip.ts +++ b/packages/components/src/components/tooltip/tooltip.ts @@ -385,10 +385,6 @@ export default class SdTooltip extends SolidElement { max-width: var(--auto-size-available-width) !important; max-height: var(--auto-size-available-height) !important; } - - :host [slot='anchor'] { - color: rgba(var(--sd-form-control__tooltip-color-icon)); - } ` ]; } From d92c8f177824c68f982f8bdd4cadf7549a591adf Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 17 Feb 2026 12:30:53 +0000 Subject: [PATCH 13/49] feat: add new headline variable --- packages/styles/src/modules/headline.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/styles/src/modules/headline.css b/packages/styles/src/modules/headline.css index f68b48002c..c8bd82415c 100644 --- a/packages/styles/src/modules/headline.css +++ b/packages/styles/src/modules/headline.css @@ -6,6 +6,7 @@ * @variant { 3xl | xl | lg | base } sd-headline--size-... The headline's size. * @boolean sd-headline--inverted Inverts the headline text. * @boolean sd-headline--inline Sets inline behavior. Used exclusively when an sd-icon or other component is present. See usage here. + * @cssproperty --sd-headline--3xl-onwards-color-text - The text color for 3xl and larger headlines. */ .sd-headline, @@ -18,7 +19,7 @@ &.sd-headline, &:is(h1):not(.sd-headline) { - @apply text-3xl sm:text-4xl gap-4 leading-tight; + @apply text-3xl sm:text-4xl gap-4 leading-tight sd-headline--3xl-onwards-color-text; sd-icon { @apply -mt-1 sm:mt-0; @@ -27,7 +28,7 @@ &.sd-headline--size-3xl, &:is(h2):not(.sd-headline) { - @apply text-2xl sm:text-3xl gap-4 leading-tight; + @apply text-2xl sm:text-3xl gap-4 leading-tight sd-headline--3xl-onwards-color-text; sd-icon { @apply -mt-1 sm:mt-0; From 686ba57ee21d979f7ecbf705523be093f8757a01 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 17 Feb 2026 12:45:24 +0000 Subject: [PATCH 14/49] feat: update status badge variables --- packages/styles/src/modules/status-badge.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/styles/src/modules/status-badge.css b/packages/styles/src/modules/status-badge.css index 8d9ba0a646..437b09e023 100644 --- a/packages/styles/src/modules/status-badge.css +++ b/packages/styles/src/modules/status-badge.css @@ -4,6 +4,8 @@ * @status stable * @since 1.0 * @variant { sucess | warning | error | info } sd-status-badge--... + * @cssproperty --sd-badge--green-color-background - background color for success status badge. + * @cssproperty --sd-badge--red-color-background - background color for error status badge. */ .sd-status-badge { @@ -15,7 +17,7 @@ &--success { sd-icon { - @apply bg-success; + @apply sd-badge--green-color-background; } } @@ -27,7 +29,7 @@ &--error { sd-icon { - @apply bg-error; + @apply sd-badge--red-color-background; } } From e2b714b43ac8a5e7411fbef619a90f9a442c28c6 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 17 Feb 2026 17:43:55 +0000 Subject: [PATCH 15/49] feat: improve the button --- .../src/components/button/button.ts | 68 +- .../output/figma-variables.json | 846 +++++++++---- .../src/figma-variables/variableTokens.json | 1125 ++++++++++------- packages/tokens/themes/components.css | 122 +- packages/tokens/themes/kid/kid.css | 50 +- packages/tokens/themes/ui-dark/ui-dark.css | 40 +- packages/tokens/themes/vb/vb.css | 42 +- 7 files changed, 1398 insertions(+), 895 deletions(-) diff --git a/packages/components/src/components/button/button.ts b/packages/components/src/components/button/button.ts index 3b14033785..aa698eae8a 100644 --- a/packages/components/src/components/button/button.ts +++ b/packages/components/src/components/button/button.ts @@ -35,39 +35,46 @@ import type { SolidFormControl } from '../../internal/solid-element'; * @csspart icon-right - The container that wraps the right icon area. * @csspart motion-wrapper - The container that wraps the motion animation. * - * @cssproperty --sd-button--inverted--disabled-color-background - The background color for inverted buttons in disabled state. - * @cssproperty --sd-button--inverted--disabled-color-border - The border color for inverted buttons in disabled state. - * @cssproperty --sd-button--inverted--disabled-color-text - The text color for inverted buttons in disabled state. - * @cssproperty --sd-button--inverted--active-color-background - The background color for inverted buttons in active state. * @cssproperty --sd-button--primary--active-color-text - The text color for primary buttons in active state. * @cssproperty --sd-button--primary--default-color-background - The background color for primary buttons in default state. * @cssproperty --sd-button--primary--default-color-text - The text color for primary buttons in default state. * @cssproperty --sd-button--primary--hover-color-background - The background color for primary buttons in hover state. - * @cssproperty --sd-button--primary--inverted--active-color-text - The text color for inverted primary buttons in active state. * @cssproperty --sd-button--primary--inverted--default-color-background - The background color for inverted primary buttons in default state. * @cssproperty --sd-button--primary--inverted--default-color-text - The text color for inverted primary buttons in default state. * @cssproperty --sd-button--primary--inverted--hover-color-background - The background color for inverted primary buttons in hover state. * @cssproperty --sd-button--primary--inverted--hover-color-text - The text color for inverted primary buttons in hover state. + * @cssproperty --sd-button--primary--inverted--active-color-text - The text color for inverted primary buttons in active state. + * @cssproperty --sd-button--primary--inverted--active-color-background - The background color for inverted primary buttons in active state. + * @cssproperty --sd-button--secondary--default-color-text - The text color for secondary buttons in default state. + * @cssproperty --sd-button--secondary--disabled-color-text - The text color for secondary buttons in disabled state. + * @cssproperty --sd-button--secondary--active-color-text - The text color for secondary buttons in active state. * @cssproperty --sd-button--secondary--active-color-background - The background color for secondary buttons in active state. - * @cssproperty --sd-button--secondary--hover-color-background - The background color for secondary buttons in hover state. - * @cssproperty --sd-button--secondary--inverted--active-color-background - The background color for inverted secondary buttons in active state. + * @cssproperty --sd-button--secondary--inverted-color-border - The border color for inverted secondary buttons. + * @cssproperty --sd-button--secondary--inverted-color-text - The text color for inverted secondary buttons. * @cssproperty --sd-button--secondary--inverted--hover-color-text - The text color for inverted secondary buttons in hover state. - * @cssproperty --sd-button--secondary--inverted--color-border - The border color for inverted secondary buttons. - * @cssproperty --sd-button--secondary--disabled-color-text - The text color for secondary buttons in disabled state. + * @cssproperty --sd-button--secondary--inverted--hover-color-background - The background color for inverted secondary buttons in hover state. + * @cssproperty --sd-button--secondary--inverted--active-color-background - The background color for inverted secondary buttons in active state. + * @cssproperty --sd-button--secondary--inverted--active-color-text - The text color for inverted secondary buttons in active state. + * @cssproperty --sd-button--secondary--hover-color-background - The background color for secondary buttons in hover state. + * @cssproperty --sd-button--tertiary--default-color-text - The text color for tertiary buttons in default state. + * @cssproperty --sd-button--tertiary--hover-color-background - The background color for tertiary buttons in hover state. * @cssproperty --sd-button--tertiary--disabled-color-text - The text color for tertiary buttons in disabled state. + * @cssproperty --sd-button--tertiary--active-color-text - The text color for tertiary buttons in active state. * @cssproperty --sd-button--tertiary--active-color-background - The background color for tertiary buttons in active state. - * @cssproperty --sd-button--tertiary--hover-color-background - The background color for tertiary buttons in hover state. - * @cssproperty --sd-button--tertiary--inverted--hover-color-background - The background color for inverted tertiary buttons in hover state. + * @cssproperty --sd-button--tertiary--inverted-color-text - The text color for inverted tertiary buttons. * @cssproperty --sd-button--tertiary--inverted--active-color-background - The background color for inverted tertiary buttons in active state. - * @cssproperty --sd-button--secondary--default-color-text - The text color for secondary buttons in default state. + * @cssproperty --sd-button--tertiary--inverted--active-color-text - The text color for inverted tertiary buttons in active state. + * @cssproperty --sd-button--tertiary--inverted--hover-color-background - The background color for inverted tertiary buttons in hover state. * @cssproperty --sd-button--tertiary--inverted--hover-color-text - The text color for inverted tertiary buttons in hover state. - * @cssproperty --sd-button--tertiary--default-color-text - The text color for tertiary buttons in default state. * @cssproperty --sd-button--cta--inverted--default-color-background - The background color for inverted CTA buttons in default state. * @cssproperty --sd-button--cta--inverted--default-color-text - The text color for inverted CTA buttons in default state. * @cssproperty --sd-button--cta--inverted--active-color-text - The text color for inverted CTA buttons in active state. * @cssproperty --sd-button--cta--inverted--hover-color-text - The text color for inverted CTA buttons in hover state. * @cssproperty --sd-button--cta--inverted--hover-color-background - The background color for inverted CTA buttons in hover state. * @cssproperty --sd-button--cta--inverted--active-color-background - The background color for inverted CTA buttons in active state. + * @cssproperty --sd-button--inverted--disabled-color-background - The background color for inverted buttons in disabled state. + * @cssproperty --sd-button--inverted--disabled-color-border - The border color for inverted buttons in disabled state. + * @cssproperty --sd-button--inverted--disabled-color-text - The text color for inverted buttons in disabled state. * @cssproperty --sd-button--size-sm-font-size - The small button border radius. * @cssproperty --sd-button--size-md-font-size - The medium button text font size. * @cssproperty --sd-button--size-lg-font-size - The large button text font size. @@ -78,6 +85,7 @@ import type { SolidFormControl } from '../../internal/solid-element'; * @cssproperty --sd-button--size-md-padding-block - The medium button vertical padding value. * @cssproperty --sd-button--size-lg-padding-block - The large button vertical padding value. * @cssproperty --sd-button-font-weight - The text font weight for buttons. + * @cssproperty --sd-button-border-width - The border width for secondary buttons with borders. */ @customElement('sd-button') export default class SdButton extends SolidElement implements SolidFormControl { @@ -340,35 +348,35 @@ export default class SdButton extends SolidElement implements SolidFormControl { ? 'bg-neutral-500 text-white border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500' : 'sd-button--primary--inverted--default-color-text sd-button--primary--inverted--default-color-background border-white hover:sd-button--primary--inverted--hover-color-text active:sd-button--primary--inverted--active-color-text active:sd-button--primary--inverted--active-color-background' } - disabled:sd-button--inverted--disabled-color-background disabled:sd-button--inverted--disabled-color-border disabled:text-white`, + disabled:sd-button--inverted--disabled-color-background disabled:text-white`, secondary: !this.inverted - ? `border ${ + ? `border sd-button-border-width ${ this.visuallyDisabled ? 'sd-button--secondary--disabled-color-text border-neutral-500 hover:text-neutral-500 hover:border-neutral-500 active:text-neutral-500 active:border-neutral-500' - : 'sd-button--secondary--default-color-text border-primary hover:text-primary-500 hover:border-primary-500 active:text-primary-800 active:border-primary-800' + : 'sd-button--secondary--default-color-text border-primary hover:text-primary-500 hover:border-primary-500 active:sd-button--secondary--active-color-text active:border-primary-800' } disabled:sd-button--secondary--disabled-color-text disabled:border-neutral-500` - : `border ${ + : `border sd-button-border-width ${ this.visuallyDisabled ? 'text-neutral-600 border-neutral-600 hover:text-neutral-600 hover:border-neutral-600 active:text-neutral-600 active:border-neutral-600' - : 'text-white sd-button--secondary--inverted--color-border hover:sd-button--secondary--inverted--hover-color-text hover:border-primary-100 active:text-primary-200' + : 'sd-button--secondary--inverted-color-text sd-button--secondary--inverted-color-border hover:sd-button--secondary--inverted-color-border hover:sd-button--secondary--inverted--hover-color-text hover:sd-button--secondary--inverted--hover-color-background active:sd-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-button--secondary--inverted--active-color-background' } disabled:sd-button--inverted--disabled-color-border disabled:sd-button--inverted--disabled-color-text`, tertiary: !this.inverted ? `border-transparent ${ this.visuallyDisabled ? 'sd-button--tertiary--disabled-color-text hover:text-neutral-500 active:text-neutral-500' - : 'sd-button--tertiary--default-color-text hover:text-primary-500 active:text-primary-800' + : 'sd-button--tertiary--default-color-text hover:text-primary-500 active:sd-button--tertiary--active-color-text' } disabled:sd-button--tertiary--disabled-color-text` : `border-transparent ${ this.visuallyDisabled ? 'text-neutral-600 hover:text-neutral-600 active:text-neutral-600' - : 'text-white hover:sd-button--tertiary--inverted--hover-color-text hover:sd-button--tertiary--inverted--hover-color-background active:text-primary-200' + : 'sd-button--tertiary--inverted-color-text hover:sd-button--tertiary--inverted--hover-color-text hover:sd-button--tertiary--inverted--hover-color-background active:sd-button--tertiary--inverted--active-color-background active:sd-button--tertiary--inverted--active-color-text' } disabled:sd-button--inverted--disabled-color-text`, - cta: `${this.visuallyDisabled ? 'bg-neutral-500 border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500' : 'bg-accent border-transparent'} - ${!this.inverted ? 'text-white disabled:bg-neutral-500 disabled:border-neutral-500 disabled:text-white' : 'sd-button--cta--inverted--default-color-background sd-button--cta--inverted--default-color-text hover:sd-button--cta--inverted--hover-color-text active:sd-button--cta--inverted--active-color-text disabled:sd-button--inverted--disabled-color-background disabled:sd-button--inverted--disabled-color-border disabled:text-white'}` + cta: `${this.visuallyDisabled ? 'bg-neutral-500 border-neutral-500 hover:bg-neutral-500 active:bg-neutral-500' : 'bg-accent border-transparent hover:bg-accent-500'} + ${!this.inverted ? 'text-white bg-accent disabled:bg-neutral-500 hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white' : 'sd-button--cta--inverted--default-color-background sd-button--cta--inverted--default-color-text hover:sd-button--cta--inverted--hover-color-text active:sd-button--cta--inverted--active-color-text disabled:sd-button--inverted--disabled-color-background disabled:text-white'}` }[this.variant] )} ?disabled=${ifDefined(isLink ? undefined : this.disabled)} @@ -405,15 +413,15 @@ export default class SdButton extends SolidElement implements SolidFormControl { { primary: !this.inverted ? 'sd-button--primary--hover-color-background group-active:bg-primary-800' - : 'sd-button--primary--inverted--hover-color-background group-active:bg-primary-200', + : 'sd-button--primary--inverted--hover-color-background group-active:sd-button--primary--inverted--active-color-background', secondary: !this.inverted ? 'sd-button--secondary--hover-color-background group-active:sd-button--secondary--active-color-background' - : 'bg-primary-500 group-active:sd-button--secondary--inverted--active-color-background', + : 'sd-button--secondary--inverted--hover-color-background group-active:sd-button--secondary--inverted--active-color-background group-active:sd-button--secondary--inverted--active-color-text', tertiary: !this.inverted ? 'sd-button--tertiary--hover-color-background group-active:sd-button--tertiary--active-color-background' - : 'bg-primary-500 group-active:sd-button--tertiary--inverted--active-color-background', + : 'sd-button--tertiary--inverted--hover-color-background group-active:sd-button--tertiary--inverted--active-color-background group-active:sd-button--tertiary--inverted--active-color-text', cta: !this.inverted - ? 'bg-accent-550 group-active:bg-accent-700' + ? 'bg-accent-500 group-active:bg-accent-700' : 'sd-button--cta--inverted--hover-color-background group-active:sd-button--cta--inverted--active-color-background' }[this.variant] )}>
@@ -422,15 +430,15 @@ export default class SdButton extends SolidElement implements SolidFormControl { { primary: !this.inverted ? 'sd-button--primary--hover-color-background group-active:bg-primary-800' - : 'sd-button--primary--inverted--hover-color-background group-active:bg-primary-200', + : 'sd-button--primary--inverted--hover-color-background group-active:sd-button--primary--inverted--active-color-background', secondary: !this.inverted ? 'sd-button--secondary--hover-color-background group-active:sd-button--secondary--active-color-background' - : 'bg-primary-500 group-active:sd-button--secondary--inverted--active-color-background', + : 'sd-button--secondary--inverted--hover-color-background group-active:sd-button--secondary--inverted--active-color-background group-active:sd-button--secondary--inverted--active-color-text', tertiary: !this.inverted ? 'sd-button--tertiary--hover-color-background group-active:sd-button--tertiary--active-color-background' - : 'bg-primary-500 group-active:sd-button--tertiary--inverted--active-color-background', + : 'sd-button--tertiary--inverted--hover-color-background group-active:sd-button--tertiary--inverted--active-color-background group-active:sd-button--tertiary--inverted--active-color-text', cta: !this.inverted - ? 'bg-accent-550 group-active:bg-accent-700' + ? 'bg-accent-500 group-active:bg-accent-700' : 'sd-button--cta--inverted--hover-color-background group-active:sd-button--cta--inverted--active-color-background' }[this.variant] )}> diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index 4fd44f6491..87c1193e7e 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -3343,14 +3343,6 @@ "type": "string", "value": "{ui-light.utilities.font-weight.normal}" }, - "--disabled": { - "color": { - "border": { - "type": "color", - "value": "{ui-light.utilities.color.neutral.500}" - } - } - }, "--size": { "lg": { "font-size": { @@ -3364,6 +3356,15 @@ "value": "{ui-light.utilities.text.sm}" } } + }, + "--disabled": { + "color": { + "text": { + "description": "Used for disabled state", + "type": "color", + "value": "{ui-light.utilities.color.neutral.500}" + } + } } }, "form-control": { @@ -3504,6 +3505,11 @@ "description": "Default icon color ", "type": "color", "value": "{ui-light.utilities.color.primary.200}" + }, + "text": { + "description": "Used for pressed interaction", + "type": "color", + "value": "{ui-light.utilities.color.primary.800}" } } }, @@ -3520,7 +3526,7 @@ "--hover": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for inverted hover interaction button label", "type": "color", "value": "{ui-light.utilities.color.primary.100}" }, @@ -3536,6 +3542,11 @@ "background": { "type": "color", "value": "{ui-light.utilities.color.primary.800}" + }, + "text": { + "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", + "type": "color", + "value": "{ui-light.utilities.color.primary.200}" } } }, @@ -3544,6 +3555,11 @@ "description": "Used for buttons, inverted focus state", "type": "color", "value": "{ui-light.utilities.color.white.default}" + }, + "text": { + "description": "Inverted icon color", + "type": "color", + "value": "{ui-light.utilities.color.white.default}" } } }, @@ -3597,8 +3613,20 @@ "description": "Default icon color ", "type": "color", "value": "{ui-light.utilities.color.primary.800}" + }, + "text": { + "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", + "type": "color", + "value": "{ui-light.utilities.color.primary.200}" } } + }, + "color": { + "text": { + "description": "Inverted icon color", + "type": "color", + "value": "{ui-light.utilities.color.white.default}" + } } }, "--active": { @@ -3607,6 +3635,11 @@ "description": "Default icon color ", "type": "color", "value": "{ui-light.utilities.color.primary.200}" + }, + "text": { + "description": "Used for pressed interaction", + "type": "color", + "value": "{ui-light.utilities.color.primary.800}" } } }, @@ -3746,6 +3779,10 @@ } } } + }, + "border-width": { + "type": "float", + "value": "{ui-light.utilities.border-width.default}" } }, "sd-footnotes": { @@ -3811,10 +3848,6 @@ "type": "float", "value": "{ui-light.utilities.rounded.none}" }, - "border-width": { - "type": "float", - "value": "0" - }, "--neutral-300": { "color": { "background": { @@ -3839,14 +3872,6 @@ "value": "rgba(255, 255, 255, 0.00)" } } - }, - "font-weight": { - "type": "string", - "value": "{ui-light.utilities.font-weight.normal}" - }, - "font-size": { - "type": "float", - "value": "{ui-light.utilities.text.sm}" } }, "sd-brandshape": { @@ -3988,6 +4013,7 @@ "--red": { "color": { "background": { + "description": "Used in both sd-badge and sd-status-badge", "type": "color", "value": "{ui-light.utilities.color.error.default}" } @@ -4006,6 +4032,7 @@ "--green": { "color": { "background": { + "description": "Used in both sd-badge and sd-status-badge", "type": "color", "value": "{ui-light.utilities.color.accent.550}" }, @@ -4091,15 +4118,7 @@ "text": { "type": "color", "value": "{ui-light.utilities.color.white.default}" - }, - "border": { - "type": "color", - "value": "rgba(255, 255, 255, 0.00)" } - }, - "border-width": { - "type": "float", - "value": "{ui-light.utilities.border-width.default}" } }, "sd-notification": { @@ -4226,18 +4245,6 @@ "value": "rgba(255, 255, 255, 0.00)" } } - }, - "font-weight": { - "type": "string", - "value": "{ui-light.utilities.font-weight.normal}" - }, - "border-width": { - "type": "float", - "value": "0" - }, - "font-size": { - "type": "float", - "value": "{ui-light.utilities.text.sm}" } }, "sd-radio": { @@ -4388,40 +4395,63 @@ } }, "sd-map-marker": { - "cluster": { - "color": { - "icon-fill": { - "type": "color", - "value": "{ui-light.utilities.color.background.primary.default}" + "--cluster": { + "--default": { + "color": { + "background": { + "type": "color", + "value": "{ui-light.utilities.color.background.primary.default}" + } } }, - "--hovered": { + "--hover": { "color": { - "icon-fill": { + "background": { "type": "color", "value": "{ui-light.utilities.color.background.primary.500}" } } + }, + "color": { + "text": { + "type": "color", + "value": "{ui-light.utilities.color.white.default}" + } } }, - "font-size": { - "type": "float", - "value": "{ui-light.utilities.text.xs}" + "--main": { + "color": { + "background": { + "type": "color", + "value": "{ui-light.utilities.color.background.accent.500}" + } + } }, - "main": { + "--pin": { + "--hover": { + "color": { + "background": { + "description": "Default icon color ", + "type": "color", + "value": "{ui-light.utilities.color.primary.100}" + } + } + }, "color": { "icon-fill": { "type": "color", - "value": "{ui-light.utilities.color.background.accent.500}" + "value": "{ui-light.utilities.color.background.primary.default}" } } } }, "sd-headline": { - "4xl-and-mobile-4xl": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.primary.default}" + "--3xl-onwards": { + "color": { + "text": { + "type": "color", + "value": "{ui-light.utilities.color.text.primary.default}" + } } } }, @@ -4439,7 +4469,7 @@ } } }, - "--description": { + "_description": { "color": { "text": { "type": "color", @@ -4470,12 +4500,6 @@ }, "sd-teaser-media": { "--primary-100": { - "color": { - "background": { - "type": "color", - "value": "{ui-light.utilities.color.background.primary.100}" - } - }, "--hover": { "color": { "background": { @@ -4483,6 +4507,13 @@ "value": "{ui-light.utilities.color.background.primary.100}" } } + }, + "color": { + "background": { + "description": "Used for teaser", + "type": "color", + "value": "rgba(236, 240, 249, 0.80)" + } } }, "--neutral-100": { @@ -4500,6 +4531,24 @@ } } } + }, + "--white": { + "--hover": { + "color": { + "background": { + "description": "Used for teaser, audio (wave animation)\n", + "type": "color", + "value": "rgba(255, 255, 255, 0.90)" + } + } + }, + "color": { + "background": { + "description": "Used for teaser", + "type": "color", + "value": "rgba(255, 255, 255, 0.80)" + } + } } }, "sd-teaser": { @@ -4610,7 +4659,7 @@ "type": "string", "value": "{ui-light.utilities.font-weight.normal}" }, - "--active": { + "--hover": { "color": { "background": { "description": "Used for sd-flag", @@ -4820,6 +4869,23 @@ } } }, + "marker": { + "font-weight": { + "description": "Used for sd-chip & sd-flag", + "type": "string", + "value": "{ui-light.utilities.font-weight.normal}" + }, + "border-width": { + "description": "Used for sd-chip & sd-flag", + "type": "float", + "value": "0" + }, + "font-size": { + "description": "Used for sd-chip & sd-flag", + "type": "float", + "value": "{ui-light.utilities.text.sm}" + } + }, "sd-skeleton": { "color": { "description": "Default icon color ", @@ -4866,6 +4932,16 @@ "type": "float", "value": "-1" } + }, + "sd-container": { + "--default": { + "color": { + "background": { + "type": "color", + "value": "{ui-light.utilities.color.background.neutral.100}" + } + } + } } } }, @@ -5047,7 +5123,7 @@ "primary|30": { "description": "Used for map-marker", "type": "color", - "value": "rgba(0, 53, 142, 0.30)" + "value": "rgba(255, 255, 255, 0.30)" }, "primary|80": { "description": "Used for teaser", @@ -6520,14 +6596,6 @@ "type": "string", "value": "{ui-dark.utilities.font-weight.normal}" }, - "--disabled": { - "color": { - "border": { - "type": "color", - "value": "{ui-dark.utilities.color.neutral.500}" - } - } - }, "--size": { "lg": { "font-size": { @@ -6541,6 +6609,15 @@ "value": "{ui-dark.utilities.text.sm}" } } + }, + "--disabled": { + "color": { + "text": { + "description": "Used for disabled state", + "type": "color", + "value": "{ui-dark.utilities.color.neutral.600}" + } + } } }, "form-control": { @@ -6681,6 +6758,11 @@ "description": "Default icon color ", "type": "color", "value": "{ui-dark.utilities.color.primary.500}" + }, + "text": { + "description": "Used for pressed interaction", + "type": "color", + "value": "{ui-dark.utilities.color.primary.200}" } } }, @@ -6697,7 +6779,7 @@ "--hover": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for inverted hover interaction button label", "type": "color", "value": "{ui-dark.utilities.color.primary.100}" }, @@ -6713,6 +6795,11 @@ "background": { "type": "color", "value": "{ui-dark.utilities.color.primary.800}" + }, + "text": { + "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", + "type": "color", + "value": "{ui-dark.utilities.color.primary.200}" } } }, @@ -6721,6 +6808,11 @@ "description": "Used for buttons, inverted focus state", "type": "color", "value": "{ui-dark.utilities.color.white.default}" + }, + "text": { + "description": "Inverted icon color", + "type": "color", + "value": "{ui-dark.utilities.color.white.default}" } } }, @@ -6774,8 +6866,20 @@ "description": "Default icon color ", "type": "color", "value": "{ui-dark.utilities.color.primary.800}" + }, + "text": { + "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", + "type": "color", + "value": "{ui-dark.utilities.color.primary.200}" } } + }, + "color": { + "text": { + "description": "Inverted icon color", + "type": "color", + "value": "{ui-dark.utilities.color.white.default}" + } } }, "--active": { @@ -6784,6 +6888,11 @@ "description": "Default icon color ", "type": "color", "value": "{ui-dark.utilities.color.primary.500}" + }, + "text": { + "description": "Used for pressed interaction", + "type": "color", + "value": "{ui-dark.utilities.color.primary.200}" } } }, @@ -6923,6 +7032,10 @@ } } } + }, + "border-width": { + "type": "float", + "value": "{ui-dark.utilities.border-width.default}" } }, "sd-footnotes": { @@ -6988,10 +7101,6 @@ "type": "float", "value": "{ui-dark.utilities.rounded.none}" }, - "border-width": { - "type": "float", - "value": "0" - }, "--neutral-300": { "color": { "background": { @@ -7016,14 +7125,6 @@ "value": "rgba(255, 255, 255, 0.00)" } } - }, - "font-weight": { - "type": "string", - "value": "{ui-dark.utilities.font-weight.normal}" - }, - "font-size": { - "type": "float", - "value": "{ui-dark.utilities.text.sm}" } }, "sd-brandshape": { @@ -7165,6 +7266,7 @@ "--red": { "color": { "background": { + "description": "Used in both sd-badge and sd-status-badge", "type": "color", "value": "{ui-dark.utilities.color.error.300}" } @@ -7183,6 +7285,7 @@ "--green": { "color": { "background": { + "description": "Used in both sd-badge and sd-status-badge", "type": "color", "value": "{ui-dark.utilities.color.accent.550}" }, @@ -7268,15 +7371,7 @@ "text": { "type": "color", "value": "{ui-dark.utilities.color.white.default}" - }, - "border": { - "type": "color", - "value": "rgba(255, 255, 255, 0.00)" } - }, - "border-width": { - "type": "float", - "value": "{ui-dark.utilities.border-width.default}" } }, "sd-notification": { @@ -7403,18 +7498,6 @@ "value": "rgba(255, 255, 255, 0.00)" } } - }, - "font-weight": { - "type": "string", - "value": "{ui-dark.utilities.font-weight.normal}" - }, - "border-width": { - "type": "float", - "value": "0" - }, - "font-size": { - "type": "float", - "value": "{ui-dark.utilities.text.sm}" } }, "sd-radio": { @@ -7565,40 +7648,63 @@ } }, "sd-map-marker": { - "cluster": { - "color": { - "icon-fill": { - "type": "color", - "value": "{ui-dark.utilities.color.background.primary.default}" + "--cluster": { + "--default": { + "color": { + "background": { + "type": "color", + "value": "{ui-dark.utilities.color.white.default}" + } } }, - "--hovered": { + "--hover": { "color": { - "icon-fill": { + "background": { "type": "color", - "value": "{ui-dark.utilities.color.background.primary.500}" + "value": "{ui-dark.utilities.color.primary.100}" } } + }, + "color": { + "text": { + "type": "color", + "value": "{ui-dark.utilities.color.primary.default}" + } } }, - "font-size": { - "type": "float", - "value": "{ui-dark.utilities.text.xs}" + "--main": { + "color": { + "background": { + "type": "color", + "value": "{ui-dark.utilities.color.background.accent.500}" + } + } }, - "main": { + "--pin": { + "--hover": { + "color": { + "background": { + "description": "Default icon color ", + "type": "color", + "value": "{ui-dark.utilities.color.primary.100}" + } + } + }, "color": { "icon-fill": { "type": "color", - "value": "{ui-dark.utilities.color.background.accent.500}" + "value": "{ui-dark.utilities.color.primary.default}" } } } }, "sd-headline": { - "4xl-and-mobile-4xl": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.default}" + "--3xl-onwards": { + "color": { + "text": { + "type": "color", + "value": "{ui-dark.utilities.color.text.primary.default}" + } } } }, @@ -7616,7 +7722,7 @@ } } }, - "--description": { + "_description": { "color": { "text": { "type": "color", @@ -7647,12 +7753,6 @@ }, "sd-teaser-media": { "--primary-100": { - "color": { - "background": { - "type": "color", - "value": "{ui-dark.utilities.color.background.primary.100}" - } - }, "--hover": { "color": { "background": { @@ -7660,6 +7760,13 @@ "value": "{ui-dark.utilities.color.background.primary.100}" } } + }, + "color": { + "background": { + "description": "Used for teaser", + "type": "color", + "value": "rgba(10, 32, 74, 0.80)" + } } }, "--neutral-100": { @@ -7677,6 +7784,24 @@ } } } + }, + "--white": { + "--hover": { + "color": { + "background": { + "description": "Used for teaser, audio (wave animation)\n", + "type": "color", + "value": "rgba(0, 53, 142, 0.90)" + } + } + }, + "color": { + "background": { + "description": "Used for teaser", + "type": "color", + "value": "rgba(0, 53, 142, 0.80)" + } + } } }, "sd-teaser": { @@ -7787,7 +7912,7 @@ "type": "string", "value": "{ui-dark.utilities.font-weight.normal}" }, - "--active": { + "--hover": { "color": { "background": { "description": "Used for sd-flag", @@ -7997,6 +8122,23 @@ } } }, + "marker": { + "font-weight": { + "description": "Used for sd-chip & sd-flag", + "type": "string", + "value": "{ui-dark.utilities.font-weight.normal}" + }, + "border-width": { + "description": "Used for sd-chip & sd-flag", + "type": "float", + "value": "0" + }, + "font-size": { + "description": "Used for sd-chip & sd-flag", + "type": "float", + "value": "{ui-dark.utilities.text.sm}" + } + }, "sd-skeleton": { "color": { "description": "Default icon color ", @@ -8043,6 +8185,16 @@ "type": "float", "value": "-1" } + }, + "sd-container": { + "--default": { + "color": { + "background": { + "type": "color", + "value": "{ui-dark.utilities.color.background.primary.100}" + } + } + } } } }, @@ -9697,14 +9849,6 @@ "type": "string", "value": "{vb.utilities.font-weight.bold}" }, - "--disabled": { - "color": { - "border": { - "type": "color", - "value": "{core.vb.azure.400}" - } - } - }, "--size": { "lg": { "font-size": { @@ -9718,6 +9862,15 @@ "value": "{vb.utilities.text.sm}" } } + }, + "--disabled": { + "color": { + "text": { + "description": "Used for disabled state", + "type": "color", + "value": "{vb.utilities.color.neutral.400}" + } + } } }, "form-control": { @@ -9858,6 +10011,11 @@ "description": "Default icon color ", "type": "color", "value": "{vb.utilities.color.primary.100}" + }, + "text": { + "description": "Used for pressed interaction", + "type": "color", + "value": "{vb.utilities.color.primary.800}" } } }, @@ -9874,14 +10032,14 @@ "--hover": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for inverted hover interaction button label", "type": "color", "value": "{vb.utilities.color.primary.100}" }, "background": { "description": "Used for sd-chip, sd-badge", "type": "color", - "value": "{core.vb.azure.750}" + "value": "{vb.utilities.color.primary.750}" } } }, @@ -9889,7 +10047,12 @@ "color": { "background": { "type": "color", - "value": "{core.vb.azure.650}" + "value": "{vb.utilities.color.primary.750}" + }, + "text": { + "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", + "type": "color", + "value": "{vb.utilities.color.primary.200}" } } }, @@ -9898,6 +10061,11 @@ "description": "Used for buttons, inverted focus state", "type": "color", "value": "{vb.utilities.color.white.default}" + }, + "text": { + "description": "Inverted icon color", + "type": "color", + "value": "{vb.utilities.color.white.default}" } } }, @@ -9941,7 +10109,7 @@ "background": { "description": "Used for sd-chip, sd-badge", "type": "color", - "value": "{core.vb.azure.750}" + "value": "{vb.utilities.color.primary.750}" } } }, @@ -9951,8 +10119,20 @@ "description": "Default icon color ", "type": "color", "value": "{core.vb.azure.650}" + }, + "text": { + "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", + "type": "color", + "value": "{vb.utilities.color.primary.200}" } } + }, + "color": { + "text": { + "description": "Inverted icon color", + "type": "color", + "value": "{vb.utilities.color.white.default}" + } } }, "--active": { @@ -9961,6 +10141,11 @@ "description": "Default icon color ", "type": "color", "value": "{vb.utilities.color.primary.100}" + }, + "text": { + "description": "Used for pressed interaction", + "type": "color", + "value": "{vb.utilities.color.primary.800}" } } }, @@ -10100,6 +10285,10 @@ } } } + }, + "border-width": { + "type": "float", + "value": "{vb.utilities.border-width.2}" } }, "sd-footnotes": { @@ -10165,10 +10354,6 @@ "type": "float", "value": "{vb.utilities.rounded.default}" }, - "border-width": { - "type": "float", - "value": "{vb.utilities.border-width.default}" - }, "--neutral-300": { "color": { "background": { @@ -10193,14 +10378,6 @@ "value": "{vb.utilities.color.primary.900}" } } - }, - "font-weight": { - "type": "string", - "value": "{vb.utilities.font-weight.normal}" - }, - "font-size": { - "type": "float", - "value": "{vb.utilities.text.sm}" } }, "sd-brandshape": { @@ -10342,6 +10519,7 @@ "--red": { "color": { "background": { + "description": "Used in both sd-badge and sd-status-badge", "type": "color", "value": "{vb.utilities.color.error.default}" } @@ -10360,6 +10538,7 @@ "--green": { "color": { "background": { + "description": "Used in both sd-badge and sd-status-badge", "type": "color", "value": "{vb.utilities.color.background.success.default}" }, @@ -10445,15 +10624,7 @@ "text": { "type": "color", "value": "{core.vb.grey.600}" - }, - "border": { - "type": "color", - "value": "{core.vb.grey.400}" } - }, - "border-width": { - "type": "float", - "value": "{vb.utilities.border-width.default}" } }, "sd-notification": { @@ -10580,18 +10751,6 @@ "value": "{vb.utilities.color.primary.900}" } } - }, - "font-weight": { - "type": "string", - "value": "{vb.utilities.font-weight.normal}" - }, - "border-width": { - "type": "float", - "value": "{vb.utilities.border-width.default}" - }, - "font-size": { - "type": "float", - "value": "{vb.utilities.text.sm}" } }, "sd-radio": { @@ -10742,27 +10901,48 @@ } }, "sd-map-marker": { - "cluster": { - "color": { - "icon-fill": { - "type": "color", - "value": "{vb.utilities.color.background.accent.500}" + "--cluster": { + "--default": { + "color": { + "background": { + "type": "color", + "value": "{vb.utilities.color.background.accent.500}" + } } }, - "--hovered": { + "--hover": { "color": { - "icon-fill": { + "background": { "type": "color", "value": "{vb.utilities.color.background.accent.550}" } } + }, + "color": { + "text": { + "type": "color", + "value": "{vb.utilities.color.white.default}" + } } }, - "font-size": { - "type": "float", - "value": "{vb.utilities.text.xs}" + "--main": { + "color": { + "background": { + "type": "color", + "value": "{vb.utilities.color.background.accent.500}" + } + } }, - "main": { + "--pin": { + "--hover": { + "color": { + "background": { + "description": "Default icon color ", + "type": "color", + "value": "{vb.utilities.color.background.primary.100}" + } + } + }, "color": { "icon-fill": { "type": "color", @@ -10772,10 +10952,12 @@ } }, "sd-headline": { - "4xl-and-mobile-4xl": { - "text": { - "type": "color", - "value": "{vb.utilities.color.primary.800}" + "--3xl-onwards": { + "color": { + "text": { + "type": "color", + "value": "{vb.utilities.color.primary.800}" + } } } }, @@ -10793,7 +10975,7 @@ } } }, - "--description": { + "_description": { "color": { "text": { "type": "color", @@ -10824,12 +11006,6 @@ }, "sd-teaser-media": { "--primary-100": { - "color": { - "background": { - "type": "color", - "value": "rgba(245, 247, 249, 0.80)" - } - }, "--hover": { "color": { "background": { @@ -10837,6 +11013,13 @@ "value": "rgba(245, 247, 249, 0.90)" } } + }, + "color": { + "background": { + "description": "Used for teaser", + "type": "color", + "value": "rgba(236, 240, 249, 0.80)" + } } }, "--neutral-100": { @@ -10854,6 +11037,24 @@ } } } + }, + "--white": { + "--hover": { + "color": { + "background": { + "description": "Used for teaser, audio (wave animation)\n", + "type": "color", + "value": "rgba(255, 255, 255, 0.90)" + } + } + }, + "color": { + "background": { + "description": "Used for teaser", + "type": "color", + "value": "rgba(255, 255, 255, 0.80)" + } + } } }, "sd-teaser": { @@ -10964,7 +11165,7 @@ "type": "string", "value": "{vb.utilities.font-weight.bold}" }, - "--active": { + "--hover": { "color": { "background": { "description": "Used for sd-flag", @@ -11174,6 +11375,23 @@ } } }, + "marker": { + "font-weight": { + "description": "Used for sd-chip & sd-flag", + "type": "string", + "value": "{vb.utilities.font-weight.normal}" + }, + "border-width": { + "description": "Used for sd-chip & sd-flag", + "type": "float", + "value": "{vb.utilities.border-width.default}" + }, + "font-size": { + "description": "Used for sd-chip & sd-flag", + "type": "float", + "value": "{vb.utilities.text.sm}" + } + }, "sd-skeleton": { "color": { "description": "Default icon color ", @@ -11220,6 +11438,16 @@ "type": "float", "value": "-2" } + }, + "sd-container": { + "--default": { + "color": { + "background": { + "type": "color", + "value": "{core.vb.grey.50}" + } + } + } } } }, @@ -12099,15 +12327,15 @@ "color": { "description": "Used for tooltip", "type": "color", - "value": "rgba(107, 36, 5, 0.25)" + "value": "rgba(5, 21, 48, 0.10)" }, "y": { "type": "float", - "value": "4" + "value": "2" }, "blur": { "type": "float", - "value": "12" + "value": "4" }, "x": { "type": "float", @@ -12115,7 +12343,7 @@ }, "spread": { "type": "float", - "value": "-6" + "value": "0" } }, "sm": { @@ -12874,14 +13102,6 @@ "type": "string", "value": "{kid.utilities.font-weight.bold}" }, - "--disabled": { - "color": { - "border": { - "type": "color", - "value": "{kid.utilities.color.neutral.500}" - } - } - }, "--size": { "lg": { "font-size": { @@ -12895,6 +13115,15 @@ "value": "{kid.utilities.text.xs}" } } + }, + "--disabled": { + "color": { + "text": { + "description": "Used for disabled state", + "type": "color", + "value": "{kid.utilities.color.neutral.400}" + } + } } }, "form-control": { @@ -13035,6 +13264,11 @@ "description": "Default icon color ", "type": "color", "value": "{kid.utilities.color.background._gradient.components.informational.gradient.--white.background.color.0%}" + }, + "text": { + "description": "Used for pressed interaction", + "type": "color", + "value": "{kid.utilities.color.neutral.800}" } } }, @@ -13051,7 +13285,7 @@ "--hover": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for inverted hover interaction button label", "type": "color", "value": "{kid.utilities.color.accent.100}" }, @@ -13067,6 +13301,11 @@ "background": { "type": "color", "value": "{kid.utilities.color.background._gradient.components.informational.gradient.--white.background.color.0%}" + }, + "text": { + "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", + "type": "color", + "value": "{kid.utilities.color.accent.100}" } } }, @@ -13075,6 +13314,11 @@ "description": "Used for buttons, inverted focus state", "type": "color", "value": "{kid.utilities.color.accent.100}" + }, + "text": { + "description": "Inverted icon color", + "type": "color", + "value": "{kid.utilities.color.accent.100}" } } }, @@ -13092,7 +13336,7 @@ "text": { "description": "Used for buttons, select field, focus state", "type": "color", - "value": "{kid.utilities.color.neutral.500}" + "value": "{kid.utilities.color.neutral.400}" } } } @@ -13128,8 +13372,20 @@ "description": "Default icon color ", "type": "color", "value": "{kid.utilities.color.background._gradient.components.informational.gradient.--white.background.color.0%}" + }, + "text": { + "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", + "type": "color", + "value": "{kid.utilities.color.accent.100}" } } + }, + "color": { + "text": { + "description": "Inverted icon color", + "type": "color", + "value": "{kid.utilities.color.accent.100}" + } } }, "--active": { @@ -13138,6 +13394,11 @@ "description": "Default icon color ", "type": "color", "value": "{kid.utilities.color.background._gradient.components.informational.gradient.--white.background.color.0%}" + }, + "text": { + "description": "Used for pressed interaction", + "type": "color", + "value": "{kid.utilities.color.neutral.800}" } } }, @@ -13155,7 +13416,7 @@ "text": { "description": "Used for buttons, select field, focus state", "type": "color", - "value": "{kid.utilities.color.neutral.500}" + "value": "{kid.utilities.color.neutral.400}" } } } @@ -13277,6 +13538,10 @@ } } } + }, + "border-width": { + "type": "float", + "value": "{kid.utilities.border-width.default}" } }, "sd-footnotes": { @@ -13342,10 +13607,6 @@ "type": "float", "value": "{kid.utilities.rounded.full}" }, - "border-width": { - "type": "float", - "value": "{kid.utilities.border-width.default}" - }, "--neutral-300": { "color": { "background": { @@ -13370,14 +13631,6 @@ "value": "rgba(255, 255, 255, 0.60)" } } - }, - "font-weight": { - "type": "string", - "value": "{kid.utilities.font-weight.bold}" - }, - "font-size": { - "type": "float", - "value": "{kid.utilities.text.xs}" } }, "sd-brandshape": { @@ -13519,6 +13772,7 @@ "--red": { "color": { "background": { + "description": "Used in both sd-badge and sd-status-badge", "type": "color", "value": "{kid.utilities.color.background.error.default}" } @@ -13537,6 +13791,7 @@ "--green": { "color": { "background": { + "description": "Used in both sd-badge and sd-status-badge", "type": "color", "value": "{kid.utilities.color.background.success.default}" }, @@ -13622,15 +13877,7 @@ "text": { "type": "color", "value": "{core.vb.grey.600}" - }, - "border": { - "type": "color", - "value": "rgba(255, 255, 255, 0.00)" } - }, - "border-width": { - "type": "float", - "value": "{kid.utilities.border-width.default}" } }, "sd-notification": { @@ -13757,18 +14004,6 @@ "value": "rgba(255, 255, 255, 0.60)" } } - }, - "font-weight": { - "type": "string", - "value": "{kid.utilities.font-weight.bold}" - }, - "border-width": { - "type": "float", - "value": "{kid.utilities.border-width.default}" - }, - "font-size": { - "type": "float", - "value": "{kid.utilities.text.xs}" } }, "sd-radio": { @@ -13919,27 +14154,48 @@ } }, "sd-map-marker": { - "cluster": { - "color": { - "icon-fill": { - "type": "color", - "value": "{kid.utilities.color.background.primary.default}" + "--cluster": { + "--default": { + "color": { + "background": { + "type": "color", + "value": "{kid.utilities.color.background.primary.default}" + } } }, - "--hovered": { + "--hover": { "color": { - "icon-fill": { + "background": { "type": "color", - "value": "{kid.utilities.color.background.primary.default}" + "value": "{kid.utilities.color.neutral.800}" } } + }, + "color": { + "text": { + "type": "color", + "value": "{kid.utilities.color.text.white.default}" + } } }, - "font-size": { - "type": "float", - "value": "{kid.utilities.text.xs}" + "--main": { + "color": { + "background": { + "type": "color", + "value": "{kid.utilities.color.background.primary.default}" + } + } }, - "main": { + "--pin": { + "--hover": { + "color": { + "background": { + "description": "Default icon color ", + "type": "color", + "value": "{kid.utilities.color.background.primary.100}" + } + } + }, "color": { "icon-fill": { "type": "color", @@ -13949,10 +14205,12 @@ } }, "sd-headline": { - "4xl-and-mobile-4xl": { - "text": { - "type": "color", - "value": "{core.kid.black}" + "--3xl-onwards": { + "color": { + "text": { + "type": "color", + "value": "{core.kid.black}" + } } } }, @@ -13970,7 +14228,7 @@ } } }, - "--description": { + "_description": { "color": { "text": { "type": "color", @@ -14001,12 +14259,6 @@ }, "sd-teaser-media": { "--primary-100": { - "color": { - "background": { - "type": "color", - "value": "rgba(245, 247, 249, 0.80)" - } - }, "--hover": { "color": { "background": { @@ -14014,6 +14266,13 @@ "value": "rgba(255, 255, 255, 0.90)" } } + }, + "color": { + "background": { + "description": "Used for teaser", + "type": "color", + "value": "rgba(255, 255, 255, 0.80)" + } } }, "--neutral-100": { @@ -14031,6 +14290,24 @@ } } } + }, + "--white": { + "--hover": { + "color": { + "background": { + "description": "Used for teaser, audio (wave animation)\n", + "type": "color", + "value": "rgba(247, 242, 236, 0.90)" + } + } + }, + "color": { + "background": { + "description": "Used for teaser", + "type": "color", + "value": "rgba(247, 242, 236, 0.80)" + } + } } }, "sd-teaser": { @@ -14107,7 +14384,7 @@ "border": { "description": "Used for active / selected elements", "type": "color", - "value": "{kid.utilities.color.white.default}" + "value": "{kid.utilities.color.text.white.default}" } } } @@ -14141,7 +14418,7 @@ "type": "string", "value": "{kid.utilities.font-weight.bold}" }, - "--active": { + "--hover": { "color": { "background": { "description": "Used for sd-flag", @@ -14351,6 +14628,23 @@ } } }, + "marker": { + "font-weight": { + "description": "Used for sd-chip & sd-flag", + "type": "string", + "value": "{kid.utilities.font-weight.bold}" + }, + "border-width": { + "description": "Used for sd-chip & sd-flag", + "type": "float", + "value": "{kid.utilities.border-width.default}" + }, + "font-size": { + "description": "Used for sd-chip & sd-flag", + "type": "float", + "value": "{kid.utilities.text.xs}" + } + }, "sd-skeleton": { "color": { "description": "Default icon color ", @@ -14397,6 +14691,16 @@ "type": "float", "value": "-1" } + }, + "sd-container": { + "--default": { + "color": { + "background": { + "type": "color", + "value": "rgba(255, 255, 255, 0.50)" + } + } + } } } } diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index 933cfc02a3..89939bad36 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -212,8 +212,8 @@ "VariableID:44921:14706", "VariableID:44921:14707", "VariableID:44917:20154", - "VariableID:44917:20144", "VariableID:46172:9194", + "VariableID:44917:20144", "VariableID:43927:5029", "VariableID:48719:123821", "VariableID:46396:101311", @@ -399,7 +399,6 @@ "remote": false, "variableIds": [ "VariableID:43372:21101", - "VariableID:43373:35271", "VariableID:43979:193", "VariableID:43979:194", "VariableID:44029:1633", @@ -463,11 +462,10 @@ "VariableID:43979:261", "VariableID:43979:262", "VariableID:43979:263", - "VariableID:43979:264", "VariableID:43979:299", + "VariableID:43979:264", "VariableID:43979:300", "VariableID:43979:265", - "VariableID:51491:7158", "VariableID:43979:301", "VariableID:43979:302", "VariableID:43373:35301", @@ -510,22 +508,43 @@ "VariableID:44336:5063", "VariableID:44336:5061", "VariableID:43979:252", + "VariableID:44271:64020", + "VariableID:44625:20357", + "VariableID:44762:16901", + "VariableID:44271:64197", + "VariableID:44300:68046", + "VariableID:44300:68048", + "VariableID:44300:68555", + "VariableID:44300:68556", + "VariableID:47858:29969", + "VariableID:44300:68558", "VariableID:50578:41688", - "VariableID:50587:4943", - "VariableID:50587:4944", + "VariableID:44271:64199", "VariableID:50578:56661", + "VariableID:44271:64200", + "VariableID:54294:21759", + "VariableID:50587:4944", + "VariableID:47333:16976", + "VariableID:54294:28374", + "VariableID:54294:28379", + "VariableID:44283:64319", + "VariableID:46961:122725", + "VariableID:44283:64318", "VariableID:43979:288", "VariableID:43979:289", "VariableID:43979:290", "VariableID:43979:281", "VariableID:43979:282", + "VariableID:54294:16226", "VariableID:43979:253", "VariableID:43979:294", "VariableID:43979:254", "VariableID:43979:295", + "VariableID:53463:2694", "VariableID:43979:296", "VariableID:43979:255", "VariableID:43979:293", + "VariableID:50587:4943", "VariableID:50578:56662", "VariableID:43979:256", "VariableID:43979:257", @@ -544,6 +563,7 @@ "VariableID:43979:247", "VariableID:43979:248", "VariableID:43979:242", + "VariableID:54294:28373", "VariableID:43979:249", "VariableID:43979:250", "VariableID:43979:493", @@ -554,6 +574,9 @@ "VariableID:43979:287", "VariableID:43979:311", "VariableID:43979:268", + "VariableID:46961:115232", + "VariableID:54294:28375", + "VariableID:54294:28378", "VariableID:43979:269", "VariableID:43979:270", "VariableID:43979:271", @@ -639,6 +662,9 @@ "VariableID:46500:50144", "VariableID:47031:407", "VariableID:44294:66968", + "VariableID:48127:24317", + "VariableID:48127:24325", + "VariableID:48150:71090", "VariableID:45046:52299", "VariableID:45014:35870", "VariableID:45014:36471", @@ -667,26 +693,16 @@ "VariableID:44023:39692", "VariableID:49052:99", "VariableID:44953:13157", - "VariableID:44271:64020", - "VariableID:44625:20357", - "VariableID:44762:16901", - "VariableID:44271:64197", - "VariableID:44300:68046", - "VariableID:44300:68048", - "VariableID:44300:68555", - "VariableID:44300:68556", - "VariableID:47858:29969", - "VariableID:44300:68558", - "VariableID:44271:64199", + "VariableID:54289:8163", "VariableID:44271:64186", - "VariableID:46961:115232", "VariableID:44283:64315", "VariableID:44300:68643", - "VariableID:44271:64200", - "VariableID:47333:16976", - "VariableID:46961:122725", - "VariableID:44283:64318", - "VariableID:44283:64319", + "VariableID:46971:17841", + "VariableID:46977:27416", + "VariableID:46977:29580", + "VariableID:46977:29581", + "VariableID:46977:29583", + "VariableID:46989:18467", "VariableID:44921:4592", "VariableID:44921:4593", "VariableID:44921:4594", @@ -696,13 +712,7 @@ "VariableID:44883:24608", "VariableID:47783:193767", "VariableID:47783:193768", - "VariableID:46971:17841", "VariableID:47783:193769", - "VariableID:46977:27416", - "VariableID:46977:29580", - "VariableID:46977:29581", - "VariableID:46977:29583", - "VariableID:46989:18467", "VariableID:46977:27419", "VariableID:46977:27421", "VariableID:46977:29585", @@ -713,10 +723,9 @@ "VariableID:50578:36839", "VariableID:49052:103", "VariableID:49052:1122", + "VariableID:46790:57690", + "VariableID:51491:7158", "VariableID:46434:259683", - "VariableID:48127:24317", - "VariableID:48127:24325", - "VariableID:48150:71090", "VariableID:46434:259677", "VariableID:46434:259678", "VariableID:46434:259679", @@ -726,10 +735,10 @@ "VariableID:46434:259682", "VariableID:46434:259685", "VariableID:46434:259686", - "VariableID:46790:57690", "VariableID:47741:23884", "VariableID:47741:23893", "VariableID:48602:92347", + "VariableID:53700:1817", "VariableID:49425:38202", "VariableID:50346:24618", "VariableID:50348:22930", @@ -741,9 +750,6 @@ "VariableID:46871:10801", "VariableID:50243:25341", "VariableID:46408:68807", - "VariableID:46408:70160", - "VariableID:49398:67", - "VariableID:49398:68", "VariableID:46408:68803", "VariableID:46408:68806", "VariableID:46408:70204", @@ -763,10 +769,12 @@ "VariableID:47728:7238", "VariableID:50569:510", "VariableID:46768:1312", - "VariableID:46897:13212", + "VariableID:49063:51818", + "VariableID:51964:11323", + "VariableID:51974:11364", + "VariableID:51964:11322", "VariableID:46550:34530", "VariableID:46552:34531", - "VariableID:49063:51818", "VariableID:46893:49686", "VariableID:46893:50283", "VariableID:46893:50285", @@ -827,21 +835,20 @@ "VariableID:46396:101306", "VariableID:46396:101307", "VariableID:46396:101308", - "VariableID:47741:23883", "VariableID:47961:6310", "VariableID:47961:6311", "VariableID:49594:14770", - "VariableID:46785:21019", - "VariableID:46785:21047", - "VariableID:46785:21048", - "VariableID:46782:21015", + "VariableID:53591:1805", + "VariableID:53591:1806", + "VariableID:53592:5039", "VariableID:46782:21016", "VariableID:46782:21017", "VariableID:46782:21018", - "VariableID:49399:22596", + "VariableID:46785:21019", + "VariableID:46785:21047", + "VariableID:46785:21048", "VariableID:46396:82803", "VariableID:46396:82804", - "VariableID:49399:22595", "VariableID:46864:40268", "VariableID:46588:15143", "VariableID:46590:15143", @@ -855,7 +862,6 @@ "VariableID:43979:274", "VariableID:43373:35315", "VariableID:43373:35316", - "VariableID:43373:35318", "VariableID:44318:24450", "VariableID:47958:17170", "VariableID:47958:21546", @@ -864,8 +870,6 @@ "VariableID:44300:68678", "VariableID:45365:12253", "VariableID:49594:15491", - "VariableID:43373:35358", - "VariableID:43373:35373", "VariableID:43373:35401", "VariableID:43373:35402", "VariableID:43373:35403", @@ -2326,39 +2330,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:43373:35271": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "Default icon color ", - "hiddenFromPublishing": false, - "id": "VariableID:43373:35271", - "key": "5e6c6f3ef81cfaf6574cb1b9d4e9839c5139b74f", - "name": "icon-fill/primary", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:42952:107", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:42952:176", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:42952:107", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:42952:107", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:43373:35292": { "codeSyntax": {}, "deletedButReferenced": true, @@ -2986,105 +2957,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:43373:35318": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "Default text color", - "hiddenFromPublishing": false, - "id": "VariableID:43373:35318", - "key": "e58c5282f4ebabd41e9a43377f9009f56632bf1c", - "name": "text/black", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:42952:177", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:42952:176", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:42952:177", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:42952:177", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:43373:35358": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:43373:35358", - "key": "c9f7cff0b82db0cfe411edf46159ee6d8808d616", - "name": "icon-fill/accent", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:42952:117", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:42952:117", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:42952:117", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:42952:117", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:43373:35373": { - "codeSyntax": {}, - "deletedButReferenced": true, - "description": "Used to highlight active/selected elements\n", - "hiddenFromPublishing": false, - "id": "VariableID:43373:35373", - "key": "9185540fee8f8576716c92e4b9b4c88ac595b854", - "name": "border/accent", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:42952:117", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:42952:117", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:42952:117", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:42952:117", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:43373:35401": { "codeSyntax": {}, "deletedButReferenced": true, @@ -8686,9 +8558,9 @@ }, "43174:14": { "a": 0.30000001192092896, - "b": 0.5568627715110779, - "g": 0.2078431397676468, - "r": 0 + "b": 1, + "g": 1, + "r": 1 }, "44883:0": { "a": 0.30000001192092896, @@ -8995,10 +8867,10 @@ "r": 0 }, "47719:0": { - "a": 0.25, - "b": 0.019607843831181526, - "g": 0.1411764770746231, - "r": 0.41960784792900085 + "a": 0.10000000149011612, + "b": 0.1882352977991104, + "g": 0.08235294371843338, + "r": 0.019607843831181526 } }, "variableCollectionId": "VariableCollectionId:43174:55999" @@ -12099,6 +11971,7 @@ }, "VariableID:44283:64315": { "codeSyntax": {}, + "deletedButReferenced": true, "description": "Default icon color ", "hiddenFromPublishing": false, "id": "VariableID:44283:64315", @@ -12439,7 +12312,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5035", + "id": "VariableID:43979:200", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -12659,7 +12532,7 @@ "43174:13": 1, "43174:14": 0, "44883:0": 0, - "47719:0": 4 + "47719:0": 2 }, "variableCollectionId": "VariableCollectionId:43174:55999" }, @@ -12679,7 +12552,7 @@ "43174:13": 3, "43174:14": 0, "44883:0": 20, - "47719:0": 12 + "47719:0": 4 }, "variableCollectionId": "VariableCollectionId:43174:55999" }, @@ -14782,7 +14655,7 @@ "43174:13": 0, "43174:14": 0, "44883:0": 0, - "47719:0": -6 + "47719:0": 0 }, "variableCollectionId": "VariableCollectionId:43174:55999" }, @@ -14992,7 +14865,7 @@ }, "VariableID:46386:74301": { "codeSyntax": {}, - "description": "", + "description": "Used in both sd-badge and sd-status-badge", "hiddenFromPublishing": false, "id": "VariableID:46386:74301", "key": "6467dcc638929b8d55dda116d3c51b5a3def734f", @@ -15024,7 +14897,7 @@ }, "VariableID:46386:74302": { "codeSyntax": {}, - "description": "", + "description": "Used in both sd-badge and sd-status-badge", "hiddenFromPublishing": false, "id": "VariableID:46386:74302", "key": "029b94cda682269059c0e8862ea2e811c58d4b18", @@ -15969,32 +15842,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46408:70160": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:46408:70160", - "key": "4a2985e099a78dfb5cb1911dfd1cb14fbb50e4a0", - "name": "components/sd-flag/border-width", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": 0, - "43174:14": 0, - "44883:0": { - "id": "VariableID:44029:1684", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:44029:1684", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:46408:70191": { "codeSyntax": {}, "description": "", @@ -17159,7 +17006,7 @@ "hiddenFromPublishing": false, "id": "VariableID:46550:34530", "key": "edf6457f32e0b45d3912fd0fe47a24c752e61e70", - "name": "components/sd-map-marker/cluster/color/icon-fill", + "name": "components/sd-map-marker/--cluster/--default/color/background", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -17171,7 +17018,7 @@ "type": "VARIABLE_ALIAS" }, "43174:14": { - "id": "VariableID:43979:264", + "id": "VariableID:43979:227", "type": "VARIABLE_ALIAS" }, "44883:0": { @@ -17191,7 +17038,7 @@ "hiddenFromPublishing": false, "id": "VariableID:46552:34531", "key": "7aa6cfafb66211be849837ccf704f38d896c375d", - "name": "components/sd-map-marker/cluster/--hovered/color/icon-fill", + "name": "components/sd-map-marker/--cluster/--hover/color/background", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -17203,7 +17050,7 @@ "type": "VARIABLE_ALIAS" }, "43174:14": { - "id": "VariableID:43979:262", + "id": "VariableID:43979:193", "type": "VARIABLE_ALIAS" }, "44883:0": { @@ -17211,7 +17058,7 @@ "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:43979:264", + "id": "VariableID:43979:221", "type": "VARIABLE_ALIAS" } }, @@ -17223,7 +17070,7 @@ "hiddenFromPublishing": false, "id": "VariableID:46581:61953", "key": "74b6d78ae05b7277b7ef0ce4173c3c074775ce07", - "name": "components/sd-headline/4xl-and-mobile-4xl/text", + "name": "components/sd-headline/--3xl-onwards/color/text", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -17287,7 +17134,7 @@ "hiddenFromPublishing": false, "id": "VariableID:46590:15143", "key": "980e81f79ac6ad3d7be5f1b6a8851cb3ce60cd56", - "name": "components/sd-video/--description/color/text", + "name": "components/sd-video/_description/color/text", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -17381,13 +17228,13 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46782:21015": { + "VariableID:46782:21016": { "codeSyntax": {}, "description": "", "hiddenFromPublishing": false, - "id": "VariableID:46782:21015", - "key": "e7037b07c3f715a0ac92ddcbfb6168d3b988c183", - "name": "components/sd-teaser-media/--primary-100/color/background", + "id": "VariableID:46782:21016", + "key": "c8d63a473045e0181bf663dd668830c5d8e9c4bf", + "name": "components/sd-teaser-media/--primary-100/--hover/color/background", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -17403,27 +17250,27 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "a": 0.800000011920929, + "a": 0.8999999761581421, "b": 0.9764705896377563, "g": 0.9686274528503418, "r": 0.9607843160629272 }, "47719:0": { - "a": 0.800000011920929, - "b": 0.9764705896377563, - "g": 0.9686274528503418, - "r": 0.9607843160629272 + "a": 0.8999999761581421, + "b": 1, + "g": 1, + "r": 1 } }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46782:21016": { + "VariableID:46782:21017": { "codeSyntax": {}, "description": "", "hiddenFromPublishing": false, - "id": "VariableID:46782:21016", - "key": "c8d63a473045e0181bf663dd668830c5d8e9c4bf", - "name": "components/sd-teaser-media/--primary-100/--hover/color/background", + "id": "VariableID:46782:21017", + "key": "2f86335125df20a2cb1885292c88b251c1176cca", + "name": "components/sd-teaser-media/--neutral-100/color/background", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -17431,47 +17278,11 @@ ], "valuesByMode": { "43174:13": { - "id": "VariableID:43979:259", + "id": "VariableID:43373:35301", "type": "VARIABLE_ALIAS" }, "43174:14": { - "id": "VariableID:43979:259", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "a": 0.8999999761581421, - "b": 0.9764705896377563, - "g": 0.9686274528503418, - "r": 0.9607843160629272 - }, - "47719:0": { - "a": 0.8999999761581421, - "b": 1, - "g": 1, - "r": 1 - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:46782:21017": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:46782:21017", - "key": "2f86335125df20a2cb1885292c88b251c1176cca", - "name": "components/sd-teaser-media/--neutral-100/color/background", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43373:35301", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43373:35301", + "id": "VariableID:43373:35301", "type": "VARIABLE_ALIAS" }, "44883:0": { @@ -18161,38 +17972,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46897:13212": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:46897:13212", - "key": "124067c907e45535a06742ba0aa7022ad01b7328", - "name": "components/sd-map-marker/font-size", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:47877:97571", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:47877:97571", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:47877:97571", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:47877:97571", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:46937:80691": { "codeSyntax": {}, "description": "Primary brand color for text", @@ -18312,7 +18091,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5036", + "id": "VariableID:43979:200", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -18344,7 +18123,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5036", + "id": "VariableID:43979:200", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -20244,38 +20023,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:47741:23883": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:47741:23883", - "key": "165cbbf8253fcd19835344fe8c372dedc5402389", - "name": "components/sd-tag/--disabled/color/border", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:218", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:218", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43927:5031", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:218", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:47741:23884": { "codeSyntax": {}, "description": "", @@ -21148,11 +20895,11 @@ }, "VariableID:48127:24317": { "codeSyntax": {}, - "description": "", + "description": "Used for sd-chip & sd-flag", "hiddenFromPublishing": false, "id": "VariableID:48127:24317", "key": "cad6529fdd61c343627efc535018085e364e6289", - "name": "components/sd-chip/font-weight", + "name": "components/marker/font-weight", "remote": false, "resolvedType": "STRING", "scopes": [ @@ -21180,11 +20927,11 @@ }, "VariableID:48127:24325": { "codeSyntax": {}, - "description": "", + "description": "Used for sd-chip & sd-flag", "hiddenFromPublishing": false, "id": "VariableID:48127:24325", "key": "04b3e3bc2a97e454f1e82137b6fe51291157c157", - "name": "components/sd-chip/border-width", + "name": "components/marker/border-width", "remote": false, "resolvedType": "FLOAT", "scopes": [ @@ -21226,11 +20973,11 @@ }, "VariableID:48150:71090": { "codeSyntax": {}, - "description": "", + "description": "Used for sd-chip & sd-flag", "hiddenFromPublishing": false, "id": "VariableID:48150:71090", "key": "11a0e3b7dfa640617e1306c0cbb7fb6b2311cdf2", - "name": "components/sd-chip/font-size", + "name": "components/marker/font-size", "remote": false, "resolvedType": "FLOAT", "scopes": [ @@ -21816,7 +21563,7 @@ "hiddenFromPublishing": false, "id": "VariableID:49063:51818", "key": "ffa086180d3a8c1dc7130c711e20c0d9e2adb2f2", - "name": "components/sd-map-marker/main/color/icon-fill", + "name": "components/sd-map-marker/--main/color/background", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -21842,70 +21589,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:49398:67": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:49398:67", - "key": "23d0cade93deaf35b8f807c43bf783a4ffe1b20f", - "name": "components/sd-flag/font-weight", - "remote": false, - "resolvedType": "STRING", - "scopes": [ - "FONT_STYLE" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:44953:15244", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:44953:15244", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:44953:15244", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:44953:15245", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:49398:68": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:49398:68", - "key": "4ec02a50debd987bdf0468b14cbf7c55a9ba8425", - "name": "components/sd-flag/font-size", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:47899:5274", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:47899:5274", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:47899:5274", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:47877:97571", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:49398:69": { "codeSyntax": {}, "description": "Default icon color ", @@ -21940,76 +21623,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:49399:22595": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:49399:22595", - "key": "7f0c104164632256b54d59fbaf4cfe3c76febff7", - "name": "components/sd-tooltip/color/border", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "a": 0, - "b": 1, - "g": 1, - "r": 1 - }, - "43174:14": { - "a": 0, - "b": 1, - "g": 1, - "r": 1 - }, - "44883:0": { - "id": "VariableID:44921:14703", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "a": 0, - "b": 1, - "g": 1, - "r": 1 - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:49399:22596": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:49399:22596", - "key": "03c203d83014e652f6b028ebac8d4a9573230634", - "name": "components/sd-tooltip/border-width", - "remote": false, - "resolvedType": "FLOAT", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:44029:1684", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:44029:1684", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:44029:1684", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:44029:1684", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:49425:37983": { "codeSyntax": {}, "description": "", @@ -22605,7 +22218,7 @@ "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:43979:227", + "id": "VariableID:43979:273", "type": "VARIABLE_ALIAS" } }, @@ -22733,7 +22346,7 @@ "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:43979:218", + "id": "VariableID:43979:217", "type": "VARIABLE_ALIAS" } }, @@ -22765,7 +22378,7 @@ "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:43979:218", + "id": "VariableID:43979:217", "type": "VARIABLE_ALIAS" } }, @@ -22925,7 +22538,7 @@ "hiddenFromPublishing": false, "id": "VariableID:51502:42739", "key": "81e7124049fcc71d82ce4bc5067e486b07889200", - "name": "components/sd-tab/--active/color/background", + "name": "components/sd-tab/--hover/color/background", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -23064,6 +22677,542 @@ "47719:0": 0 }, "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:51964:11322": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:51964:11322", + "key": "16a20b3514da7712680209a6da67f752079b67f3", + "name": "components/sd-map-marker/--cluster/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:273", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:51964:11323": { + "codeSyntax": {}, + "description": "Default icon color ", + "hiddenFromPublishing": false, + "id": "VariableID:51964:11323", + "key": "5693c8255cff3d130efc2fabdb67b81b3b692a25", + "name": "components/sd-map-marker/--pin/--hover/color/background", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:193", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:193", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:259", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:259", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:51974:11364": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:51974:11364", + "key": "6d45679c53b610c80f26416890f1cf331ed040ca", + "name": "components/sd-map-marker/--pin/color/icon-fill", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:264", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:300", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:264", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:53463:2694": { + "codeSyntax": {}, + "description": "Used for disabled state", + "hiddenFromPublishing": false, + "id": "VariableID:53463:2694", + "key": "8e069cbced9b56b2d8b993e9e6b1829e97c26897", + "name": "components/sd-tag/--disabled/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:218", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:219", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:217", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:217", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:53591:1805": { + "codeSyntax": {}, + "description": "Used for teaser, audio (wave animation)\n", + "hiddenFromPublishing": false, + "id": "VariableID:53591:1805", + "key": "959fbbbfee2a78e0d05dc46786db329a9fcff780", + "name": "components/sd-teaser-media/--white/--hover/color/background", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "a": 0.8999999761581421, + "b": 1, + "g": 1, + "r": 1 + }, + "43174:14": { + "a": 0.8999999761581421, + "b": 0.5568627715110779, + "g": 0.2078431397676468, + "r": 0 + }, + "44883:0": { + "a": 0.8999999761581421, + "b": 1, + "g": 1, + "r": 1 + }, + "47719:0": { + "a": 0.8999999761581421, + "b": 0.9254902005195618, + "g": 0.9490196108818054, + "r": 0.9686274528503418 + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:53591:1806": { + "codeSyntax": {}, + "description": "Used for teaser", + "hiddenFromPublishing": false, + "id": "VariableID:53591:1806", + "key": "1ff2fd900a566c897896210eaf0af70bc6b85602", + "name": "components/sd-teaser-media/--white/color/background", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "a": 0.800000011920929, + "b": 1, + "g": 1, + "r": 1 + }, + "43174:14": { + "a": 0.800000011920929, + "b": 0.5568627715110779, + "g": 0.2078431397676468, + "r": 0 + }, + "44883:0": { + "a": 0.800000011920929, + "b": 1, + "g": 1, + "r": 1 + }, + "47719:0": { + "a": 0.800000011920929, + "b": 0.9254902005195618, + "g": 0.9490196108818054, + "r": 0.9686274528503418 + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:53592:5039": { + "codeSyntax": {}, + "description": "Used for teaser", + "hiddenFromPublishing": false, + "id": "VariableID:53592:5039", + "key": "1747a47d8f346920fc73a2ce475d125f9a2050f3", + "name": "components/sd-teaser-media/--primary-100/color/background", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "a": 0.800000011920929, + "b": 0.9764705896377563, + "g": 0.9411764740943909, + "r": 0.9254902005195618 + }, + "43174:14": { + "a": 0.800000011920929, + "b": 0.29019609093666077, + "g": 0.125490203499794, + "r": 0.03921568766236305 + }, + "44883:0": { + "a": 0.800000011920929, + "b": 0.9764705896377563, + "g": 0.9411764740943909, + "r": 0.9254902005195618 + }, + "47719:0": { + "a": 0.800000011920929, + "b": 1, + "g": 1, + "r": 1 + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:53700:1817": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": true, + "id": "VariableID:53700:1817", + "key": "4daf68f15c69cb9d6f9bb7699e0c4720832b0472", + "name": "components/sd-container/--default/color/background", + "remote": false, + "resolvedType": "COLOR", + "scopes": [], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43373:35301", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:259", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:44921:14699", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "a": 0.5, + "b": 1, + "g": 1, + "r": 1 + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54289:8163": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:54289:8163", + "key": "a7035d2693003c57a6d52ac256d15f168dee134c", + "name": "components/sd-button/border-width", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:44029:1684", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:44029:1684", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:44029:1681", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:44029:1684", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54294:16226": { + "codeSyntax": {}, + "description": "Used for pressed interaction", + "hiddenFromPublishing": false, + "id": "VariableID:54294:16226", + "key": "6e85fe51942a38eef5998bfe109a685aaf37edaa", + "name": "components/sd-button/--secondary/--active/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:201", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:201", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:221", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54294:21759": { + "codeSyntax": {}, + "description": "Used for pressed interaction", + "hiddenFromPublishing": false, + "id": "VariableID:54294:21759", + "key": "a01c738e84ccddb814535058a3c6b494ead71422", + "name": "components/sd-button/--tertiary/--active/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:201", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:201", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:221", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54294:28373": { + "codeSyntax": {}, + "description": "Inverted icon color", + "hiddenFromPublishing": true, + "id": "VariableID:54294:28373", + "key": "177aff3c298b8b9d6101eabbf39f35b2d0fbc0bd", + "name": "components/sd-button/--secondary/--inverted/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:204", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54294:28374": { + "codeSyntax": {}, + "description": "Inverted icon color", + "hiddenFromPublishing": true, + "id": "VariableID:54294:28374", + "key": "e2c1682cacd3f0ddd9eb307c809aaec940950a67", + "name": "components/sd-button/--tertiary/--inverted/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:204", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54294:28375": { + "codeSyntax": {}, + "description": "Used for inverted hover interaction button label", + "hiddenFromPublishing": false, + "id": "VariableID:54294:28375", + "key": "8080de34f607fdb18fb3f5a7d56c4936d3df6876", + "name": "components/sd-button/--secondary/--inverted/--hover/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:193", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:193", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:193", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:204", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54294:28378": { + "codeSyntax": {}, + "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", + "hiddenFromPublishing": false, + "id": "VariableID:54294:28378", + "key": "914b47c8fe4f2aa2ab0ebc4c3adaee3d07352bc3", + "name": "components/sd-button/--secondary/--inverted/--active/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:204", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54294:28379": { + "codeSyntax": {}, + "description": "Used for inverted hover interaction text link and inverted pressed interaction button label", + "hiddenFromPublishing": false, + "id": "VariableID:54294:28379", + "key": "ed55eff4790c49ca87e33704085f82ec0829889a", + "name": "components/sd-button/--tertiary/--inverted/--active/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:204", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" } } } \ No newline at end of file diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css index 7ec9e17c24..b3bcb1bfc3 100644 --- a/packages/tokens/themes/components.css +++ b/packages/tokens/themes/components.css @@ -42,6 +42,18 @@ color: rgba(var(--sd-interactive--default-color-text, rgba(var(--sd-color-primary)))); } +@utility marker-border-width { + border-width: var(--sd-marker-border-width, 0); +} + +@utility marker-font-size { + font-size: var(--sd-marker-font-size, 0.875rem); +} + +@utility marker-font-weight { + font-weight: var(--sd-marker-font-weight, var(--sd-font-weight-normal)); +} + @utility navigable-border-radius { border-radius: var(--sd-navigable-border-radius, 0); } @@ -238,6 +250,10 @@ background-color: rgba(var(--sd-button--secondary--active-color-background, rgba(var(--sd-color-primary-200)))); } +@utility sd-button--secondary--active-color-text { + color: rgba(var(--sd-button--secondary--active-color-text, rgba(var(--sd-color-primary-800)))); +} + @utility sd-button--secondary--default-color-text { color: rgba(var(--sd-button--secondary--default-color-text, rgba(var(--sd-color-primary)))); } @@ -254,6 +270,10 @@ background-color: rgba(var(--sd-button--secondary--inverted--active-color-background, rgba(var(--sd-color-primary-800)))); } +@utility sd-button--secondary--inverted--active-color-text { + color: rgba(var(--sd-button--secondary--inverted--active-color-text, rgba(var(--sd-color-primary-200)))); +} + @utility sd-button--secondary--inverted--hover-color-background { background-color: rgba(var(--sd-button--secondary--inverted--hover-color-background, rgba(var(--sd-color-primary-500)))); } @@ -266,6 +286,10 @@ border-color: rgba(var(--sd-button--secondary--inverted-color-border, rgba(var(--sd-color-white)))); } +@utility sd-button--secondary--inverted-color-text { + color: rgba(var(--sd-button--secondary--inverted-color-text, rgba(var(--sd-color-white)))); +} + @utility sd-button--size-lg-border-radius { border-radius: var(--sd-button--size-lg-border-radius, var(--sd-spacing-1)); } @@ -306,6 +330,10 @@ background-color: rgba(var(--sd-button--tertiary--active-color-background, rgba(var(--sd-color-primary-200)))); } +@utility sd-button--tertiary--active-color-text { + color: rgba(var(--sd-button--tertiary--active-color-text, rgba(var(--sd-color-primary-800)))); +} + @utility sd-button--tertiary--default-color-text { color: rgba(var(--sd-button--tertiary--default-color-text, rgba(var(--sd-color-primary)))); } @@ -322,6 +350,10 @@ background-color: rgba(var(--sd-button--tertiary--inverted--active-color-background, rgba(var(--sd-color-primary-800)))); } +@utility sd-button--tertiary--inverted--active-color-text { + color: rgba(var(--sd-button--tertiary--inverted--active-color-text, rgba(var(--sd-color-primary-200)))); +} + @utility sd-button--tertiary--inverted--hover-color-background { background-color: rgba(var(--sd-button--tertiary--inverted--hover-color-background, rgba(var(--sd-color-primary-500)))); } @@ -330,6 +362,14 @@ color: rgba(var(--sd-button--tertiary--inverted--hover-color-text, rgba(var(--sd-color-primary-100)))); } +@utility sd-button--tertiary--inverted-color-text { + color: rgba(var(--sd-button--tertiary--inverted-color-text, rgba(var(--sd-color-white)))); +} + +@utility sd-button-border-width { + border-width: var(--sd-button-border-width, var(--sd-spacing-0\.25)); +} + @utility sd-button-font-weight { font-weight: var(--sd-button-font-weight, var(--sd-font-weight-normal)); } @@ -410,18 +450,6 @@ border-radius: var(--sd-chip-border-radius, var(--sd-spacing-1)); } -@utility sd-chip-border-width { - border-width: var(--sd-chip-border-width, 0); -} - -@utility sd-chip-font-size { - font-size: var(--sd-chip-font-size, 0.875rem); -} - -@utility sd-chip-font-weight { - font-weight: var(--sd-chip-font-weight, var(--sd-font-weight-normal)); -} - @utility sd-combobox--default-color-icon-fill { fill: rgba(var(--sd-combobox--default-color-icon-fill, rgba(var(--sd-color-primary)))); } @@ -434,6 +462,10 @@ border-width: var(--sd-combobox__tag-border-width, var(--sd-spacing-0\.25)); } +@utility sd-container--default-color-background { + background-color: rgba(var(--sd-container--default-color-background, rgba(var(--sd-color-neutral-100)))); +} + @utility sd-datepicker__date-item--current-font-weight { font-weight: var(--sd-datepicker__date-item--current-font-weight, var(--sd-font-weight-bold)); } @@ -510,18 +542,6 @@ border-radius: var(--sd-flag-border-radius, 0); } -@utility sd-flag-border-width { - border-width: var(--sd-flag-border-width, 0); -} - -@utility sd-flag-font-size { - font-size: var(--sd-flag-font-size, 0.875rem); -} - -@utility sd-flag-font-weight { - font-weight: var(--sd-flag-font-weight, var(--sd-font-weight-normal)); -} - @utility sd-footnotes--target--inverted-color-background { background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800)))); } @@ -542,8 +562,8 @@ height: var(--sd-header__underline-height, var(--sd-spacing-2)); } -@utility sd-headline-4xl-and-mobile-4xl-text { - color: rgba(var(--sd-headline-4xl-and-mobile-4xl-text, rgba(var(--sd-color-primary)))); +@utility sd-headline--3xl-onwards-color-text { + color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary)))); } @utility sd-link-color--active-text { @@ -574,20 +594,28 @@ background-color: rgba(var(--sd-link-color--pressed-icon, rgba(var(--sd-color-primary-800)))); } -@utility sd-map-marker-cluster--hovered-color-icon-fill { - fill: rgba(var(--sd-map-marker-cluster--hovered-color-icon-fill, rgba(var(--sd-color-primary-500)))); +@utility sd-map-marker--cluster--default-color-background { + background-color: rgba(var(--sd-map-marker--cluster--default-color-background, rgba(var(--sd-color-primary)))); +} + +@utility sd-map-marker--cluster--hover-color-background { + background-color: rgba(var(--sd-map-marker--cluster--hover-color-background, rgba(var(--sd-color-primary-500)))); } -@utility sd-map-marker-cluster-color-icon-fill { - fill: rgba(var(--sd-map-marker-cluster-color-icon-fill, rgba(var(--sd-color-primary)))); +@utility sd-map-marker--cluster-color-text { + color: rgba(var(--sd-map-marker--cluster-color-text, rgba(var(--sd-color-white)))); } -@utility sd-map-marker-font-size { - font-size: var(--sd-map-marker-font-size, var(--sd-spacing-3)); +@utility sd-map-marker--main-color-background { + background-color: rgba(var(--sd-map-marker--main-color-background, rgba(var(--sd-color-accent-500)))); } -@utility sd-map-marker-main-color-icon-fill { - fill: rgba(var(--sd-map-marker-main-color-icon-fill, rgba(var(--sd-color-accent-500)))); +@utility sd-map-marker--pin--hover-color-background { + background-color: rgba(var(--sd-map-marker--pin--hover-color-background, rgba(var(--sd-color-primary-100)))); +} + +@utility sd-map-marker--pin-color-icon-fill { + fill: rgba(var(--sd-map-marker--pin-color-icon-fill, rgba(var(--sd-color-primary)))); } @utility sd-menu-item--disabled-color-icon-fill { @@ -770,8 +798,8 @@ color: rgba(var(--sd-switch-color-text, rgba(var(--sd-color-black)))); } -@utility sd-tab--active-color-background { - background-color: rgba(var(--sd-tab--active-color-background, rgba(var(--sd-color-neutral-200)))); +@utility sd-tab--hover-color-background { + background-color: rgba(var(--sd-tab--hover-color-background, rgba(var(--sd-color-neutral-200)))); } @utility sd-tab-color-border { @@ -798,8 +826,8 @@ color: rgba(var(--sd-tag--default-color-text, rgba(var(--sd-color-primary)))); } -@utility sd-tag--disabled-color-border { - border-color: rgba(var(--sd-tag--disabled-color-border, rgba(var(--sd-color-neutral-500)))); +@utility sd-tag--disabled-color-text { + color: rgba(var(--sd-tag--disabled-color-text, rgba(var(--sd-color-neutral-500)))); } @utility sd-tag--selected--default-color-background { @@ -875,29 +903,25 @@ } @utility sd-teaser-media--primary-100-color-background { - background-color: rgba(var(--sd-teaser-media--primary-100-color-background, rgba(var(--sd-color-primary-100)))); + background-color: rgba(var(--sd-teaser-media--primary-100-color-background, rgba(236, 240, 249, 0.8))); } -@utility sd-tooltip-border-width { - border-width: var(--sd-tooltip-border-width, var(--sd-spacing-0\.25)); +@utility sd-teaser-media--white--hover-color-background { + background-color: rgba(var(--sd-teaser-media--white--hover-color-background, rgba(255, 255, 255, 0.9))); } -@utility sd-tooltip-color-background { - background-color: rgba(var(--sd-tooltip-color-background, rgba(var(--sd-color-primary)))); +@utility sd-teaser-media--white-color-background { + background-color: rgba(var(--sd-teaser-media--white-color-background, rgba(255, 255, 255, 0.8))); } -@utility sd-tooltip-color-border { - border-color: rgba(var(--sd-tooltip-color-border, rgba(255, 255, 255, 0))); +@utility sd-tooltip-color-background { + background-color: rgba(var(--sd-tooltip-color-background, rgba(var(--sd-color-primary)))); } @utility sd-tooltip-color-text { color: rgba(var(--sd-tooltip-color-text, rgba(var(--sd-color-white)))); } -@utility sd-video--description-color-text { - color: rgba(var(--sd-video--description-color-text, rgba(var(--sd-color-neutral-700)))); -} - @utility sd-video--play-button-color-background { background-color: rgba(var(--sd-video--play-button-color-background, rgba(255, 255, 255, 0.8))); } diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index 72e1d992cd..8d5bf2f2c4 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -59,13 +59,16 @@ --sd-button--primary--inverted--hover-color-background: var(--sd-color-accent); --sd-button--primary--inverted--hover-color-text: var(--sd-color-neutral-800); --sd-button--secondary--active-color-background: 247, 242, 236, 0; + --sd-button--secondary--active-color-text: var(--sd-color-neutral-800); --sd-button--secondary--default-color-text: var(--sd-color-black); - --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500); + --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-400); --sd-button--secondary--hover-color-background: 247, 242, 236, 0; --sd-button--secondary--inverted--active-color-background: 247, 242, 236, 0; + --sd-button--secondary--inverted--active-color-text: var(--sd-color-accent); --sd-button--secondary--inverted--hover-color-background: 247, 242, 236, 0; --sd-button--secondary--inverted--hover-color-text: var(--sd-color-accent); --sd-button--secondary--inverted-color-border: var(--sd-color-accent); + --sd-button--secondary--inverted-color-text: var(--sd-color-accent); --sd-button--size-lg-border-radius: 624.9375rem; --sd-button--size-lg-font-size: 0.875rem; --sd-button--size-lg-padding-block: 0.625rem; @@ -76,14 +79,18 @@ --sd-button--size-sm-font-size: var(--sd-spacing-3); --sd-button--size-sm-padding-block: 0.625rem; --sd-button--tertiary--active-color-background: 247, 242, 236, 0; + --sd-button--tertiary--active-color-text: var(--sd-color-neutral-800); --sd-button--tertiary--default-color-text: var(--sd-color-black); - --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500); + --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-400); --sd-button--tertiary--hover-color-background: 247, 242, 236, 0; --sd-button--tertiary--inverted--active-color-background: 247, 242, 236, 0; + --sd-button--tertiary--inverted--active-color-text: var(--sd-color-accent); --sd-button--tertiary--inverted--hover-color-background: 247, 242, 236, 0; --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-accent); + --sd-button--tertiary--inverted-color-text: var(--sd-color-accent); + --sd-button-border-width: var(--sd-spacing-0\.25); --sd-button-font-weight: var(--sd-font-weight-bold); - --sd-carousel--active--inverted-color-border: var(--sd-color-white); + --sd-carousel--active--inverted-color-border: var(--sd-color-accent); --sd-carousel--active-color-border: var(--sd-color-black); --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-white); --sd-carousel__pager-dot--inverted-background: var(--sd-color-white); @@ -102,9 +109,6 @@ --sd-chip--white-color-background: 255, 255, 255, 0.6; --sd-chip--white-color-border: 255, 255, 255, 0.6; --sd-chip-border-radius: 624.9375rem; - --sd-chip-border-width: var(--sd-spacing-0\.25); - --sd-chip-font-size: var(--sd-spacing-3); - --sd-chip-font-weight: var(--sd-font-weight-bold); --sd-color-accent-100: 247, 242, 236; --sd-color-accent-200: 249, 224, 208; --sd-color-accent-300: 251, 207, 180; @@ -227,6 +231,7 @@ --sd-combobox--default-color-icon-fill: 0, 0, 0, 0.62; --sd-combobox--default-color-text: 0, 0, 0, 0.62; --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); + --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-neutral-800); --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); @@ -238,7 +243,7 @@ --sd-divider--inverted-color-border: 255, 255, 255, 0.4; --sd-drop-shadow-sm: 0px 4px 12px rgba(5, 21, 48, 0.25); --sd-drop-shadow-xs: 0.5px 0.5px 1.5px rgba(5, 21, 48, 0.75); - --sd-drop-shadow: 0px 4px 12px rgba(107, 36, 5, 0.25); + --sd-drop-shadow: 0px 2px 4px rgba(5, 21, 48, 0.1); --sd-dropdown-color-background: 255, 255, 255, 0.6; --sd-duration-fast: 150ms; --sd-duration-medium: 300ms; @@ -253,9 +258,6 @@ --sd-flag--white-color-background: 255, 255, 255, 0.6; --sd-flag--white-color-border: 255, 255, 255, 0.6; --sd-flag-border-radius: 624.9375rem; - --sd-flag-border-width: var(--sd-spacing-0\.25); - --sd-flag-font-size: var(--sd-spacing-3); - --sd-flag-font-weight: var(--sd-font-weight-bold); --sd-font-primary: 'Bricolage Grotesque'; --sd-font-weight-bold: 600; --sd-font-weight-normal: 400; @@ -271,7 +273,7 @@ --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255, 255, 255, 0; --sd-header__underline-height: var(--sd-spacing-2); - --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-black); + --sd-headline--3xl-onwards-color-text: var(--sd-color-black); --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800); --sd-informational-gradient--white-color-background: var(--sd-color-accent); --sd-interactive--active-color-text: var(--sd-color-neutral-800); @@ -283,10 +285,15 @@ --sd-link-color--hover-text: var(--sd-color-neutral-800); --sd-link-color--none-icon: var(--sd-color-black); --sd-link-color--pressed-icon: var(--sd-color-black); - --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-black); - --sd-map-marker-cluster-color-icon-fill: var(--sd-color-black); - --sd-map-marker-font-size: var(--sd-spacing-3); - --sd-map-marker-main-color-icon-fill: var(--sd-color-black); + --sd-map-marker--cluster--default-color-background: var(--sd-color-black); + --sd-map-marker--cluster--hover-color-background: var(--sd-color-neutral-800); + --sd-map-marker--cluster-color-text: var(--sd-color-accent); + --sd-map-marker--main-color-background: var(--sd-color-black); + --sd-map-marker--pin--hover-color-background: var(--sd-color-neutral-100); + --sd-map-marker--pin-color-icon-fill: var(--sd-color-black); + --sd-marker-border-width: var(--sd-spacing-0\.25); + --sd-marker-font-size: var(--sd-spacing-3); + --sd-marker-font-weight: var(--sd-font-weight-bold); --sd-menu-item--disabled-color-icon-fill: var(--sd-color-neutral-500); --sd-menu-item--disabled-color-text: var(--sd-color-neutral-500); --sd-menu-item-color-icon-fill: var(--sd-color-black); @@ -352,7 +359,7 @@ --sd-range__bar-border-width: var(--sd-spacing-0\.5); --sd-shadow-sm: 0px 4px 12px -6px rgba(5, 21, 48, 0.25); --sd-shadow-xs: 0.5px 0.5px 1.5px 0px rgba(5, 21, 48, 0.75); - --sd-shadow: 0px 4px 12px -6px rgba(107, 36, 5, 0.25); + --sd-shadow: 0px 2px 4px 0px rgba(5, 21, 48, 0.1); --sd-sizing-0\.25: 0.0625rem; --sd-sizing-0\.5: 0.125rem; --sd-sizing-10: 2.5rem; @@ -394,14 +401,14 @@ --sd-switch--unchecked-color-border: var(--sd-color-black); --sd-switch--unchecked__icon-color-background: var(--sd-color-black); --sd-switch-color-text: var(--sd-color-black); - --sd-tab--active-color-background: 0, 102, 179, 0.05; + --sd-tab--hover-color-background: 0, 102, 179, 0.05; --sd-tab-color-border: 191, 202, 217; --sd-tab-font-weight: var(--sd-font-weight-bold); --sd-tag--default--hover-color-background: 255, 255, 255, 0.6; --sd-tag--default-color-background: 255, 255, 255, 0.6; --sd-tag--default-color-border: 255, 255, 255, 0.6; --sd-tag--default-color-text: var(--sd-color-black); - --sd-tag--disabled-color-border: var(--sd-color-neutral-500); + --sd-tag--disabled-color-text: var(--sd-color-neutral-400); --sd-tag--selected--default-color-background: 255, 255, 255, 0.6; --sd-tag--selected--default-color-border: var(--sd-color-black); --sd-tag--selected--default-color-text: var(--sd-color-black); @@ -420,7 +427,9 @@ --sd-teaser-media--neutral-100--hover-color-background: 255, 255, 255, 0.9; --sd-teaser-media--neutral-100-color-background: 255, 255, 255, 0.8; --sd-teaser-media--primary-100--hover-color-background: 255, 255, 255, 0.9; - --sd-teaser-media--primary-100-color-background: 245, 247, 249, 0.8; + --sd-teaser-media--primary-100-color-background: 255, 255, 255, 0.8; + --sd-teaser-media--white--hover-color-background: 247, 242, 236, 0.9; + --sd-teaser-media--white-color-background: 247, 242, 236, 0.8; --sd-text-2xl: 1.75rem; --sd-text-3xl: 2rem; --sd-text-4xl: 2.625rem; @@ -429,11 +438,8 @@ --sd-text-sm: 0.875rem; --sd-text-xl: 1.5rem; --sd-text-xs: 0.75rem; - --sd-tooltip-border-width: var(--sd-spacing-0\.25); --sd-tooltip-color-background: var(--sd-color-white); - --sd-tooltip-color-border: 255, 255, 255, 0; --sd-tooltip-color-text: 89, 89, 89; - --sd-video--description-color-text: 0, 0, 0, 0.62; --sd-video--play-button-color-background: var(--sd-color-white); --sd-video--play-button-color-icon-fill: var(--sd-color-black); } diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index ecefef184d..c548eb44f6 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -60,13 +60,16 @@ --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-100); --sd-button--primary--inverted--hover-color-text: var(--sd-color-primary-500); --sd-button--secondary--active-color-background: var(--sd-color-primary-500); + --sd-button--secondary--active-color-text: var(--sd-color-primary-200); --sd-button--secondary--default-color-text: var(--sd-color-white); --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500); --sd-button--secondary--hover-color-background: var(--sd-color-primary-700); --sd-button--secondary--inverted--active-color-background: var(--sd-color-primary-800); + --sd-button--secondary--inverted--active-color-text: var(--sd-color-primary-200); --sd-button--secondary--inverted--hover-color-background: var(--sd-color-primary-500); --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-100); --sd-button--secondary--inverted-color-border: var(--sd-color-white); + --sd-button--secondary--inverted-color-text: var(--sd-color-white); --sd-button--size-lg-border-radius: var(--sd-spacing-1); --sd-button--size-lg-font-size: var(--sd-spacing-4); --sd-button--size-lg-padding-block: var(--sd-spacing-3); @@ -77,12 +80,16 @@ --sd-button--size-sm-font-size: 0.875rem; --sd-button--size-sm-padding-block: var(--sd-spacing-2); --sd-button--tertiary--active-color-background: var(--sd-color-primary-500); + --sd-button--tertiary--active-color-text: var(--sd-color-primary-200); --sd-button--tertiary--default-color-text: var(--sd-color-white); --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500); --sd-button--tertiary--hover-color-background: var(--sd-color-primary-700); --sd-button--tertiary--inverted--active-color-background: var(--sd-color-primary-800); + --sd-button--tertiary--inverted--active-color-text: var(--sd-color-primary-200); --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-500); --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100); + --sd-button--tertiary--inverted-color-text: var(--sd-color-white); + --sd-button-border-width: var(--sd-spacing-0\.25); --sd-button-font-weight: var(--sd-font-weight-normal); --sd-carousel--active--inverted-color-border: var(--sd-color-accent); --sd-carousel--active-color-border: var(--sd-color-accent); @@ -103,9 +110,6 @@ --sd-chip--white-color-background: var(--sd-color-primary-750); --sd-chip--white-color-border: 255, 255, 255, 0; --sd-chip-border-radius: var(--sd-spacing-1); - --sd-chip-border-width: 0; - --sd-chip-font-size: 0.875rem; - --sd-chip-font-weight: var(--sd-font-weight-normal); --sd-color-accent-100: 182, 223, 170; --sd-color-accent-200: 142, 208, 130; --sd-color-accent-300: 108, 194, 84; @@ -228,6 +232,7 @@ --sd-combobox--default-color-icon-fill: var(--sd-color-white); --sd-combobox--default-color-text: var(--sd-color-white); --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); + --sd-container--default-color-background: var(--sd-color-primary-750); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-white); --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); @@ -254,9 +259,6 @@ --sd-flag--white-color-background: var(--sd-color-primary-750); --sd-flag--white-color-border: 255, 255, 255, 0; --sd-flag-border-radius: 0; - --sd-flag-border-width: 0; - --sd-flag-font-size: 0.875rem; - --sd-flag-font-weight: var(--sd-font-weight-normal); --sd-font-primary: 'Frutiger Neue'; --sd-font-weight-bold: 600; --sd-font-weight-normal: 400; @@ -272,7 +274,7 @@ --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255, 255, 255, 0; --sd-header__underline-height: var(--sd-spacing-2); - --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-white); + --sd-headline--3xl-onwards-color-text: var(--sd-color-white); --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800); --sd-informational-gradient--white-color-background: var(--sd-color-primary-800); --sd-interactive--active-color-text: var(--sd-color-primary-400); @@ -284,10 +286,15 @@ --sd-link-color--hover-text: var(--sd-color-primary-200); --sd-link-color--none-icon: var(--sd-color-white); --sd-link-color--pressed-icon: var(--sd-color-primary-400); - --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-primary-500); - --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary); - --sd-map-marker-font-size: var(--sd-spacing-3); - --sd-map-marker-main-color-icon-fill: var(--sd-color-accent-550); + --sd-map-marker--cluster--default-color-background: var(--sd-color-white); + --sd-map-marker--cluster--hover-color-background: var(--sd-color-primary-100); + --sd-map-marker--cluster-color-text: var(--sd-color-primary); + --sd-map-marker--main-color-background: var(--sd-color-accent-550); + --sd-map-marker--pin--hover-color-background: var(--sd-color-primary-100); + --sd-map-marker--pin-color-icon-fill: var(--sd-color-primary); + --sd-marker-border-width: 0; + --sd-marker-font-size: 0.875rem; + --sd-marker-font-weight: var(--sd-font-weight-normal); --sd-menu-item--disabled-color-icon-fill: var(--sd-color-neutral-500); --sd-menu-item--disabled-color-text: var(--sd-color-neutral-500); --sd-menu-item-color-icon-fill: var(--sd-color-white); @@ -395,14 +402,14 @@ --sd-switch--unchecked-color-border: var(--sd-color-white); --sd-switch--unchecked__icon-color-background: var(--sd-color-white); --sd-switch-color-text: var(--sd-color-white); - --sd-tab--active-color-background: var(--sd-color-primary-700); + --sd-tab--hover-color-background: var(--sd-color-primary-700); --sd-tab-color-border: var(--sd-color-primary-400); --sd-tab-font-weight: var(--sd-font-weight-normal); --sd-tag--default--hover-color-background: 255, 255, 255, 0; --sd-tag--default-color-background: 255, 255, 255, 0; --sd-tag--default-color-border: var(--sd-color-primary-100); --sd-tag--default-color-text: var(--sd-color-white); - --sd-tag--disabled-color-border: var(--sd-color-neutral-500); + --sd-tag--disabled-color-text: var(--sd-color-neutral-600); --sd-tag--selected--default-color-background: var(--sd-color-white); --sd-tag--selected--default-color-border: 255, 255, 255, 0; --sd-tag--selected--default-color-text: var(--sd-color-primary); @@ -421,7 +428,9 @@ --sd-teaser-media--neutral-100--hover-color-background: var(--sd-color-primary-750); --sd-teaser-media--neutral-100-color-background: var(--sd-color-primary-750); --sd-teaser-media--primary-100--hover-color-background: var(--sd-color-primary-750); - --sd-teaser-media--primary-100-color-background: var(--sd-color-primary-750); + --sd-teaser-media--primary-100-color-background: 10, 32, 74, 0.8; + --sd-teaser-media--white--hover-color-background: 0, 53, 142, 0.9; + --sd-teaser-media--white-color-background: 0, 53, 142, 0.8; --sd-text-2xl: 1.75rem; --sd-text-3xl: 2rem; --sd-text-4xl: 2.5rem; @@ -430,11 +439,8 @@ --sd-text-sm: 0.875rem; --sd-text-xl: 1.5rem; --sd-text-xs: 0.75rem; - --sd-tooltip-border-width: var(--sd-spacing-0\.25); --sd-tooltip-color-background: var(--sd-color-primary); - --sd-tooltip-color-border: 255, 255, 255, 0; --sd-tooltip-color-text: var(--sd-color-white); - --sd-video--description-color-text: var(--sd-color-primary-400); --sd-video--play-button-color-background: 0, 53, 142, 0.8; --sd-video--play-button-color-icon-fill: var(--sd-color-white); } diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css index e888aeb213..766e699b3f 100644 --- a/packages/tokens/themes/vb/vb.css +++ b/packages/tokens/themes/vb/vb.css @@ -59,13 +59,16 @@ --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-100); --sd-button--primary--inverted--hover-color-text: var(--sd-color-info); --sd-button--secondary--active-color-background: var(--sd-color-primary-100); + --sd-button--secondary--active-color-text: var(--sd-color-info); --sd-button--secondary--default-color-text: var(--sd-color-primary); --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500); --sd-button--secondary--hover-color-background: var(--sd-color-primary-100); - --sd-button--secondary--inverted--active-color-background: 39, 77, 126; + --sd-button--secondary--inverted--active-color-background: var(--sd-color-primary-750); + --sd-button--secondary--inverted--active-color-text: var(--sd-color-primary-200); --sd-button--secondary--inverted--hover-color-background: var(--sd-color-primary-750); --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-100); --sd-button--secondary--inverted-color-border: var(--sd-color-white); + --sd-button--secondary--inverted-color-text: var(--sd-color-white); --sd-button--size-lg-border-radius: 624.9375rem; --sd-button--size-lg-font-size: 0.875rem; --sd-button--size-lg-padding-block: 0.625rem; @@ -76,12 +79,16 @@ --sd-button--size-sm-font-size: 0.875rem; --sd-button--size-sm-padding-block: 0.625rem; --sd-button--tertiary--active-color-background: var(--sd-color-primary-100); + --sd-button--tertiary--active-color-text: var(--sd-color-info); --sd-button--tertiary--default-color-text: var(--sd-color-primary); --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500); --sd-button--tertiary--hover-color-background: var(--sd-color-primary-100); --sd-button--tertiary--inverted--active-color-background: 39, 77, 126; + --sd-button--tertiary--inverted--active-color-text: var(--sd-color-primary-200); --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-750); --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100); + --sd-button--tertiary--inverted-color-text: var(--sd-color-white); + --sd-button-border-width: var(--sd-spacing-0\.5); --sd-button-font-weight: var(--sd-font-weight-bold); --sd-carousel--active--inverted-color-border: var(--sd-color-white); --sd-carousel--active-color-border: var(--sd-color-primary); @@ -102,9 +109,6 @@ --sd-chip--white-color-background: 237, 240, 244; --sd-chip--white-color-border: var(--sd-color-info); --sd-chip-border-radius: var(--sd-spacing-1); - --sd-chip-border-width: var(--sd-spacing-0\.25); - --sd-chip-font-size: 0.875rem; - --sd-chip-font-weight: var(--sd-font-weight-normal); --sd-color-accent-100: 244, 205, 178; --sd-color-accent-200: 245, 182, 145; --sd-color-accent-300: 247, 154, 102; @@ -227,6 +231,7 @@ --sd-combobox--default-color-icon-fill: var(--sd-color-primary); --sd-combobox--default-color-text: var(--sd-color-primary); --sd-combobox__tag-border-width: var(--sd-spacing-0\.5); + --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-black); --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); @@ -253,9 +258,6 @@ --sd-flag--white-color-background: 237, 240, 244; --sd-flag--white-color-border: var(--sd-color-info); --sd-flag-border-radius: var(--sd-spacing-1); - --sd-flag-border-width: var(--sd-spacing-0\.25); - --sd-flag-font-size: 0.875rem; - --sd-flag-font-weight: var(--sd-font-weight-normal); --sd-font-primary: 'GenosGFG'; --sd-font-weight-bold: 600; --sd-font-weight-normal: 400; @@ -271,7 +273,7 @@ --sd-header-padding-bottom: var(--sd-spacing-0\.5); --sd-header__underline-color-background: var(--sd-color-neutral-200); --sd-header__underline-height: var(--sd-spacing-0\.25); - --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-info); + --sd-headline--3xl-onwards-color-text: var(--sd-color-info); --sd-informational-gradient--primary-800-color-background: var(--sd-color-info); --sd-informational-gradient--white-color-background: var(--sd-color-white); --sd-interactive--active-color-text: var(--sd-color-info); @@ -283,10 +285,15 @@ --sd-link-color--hover-text: var(--sd-color-primary); --sd-link-color--none-icon: var(--sd-color-primary); --sd-link-color--pressed-icon: var(--sd-color-primary); - --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-primary-600); - --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary); - --sd-map-marker-font-size: var(--sd-spacing-3); - --sd-map-marker-main-color-icon-fill: var(--sd-color-primary); + --sd-map-marker--cluster--default-color-background: var(--sd-color-primary); + --sd-map-marker--cluster--hover-color-background: var(--sd-color-primary-600); + --sd-map-marker--cluster-color-text: var(--sd-color-white); + --sd-map-marker--main-color-background: var(--sd-color-primary); + --sd-map-marker--pin--hover-color-background: var(--sd-color-primary-100); + --sd-map-marker--pin-color-icon-fill: var(--sd-color-primary); + --sd-marker-border-width: var(--sd-spacing-0\.25); + --sd-marker-font-size: 0.875rem; + --sd-marker-font-weight: var(--sd-font-weight-normal); --sd-menu-item--disabled-color-icon-fill: 0, 0, 0, 0.2; --sd-menu-item--disabled-color-text: 0, 0, 0, 0.2; --sd-menu-item-color-icon-fill: var(--sd-color-black); @@ -394,14 +401,14 @@ --sd-switch--unchecked-color-border: var(--sd-color-black); --sd-switch--unchecked__icon-color-background: var(--sd-color-black); --sd-switch-color-text: var(--sd-color-black); - --sd-tab--active-color-background: 0, 102, 179, 0.05; + --sd-tab--hover-color-background: 0, 102, 179, 0.05; --sd-tab-color-border: var(--sd-color-neutral-500); --sd-tab-font-weight: var(--sd-font-weight-bold); --sd-tag--default--hover-color-background: var(--sd-color-primary-100); --sd-tag--default-color-background: 255, 255, 255, 0; --sd-tag--default-color-border: var(--sd-color-primary); --sd-tag--default-color-text: var(--sd-color-primary); - --sd-tag--disabled-color-border: var(--sd-color-primary-400); + --sd-tag--disabled-color-text: var(--sd-color-neutral-500); --sd-tag--selected--default-color-background: var(--sd-color-primary-200); --sd-tag--selected--default-color-border: var(--sd-color-primary); --sd-tag--selected--default-color-text: var(--sd-color-primary); @@ -420,7 +427,9 @@ --sd-teaser-media--neutral-100--hover-color-background: 245, 247, 249, 0.9; --sd-teaser-media--neutral-100-color-background: 245, 247, 249, 0.8; --sd-teaser-media--primary-100--hover-color-background: 245, 247, 249, 0.9; - --sd-teaser-media--primary-100-color-background: 245, 247, 249, 0.8; + --sd-teaser-media--primary-100-color-background: 236, 240, 249, 0.8; + --sd-teaser-media--white--hover-color-background: 255, 255, 255, 0.9; + --sd-teaser-media--white-color-background: 255, 255, 255, 0.8; --sd-text-2xl: 1.75rem; --sd-text-3xl: 2rem; --sd-text-4xl: 2.375rem; @@ -429,11 +438,8 @@ --sd-text-sm: 0.875rem; --sd-text-xl: 1.5rem; --sd-text-xs: 0.75rem; - --sd-tooltip-border-width: var(--sd-spacing-0\.25); --sd-tooltip-color-background: var(--sd-color-white); - --sd-tooltip-color-border: var(--sd-color-neutral-500); --sd-tooltip-color-text: var(--sd-color-neutral-600); - --sd-video--description-color-text: var(--sd-color-neutral-700); --sd-video--play-button-color-background: var(--sd-color-white); --sd-video--play-button-color-icon-fill: var(--sd-color-info); } From ec2d09f05a4334034239384a4bee9d6ca84d257d Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Thu, 19 Feb 2026 16:48:23 +0000 Subject: [PATCH 16/49] feat: improve link --- .../components/src/components/link/link.ts | 3 +- .../output/figma-variables.json | 498 +++++++++++----- .../src/figma-variables/variableTokens.json | 548 +++++++++++------- packages/tokens/themes/components.css | 70 ++- packages/tokens/themes/kid/kid.css | 29 +- packages/tokens/themes/tailwind.css | 1 + packages/tokens/themes/ui-dark/ui-dark.css | 21 +- packages/tokens/themes/ui-light/ui-light.css | 61 +- packages/tokens/themes/vb/vb.css | 31 +- 9 files changed, 865 insertions(+), 397 deletions(-) diff --git a/packages/components/src/components/link/link.ts b/packages/components/src/components/link/link.ts index 768936799a..d312cb5f37 100644 --- a/packages/components/src/components/link/link.ts +++ b/packages/components/src/components/link/link.ts @@ -25,6 +25,7 @@ import SolidElement from '../../internal/solid-element'; * @csspart icon-right - The container that wraps the right icon area. * * @cssproperty --sd-interactive--active-color-text - The link's text color when active. + * @csspropertt --interactive--default-color-text - The default link's text color. */ @customElement('sd-link') export default class SdLink extends SolidElement { @@ -99,7 +100,7 @@ export default class SdLink extends SolidElement { { disabled: !this.inverted ? 'text-neutral-500' : 'text-neutral-600', enabled: !this.inverted - ? ` text-primary hover:text-primary-500 active:interactive--active-color-text focus-visible:focus-outline` + ? `interactive--default-color-text hover:text-primary-500 active:interactive--active-color-text focus-visible:focus-outline` : `text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted`, visuallyDisabled: !this.inverted ? 'text-neutral-500' : 'text-neutral-600' }[this.href && !this.visuallyDisabled ? 'enabled' : this.visuallyDisabled ? 'visuallyDisabled' : 'disabled'] diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index 87c1193e7e..c368ceff48 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -2853,6 +2853,10 @@ "1,5": { "type": "float", "value": "{core.ui.sizing.1,5}" + }, + "2,5": { + "type": "float", + "value": "{core.ui.sizing.2,5}" } }, "rounded": { @@ -3580,6 +3584,34 @@ "value": "{ui-light.utilities.color.neutral.500}" } } + }, + "--size": { + "lg": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "11" + } + }, + "md": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "7" + } + }, + "sm": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "4.5" + } + } + }, + "padding-inline": { + "description": "dev only!", + "type": "float", + "value": "15" } }, "--tertiary": { @@ -3662,6 +3694,11 @@ } } }, + "padding-inline": { + "description": "sd-button's left right padding (except for icon-only & loading variant)", + "type": "float", + "value": "{ui-light.utilities.spacing.4}" + }, "--size": { "md": { "font-size": { @@ -3675,11 +3712,15 @@ "border-radius": { "type": "float", "value": "{ui-light.utilities.rounded.default}" + }, + "height": { + "type": "float", + "value": "{ui-light.utilities.sizing.10}" } }, "lg": { "icon": { - "_font-size": { + "height": { "type": "float", "value": "{ui-light.utilities.sizing.6}" } @@ -3688,13 +3729,14 @@ "type": "float", "value": "{ui-light.utilities.text.base}" }, - "border-radius": { - "type": "float", - "value": "{ui-light.utilities.rounded.default}" - }, "padding-block": { "type": "float", "value": "{ui-light.utilities.spacing.3}" + }, + "height": { + "description": "Used for icon-only and loading variant", + "type": "float", + "value": "{ui-light.utilities.sizing.12}" } }, "sm": { @@ -3708,10 +3750,14 @@ }, "padding-block": { "type": "float", - "value": "{ui-light.utilities.spacing.2}" + "value": "5.5" } } }, + "border-radius": { + "type": "float", + "value": "{ui-light.utilities.rounded.default}" + }, "font-weight": { "type": "string", "value": "{ui-light.utilities.font-weight.normal}" @@ -3802,7 +3848,12 @@ "--active": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{ui-light.utilities.color.primary.800}" + }, + "icon": { + "description": "Used for sd-link & sd-interactive", "type": "color", "value": "{ui-light.utilities.color.primary.800}" } @@ -3811,9 +3862,38 @@ "--default": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for sd-link & sd-interactive", "type": "color", - "value": "{ui-light.utilities.color.text.primary.default}" + "value": "{ui-light.utilities.color.primary.default}" + } + } + }, + "--disabled": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{ui-light.utilities.color.neutral.500}" + } + }, + "--inverted": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{ui-light.utilities.color.neutral.600}" + } + } + } + }, + "--hover": { + "--inverted": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{ui-light.utilities.color.primary.200}" + } } } } @@ -4741,44 +4821,22 @@ "sd-link": { "color": { "--hover": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.primary.500}" - }, "icon": { "type": "color", "value": "{ui-light.utilities.color.text.primary.500}" } }, - "--default": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.primary.default}" - } - }, "--none": { "icon": { "type": "color", "value": "{ui-light.utilities.color.text.primary.default}" } }, - "--active": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.primary.800}" - } - }, "--pressed": { "icon": { "type": "color", "value": "{ui-light.utilities.color.text.primary.800}" } - }, - "--disabled": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.primary.800}" - } } } }, @@ -6106,6 +6164,10 @@ "1,5": { "type": "float", "value": "{core.ui.sizing.1,5}" + }, + "2,5": { + "type": "float", + "value": "{core.ui.sizing.2,5}" } }, "rounded": { @@ -6833,6 +6895,34 @@ "value": "{ui-dark.utilities.color.neutral.500}" } } + }, + "--size": { + "lg": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "11" + } + }, + "md": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "7" + } + }, + "sm": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "4.5" + } + } + }, + "padding-inline": { + "description": "dev only!", + "type": "float", + "value": "15" } }, "--tertiary": { @@ -6915,6 +7005,11 @@ } } }, + "padding-inline": { + "description": "sd-button's left right padding (except for icon-only & loading variant)", + "type": "float", + "value": "{ui-dark.utilities.spacing.4}" + }, "--size": { "md": { "font-size": { @@ -6928,11 +7023,15 @@ "border-radius": { "type": "float", "value": "{ui-dark.utilities.rounded.default}" + }, + "height": { + "type": "float", + "value": "{ui-dark.utilities.sizing.10}" } }, "lg": { "icon": { - "_font-size": { + "height": { "type": "float", "value": "{ui-dark.utilities.sizing.6}" } @@ -6941,13 +7040,14 @@ "type": "float", "value": "{ui-dark.utilities.text.base}" }, - "border-radius": { - "type": "float", - "value": "{ui-dark.utilities.rounded.default}" - }, "padding-block": { "type": "float", "value": "{ui-dark.utilities.spacing.3}" + }, + "height": { + "description": "Used for icon-only and loading variant", + "type": "float", + "value": "{ui-dark.utilities.sizing.12}" } }, "sm": { @@ -6961,10 +7061,14 @@ }, "padding-block": { "type": "float", - "value": "{ui-dark.utilities.spacing.2}" + "value": "5.5" } } }, + "border-radius": { + "type": "float", + "value": "{ui-dark.utilities.rounded.default}" + }, "font-weight": { "type": "string", "value": "{ui-dark.utilities.font-weight.normal}" @@ -7055,7 +7159,12 @@ "--active": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{ui-dark.utilities.color.primary.400}" + }, + "icon": { + "description": "Used for sd-link & sd-interactive", "type": "color", "value": "{ui-dark.utilities.color.primary.400}" } @@ -7064,9 +7173,38 @@ "--default": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for sd-link & sd-interactive", "type": "color", - "value": "{ui-dark.utilities.color.text.primary.default}" + "value": "{ui-dark.utilities.color.white.default}" + } + } + }, + "--disabled": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{ui-dark.utilities.color.neutral.500}" + } + }, + "--inverted": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{ui-dark.utilities.color.neutral.600}" + } + } + } + }, + "--hover": { + "--inverted": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{ui-dark.utilities.color.primary.200}" + } } } } @@ -7994,44 +8132,22 @@ "sd-link": { "color": { "--hover": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.200}" - }, "icon": { "type": "color", "value": "{ui-dark.utilities.color.text.primary.200}" } }, - "--default": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.default}" - } - }, "--none": { "icon": { "type": "color", "value": "{ui-dark.utilities.color.text.primary.default}" } }, - "--active": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.400}" - } - }, "--pressed": { "icon": { "type": "color", "value": "{ui-dark.utilities.color.text.primary.400}" } - }, - "--disabled": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.400}" - } } } }, @@ -8825,7 +8941,7 @@ "500": { "description": "Used for disabled state", "type": "color", - "value": "{vb.utilities.color.background.neutral.400}" + "value": "{vb.utilities.color.neutral.400}" }, "600": { "description": "Used for inverted disabled state", @@ -9359,6 +9475,10 @@ "1,5": { "type": "float", "value": "{core.ui.sizing.1,5}" + }, + "2,5": { + "type": "float", + "value": "{core.ui.sizing.2,5}" } }, "rounded": { @@ -10086,6 +10206,34 @@ "value": "{vb.utilities.color.neutral.500}" } } + }, + "--size": { + "lg": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "8" + } + }, + "md": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "8" + } + }, + "sm": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "3.5" + } + } + }, + "padding-inline": { + "description": "dev only!", + "type": "float", + "value": "22" } }, "--tertiary": { @@ -10168,6 +10316,11 @@ } } }, + "padding-inline": { + "description": "sd-button's left right padding (except for icon-only & loading variant)", + "type": "float", + "value": "{vb.utilities.spacing.6}" + }, "--size": { "md": { "font-size": { @@ -10176,16 +10329,20 @@ }, "padding-block": { "type": "float", - "value": "{vb.utilities.sizing.2,5}" + "value": "{vb.utilities.spacing.2,5}" }, "border-radius": { "type": "float", "value": "{vb.utilities.rounded.full}" + }, + "height": { + "type": "float", + "value": "44" } }, "lg": { "icon": { - "_font-size": { + "height": { "type": "float", "value": "{vb.utilities.sizing.5}" } @@ -10194,13 +10351,14 @@ "type": "float", "value": "{vb.utilities.text.sm}" }, - "border-radius": { + "padding-block": { "type": "float", - "value": "{vb.utilities.rounded.full}" + "value": "{vb.utilities.spacing.2,5}" }, - "padding-block": { + "height": { + "description": "Used for icon-only and loading variant", "type": "float", - "value": "{vb.utilities.sizing.2,5}" + "value": "44" } }, "sm": { @@ -10214,10 +10372,14 @@ }, "padding-block": { "type": "float", - "value": "{vb.utilities.sizing.2,5}" + "value": "5.5" } } }, + "border-radius": { + "type": "float", + "value": "{vb.utilities.rounded.full}" + }, "font-weight": { "type": "string", "value": "{vb.utilities.font-weight.bold}" @@ -10273,15 +10435,15 @@ "color": { "border": { "type": "color", - "value": "{core.vb.azure.400}" + "value": "{vb.utilities.color.primary.400}" }, "text": { "type": "color", - "value": "{core.vb.azure.400}" + "value": "{vb.utilities.color.primary.400}" }, "background": { "type": "color", - "value": "{core.vb.azure.400}" + "value": "{vb.utilities.color.primary.400}" } } } @@ -10308,18 +10470,52 @@ "--active": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for sd-link & sd-interactive", "type": "color", - "value": "{vb.utilities.color.primary.800}" + "value": "{vb.utilities.color.primary.500}" + }, + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{vb.utilities.color.primary.500}" } } }, "--default": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for sd-link & sd-interactive", "type": "color", - "value": "{vb.utilities.color.text.primary.500}" + "value": "{vb.utilities.color.primary.500}" + } + } + }, + "--disabled": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{core.vb.grey.450}" + } + }, + "--inverted": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "rgba(255, 255, 255, 0.40)" + } + } + } + }, + "--hover": { + "--inverted": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{vb.utilities.color.primary.200}" + } } } } @@ -10447,7 +10643,7 @@ }, "padding-block": { "type": "float", - "value": "{vb.utilities.spacing.4}" + "value": "15" }, "border-width": { "type": "float", @@ -11247,44 +11443,22 @@ "sd-link": { "color": { "--hover": { - "text": { - "type": "color", - "value": "{core.vb.azure.500}" - }, "icon": { "type": "color", "value": "{core.vb.azure.500}" } }, - "--default": { - "text": { - "type": "color", - "value": "{core.vb.azure.500}" - } - }, "--none": { "icon": { "type": "color", "value": "{core.vb.azure.500}" } }, - "--active": { - "text": { - "type": "color", - "value": "{core.vb.azure.500}" - } - }, "--pressed": { "icon": { "type": "color", "value": "{core.vb.azure.500}" } - }, - "--disabled": { - "text": { - "type": "color", - "value": "{core.ui.grey.400}" - } } } }, @@ -12327,7 +12501,7 @@ "color": { "description": "Used for tooltip", "type": "color", - "value": "rgba(5, 21, 48, 0.10)" + "value": "rgba(5, 21, 48, 0.25)" }, "y": { "type": "float", @@ -12612,6 +12786,10 @@ "1,5": { "type": "float", "value": "{core.ui.sizing.1,5}" + }, + "2,5": { + "type": "float", + "value": "{core.ui.sizing.2,5}" } }, "rounded": { @@ -13339,6 +13517,34 @@ "value": "{kid.utilities.color.neutral.400}" } } + }, + "--size": { + "lg": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "7" + } + }, + "md": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "7" + } + }, + "sm": { + "padding-block": { + "description": "dev only!", + "type": "float", + "value": "4.5" + } + } + }, + "padding-inline": { + "description": "dev only!", + "type": "float", + "value": "23" } }, "--tertiary": { @@ -13421,6 +13627,11 @@ } } }, + "padding-inline": { + "description": "sd-button's left right padding (except for icon-only & loading variant)", + "type": "float", + "value": "{kid.utilities.spacing.6}" + }, "--size": { "md": { "font-size": { @@ -13429,16 +13640,20 @@ }, "padding-block": { "type": "float", - "value": "{kid.utilities.sizing.2,5}" + "value": "{kid.utilities.spacing.2}" }, "border-radius": { "type": "float", "value": "{kid.utilities.rounded.full}" + }, + "height": { + "type": "float", + "value": "40" } }, "lg": { "icon": { - "_font-size": { + "height": { "type": "float", "value": "{kid.utilities.sizing.6}" } @@ -13447,13 +13662,14 @@ "type": "float", "value": "{kid.utilities.text.sm}" }, - "border-radius": { + "padding-block": { "type": "float", - "value": "{kid.utilities.rounded.full}" + "value": "{kid.utilities.spacing.2}" }, - "padding-block": { + "height": { + "description": "Used for icon-only and loading variant", "type": "float", - "value": "{kid.utilities.sizing.2,5}" + "value": "40" } }, "sm": { @@ -13467,10 +13683,14 @@ }, "padding-block": { "type": "float", - "value": "{kid.utilities.sizing.2,5}" + "value": "5.5" } } }, + "border-radius": { + "type": "float", + "value": "{kid.utilities.rounded.full}" + }, "font-weight": { "type": "string", "value": "{core.kid.font-weight.font-semibold}" @@ -13561,7 +13781,12 @@ "--active": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{kid.utilities.color.neutral.800}" + }, + "icon": { + "description": "Used for sd-link & sd-interactive", "type": "color", "value": "{kid.utilities.color.neutral.800}" } @@ -13570,9 +13795,38 @@ "--default": { "color": { "text": { - "description": "Default icon color ", + "description": "Used for sd-link & sd-interactive", "type": "color", - "value": "{kid.utilities.color.icon-fill.primary.default}" + "value": "{kid.utilities.color.black.default}" + } + } + }, + "--disabled": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{kid.utilities.color.neutral.500}" + } + }, + "--inverted": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{kid.utilities.color.neutral.600}" + } + } + } + }, + "--hover": { + "--inverted": { + "color": { + "icon": { + "description": "Used for sd-link & sd-interactive", + "type": "color", + "value": "{kid.utilities.color.accent.100}" + } } } } @@ -14500,44 +14754,22 @@ "sd-link": { "color": { "--hover": { - "text": { - "type": "color", - "value": "{kid.utilities.color.neutral.800}" - }, "icon": { "type": "color", "value": "{kid.utilities.color.text.black.default}" } }, - "--default": { - "text": { - "type": "color", - "value": "{kid.utilities.color.text.black.default}" - } - }, "--none": { "icon": { "type": "color", "value": "{kid.utilities.color.text.black.default}" } }, - "--active": { - "text": { - "type": "color", - "value": "{kid.utilities.color.neutral.800}" - } - }, "--pressed": { "icon": { "type": "color", "value": "{kid.utilities.color.text.black.default}" } - }, - "--disabled": { - "text": { - "type": "color", - "value": "{kid.utilities.color.neutral.800}" - } } } }, diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index 89939bad36..7033179f9d 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -212,8 +212,8 @@ "VariableID:44921:14706", "VariableID:44921:14707", "VariableID:44917:20154", - "VariableID:46172:9194", "VariableID:44917:20144", + "VariableID:46172:9194", "VariableID:43927:5029", "VariableID:48719:123821", "VariableID:46396:101311", @@ -462,8 +462,8 @@ "VariableID:43979:261", "VariableID:43979:262", "VariableID:43979:263", - "VariableID:43979:299", "VariableID:43979:264", + "VariableID:43979:299", "VariableID:43979:300", "VariableID:43979:265", "VariableID:43979:301", @@ -518,8 +518,21 @@ "VariableID:44300:68556", "VariableID:47858:29969", "VariableID:44300:68558", + "VariableID:54687:83306", "VariableID:50578:41688", "VariableID:44271:64199", + "VariableID:54294:16226", + "VariableID:44271:64186", + "VariableID:50587:4943", + "VariableID:50578:56662", + "VariableID:54294:28373", + "VariableID:46961:115232", + "VariableID:54294:28375", + "VariableID:54294:28378", + "VariableID:44300:68643", + "VariableID:54687:83305", + "VariableID:54687:83307", + "VariableID:54687:83308", "VariableID:50578:56661", "VariableID:44271:64200", "VariableID:54294:21759", @@ -535,7 +548,6 @@ "VariableID:43979:290", "VariableID:43979:281", "VariableID:43979:282", - "VariableID:54294:16226", "VariableID:43979:253", "VariableID:43979:294", "VariableID:43979:254", @@ -544,8 +556,6 @@ "VariableID:43979:296", "VariableID:43979:255", "VariableID:43979:293", - "VariableID:50587:4943", - "VariableID:50578:56662", "VariableID:43979:256", "VariableID:43979:257", "VariableID:43979:258", @@ -563,7 +573,6 @@ "VariableID:43979:247", "VariableID:43979:248", "VariableID:43979:242", - "VariableID:54294:28373", "VariableID:43979:249", "VariableID:43979:250", "VariableID:43979:493", @@ -574,9 +583,6 @@ "VariableID:43979:287", "VariableID:43979:311", "VariableID:43979:268", - "VariableID:46961:115232", - "VariableID:54294:28375", - "VariableID:54294:28378", "VariableID:43979:269", "VariableID:43979:270", "VariableID:43979:271", @@ -584,13 +590,12 @@ "VariableID:43979:312", "VariableID:43979:277", "VariableID:43979:313", + "VariableID:54615:17285", "VariableID:43979:278", "VariableID:43979:275", "VariableID:43979:273", "VariableID:43979:280", "VariableID:43979:279", - "VariableID:48719:146279", - "VariableID:47226:13298", "VariableID:47226:13297", "VariableID:44029:1647", "VariableID:44029:1648", @@ -603,6 +608,8 @@ "VariableID:44029:1655", "VariableID:44318:2769", "VariableID:44029:1656", + "VariableID:48719:146279", + "VariableID:47226:13298", "VariableID:44029:1657", "VariableID:44029:1658", "VariableID:44029:1659", @@ -621,6 +628,7 @@ "VariableID:44029:1671", "VariableID:44029:1672", "VariableID:44029:1673", + "VariableID:54572:8960", "VariableID:45046:31063", "VariableID:44336:4885", "VariableID:44336:4886", @@ -651,6 +659,11 @@ "VariableID:51573:9921", "VariableID:49857:86584", "VariableID:44837:7261", + "VariableID:47031:407", + "VariableID:54615:17222", + "VariableID:44294:66968", + "VariableID:54615:17221", + "VariableID:54615:16985", "VariableID:44837:15833", "VariableID:44677:46587", "VariableID:44023:41070", @@ -660,8 +673,6 @@ "VariableID:46374:83079", "VariableID:47674:18801", "VariableID:46500:50144", - "VariableID:47031:407", - "VariableID:44294:66968", "VariableID:48127:24317", "VariableID:48127:24325", "VariableID:48150:71090", @@ -694,28 +705,28 @@ "VariableID:49052:99", "VariableID:44953:13157", "VariableID:54289:8163", - "VariableID:44271:64186", "VariableID:44283:64315", - "VariableID:44300:68643", "VariableID:46971:17841", "VariableID:46977:27416", "VariableID:46977:29580", "VariableID:46977:29581", "VariableID:46977:29583", "VariableID:46989:18467", + "VariableID:46977:27419", + "VariableID:46977:27421", + "VariableID:46977:29585", "VariableID:44921:4592", "VariableID:44921:4593", "VariableID:44921:4594", + "VariableID:54634:38690", "VariableID:44921:10563", "VariableID:44883:20780", "VariableID:44883:24906", "VariableID:44883:24608", + "VariableID:54634:38691", "VariableID:47783:193767", "VariableID:47783:193768", "VariableID:47783:193769", - "VariableID:46977:27419", - "VariableID:46977:27421", - "VariableID:46977:29585", "VariableID:46871:963", "VariableID:49052:102", "VariableID:46790:20333", @@ -764,10 +775,6 @@ "VariableID:48719:115873", "VariableID:46581:61953", "VariableID:48046:4669", - "VariableID:47728:7236", - "VariableID:47728:7234", - "VariableID:47728:7238", - "VariableID:50569:510", "VariableID:46768:1312", "VariableID:49063:51818", "VariableID:51964:11323", @@ -6784,7 +6791,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43373:35304", + "id": "VariableID:43979:217", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -8867,7 +8874,7 @@ "r": 0 }, "47719:0": { - "a": 0.10000000149011612, + "a": 0.25, "b": 0.1882352977991104, "g": 0.08235294371843338, "r": 0.019607843831181526 @@ -12100,7 +12107,7 @@ }, "VariableID:44294:66968": { "codeSyntax": {}, - "description": "Default icon color ", + "description": "Used for sd-link & sd-interactive", "hiddenFromPublishing": false, "id": "VariableID:44294:66968", "key": "7ab103b271853d11828571c254572387f160dab5", @@ -12120,7 +12127,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:201", + "id": "VariableID:43979:197", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -12324,11 +12331,11 @@ }, "VariableID:44300:68678": { "codeSyntax": {}, - "description": "", + "description": "sd-button's left right padding (except for icon-only & loading variant)", "hiddenFromPublishing": false, "id": "VariableID:44300:68678", "key": "e008b4506970545e2858f69abab0b192a10dc12c", - "name": "_todo/components/sd-button/_todo/spacing/left-right", + "name": "components/sd-button/padding-inline", "remote": false, "resolvedType": "FLOAT", "scopes": [ @@ -12336,19 +12343,19 @@ ], "valuesByMode": { "43174:13": { - "id": "VariableID:44029:1649", + "id": "VariableID:44029:1661", "type": "VARIABLE_ALIAS" }, "43174:14": { - "id": "VariableID:44029:1649", + "id": "VariableID:44029:1661", "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:44029:1649", + "id": "VariableID:44029:1662", "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:44029:1649", + "id": "VariableID:44029:1662", "type": "VARIABLE_ALIAS" } }, @@ -13436,11 +13443,11 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:44029:1657", + "id": "VariableID:54572:8960", "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:44029:1657", + "id": "VariableID:44029:1659", "type": "VARIABLE_ALIAS" } }, @@ -13448,6 +13455,7 @@ }, "VariableID:44883:24906": { "codeSyntax": {}, + "deletedButReferenced": true, "description": "", "hiddenFromPublishing": false, "id": "VariableID:44883:24906", @@ -13884,7 +13892,7 @@ "hiddenFromPublishing": true, "id": "VariableID:44921:10563", "key": "e5f4bc1f5a86ad9dffa6bf0e907a6755a27a189b", - "name": "components/sd-button/--size/lg/icon/_font-size", + "name": "components/sd-button/--size/lg/icon/height", "remote": false, "resolvedType": "FLOAT", "scopes": [ @@ -14202,10 +14210,7 @@ "id": "VariableID:44029:1660", "type": "VARIABLE_ALIAS" }, - "44883:0": { - "id": "VariableID:44029:1661", - "type": "VARIABLE_ALIAS" - }, + "44883:0": 15, "47719:0": { "id": "VariableID:44029:1661", "type": "VARIABLE_ALIAS" @@ -14283,7 +14288,7 @@ "hiddenFromPublishing": false, "id": "VariableID:44921:4593", "key": "fb3118610bd63f6251f32c7bb5105cff1ae4173a", - "name": "components/sd-button/--size/lg/border-radius", + "name": "components/sd-button/border-radius", "remote": false, "resolvedType": "FLOAT", "scopes": [ @@ -14331,11 +14336,11 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:44029:1657", + "id": "VariableID:54572:8960", "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:44029:1657", + "id": "VariableID:44029:1659", "type": "VARIABLE_ALIAS" } }, @@ -18251,7 +18256,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5031", + "id": "VariableID:43979:196", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -18283,7 +18288,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5031", + "id": "VariableID:43979:196", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -18411,7 +18416,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5031", + "id": "VariableID:43979:196", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -18555,7 +18560,7 @@ }, "VariableID:47031:407": { "codeSyntax": {}, - "description": "Default icon color ", + "description": "Used for sd-link & sd-interactive", "hiddenFromPublishing": false, "id": "VariableID:47031:407", "key": "ab33e0301ff17cbe87514462d6a6402d33f96457", @@ -18567,19 +18572,19 @@ ], "valuesByMode": { "43174:13": { - "id": "VariableID:43979:272", + "id": "VariableID:43979:203", "type": "VARIABLE_ALIAS" }, "43174:14": { - "id": "VariableID:43979:272", + "id": "VariableID:43979:227", "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:270", + "id": "VariableID:43979:197", "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:43979:241", + "id": "VariableID:43979:225", "type": "VARIABLE_ALIAS" } }, @@ -19632,38 +19637,6 @@ }, "variableCollectionId": "VariableCollectionId:42952:95" }, - "VariableID:47728:7234": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:47728:7234", - "key": "6e5de9a2843eed73459fb7df4bda9d46831fe47c", - "name": "components/sd-link/color/--hover/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:270", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:268", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43927:5032", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:221", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:47728:7235": { "codeSyntax": {}, "deletedButReferenced": true, @@ -19697,38 +19670,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:47728:7236": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:47728:7236", - "key": "dbda46f9d896d2ac0888340b3d384e671e51540f", - "name": "components/sd-link/color/--default/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:272", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:272", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43927:5032", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:47728:7237": { "codeSyntax": {}, "deletedButReferenced": true, @@ -19762,38 +19703,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:47728:7238": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:47728:7238", - "key": "9940f1b9678a527f7ee07da6a7f8a70a874cb9c5", - "name": "components/sd-link/color/--active/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:271", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:269", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43927:5032", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:221", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:47728:7239": { "codeSyntax": {}, "deletedButReferenced": true, @@ -20121,6 +20030,7 @@ }, "VariableID:47783:193768": { "codeSyntax": {}, + "deletedButReferenced": true, "description": "", "hiddenFromPublishing": false, "id": "VariableID:47783:193768", @@ -20164,22 +20074,10 @@ "ALL_SCOPES" ], "valuesByMode": { - "43174:13": { - "id": "VariableID:44029:1659", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:44029:1659", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:44029:1657", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:44029:1657", - "type": "VARIABLE_ALIAS" - } + "43174:13": 5.5, + "43174:14": 5.5, + "44883:0": 5.5, + "47719:0": 5.5 }, "variableCollectionId": "VariableCollectionId:43174:55999" }, @@ -22160,38 +22058,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:50569:510": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:50569:510", - "key": "def903b0140a6a80793577b3b88d3a73c79b271f", - "name": "components/sd-link/color/--disabled/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:271", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:269", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43927:4971", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:221", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:50578:36839": { "codeSyntax": {}, "description": "Used for active / selected elements", @@ -23213,6 +23079,300 @@ } }, "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54572:8960": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:54572:8960", + "key": "9e19a3c7498b183a03c7651eb06f5b474ee6956d", + "name": "utilities/spacing/2,5", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:44029:1614", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:44029:1614", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:44029:1614", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:44029:1614", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54615:16985": { + "codeSyntax": {}, + "description": "Used for sd-link & sd-interactive", + "hiddenFromPublishing": false, + "id": "VariableID:54615:16985", + "key": "5863bc35e9edd88c18f589c26319189c625c79fe", + "name": "components/interactive/--active/color/icon", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:201", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:196", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:197", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:221", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54615:17221": { + "codeSyntax": {}, + "description": "Used for sd-link & sd-interactive", + "hiddenFromPublishing": false, + "id": "VariableID:54615:17221", + "key": "3975372fbfd0d573c909b98e85d94441539736ee", + "name": "components/interactive/--disabled/color/icon", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:218", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:218", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:46408:96677", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:218", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54615:17222": { + "codeSyntax": {}, + "description": "Used for sd-link & sd-interactive", + "hiddenFromPublishing": false, + "id": "VariableID:54615:17222", + "key": "4fe89504936226c87819f612b16f9be10628c26f", + "name": "components/interactive/--hover/--inverted/color/icon", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:204", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54615:17285": { + "codeSyntax": {}, + "description": "Used for sd-link & sd-interactive", + "hiddenFromPublishing": false, + "id": "VariableID:54615:17285", + "key": "1bf844f149cb5ac20072ae43d55c4b497854987a", + "name": "components/interactive/--disabled/--inverted/color/icon", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:219", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:219", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "a": 0.4000000059604645, + "b": 1, + "g": 1, + "r": 1 + }, + "47719:0": { + "id": "VariableID:43979:219", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54634:38690": { + "codeSyntax": {}, + "description": "Used for icon-only and loading variant", + "hiddenFromPublishing": false, + "id": "VariableID:54634:38690", + "key": "26b5b532c5ac38c531d87184384f0fac93cf7469", + "name": "components/sd-button/--size/lg/height", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:44029:1654", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:44029:1654", + "type": "VARIABLE_ALIAS" + }, + "44883:0": 44, + "47719:0": 40 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54634:38691": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:54634:38691", + "key": "4bde27cc88cdfc3a73749535372ab1931e30d670", + "name": "components/sd-button/--size/md/height", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:44029:1653", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:44029:1653", + "type": "VARIABLE_ALIAS" + }, + "44883:0": 44, + "47719:0": 40 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54687:83305": { + "codeSyntax": {}, + "description": "dev only!", + "hiddenFromPublishing": false, + "id": "VariableID:54687:83305", + "key": "53c2b244c2582aa6c8f193c400949b7ba5419910", + "name": "components/sd-button/--secondary/--size/lg/padding-block", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 11, + "43174:14": 11, + "44883:0": 8, + "47719:0": 7 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54687:83306": { + "codeSyntax": {}, + "description": "dev only!", + "hiddenFromPublishing": false, + "id": "VariableID:54687:83306", + "key": "cd02e23c6ff872312fb7dd7afcdd99b69157c8f5", + "name": "components/sd-button/--secondary/padding-inline", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 15, + "43174:14": 15, + "44883:0": 22, + "47719:0": 23 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54687:83307": { + "codeSyntax": {}, + "description": "dev only!", + "hiddenFromPublishing": false, + "id": "VariableID:54687:83307", + "key": "97bc1daa83cdd3b0cc928868b64796767604d94b", + "name": "components/sd-button/--secondary/--size/md/padding-block", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 7, + "43174:14": 7, + "44883:0": 8, + "47719:0": 7 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54687:83308": { + "codeSyntax": {}, + "description": "dev only!", + "hiddenFromPublishing": false, + "id": "VariableID:54687:83308", + "key": "2d707b8f9ba9bffc10c8319119dc89042e0d8a01", + "name": "components/sd-button/--secondary/--size/sm/padding-block", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 4.5, + "43174:14": 4.5, + "44883:0": 3.5, + "47719:0": 4.5 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" } } } \ No newline at end of file diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css index b3bcb1bfc3..5db1258020 100644 --- a/packages/tokens/themes/components.css +++ b/packages/tokens/themes/components.css @@ -34,6 +34,10 @@ background-color: rgba(var(--sd-informational-gradient--white-color-background, rgba(var(--sd-color-white)))); } +@utility interactive--active-color-icon { + background-color: rgba(var(--sd-interactive--active-color-icon, rgba(var(--sd-color-primary-800)))); +} + @utility interactive--active-color-text { color: rgba(var(--sd-interactive--active-color-text, rgba(var(--sd-color-primary-800)))); } @@ -42,6 +46,18 @@ color: rgba(var(--sd-interactive--default-color-text, rgba(var(--sd-color-primary)))); } +@utility interactive--disabled--inverted-color-icon { + background-color: rgba(var(--sd-interactive--disabled--inverted-color-icon, rgba(var(--sd-color-neutral-600)))); +} + +@utility interactive--disabled-color-icon { + background-color: rgba(var(--sd-interactive--disabled-color-icon, rgba(var(--sd-color-neutral-500)))); +} + +@utility interactive--hover--inverted-color-icon { + background-color: rgba(var(--sd-interactive--hover--inverted-color-icon, rgba(var(--sd-color-primary-200)))); +} + @utility marker-border-width { border-width: var(--sd-marker-border-width, 0); } @@ -290,14 +306,34 @@ color: rgba(var(--sd-button--secondary--inverted-color-text, rgba(var(--sd-color-white)))); } -@utility sd-button--size-lg-border-radius { - border-radius: var(--sd-button--size-lg-border-radius, var(--sd-spacing-1)); +@utility sd-button--secondary--size-lg-padding-block { + padding-block: var(--sd-button--secondary--size-lg-padding-block, 0.6875rem); +} + +@utility sd-button--secondary--size-md-padding-block { + padding-block: var(--sd-button--secondary--size-md-padding-block, 0.4375rem); +} + +@utility sd-button--secondary--size-sm-padding-block { + padding-block: var(--sd-button--secondary--size-sm-padding-block, 0.28125rem); +} + +@utility sd-button--secondary-padding-inline { + padding-inline: var(--sd-button--secondary-padding-inline, 0.9375rem); } @utility sd-button--size-lg-font-size { font-size: var(--sd-button--size-lg-font-size, var(--sd-spacing-4)); } +@utility sd-button--size-lg-height { + height: var(--sd-button--size-lg-height, var(--sd-spacing-12)); +} + +@utility sd-button--size-lg-icon-height { + height: var(--sd-button--size-lg-icon-height, var(--sd-spacing-6)); +} + @utility sd-button--size-lg-padding-block { padding-block: var(--sd-button--size-lg-padding-block, var(--sd-spacing-3)); } @@ -310,6 +346,10 @@ font-size: var(--sd-button--size-md-font-size, var(--sd-spacing-4)); } +@utility sd-button--size-md-height { + height: var(--sd-button--size-md-height, var(--sd-spacing-10)); +} + @utility sd-button--size-md-padding-block { padding-block: var(--sd-button--size-md-padding-block, var(--sd-spacing-2)); } @@ -323,7 +363,7 @@ } @utility sd-button--size-sm-padding-block { - padding-block: var(--sd-button--size-sm-padding-block, var(--sd-spacing-2)); + padding-block: var(--sd-button--size-sm-padding-block, 0.34375rem); } @utility sd-button--tertiary--active-color-background { @@ -366,6 +406,10 @@ color: rgba(var(--sd-button--tertiary--inverted-color-text, rgba(var(--sd-color-white)))); } +@utility sd-button-border-radius { + border-radius: var(--sd-button-border-radius, var(--sd-spacing-1)); +} + @utility sd-button-border-width { border-width: var(--sd-button-border-width, var(--sd-spacing-0\.25)); } @@ -374,6 +418,10 @@ font-weight: var(--sd-button-font-weight, var(--sd-font-weight-normal)); } +@utility sd-button-padding-inline { + padding-inline: var(--sd-button-padding-inline, var(--sd-spacing-4)); +} + @utility sd-carousel--active--inverted-color-border { border-color: rgba(var(--sd-carousel--active--inverted-color-border, rgba(var(--sd-color-accent)))); } @@ -566,26 +614,10 @@ color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary)))); } -@utility sd-link-color--active-text { - color: rgba(var(--sd-link-color--active-text, rgba(var(--sd-color-primary-800)))); -} - -@utility sd-link-color--default-text { - color: rgba(var(--sd-link-color--default-text, rgba(var(--sd-color-primary)))); -} - -@utility sd-link-color--disabled-text { - color: rgba(var(--sd-link-color--disabled-text, rgba(var(--sd-color-primary-800)))); -} - @utility sd-link-color--hover-icon { background-color: rgba(var(--sd-link-color--hover-icon, rgba(var(--sd-color-primary-500)))); } -@utility sd-link-color--hover-text { - color: rgba(var(--sd-link-color--hover-text, rgba(var(--sd-color-primary-500)))); -} - @utility sd-link-color--none-icon { background-color: rgba(var(--sd-link-color--none-icon, rgba(var(--sd-color-primary)))); } diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index 8d5bf2f2c4..06315c6a92 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -69,15 +69,21 @@ --sd-button--secondary--inverted--hover-color-text: var(--sd-color-accent); --sd-button--secondary--inverted-color-border: var(--sd-color-accent); --sd-button--secondary--inverted-color-text: var(--sd-color-accent); - --sd-button--size-lg-border-radius: 624.9375rem; + --sd-button--secondary--size-lg-padding-block: 0.4375rem; + --sd-button--secondary--size-md-padding-block: 0.4375rem; + --sd-button--secondary--size-sm-padding-block: 0.28125rem; + --sd-button--secondary-padding-inline: 1.4375rem; --sd-button--size-lg-font-size: 0.875rem; - --sd-button--size-lg-padding-block: 0.625rem; + --sd-button--size-lg-height: var(--sd-spacing-10); + --sd-button--size-lg-icon-height: var(--sd-spacing-6); + --sd-button--size-lg-padding-block: var(--sd-spacing-2); --sd-button--size-md-border-radius: 624.9375rem; --sd-button--size-md-font-size: 0.875rem; - --sd-button--size-md-padding-block: 0.625rem; + --sd-button--size-md-height: var(--sd-spacing-10); + --sd-button--size-md-padding-block: var(--sd-spacing-2); --sd-button--size-sm-border-radius: 624.9375rem; --sd-button--size-sm-font-size: var(--sd-spacing-3); - --sd-button--size-sm-padding-block: 0.625rem; + --sd-button--size-sm-padding-block: 0.34375rem; --sd-button--tertiary--active-color-background: 247, 242, 236, 0; --sd-button--tertiary--active-color-text: var(--sd-color-neutral-800); --sd-button--tertiary--default-color-text: var(--sd-color-black); @@ -88,8 +94,10 @@ --sd-button--tertiary--inverted--hover-color-background: 247, 242, 236, 0; --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-accent); --sd-button--tertiary--inverted-color-text: var(--sd-color-accent); + --sd-button-border-radius: 624.9375rem; --sd-button-border-width: var(--sd-spacing-0\.25); --sd-button-font-weight: var(--sd-font-weight-bold); + --sd-button-padding-inline: var(--sd-spacing-6); --sd-carousel--active--inverted-color-border: var(--sd-color-accent); --sd-carousel--active-color-border: var(--sd-color-black); --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-white); @@ -243,7 +251,7 @@ --sd-divider--inverted-color-border: 255, 255, 255, 0.4; --sd-drop-shadow-sm: 0px 4px 12px rgba(5, 21, 48, 0.25); --sd-drop-shadow-xs: 0.5px 0.5px 1.5px rgba(5, 21, 48, 0.75); - --sd-drop-shadow: 0px 2px 4px rgba(5, 21, 48, 0.1); + --sd-drop-shadow: 0px 2px 4px rgba(5, 21, 48, 0.25); --sd-dropdown-color-background: 255, 255, 255, 0.6; --sd-duration-fast: 150ms; --sd-duration-medium: 300ms; @@ -276,13 +284,13 @@ --sd-headline--3xl-onwards-color-text: var(--sd-color-black); --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800); --sd-informational-gradient--white-color-background: var(--sd-color-accent); + --sd-interactive--active-color-icon: var(--sd-color-neutral-800); --sd-interactive--active-color-text: var(--sd-color-neutral-800); --sd-interactive--default-color-text: var(--sd-color-black); - --sd-link-color--active-text: var(--sd-color-neutral-800); - --sd-link-color--default-text: var(--sd-color-black); - --sd-link-color--disabled-text: var(--sd-color-neutral-800); + --sd-interactive--disabled--inverted-color-icon: var(--sd-color-neutral-600); + --sd-interactive--disabled-color-icon: var(--sd-color-neutral-500); + --sd-interactive--hover--inverted-color-icon: var(--sd-color-accent); --sd-link-color--hover-icon: var(--sd-color-black); - --sd-link-color--hover-text: var(--sd-color-neutral-800); --sd-link-color--none-icon: var(--sd-color-black); --sd-link-color--pressed-icon: var(--sd-color-black); --sd-map-marker--cluster--default-color-background: var(--sd-color-black); @@ -359,7 +367,7 @@ --sd-range__bar-border-width: var(--sd-spacing-0\.5); --sd-shadow-sm: 0px 4px 12px -6px rgba(5, 21, 48, 0.25); --sd-shadow-xs: 0.5px 0.5px 1.5px 0px rgba(5, 21, 48, 0.75); - --sd-shadow: 0px 2px 4px 0px rgba(5, 21, 48, 0.1); + --sd-shadow: 0px 2px 4px 0px rgba(5, 21, 48, 0.25); --sd-sizing-0\.25: 0.0625rem; --sd-sizing-0\.5: 0.125rem; --sd-sizing-10: 2.5rem; @@ -387,6 +395,7 @@ --sd-spacing-20: 5rem; --sd-spacing-24: 6rem; --sd-spacing-2: 0.5rem; + --sd-spacing-2\.5: 0.625rem; --sd-spacing-32: 8rem; --sd-spacing-3: 0.75rem; --sd-spacing-40: 10rem; diff --git a/packages/tokens/themes/tailwind.css b/packages/tokens/themes/tailwind.css index e166cce30b..788ab0f904 100644 --- a/packages/tokens/themes/tailwind.css +++ b/packages/tokens/themes/tailwind.css @@ -143,6 +143,7 @@ --spacing-20: var(--sd-spacing-20); --spacing-24: var(--sd-spacing-24); --spacing-2: var(--sd-spacing-2); + --spacing-2\.5: var(--sd-spacing-2\.5); --spacing-32: var(--sd-spacing-32); --spacing-3: var(--sd-spacing-3); --spacing-40: var(--sd-spacing-40); diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index c548eb44f6..4c1e00c41a 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -70,15 +70,21 @@ --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-100); --sd-button--secondary--inverted-color-border: var(--sd-color-white); --sd-button--secondary--inverted-color-text: var(--sd-color-white); - --sd-button--size-lg-border-radius: var(--sd-spacing-1); + --sd-button--secondary--size-lg-padding-block: 0.6875rem; + --sd-button--secondary--size-md-padding-block: 0.4375rem; + --sd-button--secondary--size-sm-padding-block: 0.28125rem; + --sd-button--secondary-padding-inline: 0.9375rem; --sd-button--size-lg-font-size: var(--sd-spacing-4); + --sd-button--size-lg-height: var(--sd-spacing-12); + --sd-button--size-lg-icon-height: var(--sd-spacing-6); --sd-button--size-lg-padding-block: var(--sd-spacing-3); --sd-button--size-md-border-radius: var(--sd-spacing-1); --sd-button--size-md-font-size: var(--sd-spacing-4); + --sd-button--size-md-height: var(--sd-spacing-10); --sd-button--size-md-padding-block: var(--sd-spacing-2); --sd-button--size-sm-border-radius: var(--sd-spacing-1); --sd-button--size-sm-font-size: 0.875rem; - --sd-button--size-sm-padding-block: var(--sd-spacing-2); + --sd-button--size-sm-padding-block: 0.34375rem; --sd-button--tertiary--active-color-background: var(--sd-color-primary-500); --sd-button--tertiary--active-color-text: var(--sd-color-primary-200); --sd-button--tertiary--default-color-text: var(--sd-color-white); @@ -89,8 +95,10 @@ --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-500); --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100); --sd-button--tertiary--inverted-color-text: var(--sd-color-white); + --sd-button-border-radius: var(--sd-spacing-1); --sd-button-border-width: var(--sd-spacing-0\.25); --sd-button-font-weight: var(--sd-font-weight-normal); + --sd-button-padding-inline: var(--sd-spacing-4); --sd-carousel--active--inverted-color-border: var(--sd-color-accent); --sd-carousel--active-color-border: var(--sd-color-accent); --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-accent); @@ -277,13 +285,13 @@ --sd-headline--3xl-onwards-color-text: var(--sd-color-white); --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800); --sd-informational-gradient--white-color-background: var(--sd-color-primary-800); + --sd-interactive--active-color-icon: var(--sd-color-primary-400); --sd-interactive--active-color-text: var(--sd-color-primary-400); --sd-interactive--default-color-text: var(--sd-color-white); - --sd-link-color--active-text: var(--sd-color-primary-400); - --sd-link-color--default-text: var(--sd-color-white); - --sd-link-color--disabled-text: var(--sd-color-primary-400); + --sd-interactive--disabled--inverted-color-icon: var(--sd-color-neutral-600); + --sd-interactive--disabled-color-icon: var(--sd-color-neutral-500); + --sd-interactive--hover--inverted-color-icon: var(--sd-color-primary-200); --sd-link-color--hover-icon: var(--sd-color-primary-200); - --sd-link-color--hover-text: var(--sd-color-primary-200); --sd-link-color--none-icon: var(--sd-color-white); --sd-link-color--pressed-icon: var(--sd-color-primary-400); --sd-map-marker--cluster--default-color-background: var(--sd-color-white); @@ -388,6 +396,7 @@ --sd-spacing-20: 5rem; --sd-spacing-24: 6rem; --sd-spacing-2: 0.5rem; + --sd-spacing-2\.5: 0.625rem; --sd-spacing-32: 8rem; --sd-spacing-3: 0.75rem; --sd-spacing-40: 10rem; diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css index b2409a2b2a..92cf1fec5f 100644 --- a/packages/tokens/themes/ui-light/ui-light.css +++ b/packages/tokens/themes/ui-light/ui-light.css @@ -60,30 +60,45 @@ --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-100); --sd-button--primary--inverted--hover-color-text: var(--sd-color-primary-500); --sd-button--secondary--active-color-background: var(--sd-color-primary-200); + --sd-button--secondary--active-color-text: var(--sd-color-primary-800); --sd-button--secondary--default-color-text: var(--sd-color-primary); --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500); --sd-button--secondary--hover-color-background: var(--sd-color-primary-100); --sd-button--secondary--inverted--active-color-background: var(--sd-color-primary-800); + --sd-button--secondary--inverted--active-color-text: var(--sd-color-primary-200); --sd-button--secondary--inverted--hover-color-background: var(--sd-color-primary-500); --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-100); --sd-button--secondary--inverted-color-border: var(--sd-color-white); - --sd-button--size-lg-border-radius: var(--sd-spacing-1); + --sd-button--secondary--inverted-color-text: var(--sd-color-white); + --sd-button--secondary--size-lg-padding-block: 0.6875rem; + --sd-button--secondary--size-md-padding-block: 0.4375rem; + --sd-button--secondary--size-sm-padding-block: 0.28125rem; + --sd-button--secondary-padding-inline: 0.9375rem; --sd-button--size-lg-font-size: var(--sd-spacing-4); + --sd-button--size-lg-height: var(--sd-spacing-12); + --sd-button--size-lg-icon-height: var(--sd-spacing-6); --sd-button--size-lg-padding-block: var(--sd-spacing-3); --sd-button--size-md-border-radius: var(--sd-spacing-1); --sd-button--size-md-font-size: var(--sd-spacing-4); + --sd-button--size-md-height: var(--sd-spacing-10); --sd-button--size-md-padding-block: var(--sd-spacing-2); --sd-button--size-sm-border-radius: var(--sd-spacing-1); --sd-button--size-sm-font-size: 0.875rem; - --sd-button--size-sm-padding-block: var(--sd-spacing-2); + --sd-button--size-sm-padding-block: 0.34375rem; --sd-button--tertiary--active-color-background: var(--sd-color-primary-200); + --sd-button--tertiary--active-color-text: var(--sd-color-primary-800); --sd-button--tertiary--default-color-text: var(--sd-color-primary); --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500); --sd-button--tertiary--hover-color-background: var(--sd-color-primary-100); --sd-button--tertiary--inverted--active-color-background: var(--sd-color-primary-800); + --sd-button--tertiary--inverted--active-color-text: var(--sd-color-primary-200); --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-500); --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100); + --sd-button--tertiary--inverted-color-text: var(--sd-color-white); + --sd-button-border-radius: var(--sd-spacing-1); + --sd-button-border-width: var(--sd-spacing-0\.25); --sd-button-font-weight: var(--sd-font-weight-normal); + --sd-button-padding-inline: var(--sd-spacing-4); --sd-carousel--active--inverted-color-border: var(--sd-color-accent); --sd-carousel--active-color-border: var(--sd-color-accent); --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-accent); @@ -103,9 +118,6 @@ --sd-chip--white-color-background: var(--sd-color-white); --sd-chip--white-color-border: 255, 255, 255, 0; --sd-chip-border-radius: var(--sd-spacing-1); - --sd-chip-border-width: 0; - --sd-chip-font-size: 0.875rem; - --sd-chip-font-weight: var(--sd-font-weight-normal); --sd-color-accent-100: 182, 223, 170; --sd-color-accent-200: 142, 208, 130; --sd-color-accent-300: 108, 194, 84; @@ -228,6 +240,7 @@ --sd-combobox--default-color-icon-fill: var(--sd-color-primary); --sd-combobox--default-color-text: var(--sd-color-primary); --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); + --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-primary); --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); @@ -254,9 +267,6 @@ --sd-flag--white-color-background: var(--sd-color-white); --sd-flag--white-color-border: 255, 255, 255, 0; --sd-flag-border-radius: 0; - --sd-flag-border-width: 0; - --sd-flag-font-size: 0.875rem; - --sd-flag-font-weight: var(--sd-font-weight-normal); --sd-font-primary: 'Frutiger Neue'; --sd-font-weight-bold: 600; --sd-font-weight-normal: 400; @@ -272,22 +282,27 @@ --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255, 255, 255, 0; --sd-header__underline-height: var(--sd-spacing-2); - --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-primary); + --sd-headline--3xl-onwards-color-text: var(--sd-color-primary); --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800); --sd-informational-gradient--white-color-background: var(--sd-color-white); + --sd-interactive--active-color-icon: var(--sd-color-primary-800); --sd-interactive--active-color-text: var(--sd-color-primary-800); --sd-interactive--default-color-text: var(--sd-color-primary); - --sd-link-color--active-text: var(--sd-color-primary-800); - --sd-link-color--default-text: var(--sd-color-primary); - --sd-link-color--disabled-text: var(--sd-color-primary-800); + --sd-interactive--disabled--inverted-color-icon: var(--sd-color-neutral-600); + --sd-interactive--disabled-color-icon: var(--sd-color-neutral-500); + --sd-interactive--hover--inverted-color-icon: var(--sd-color-primary-200); --sd-link-color--hover-icon: var(--sd-color-primary-500); - --sd-link-color--hover-text: var(--sd-color-primary-500); --sd-link-color--none-icon: var(--sd-color-primary); --sd-link-color--pressed-icon: var(--sd-color-primary-800); - --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-primary-500); - --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary); - --sd-map-marker-font-size: var(--sd-spacing-3); - --sd-map-marker-main-color-icon-fill: var(--sd-color-accent-500); + --sd-map-marker--cluster--default-color-background: var(--sd-color-primary); + --sd-map-marker--cluster--hover-color-background: var(--sd-color-primary-500); + --sd-map-marker--cluster-color-text: var(--sd-color-white); + --sd-map-marker--main-color-background: var(--sd-color-accent-500); + --sd-map-marker--pin--hover-color-background: var(--sd-color-primary-100); + --sd-map-marker--pin-color-icon-fill: var(--sd-color-primary); + --sd-marker-border-width: 0; + --sd-marker-font-size: 0.875rem; + --sd-marker-font-weight: var(--sd-font-weight-normal); --sd-menu-item--disabled-color-icon-fill: var(--sd-color-neutral-500); --sd-menu-item--disabled-color-text: var(--sd-color-neutral-500); --sd-menu-item-color-icon-fill: var(--sd-color-primary); @@ -381,6 +396,7 @@ --sd-spacing-20: 5rem; --sd-spacing-24: 6rem; --sd-spacing-2: 0.5rem; + --sd-spacing-2\.5: 0.625rem; --sd-spacing-32: 8rem; --sd-spacing-3: 0.75rem; --sd-spacing-40: 10rem; @@ -395,14 +411,14 @@ --sd-switch--unchecked-color-border: var(--sd-color-neutral-800); --sd-switch--unchecked__icon-color-background: var(--sd-color-neutral-800); --sd-switch-color-text: var(--sd-color-black); - --sd-tab--active-color-background: var(--sd-color-neutral-200); + --sd-tab--hover-color-background: var(--sd-color-neutral-200); --sd-tab-color-border: var(--sd-color-neutral-400); --sd-tab-font-weight: var(--sd-font-weight-normal); --sd-tag--default--hover-color-background: 255, 255, 255, 0; --sd-tag--default-color-background: 255, 255, 255, 0; --sd-tag--default-color-border: var(--sd-color-primary); --sd-tag--default-color-text: var(--sd-color-primary); - --sd-tag--disabled-color-border: var(--sd-color-neutral-500); + --sd-tag--disabled-color-text: var(--sd-color-neutral-500); --sd-tag--selected--default-color-background: var(--sd-color-primary); --sd-tag--selected--default-color-border: 255, 255, 255, 0; --sd-tag--selected--default-color-text: var(--sd-color-white); @@ -421,7 +437,9 @@ --sd-teaser-media--neutral-100--hover-color-background: var(--sd-color-neutral-100); --sd-teaser-media--neutral-100-color-background: var(--sd-color-neutral-100); --sd-teaser-media--primary-100--hover-color-background: var(--sd-color-primary-100); - --sd-teaser-media--primary-100-color-background: var(--sd-color-primary-100); + --sd-teaser-media--primary-100-color-background: 236, 240, 249, 0.8; + --sd-teaser-media--white--hover-color-background: 255, 255, 255, 0.9; + --sd-teaser-media--white-color-background: 255, 255, 255, 0.8; --sd-text-2xl: 1.75rem; --sd-text-3xl: 2rem; --sd-text-4xl: 2.5rem; @@ -430,11 +448,8 @@ --sd-text-sm: 0.875rem; --sd-text-xl: 1.5rem; --sd-text-xs: 0.75rem; - --sd-tooltip-border-width: var(--sd-spacing-0\.25); --sd-tooltip-color-background: var(--sd-color-primary); - --sd-tooltip-color-border: 255, 255, 255, 0; --sd-tooltip-color-text: var(--sd-color-white); - --sd-video--description-color-text: var(--sd-color-neutral-700); --sd-video--play-button-color-background: 255, 255, 255, 0.8; --sd-video--play-button-color-icon-fill: var(--sd-color-primary); } diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css index 766e699b3f..fc32041b82 100644 --- a/packages/tokens/themes/vb/vb.css +++ b/packages/tokens/themes/vb/vb.css @@ -5,7 +5,7 @@ --sd-accordion-border-width: var(--sd-spacing-0\.5); --sd-accordion-color-icon-fill: var(--sd-color-neutral-700); --sd-accordion-color-text: var(--sd-color-black); - --sd-accordion-padding-block: var(--sd-spacing-4); + --sd-accordion-padding-block: 0.9375rem; --sd-accordion__indicator-color: 255, 255, 255, 0; --sd-aspect-16\/10: 16 / 10; --sd-aspect-21\/9: 21 / 9; @@ -69,15 +69,21 @@ --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-100); --sd-button--secondary--inverted-color-border: var(--sd-color-white); --sd-button--secondary--inverted-color-text: var(--sd-color-white); - --sd-button--size-lg-border-radius: 624.9375rem; + --sd-button--secondary--size-lg-padding-block: var(--sd-spacing-2); + --sd-button--secondary--size-md-padding-block: var(--sd-spacing-2); + --sd-button--secondary--size-sm-padding-block: 0.21875rem; + --sd-button--secondary-padding-inline: 1.375rem; --sd-button--size-lg-font-size: 0.875rem; - --sd-button--size-lg-padding-block: 0.625rem; + --sd-button--size-lg-height: 2.75rem; + --sd-button--size-lg-icon-height: 1.25rem; + --sd-button--size-lg-padding-block: var(--sd-spacing-2\.5); --sd-button--size-md-border-radius: 624.9375rem; --sd-button--size-md-font-size: 0.875rem; - --sd-button--size-md-padding-block: 0.625rem; + --sd-button--size-md-height: 2.75rem; + --sd-button--size-md-padding-block: var(--sd-spacing-2\.5); --sd-button--size-sm-border-radius: 624.9375rem; --sd-button--size-sm-font-size: 0.875rem; - --sd-button--size-sm-padding-block: 0.625rem; + --sd-button--size-sm-padding-block: 0.34375rem; --sd-button--tertiary--active-color-background: var(--sd-color-primary-100); --sd-button--tertiary--active-color-text: var(--sd-color-info); --sd-button--tertiary--default-color-text: var(--sd-color-primary); @@ -88,8 +94,10 @@ --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-750); --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100); --sd-button--tertiary--inverted-color-text: var(--sd-color-white); + --sd-button-border-radius: 624.9375rem; --sd-button-border-width: var(--sd-spacing-0\.5); --sd-button-font-weight: var(--sd-font-weight-bold); + --sd-button-padding-inline: var(--sd-spacing-6); --sd-carousel--active--inverted-color-border: var(--sd-color-white); --sd-carousel--active-color-border: var(--sd-color-primary); --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-white); @@ -170,7 +178,7 @@ --sd-color-icon-fill-error-400: var(--sd-color-error); --sd-color-icon-fill-error: var(--sd-color-error); --sd-color-icon-fill-neutral-400: var(--sd-color-neutral-200); - --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-300); + --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-500); --sd-color-icon-fill-neutral-600: 255, 255, 255, 0.4; --sd-color-icon-fill-neutral-800: var(--sd-color-neutral-800); --sd-color-icon-fill-primary-100: var(--sd-color-primary-100); @@ -276,13 +284,13 @@ --sd-headline--3xl-onwards-color-text: var(--sd-color-info); --sd-informational-gradient--primary-800-color-background: var(--sd-color-info); --sd-informational-gradient--white-color-background: var(--sd-color-white); - --sd-interactive--active-color-text: var(--sd-color-info); + --sd-interactive--active-color-icon: var(--sd-color-primary); + --sd-interactive--active-color-text: var(--sd-color-primary); --sd-interactive--default-color-text: var(--sd-color-primary); - --sd-link-color--active-text: var(--sd-color-primary); - --sd-link-color--default-text: var(--sd-color-primary); - --sd-link-color--disabled-text: 195, 195, 195; + --sd-interactive--disabled--inverted-color-icon: 255, 255, 255, 0.4; + --sd-interactive--disabled-color-icon: 89, 89, 89, 0.4; + --sd-interactive--hover--inverted-color-icon: var(--sd-color-primary-200); --sd-link-color--hover-icon: var(--sd-color-primary); - --sd-link-color--hover-text: var(--sd-color-primary); --sd-link-color--none-icon: var(--sd-color-primary); --sd-link-color--pressed-icon: var(--sd-color-primary); --sd-map-marker--cluster--default-color-background: var(--sd-color-primary); @@ -387,6 +395,7 @@ --sd-spacing-20: 5rem; --sd-spacing-24: 6rem; --sd-spacing-2: 0.5rem; + --sd-spacing-2\.5: 0.625rem; --sd-spacing-32: 8rem; --sd-spacing-3: 0.75rem; --sd-spacing-40: 10rem; From ca660e4ad2f04ad5162bbb92d8b6980a6689783c Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Mon, 23 Feb 2026 15:54:56 +0000 Subject: [PATCH 17/49] feat: update input --- packages/components/src/components/input/input.ts | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/packages/components/src/components/input/input.ts b/packages/components/src/components/input/input.ts index c05ca9223c..b0bb4c9845 100644 --- a/packages/components/src/components/input/input.ts +++ b/packages/components/src/components/input/input.ts @@ -70,7 +70,8 @@ const isFirefox = isChromium ? false : navigator.userAgent.includes('Firefox'); * @cssproperty --sd-form-control-color-text - The text color for form controls. * @cssproperty --sd-form-control--filled__floating-label-color-text - The floating label text color when active. * @cssproperty --sd-form-control-color-border - The color border for form controls. - * @cssproperty --sd-form-control-color-icon - The icon color for form controls. + * @cssproperty --sd-form-control-color-icon-fill - The icon color for form controls. + * @cssproperty --sd-form-control-border-radius - The border radius for form controls. */ @customElement('sd-input') @@ -556,7 +557,7 @@ export default class SdInput extends SolidElement implements SolidFormControl { default: 'form-control-color-border' }[inputState]; - const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'form-control-color-icon'; + const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'form-control-color-icon-fill'; const iconMarginLeft = { sm: 'ml-1', md: 'ml-2', lg: 'ml-2' }[this.size]; const iconSize = { sm: 'text-base', @@ -607,18 +608,18 @@ export default class SdInput extends SolidElement implements SolidFormControl {
Date: Tue, 24 Feb 2026 10:37:49 +0000 Subject: [PATCH 18/49] feat: option updates --- packages/components/src/components/option/option.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/components/src/components/option/option.ts b/packages/components/src/components/option/option.ts index 1c0b51e6e3..1e674c9fd6 100644 --- a/packages/components/src/components/option/option.ts +++ b/packages/components/src/components/option/option.ts @@ -25,7 +25,7 @@ import SolidElement from '../../internal/solid-element'; * @csspart left - The container that wraps the left. * @csspart right - The container that wraps the right. * - * @cssproperty --sd-option--disabled-color-border - The border color of checkboxes for the disabled options. + * @cssproperty --sd-form-control-color-border - The border color of checkboxes for the non-disabled options. */ @customElement('sd-option') export default class SdOption extends SolidElement { @@ -140,7 +140,7 @@ export default class SdOption extends SolidElement { class=${cx( 'px-4 flex items-center w-full transition-colors duration-fast ease-in-out text-left text-base relative', { - sm: 'text-sm py-1', + sm: 'text-base py-1', md: 'text-base py-2', lg: 'text-base py-3' }[this.size], @@ -167,7 +167,7 @@ export default class SdOption extends SolidElement { class=${cx( 'relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2', this.disabled - ? 'sd-option--disabled-color-border' + ? 'border-neutral-500' : this.selected ? 'bg-accent border-accent' : 'bg-white form-control-color-border' From 8752c9f68607c05d378c60c0fac609139d37d2bb Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 24 Feb 2026 10:48:37 +0000 Subject: [PATCH 19/49] feat: combobox color text update --- .../src/components/combobox/combobox.ts | 22 ++++++++++--------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/packages/components/src/components/combobox/combobox.ts b/packages/components/src/components/combobox/combobox.ts index a992ed0946..6b44433a19 100644 --- a/packages/components/src/components/combobox/combobox.ts +++ b/packages/components/src/components/combobox/combobox.ts @@ -76,6 +76,10 @@ import type SdPopup from '../popup/popup'; * @cssproperty --tag-max-width - Set the maximum width of the tags and to show an ellipsis. Defaults to "15ch" * @cssproperty --sd-form-control--invalid-color-background - The background color for form controls in invalid state. * @cssproperty --sd-form-control-color-text - The text color for form controls. + * @cssproperty --sd-form-control-border-radius - The border radius for form controls. + * @cssproperty --sd-form-control-color-border - The border color for default and readonly form controls. + * @cssproperty --sd-form-control--filled__floating-label-color-text - The text color for the floating label when the input is filled. + * @cssproperty --sd-combobox__tag-border-width - The border width for the tags for multiple options combobox. */ @customElement('sd-combobox') @@ -1182,7 +1186,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl // Conditional Styles const cursorStyles = this.disabled || this.visuallyDisabled ? 'cursor-not-allowed' : 'cursor-pointer'; - const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-primary'; + const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'sd-icon-fill-primary'; const iconMarginLeft = { sm: 'ml-1', md: 'ml-2', lg: 'ml-2' }[this.size]; const iconMarginRight = { sm: 'mr-1', md: 'mr-2', lg: 'mr-2' }[this.size]; const iconSize = { @@ -1267,7 +1271,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
${this.type !== 'search' ? html` @@ -1569,7 +1571,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl } sd-tag::part(base) { - @apply rounded-default px-1; + @apply rounded-default px-1 sd-combobox__tag-border-width; } sd-tag::part(content) { From f170360152e8050e472df982154b353bb431b3b4 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Wed, 25 Feb 2026 13:38:14 +0000 Subject: [PATCH 20/49] feat: update radio --- packages/components/src/components/radio/radio.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/components/radio/radio.ts b/packages/components/src/components/radio/radio.ts index 0df5d37b0d..9794e68d66 100644 --- a/packages/components/src/components/radio/radio.ts +++ b/packages/components/src/components/radio/radio.ts @@ -168,7 +168,7 @@ export default class SdRadio extends SolidElement { part="label" class=${cx( 'ml-2 select-none inline-block', - this.disabled || this.visuallyDisabled ? 'text-neutral-500' : this.invalid ? 'text-error' : 'text-black' + this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-black' )} > From 1c60508e9b8b6d2364d37de7af1881a338fa28f4 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Wed, 25 Feb 2026 14:40:43 +0000 Subject: [PATCH 21/49] feat: update radio button --- .../components/src/components/radio-button/radio-button.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/components/src/components/radio-button/radio-button.ts b/packages/components/src/components/radio-button/radio-button.ts index 7ff4506c7e..cf220a41ee 100644 --- a/packages/components/src/components/radio-button/radio-button.ts +++ b/packages/components/src/components/radio-button/radio-button.ts @@ -30,7 +30,8 @@ import SolidElement from '../../internal/solid-element'; * @cssproperty --sd-button--primary--hover-color-background - The background color of radio-button on hover when checked. * @cssproperty --sd-radio-button-border-radius - The border radius of the radio-button. * @cssproperty --sd-radio-button-color-text - The text color of the radio-button. - + * @cssproperty --sd-radio-button--hover-color-background - The background color of the radio-button on hover. + * @cssproperty --sd-choice-control-font-weight - The font weight for the radio button. */ @customElement('sd-radio-button') export default class SdRadioButton extends SolidElement { @@ -112,7 +113,7 @@ export default class SdRadioButton extends SolidElement { role="radio" aria-checked="${this.checked}" class="${cx( - 'relative text-center sd-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline', + 'relative text-center sd-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline choice-control-font-weight', this.size === 'sm' ? 'text-sm' : 'text-base', this.checked && !this.disabled && !this.visuallyDisabled ? 'sd-button--primary--default-color-background sd-button--primary--default-color-text hover:sd-button--primary--hover-color-background' @@ -120,7 +121,7 @@ export default class SdRadioButton extends SolidElement { ? 'text-neutral-500 hover:cursor-not-allowed' : this.checked && (this.disabled || this.visuallyDisabled) ? 'bg-neutral-400 text-white hover:cursor-not-allowed ' - : 'bg-transparent sd-radio-button-color-text border-primary hover:text-primary-500 cursor-pointer', + : 'bg-transparent sd-radio-button-color-text border-primary cursor-pointer hover:sd-radio-button--hover-color-background hover:sd-radio-button--hover-color-text', hasDefaultSlot && { sm: 'px-3', From ca250bc0081066b28c93f5a2db82c1f8890f7d1a Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Wed, 25 Feb 2026 14:53:55 +0000 Subject: [PATCH 22/49] feat: update range --- packages/components/src/components/range-tick/range-tick.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/components/src/components/range-tick/range-tick.ts b/packages/components/src/components/range-tick/range-tick.ts index e70465129f..d18123a519 100644 --- a/packages/components/src/components/range-tick/range-tick.ts +++ b/packages/components/src/components/range-tick/range-tick.ts @@ -16,7 +16,7 @@ import SolidElement from '../../internal/solid-element'; * @csspart label - The component's label. * @csspart line - The component's tick line. * - * @cssproperty --sd-range-scale-ticks-color-text - The text color for range scale ticks. + * @cssproperty --sd-range-tick-color-text - The text color for range scale ticks. * */ @customElement('sd-range-tick') @@ -33,7 +33,7 @@ export default class SdRangeTick extends SolidElement {
From 6f13dddcdb0c3a70ddbf97eeeea6a46a4c230ee2 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Wed, 25 Feb 2026 15:07:55 +0000 Subject: [PATCH 23/49] feat: fetch variables from figma --- .../output/figma-variables.json | 596 +++++------------- .../src/figma-variables/variableTokens.json | 506 +++------------ packages/tokens/themes/components.css | 56 +- packages/tokens/themes/kid/kid.css | 22 +- packages/tokens/themes/ui-dark/ui-dark.css | 16 +- packages/tokens/themes/ui-light/ui-light.css | 16 +- packages/tokens/themes/vb/vb.css | 16 +- 7 files changed, 257 insertions(+), 971 deletions(-) diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index c368ceff48..d0e683cb2b 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -3259,6 +3259,7 @@ } }, "padding-bottom": { + "description": "Is this used in code?", "type": "float", "value": "0" }, @@ -3378,6 +3379,7 @@ "value": "{ui-light.utilities.color.neutral.800}" }, "text": { + "description": "Used for label ", "type": "color", "value": "{ui-light.utilities.color.text.black.default}" }, @@ -3394,14 +3396,6 @@ } } }, - "__tooltip": { - "color": { - "icon-fill": { - "type": "color", - "value": "{ui-light.utilities.color.icon-fill.primary.default}" - } - } - }, "--filled": { "__floating-label": { "color": { @@ -3706,6 +3700,7 @@ "value": "{ui-light.utilities.text.base}" }, "padding-block": { + "description": "Top bottom padding for sd-button md variant", "type": "float", "value": "{ui-light.utilities.spacing.2}" }, @@ -3730,6 +3725,7 @@ "value": "{ui-light.utilities.text.base}" }, "padding-block": { + "description": "Top bottom padding for sd-button lg variant", "type": "float", "value": "{ui-light.utilities.spacing.3}" }, @@ -3851,11 +3847,6 @@ "description": "Used for sd-link & sd-interactive", "type": "color", "value": "{ui-light.utilities.color.primary.800}" - }, - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{ui-light.utilities.color.primary.800}" } } }, @@ -3867,35 +3858,6 @@ "value": "{ui-light.utilities.color.primary.default}" } } - }, - "--disabled": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{ui-light.utilities.color.neutral.500}" - } - }, - "--inverted": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{ui-light.utilities.color.neutral.600}" - } - } - } - }, - "--hover": { - "--inverted": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{ui-light.utilities.color.primary.200}" - } - } - } } }, "sd-flag": { @@ -4020,12 +3982,18 @@ } }, "padding-block": { + "description": "Top bottom padding for sd-accordion ", "type": "float", "value": "{ui-light.utilities.spacing.3}" }, "border-width": { "type": "float", "value": "{ui-light.utilities.sizing.0,25}" + }, + "_panel-padding": { + "description": "Used inside panel summary layer of sd-accordion to accommodate the border", + "type": "float", + "value": "1" } }, "navigable": { @@ -4148,6 +4116,7 @@ "value": "{ui-light.utilities.rounded.full}" }, "padding": { + "description": "Top bottom left right padding for the sd-radio-button-group", "type": "float", "value": "0" } @@ -4159,12 +4128,7 @@ }, "color": { "text": { - "description": "Primary brand color for text", - "type": "color", - "value": "{ui-light.utilities.color.primary.default}" - }, - "icon-fil": { - "description": "Default icon color ", + "description": "Used for text and icon fill", "type": "color", "value": "{ui-light.utilities.color.primary.default}" } @@ -4176,13 +4140,8 @@ "type": "color", "value": "rgba(255, 255, 255, 0.00)" }, - "icon-fill": { - "description": "Used for hover interaction", - "type": "color", - "value": "{ui-light.utilities.color.primary.500}" - }, "text": { - "description": "Used for hover interaction", + "description": "Used for text and icon fill", "type": "color", "value": "{ui-light.utilities.color.primary.500}" } @@ -4249,10 +4208,18 @@ "type": "color", "value": "{ui-light.utilities.color.neutral.400}" } + }, + "__duration-indicator": { + "color": { + "background": { + "type": "color", + "value": "{ui-light.utilities.color.primary.default}" + } + } } }, "sd-range": { - "scale-ticks": { + "tick": { "color": { "text": { "type": "color", @@ -4411,15 +4378,6 @@ "border-width": { "type": "float", "value": "{ui-light.utilities.border-width.default}" - }, - "--error": { - "color": { - "text": { - "description": "Default icon color ", - "type": "color", - "value": "{ui-light.utilities.color.error.default}" - } - } } }, "sd-audio": { @@ -4568,16 +4526,6 @@ } } }, - "sd-loader": { - "color": { - "neutral-500": { - "_text": { - "type": "color", - "value": "{ui-light.utilities.color.text.neutral.500}" - } - } - } - }, "sd-teaser-media": { "--primary-100": { "--hover": { @@ -4735,10 +4683,6 @@ "value": "{ui-light.utilities.color.border.neutral.400}" } }, - "font-weight": { - "type": "string", - "value": "{ui-light.utilities.font-weight.normal}" - }, "--hover": { "color": { "background": { @@ -4818,6 +4762,13 @@ } } }, + "choice-control": { + "font-weight": { + "description": "Used for font weight inside sd-tag, sd-tab & sd-radio-button", + "type": "string", + "value": "{ui-light.utilities.font-weight.normal}" + } + }, "sd-link": { "color": { "--hover": { @@ -4897,26 +4848,6 @@ } } }, - "sd-combobox": { - "--default": { - "color": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.primary.default}" - }, - "icon-fill": { - "type": "color", - "value": "{ui-light.utilities.color.primary.default}" - } - } - }, - "__tag": { - "border-width": { - "type": "float", - "value": "{ui-light.utilities.border-width.default}" - } - } - }, "sd-input": { "--size": { "_label": { @@ -4929,7 +4860,7 @@ }, "marker": { "font-weight": { - "description": "Used for sd-chip & sd-flag", + "description": "Used for font weight inside sd-chip & sd-flag", "type": "string", "value": "{ui-light.utilities.font-weight.normal}" }, @@ -4944,6 +4875,14 @@ "value": "{ui-light.utilities.text.sm}" } }, + "sd-combobox": { + "__tag": { + "border-width": { + "type": "float", + "value": "{ui-light.utilities.border-width.default}" + } + } + }, "sd-skeleton": { "color": { "description": "Default icon color ", @@ -4974,17 +4913,6 @@ } } }, - "sd-option": { - "--disabled": { - "color": { - "border": { - "description": "Used for disabled state", - "type": "color", - "value": "{ui-light.utilities.color.neutral.500}" - } - } - } - }, "sd-accordion-group": { "_gap": { "type": "float", @@ -6570,6 +6498,7 @@ } }, "padding-bottom": { + "description": "Is this used in code?", "type": "float", "value": "0" }, @@ -6689,6 +6618,7 @@ "value": "{ui-dark.utilities.color.primary.200}" }, "text": { + "description": "Used for label ", "type": "color", "value": "{ui-dark.utilities.color.text.black.default}" }, @@ -6705,14 +6635,6 @@ } } }, - "__tooltip": { - "color": { - "icon-fill": { - "type": "color", - "value": "{ui-dark.utilities.color.icon-fill.primary.default}" - } - } - }, "--filled": { "__floating-label": { "color": { @@ -7017,6 +6939,7 @@ "value": "{ui-dark.utilities.text.base}" }, "padding-block": { + "description": "Top bottom padding for sd-button md variant", "type": "float", "value": "{ui-dark.utilities.spacing.2}" }, @@ -7041,6 +6964,7 @@ "value": "{ui-dark.utilities.text.base}" }, "padding-block": { + "description": "Top bottom padding for sd-button lg variant", "type": "float", "value": "{ui-dark.utilities.spacing.3}" }, @@ -7162,11 +7086,6 @@ "description": "Used for sd-link & sd-interactive", "type": "color", "value": "{ui-dark.utilities.color.primary.400}" - }, - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{ui-dark.utilities.color.primary.400}" } } }, @@ -7178,35 +7097,6 @@ "value": "{ui-dark.utilities.color.white.default}" } } - }, - "--disabled": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{ui-dark.utilities.color.neutral.500}" - } - }, - "--inverted": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{ui-dark.utilities.color.neutral.600}" - } - } - } - }, - "--hover": { - "--inverted": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{ui-dark.utilities.color.primary.200}" - } - } - } } }, "sd-flag": { @@ -7331,12 +7221,18 @@ } }, "padding-block": { + "description": "Top bottom padding for sd-accordion ", "type": "float", "value": "{ui-dark.utilities.spacing.3}" }, "border-width": { "type": "float", "value": "{ui-dark.utilities.sizing.0,25}" + }, + "_panel-padding": { + "description": "Used inside panel summary layer of sd-accordion to accommodate the border", + "type": "float", + "value": "1" } }, "navigable": { @@ -7459,6 +7355,7 @@ "value": "{ui-dark.utilities.rounded.full}" }, "padding": { + "description": "Top bottom left right padding for the sd-radio-button-group", "type": "float", "value": "0" } @@ -7470,12 +7367,7 @@ }, "color": { "text": { - "description": "Primary brand color for text", - "type": "color", - "value": "{ui-dark.utilities.color.white.default}" - }, - "icon-fil": { - "description": "Default icon color ", + "description": "Used for text and icon fill", "type": "color", "value": "{ui-dark.utilities.color.white.default}" } @@ -7487,13 +7379,8 @@ "type": "color", "value": "rgba(255, 255, 255, 0.00)" }, - "icon-fill": { - "description": "Used for hover interaction", - "type": "color", - "value": "{ui-dark.utilities.color.primary.200}" - }, "text": { - "description": "Used for hover interaction", + "description": "Used for text and icon fill", "type": "color", "value": "{ui-dark.utilities.color.primary.200}" } @@ -7560,10 +7447,18 @@ "type": "color", "value": "{core.ui.blue.400}" } + }, + "__duration-indicator": { + "color": { + "background": { + "type": "color", + "value": "{ui-dark.utilities.color.white.default}" + } + } } }, "sd-range": { - "scale-ticks": { + "tick": { "color": { "text": { "type": "color", @@ -7722,15 +7617,6 @@ "border-width": { "type": "float", "value": "{ui-dark.utilities.border-width.default}" - }, - "--error": { - "color": { - "text": { - "description": "Default icon color ", - "type": "color", - "value": "{ui-dark.utilities.color.text.black.default}" - } - } } }, "sd-audio": { @@ -7879,16 +7765,6 @@ } } }, - "sd-loader": { - "color": { - "neutral-500": { - "_text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.neutral.500}" - } - } - } - }, "sd-teaser-media": { "--primary-100": { "--hover": { @@ -8046,10 +7922,6 @@ "value": "{ui-dark.utilities.color.border.neutral.400}" } }, - "font-weight": { - "type": "string", - "value": "{ui-dark.utilities.font-weight.normal}" - }, "--hover": { "color": { "background": { @@ -8129,6 +8001,13 @@ } } }, + "choice-control": { + "font-weight": { + "description": "Used for font weight inside sd-tag, sd-tab & sd-radio-button", + "type": "string", + "value": "{ui-dark.utilities.font-weight.normal}" + } + }, "sd-link": { "color": { "--hover": { @@ -8208,26 +8087,6 @@ } } }, - "sd-combobox": { - "--default": { - "color": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.white.default}" - }, - "icon-fill": { - "type": "color", - "value": "{ui-dark.utilities.color.white.default}" - } - } - }, - "__tag": { - "border-width": { - "type": "float", - "value": "{ui-dark.utilities.border-width.default}" - } - } - }, "sd-input": { "--size": { "_label": { @@ -8240,7 +8099,7 @@ }, "marker": { "font-weight": { - "description": "Used for sd-chip & sd-flag", + "description": "Used for font weight inside sd-chip & sd-flag", "type": "string", "value": "{ui-dark.utilities.font-weight.normal}" }, @@ -8255,6 +8114,14 @@ "value": "{ui-dark.utilities.text.sm}" } }, + "sd-combobox": { + "__tag": { + "border-width": { + "type": "float", + "value": "{ui-dark.utilities.border-width.default}" + } + } + }, "sd-skeleton": { "color": { "description": "Default icon color ", @@ -8285,17 +8152,6 @@ } } }, - "sd-option": { - "--disabled": { - "color": { - "border": { - "description": "Used for disabled state", - "type": "color", - "value": "{ui-dark.utilities.color.neutral.500}" - } - } - } - }, "sd-accordion-group": { "_gap": { "type": "float", @@ -9881,6 +9737,7 @@ } }, "padding-bottom": { + "description": "Is this used in code?", "type": "float", "value": "{vb.utilities.spacing.0,5}" }, @@ -10000,6 +9857,7 @@ "value": "{vb.utilities.color.black.default}" }, "text": { + "description": "Used for label ", "type": "color", "value": "{core.vb.grey.620}" }, @@ -10016,14 +9874,6 @@ } } }, - "__tooltip": { - "color": { - "icon-fill": { - "type": "color", - "value": "{vb.utilities.color.black.default}" - } - } - }, "--filled": { "__floating-label": { "color": { @@ -10328,6 +10178,7 @@ "value": "{vb.utilities.text.sm}" }, "padding-block": { + "description": "Top bottom padding for sd-button md variant", "type": "float", "value": "{vb.utilities.spacing.2,5}" }, @@ -10352,6 +10203,7 @@ "value": "{vb.utilities.text.sm}" }, "padding-block": { + "description": "Top bottom padding for sd-button lg variant", "type": "float", "value": "{vb.utilities.spacing.2,5}" }, @@ -10473,11 +10325,6 @@ "description": "Used for sd-link & sd-interactive", "type": "color", "value": "{vb.utilities.color.primary.500}" - }, - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{vb.utilities.color.primary.500}" } } }, @@ -10489,35 +10336,6 @@ "value": "{vb.utilities.color.primary.500}" } } - }, - "--disabled": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{core.vb.grey.450}" - } - }, - "--inverted": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "rgba(255, 255, 255, 0.40)" - } - } - } - }, - "--hover": { - "--inverted": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{vb.utilities.color.primary.200}" - } - } - } } }, "sd-flag": { @@ -10642,12 +10460,18 @@ } }, "padding-block": { + "description": "Top bottom padding for sd-accordion ", "type": "float", "value": "15" }, "border-width": { "type": "float", "value": "{vb.utilities.sizing.0,5}" + }, + "_panel-padding": { + "description": "Used inside panel summary layer of sd-accordion to accommodate the border", + "type": "float", + "value": "2" } }, "navigable": { @@ -10770,6 +10594,7 @@ "value": "{vb.utilities.rounded.lg}" }, "padding": { + "description": "Top bottom left right padding for the sd-radio-button-group", "type": "float", "value": "{vb.utilities.spacing.1}" } @@ -10781,12 +10606,7 @@ }, "color": { "text": { - "description": "Primary brand color for text", - "type": "color", - "value": "{vb.utilities.color.black.default}" - }, - "icon-fil": { - "description": "Default icon color ", + "description": "Used for text and icon fill", "type": "color", "value": "{vb.utilities.color.black.default}" } @@ -10798,13 +10618,8 @@ "type": "color", "value": "{core.vb.azure.50}" }, - "icon-fill": { - "description": "Used for hover interaction", - "type": "color", - "value": "{vb.utilities.color.black.default}" - }, "text": { - "description": "Used for hover interaction", + "description": "Used for text and icon fill", "type": "color", "value": "{vb.utilities.color.black.default}" } @@ -10871,10 +10686,18 @@ "type": "color", "value": "{core.vb.azure.800}" } + }, + "__duration-indicator": { + "color": { + "background": { + "type": "color", + "value": "{vb.utilities.color.primary.default}" + } + } } }, "sd-range": { - "scale-ticks": { + "tick": { "color": { "text": { "type": "color", @@ -11033,15 +10856,6 @@ "border-width": { "type": "float", "value": "{vb.utilities.border-width.2}" - }, - "--error": { - "color": { - "text": { - "description": "Default icon color ", - "type": "color", - "value": "{vb.utilities.color.text.black.default}" - } - } } }, "sd-audio": { @@ -11190,16 +11004,6 @@ } } }, - "sd-loader": { - "color": { - "neutral-500": { - "_text": { - "type": "color", - "value": "rgba(0, 102, 179, 0.40)" - } - } - } - }, "sd-teaser-media": { "--primary-100": { "--hover": { @@ -11357,10 +11161,6 @@ "value": "{core.vb.grey.400}" } }, - "font-weight": { - "type": "string", - "value": "{vb.utilities.font-weight.bold}" - }, "--hover": { "color": { "background": { @@ -11440,6 +11240,13 @@ } } }, + "choice-control": { + "font-weight": { + "description": "Used for font weight inside sd-tag, sd-tab & sd-radio-button", + "type": "string", + "value": "{vb.utilities.font-weight.bold}" + } + }, "sd-link": { "color": { "--hover": { @@ -11519,26 +11326,6 @@ } } }, - "sd-combobox": { - "--default": { - "color": { - "text": { - "type": "color", - "value": "{vb.utilities.color.primary.500}" - }, - "icon-fill": { - "type": "color", - "value": "{vb.utilities.color.primary.500}" - } - } - }, - "__tag": { - "border-width": { - "type": "float", - "value": "{vb.utilities.border-width.2}" - } - } - }, "sd-input": { "--size": { "_label": { @@ -11551,7 +11338,7 @@ }, "marker": { "font-weight": { - "description": "Used for sd-chip & sd-flag", + "description": "Used for font weight inside sd-chip & sd-flag", "type": "string", "value": "{vb.utilities.font-weight.normal}" }, @@ -11566,6 +11353,14 @@ "value": "{vb.utilities.text.sm}" } }, + "sd-combobox": { + "__tag": { + "border-width": { + "type": "float", + "value": "{vb.utilities.border-width.2}" + } + } + }, "sd-skeleton": { "color": { "description": "Default icon color ", @@ -11596,17 +11391,6 @@ } } }, - "sd-option": { - "--disabled": { - "color": { - "border": { - "description": "Used for disabled state", - "type": "color", - "value": "{vb.utilities.color.background.neutral.400}" - } - } - } - }, "sd-accordion-group": { "_gap": { "type": "float", @@ -12501,7 +12285,7 @@ "color": { "description": "Used for tooltip", "type": "color", - "value": "rgba(5, 21, 48, 0.25)" + "value": "rgba(5, 21, 48, 0.10)" }, "y": { "type": "float", @@ -13192,6 +12976,7 @@ } }, "padding-bottom": { + "description": "Is this used in code?", "type": "float", "value": "0" }, @@ -13311,6 +13096,7 @@ "value": "{kid.utilities.color.black.default}" }, "text": { + "description": "Used for label ", "type": "color", "value": "{kid.utilities.color.black.default}" }, @@ -13327,14 +13113,6 @@ } } }, - "__tooltip": { - "color": { - "icon-fill": { - "type": "color", - "value": "{kid.utilities.color.black.default}" - } - } - }, "--filled": { "__floating-label": { "color": { @@ -13639,6 +13417,7 @@ "value": "{kid.utilities.text.sm}" }, "padding-block": { + "description": "Top bottom padding for sd-button md variant", "type": "float", "value": "{kid.utilities.spacing.2}" }, @@ -13663,6 +13442,7 @@ "value": "{kid.utilities.text.sm}" }, "padding-block": { + "description": "Top bottom padding for sd-button lg variant", "type": "float", "value": "{kid.utilities.spacing.2}" }, @@ -13784,11 +13564,6 @@ "description": "Used for sd-link & sd-interactive", "type": "color", "value": "{kid.utilities.color.neutral.800}" - }, - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{kid.utilities.color.neutral.800}" } } }, @@ -13800,35 +13575,6 @@ "value": "{kid.utilities.color.black.default}" } } - }, - "--disabled": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{kid.utilities.color.neutral.500}" - } - }, - "--inverted": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{kid.utilities.color.neutral.600}" - } - } - } - }, - "--hover": { - "--inverted": { - "color": { - "icon": { - "description": "Used for sd-link & sd-interactive", - "type": "color", - "value": "{kid.utilities.color.accent.100}" - } - } - } } }, "sd-flag": { @@ -13953,12 +13699,18 @@ } }, "padding-block": { + "description": "Top bottom padding for sd-accordion ", "type": "float", "value": "{kid.utilities.spacing.4}" }, "border-width": { "type": "float", "value": "{kid.utilities.sizing.0,25}" + }, + "_panel-padding": { + "description": "Used inside panel summary layer of sd-accordion to accommodate the border", + "type": "float", + "value": "1" } }, "navigable": { @@ -14081,6 +13833,7 @@ "value": "{kid.utilities.rounded.full}" }, "padding": { + "description": "Top bottom left right padding for the sd-radio-button-group", "type": "float", "value": "0" } @@ -14092,12 +13845,7 @@ }, "color": { "text": { - "description": "Primary brand color for text", - "type": "color", - "value": "{kid.utilities.color.black.default}" - }, - "icon-fil": { - "description": "Default icon color ", + "description": "Used for text and icon fill", "type": "color", "value": "{kid.utilities.color.black.default}" } @@ -14109,13 +13857,8 @@ "type": "color", "value": "{core.vb.azure.50}" }, - "icon-fill": { - "description": "Used for hover interaction", - "type": "color", - "value": "{kid.utilities.color.black.default}" - }, "text": { - "description": "Used for hover interaction", + "description": "Used for text and icon fill", "type": "color", "value": "{kid.utilities.color.black.default}" } @@ -14182,10 +13925,18 @@ "type": "color", "value": "{kid.utilities.color.neutral.800}" } + }, + "__duration-indicator": { + "color": { + "background": { + "type": "color", + "value": "{kid.utilities.color.primary.default}" + } + } } }, "sd-range": { - "scale-ticks": { + "tick": { "color": { "text": { "type": "color", @@ -14286,7 +14037,7 @@ "background": { "description": "Used for hover interaction", "type": "color", - "value": "{core.kid.neutral.800}" + "value": "{kid.utilities.color.neutral.800}" } } }, @@ -14344,15 +14095,6 @@ "border-width": { "type": "float", "value": "{kid.utilities.border-width.default}" - }, - "--error": { - "color": { - "text": { - "description": "Default icon color ", - "type": "color", - "value": "{kid.utilities.color.black.default}" - } - } } }, "sd-audio": { @@ -14501,16 +14243,6 @@ } } }, - "sd-loader": { - "color": { - "neutral-500": { - "_text": { - "type": "color", - "value": "rgba(0, 102, 179, 0.40)" - } - } - } - }, "sd-teaser-media": { "--primary-100": { "--hover": { @@ -14668,10 +14400,6 @@ "value": "{core.vb.grey.400}" } }, - "font-weight": { - "type": "string", - "value": "{kid.utilities.font-weight.bold}" - }, "--hover": { "color": { "background": { @@ -14751,6 +14479,13 @@ } } }, + "choice-control": { + "font-weight": { + "description": "Used for font weight inside sd-tag, sd-tab & sd-radio-button", + "type": "string", + "value": "{kid.utilities.font-weight.bold}" + } + }, "sd-link": { "color": { "--hover": { @@ -14830,26 +14565,6 @@ } } }, - "sd-combobox": { - "--default": { - "color": { - "text": { - "type": "color", - "value": "{core.vb.grey.620}" - }, - "icon-fill": { - "type": "color", - "value": "{core.vb.grey.620}" - } - } - }, - "__tag": { - "border-width": { - "type": "float", - "value": "{kid.utilities.border-width.default}" - } - } - }, "sd-input": { "--size": { "_label": { @@ -14862,7 +14577,7 @@ }, "marker": { "font-weight": { - "description": "Used for sd-chip & sd-flag", + "description": "Used for font weight inside sd-chip & sd-flag", "type": "string", "value": "{kid.utilities.font-weight.bold}" }, @@ -14877,6 +14592,14 @@ "value": "{kid.utilities.text.xs}" } }, + "sd-combobox": { + "__tag": { + "border-width": { + "type": "float", + "value": "{kid.utilities.border-width.default}" + } + } + }, "sd-skeleton": { "color": { "description": "Default icon color ", @@ -14907,17 +14630,6 @@ } } }, - "sd-option": { - "--disabled": { - "color": { - "border": { - "description": "Used for disabled state", - "type": "color", - "value": "{kid.utilities.color.neutral.400}" - } - } - } - }, "sd-accordion-group": { "_gap": { "type": "float", diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index 7033179f9d..357f1aad0f 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -462,8 +462,8 @@ "VariableID:43979:261", "VariableID:43979:262", "VariableID:43979:263", - "VariableID:43979:264", "VariableID:43979:299", + "VariableID:43979:264", "VariableID:43979:300", "VariableID:43979:265", "VariableID:43979:301", @@ -508,6 +508,7 @@ "VariableID:44336:5063", "VariableID:44336:5061", "VariableID:43979:252", + "VariableID:56149:47181", "VariableID:44271:64020", "VariableID:44625:20357", "VariableID:44762:16901", @@ -590,7 +591,6 @@ "VariableID:43979:312", "VariableID:43979:277", "VariableID:43979:313", - "VariableID:54615:17285", "VariableID:43979:278", "VariableID:43979:275", "VariableID:43979:273", @@ -657,22 +657,12 @@ "VariableID:51596:1604", "VariableID:51596:1605", "VariableID:51573:9921", + "VariableID:47208:26542", "VariableID:49857:86584", "VariableID:44837:7261", "VariableID:47031:407", - "VariableID:54615:17222", "VariableID:44294:66968", - "VariableID:54615:17221", - "VariableID:54615:16985", "VariableID:44837:15833", - "VariableID:44677:46587", - "VariableID:44023:41070", - "VariableID:44023:39698", - "VariableID:47174:79210", - "VariableID:47735:23875", - "VariableID:46374:83079", - "VariableID:47674:18801", - "VariableID:46500:50144", "VariableID:48127:24317", "VariableID:48127:24325", "VariableID:48150:71090", @@ -682,7 +672,15 @@ "VariableID:45014:30581", "VariableID:45014:30582", "VariableID:45293:4199", + "VariableID:44677:46587", + "VariableID:44023:41070", + "VariableID:44023:39698", + "VariableID:47174:79210", + "VariableID:47735:23875", + "VariableID:46374:83079", + "VariableID:47674:18801", "VariableID:44921:22300", + "VariableID:54698:83323", "VariableID:50635:19389", "VariableID:44921:22302", "VariableID:44921:14810", @@ -746,8 +744,6 @@ "VariableID:46434:259682", "VariableID:46434:259685", "VariableID:46434:259686", - "VariableID:47741:23884", - "VariableID:47741:23893", "VariableID:48602:92347", "VariableID:53700:1817", "VariableID:49425:38202", @@ -775,7 +771,6 @@ "VariableID:48719:115873", "VariableID:46581:61953", "VariableID:48046:4669", - "VariableID:46768:1312", "VariableID:49063:51818", "VariableID:51964:11323", "VariableID:51974:11364", @@ -791,15 +786,13 @@ "VariableID:49909:7223", "VariableID:49909:7224", "VariableID:46408:107779", - "VariableID:50414:28056", + "VariableID:46434:304499", "VariableID:46408:107780", "VariableID:46408:107781", - "VariableID:50603:26426", "VariableID:49844:13867", "VariableID:49844:13952", "VariableID:46741:3641", "VariableID:46434:310776", - "VariableID:46434:304499", "VariableID:46434:304476", "VariableID:46434:304642", "VariableID:46434:305759", @@ -808,9 +801,7 @@ "VariableID:46434:304643", "VariableID:46434:305760", "VariableID:46386:80458", - "VariableID:46937:80692", "VariableID:46937:80691", - "VariableID:46998:24288", "VariableID:46998:24289", "VariableID:46998:24287", "VariableID:46386:77408", @@ -827,7 +818,6 @@ "VariableID:46841:9198", "VariableID:46841:9202", "VariableID:46841:9203", - "VariableID:47208:26542", "VariableID:46825:8941", "VariableID:46396:91135", "VariableID:46396:91136", @@ -8874,7 +8864,7 @@ "r": 0 }, "47719:0": { - "a": 0.25, + "a": 0.10000000149011612, "b": 0.1882352977991104, "g": 0.08235294371843338, "r": 0.019607843831181526 @@ -13423,7 +13413,7 @@ }, "VariableID:44883:24608": { "codeSyntax": {}, - "description": "", + "description": "Top bottom padding for sd-button md variant", "hiddenFromPublishing": false, "id": "VariableID:44883:24608", "key": "287cff68bec7f2c09e35dd6aa5356434675d56aa", @@ -14132,7 +14122,7 @@ }, "VariableID:44921:21016": { "codeSyntax": {}, - "description": "", + "description": "Is this used in code?", "hiddenFromPublishing": false, "id": "VariableID:44921:21016", "key": "929621b97dc088c4d0bd82239eecdca27dd51276", @@ -14191,7 +14181,7 @@ }, "VariableID:44921:22300": { "codeSyntax": {}, - "description": "", + "description": "Top bottom padding for sd-accordion ", "hiddenFromPublishing": false, "id": "VariableID:44921:22300", "key": "d1ecce552a8e266bbc4edf79b8598149e440feb6", @@ -14316,7 +14306,7 @@ }, "VariableID:44921:4594": { "codeSyntax": {}, - "description": "", + "description": "Top bottom padding for sd-button lg variant", "hiddenFromPublishing": false, "id": "VariableID:44921:4594", "key": "fb4096cdda55d1472f86844369a69559e5f51025", @@ -15190,7 +15180,7 @@ }, "VariableID:46386:80499": { "codeSyntax": {}, - "description": "", + "description": "Top bottom left right padding for the sd-radio-button-group", "hiddenFromPublishing": false, "id": "VariableID:46386:80499", "key": "84cae37b3cc7d7644d1dc7b59cb844f391e5c9e2", @@ -15533,6 +15523,7 @@ }, "VariableID:46396:91136": { "codeSyntax": {}, + "deletedButReferenced": true, "description": "", "hiddenFromPublishing": false, "id": "VariableID:46396:91136", @@ -15717,7 +15708,7 @@ "hiddenFromPublishing": false, "id": "VariableID:46408:53949", "key": "e618ff15c605b37459f08b8958aa37a7ba21b3ee", - "name": "components/sd-range/scale-ticks/color/text", + "name": "components/sd-range/tick/color/text", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -16519,7 +16510,7 @@ "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:47719:8539", + "id": "VariableID:43979:221", "type": "VARIABLE_ALIAS" } }, @@ -16845,38 +16836,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46500:50144": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:46500:50144", - "key": "393088fab6be0e7b0618a73221f3786bfcd48d6c", - "name": "components/form-control/__tooltip/color/icon-fill", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:241", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:241", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:225", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:225", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:46547:87699": { "codeSyntax": {}, "description": "", @@ -17197,42 +17156,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46768:1312": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:46768:1312", - "key": "cf443f9b0e3713499435c55c2087cf7754e5e476", - "name": "components/sd-loader/color/neutral-500/_text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:277", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:277", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "a": 0.4000000059604645, - "b": 0.7019608020782471, - "g": 0.4000000059604645, - "r": 0 - }, - "47719:0": { - "a": 0.4000000059604645, - "b": 0.7019608020782471, - "g": 0.4000000059604645, - "r": 0 - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:46782:21016": { "codeSyntax": {}, "description": "", @@ -17979,7 +17902,7 @@ }, "VariableID:46937:80691": { "codeSyntax": {}, - "description": "Primary brand color for text", + "description": "Used for text and icon fill", "hiddenFromPublishing": false, "id": "VariableID:46937:80691", "key": "ff91e5494b3997a219451279b2bd70650e959e12", @@ -18009,38 +17932,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46937:80692": { - "codeSyntax": {}, - "description": "Default icon color ", - "hiddenFromPublishing": false, - "id": "VariableID:46937:80692", - "key": "8c2f0bb0530e95d4ac15368043ddb03729e6859d", - "name": "components/sd-radio-button/color/icon-fil", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:203", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:227", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:225", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:225", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:46938:18800": { "codeSyntax": {}, "deletedButReferenced": true, @@ -18494,41 +18385,9 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:46998:24288": { - "codeSyntax": {}, - "description": "Used for hover interaction", - "hiddenFromPublishing": false, - "id": "VariableID:46998:24288", - "key": "c2e04f1feb3919287c7eb19f1bfecaec0f1b7311", - "name": "components/sd-radio-button/--hover/color/icon-fill", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:197", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:194", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:225", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:225", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:46998:24289": { "codeSyntax": {}, - "description": "Used for hover interaction", + "description": "Used for text and icon fill", "hiddenFromPublishing": false, "id": "VariableID:46998:24289", "key": "20747bef6de69520b1435220890c7c3b1c4c75b5", @@ -18592,7 +18451,7 @@ }, "VariableID:47174:79210": { "codeSyntax": {}, - "description": "", + "description": "Used for label ", "hiddenFromPublishing": false, "id": "VariableID:47174:79210", "key": "b3f16fee5fbfee9e0e4a00672611947f57febcdf", @@ -18656,11 +18515,11 @@ }, "VariableID:47208:26542": { "codeSyntax": {}, - "description": "", + "description": "Used for font weight inside sd-tag, sd-tab & sd-radio-button", "hiddenFromPublishing": false, "id": "VariableID:47208:26542", "key": "61a7bfd54a2fac700d9ca183c80b86e34e437487", - "name": "components/sd-tab/font-weight", + "name": "components/choice-control/font-weight", "remote": false, "resolvedType": "STRING", "scopes": [ @@ -18688,6 +18547,7 @@ }, "VariableID:47226:13296": { "codeSyntax": {}, + "deletedButReferenced": true, "description": "", "hiddenFromPublishing": false, "id": "VariableID:47226:13296", @@ -19932,70 +19792,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:47741:23884": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:47741:23884", - "key": "2ba218d388931786c79dad5d5e41eea81e1ba38b", - "name": "components/sd-combobox/--default/color/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:203", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:227", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:197", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:44917:20145", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:47741:23893": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:47741:23893", - "key": "17a8bf3acde9909aa893da45e60a1486a3ce8e5f", - "name": "components/sd-combobox/--default/color/icon-fill", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:203", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:227", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:197", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:44917:20145", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:47783:193767": { "codeSyntax": {}, "description": "", @@ -20793,7 +20589,7 @@ }, "VariableID:48127:24317": { "codeSyntax": {}, - "description": "Used for sd-chip & sd-flag", + "description": "Used for font weight inside sd-chip & sd-flag", "hiddenFromPublishing": false, "id": "VariableID:48127:24317", "key": "cad6529fdd61c343627efc535018085e364e6289", @@ -22026,38 +21822,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:50414:28056": { - "codeSyntax": {}, - "description": "Default icon color ", - "hiddenFromPublishing": false, - "id": "VariableID:50414:28056", - "key": "23210c346ccf25642c0b2a93fbaed3abb5e44ff1", - "name": "components/sd-radio/--error/color/text", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:251", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:275", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:225", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:50578:36839": { "codeSyntax": {}, "description": "Used for active / selected elements", @@ -22250,38 +22014,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:50603:26426": { - "codeSyntax": {}, - "description": "Used for disabled state", - "hiddenFromPublishing": false, - "id": "VariableID:50603:26426", - "key": "103deea7452f3ad47f68c148c4f308f21c8e9613", - "name": "components/sd-option/--disabled/color/border", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:218", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:218", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43373:35304", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:217", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:50635:19389": { "codeSyntax": {}, "description": "", @@ -23112,136 +22844,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:54615:16985": { - "codeSyntax": {}, - "description": "Used for sd-link & sd-interactive", - "hiddenFromPublishing": false, - "id": "VariableID:54615:16985", - "key": "5863bc35e9edd88c18f589c26319189c625c79fe", - "name": "components/interactive/--active/color/icon", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:201", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:196", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:197", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:221", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:54615:17221": { - "codeSyntax": {}, - "description": "Used for sd-link & sd-interactive", - "hiddenFromPublishing": false, - "id": "VariableID:54615:17221", - "key": "3975372fbfd0d573c909b98e85d94441539736ee", - "name": "components/interactive/--disabled/color/icon", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:218", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:218", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:46408:96677", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:218", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:54615:17222": { - "codeSyntax": {}, - "description": "Used for sd-link & sd-interactive", - "hiddenFromPublishing": false, - "id": "VariableID:54615:17222", - "key": "4fe89504936226c87819f612b16f9be10628c26f", - "name": "components/interactive/--hover/--inverted/color/icon", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:194", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:194", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:43979:194", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:204", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, - "VariableID:54615:17285": { - "codeSyntax": {}, - "description": "Used for sd-link & sd-interactive", - "hiddenFromPublishing": false, - "id": "VariableID:54615:17285", - "key": "1bf844f149cb5ac20072ae43d55c4b497854987a", - "name": "components/interactive/--disabled/--inverted/color/icon", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:219", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:219", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "a": 0.4000000059604645, - "b": 1, - "g": 1, - "r": 1 - }, - "47719:0": { - "id": "VariableID:43979:219", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:54634:38690": { "codeSyntax": {}, "description": "Used for icon-only and loading variant", @@ -23373,6 +22975,58 @@ "47719:0": 4.5 }, "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:54698:83323": { + "codeSyntax": {}, + "description": "Used inside panel summary layer of sd-accordion to accommodate the border", + "hiddenFromPublishing": false, + "id": "VariableID:54698:83323", + "key": "43313b81de6c95dc482f9e6f53022ae90d24e5e0", + "name": "components/sd-accordion/_panel-padding", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 1, + "43174:14": 1, + "44883:0": 2, + "47719:0": 1 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:56149:47181": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:56149:47181", + "key": "1faaeba0640d4663ac6ca2fb99e2537b82ead689", + "name": "components/sd-notification/__duration-indicator/color/background", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" } } } \ No newline at end of file diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css index 5db1258020..4b52f1655e 100644 --- a/packages/tokens/themes/components.css +++ b/packages/tokens/themes/components.css @@ -1,3 +1,7 @@ +@utility choice-control-font-weight { + font-weight: var(--sd-choice-control-font-weight, var(--sd-font-weight-normal)); +} + @utility form-control--filled__floating-label-color-text { color: rgba(var(--sd-form-control--filled__floating-label-color-text, rgba(var(--sd-color-neutral-700)))); } @@ -22,10 +26,6 @@ color: rgba(var(--sd-form-control-color-text, rgba(var(--sd-color-black)))); } -@utility form-control__tooltip-color-icon-fill { - fill: rgba(var(--sd-form-control__tooltip-color-icon-fill, rgba(var(--sd-color-primary)))); -} - @utility informational-gradient--primary-800-color-background { background-color: rgba(var(--sd-informational-gradient--primary-800-color-background, rgba(var(--sd-color-primary-800)))); } @@ -34,10 +34,6 @@ background-color: rgba(var(--sd-informational-gradient--white-color-background, rgba(var(--sd-color-white)))); } -@utility interactive--active-color-icon { - background-color: rgba(var(--sd-interactive--active-color-icon, rgba(var(--sd-color-primary-800)))); -} - @utility interactive--active-color-text { color: rgba(var(--sd-interactive--active-color-text, rgba(var(--sd-color-primary-800)))); } @@ -46,18 +42,6 @@ color: rgba(var(--sd-interactive--default-color-text, rgba(var(--sd-color-primary)))); } -@utility interactive--disabled--inverted-color-icon { - background-color: rgba(var(--sd-interactive--disabled--inverted-color-icon, rgba(var(--sd-color-neutral-600)))); -} - -@utility interactive--disabled-color-icon { - background-color: rgba(var(--sd-interactive--disabled-color-icon, rgba(var(--sd-color-neutral-500)))); -} - -@utility interactive--hover--inverted-color-icon { - background-color: rgba(var(--sd-interactive--hover--inverted-color-icon, rgba(var(--sd-color-primary-200)))); -} - @utility marker-border-width { border-width: var(--sd-marker-border-width, 0); } @@ -498,14 +482,6 @@ border-radius: var(--sd-chip-border-radius, var(--sd-spacing-1)); } -@utility sd-combobox--default-color-icon-fill { - fill: rgba(var(--sd-combobox--default-color-icon-fill, rgba(var(--sd-color-primary)))); -} - -@utility sd-combobox--default-color-text { - color: rgba(var(--sd-combobox--default-color-text, rgba(var(--sd-color-primary)))); -} - @utility sd-combobox__tag-border-width { border-width: var(--sd-combobox__tag-border-width, var(--sd-spacing-0\.25)); } @@ -694,8 +670,8 @@ fill: rgba(var(--sd-notification-color-icon-fill, rgba(var(--sd-color-primary)))); } -@utility sd-option--disabled-color-border { - border-color: rgba(var(--sd-option--disabled-color-border, rgba(var(--sd-color-neutral-500)))); +@utility sd-notification__duration-indicator-color-background { + background-color: rgba(var(--sd-notification__duration-indicator-color-background, rgba(var(--sd-color-primary)))); } @utility sd-pagination--default-border { @@ -742,10 +718,6 @@ background-color: rgba(var(--sd-radio--default--invalid-color-background, rgba(var(--sd-color-white)))); } -@utility sd-radio--error-color-text { - color: rgba(var(--sd-radio--error-color-text, rgba(var(--sd-color-error)))); -} - @utility sd-radio-border-width { border-width: var(--sd-radio-border-width, var(--sd-spacing-0\.25)); } @@ -754,10 +726,6 @@ background-color: rgba(var(--sd-radio-button--hover-color-background, rgba(255, 255, 255, 0))); } -@utility sd-radio-button--hover-color-icon-fill { - fill: rgba(var(--sd-radio-button--hover-color-icon-fill, rgba(var(--sd-color-primary-500)))); -} - @utility sd-radio-button--hover-color-text { color: rgba(var(--sd-radio-button--hover-color-text, rgba(var(--sd-color-primary-500)))); } @@ -766,10 +734,6 @@ border-radius: var(--sd-radio-button-border-radius, 624.9375rem); } -@utility sd-radio-button-color-icon-fil { - background-color: rgba(var(--sd-radio-button-color-icon-fil, rgba(var(--sd-color-primary)))); -} - @utility sd-radio-button-color-text { color: rgba(var(--sd-radio-button-color-text, rgba(var(--sd-color-primary)))); } @@ -786,8 +750,8 @@ padding: var(--sd-radio-button-group-padding, 0); } -@utility sd-range-scale-ticks-color-text { - color: rgba(var(--sd-range-scale-ticks-color-text, rgba(var(--sd-color-black)))); +@utility sd-range-tick-color-text { + color: rgba(var(--sd-range-tick-color-text, rgba(var(--sd-color-black)))); } @utility sd-range__bar-border-width { @@ -838,10 +802,6 @@ border-color: rgba(var(--sd-tab-color-border, rgba(var(--sd-color-neutral-400)))); } -@utility sd-tab-font-weight { - font-weight: var(--sd-tab-font-weight, var(--sd-font-weight-normal)); -} - @utility sd-tag--default--hover-color-background { background-color: rgba(var(--sd-tag--default--hover-color-background, rgba(255, 255, 255, 0))); } diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index 06315c6a92..aeb1905feb 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -117,6 +117,7 @@ --sd-chip--white-color-background: 255, 255, 255, 0.6; --sd-chip--white-color-border: 255, 255, 255, 0.6; --sd-chip-border-radius: 624.9375rem; + --sd-choice-control-font-weight: var(--sd-font-weight-bold); --sd-color-accent-100: 247, 242, 236; --sd-color-accent-200: 249, 224, 208; --sd-color-accent-300: 251, 207, 180; @@ -236,8 +237,6 @@ --sd-color-text-white: var(--sd-color-accent); --sd-color-warning: 214, 112, 0; --sd-color-white: 255, 255, 255; - --sd-combobox--default-color-icon-fill: 0, 0, 0, 0.62; - --sd-combobox--default-color-text: 0, 0, 0, 0.62; --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); @@ -251,7 +250,7 @@ --sd-divider--inverted-color-border: 255, 255, 255, 0.4; --sd-drop-shadow-sm: 0px 4px 12px rgba(5, 21, 48, 0.25); --sd-drop-shadow-xs: 0.5px 0.5px 1.5px rgba(5, 21, 48, 0.75); - --sd-drop-shadow: 0px 2px 4px rgba(5, 21, 48, 0.25); + --sd-drop-shadow: 0px 2px 4px rgba(5, 21, 48, 0.1); --sd-dropdown-color-background: 255, 255, 255, 0.6; --sd-duration-fast: 150ms; --sd-duration-medium: 300ms; @@ -276,7 +275,6 @@ --sd-form-control-color-border: var(--sd-color-black); --sd-form-control-color-icon-fill: var(--sd-color-neutral-800); --sd-form-control-color-text: var(--sd-color-black); - --sd-form-control__tooltip-color-icon-fill: var(--sd-color-black); --sd-header-color-background: var(--sd-color-accent); --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255, 255, 255, 0; @@ -284,12 +282,8 @@ --sd-headline--3xl-onwards-color-text: var(--sd-color-black); --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800); --sd-informational-gradient--white-color-background: var(--sd-color-accent); - --sd-interactive--active-color-icon: var(--sd-color-neutral-800); --sd-interactive--active-color-text: var(--sd-color-neutral-800); --sd-interactive--default-color-text: var(--sd-color-black); - --sd-interactive--disabled--inverted-color-icon: var(--sd-color-neutral-600); - --sd-interactive--disabled-color-icon: var(--sd-color-neutral-500); - --sd-interactive--hover--inverted-color-icon: var(--sd-color-accent); --sd-link-color--hover-icon: var(--sd-color-black); --sd-link-color--none-icon: var(--sd-color-black); --sd-link-color--pressed-icon: var(--sd-color-black); @@ -318,6 +312,7 @@ --sd-notification--warning-color-background: 255, 245, 224; --sd-notification-color-border: var(--sd-color-neutral-800); --sd-notification-color-icon-fill: var(--sd-color-neutral-800); + --sd-notification__duration-indicator-color-background: var(--sd-color-black); --sd-opacity-0: 0%; --sd-opacity-100: 100%; --sd-opacity-10: 0%; @@ -332,7 +327,6 @@ --sd-opacity-80: 0%; --sd-opacity-85: 0%; --sd-opacity-90: 0%; - --sd-option--disabled-color-border: var(--sd-color-neutral-400); --sd-overlay-color-background: 0, 0, 0, 0.2; --sd-pagination--default-border: var(--sd-color-black); --sd-pagination--inverted-border: var(--sd-color-white); @@ -346,13 +340,10 @@ --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-error); --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error); --sd-radio--default--invalid-color-background: 253, 232, 230; - --sd-radio--error-color-text: var(--sd-color-black); --sd-radio-border-width: var(--sd-spacing-0\.25); --sd-radio-button--hover-color-background: 0, 102, 179, 0.05; - --sd-radio-button--hover-color-icon-fill: var(--sd-color-black); --sd-radio-button--hover-color-text: var(--sd-color-black); --sd-radio-button-border-radius: 624.9375rem; - --sd-radio-button-color-icon-fil: var(--sd-color-black); --sd-radio-button-color-text: var(--sd-color-black); --sd-radio-button-group-border-radius: 624.9375rem; --sd-radio-button-group-border-width: var(--sd-spacing-0\.5); @@ -363,11 +354,11 @@ --sd-radius-none: 0; --sd-radius-sm: 0.125rem; --sd-radius: 0.25rem; - --sd-range-scale-ticks-color-text: 89, 89, 89; + --sd-range-tick-color-text: 89, 89, 89; --sd-range__bar-border-width: var(--sd-spacing-0\.5); --sd-shadow-sm: 0px 4px 12px -6px rgba(5, 21, 48, 0.25); --sd-shadow-xs: 0.5px 0.5px 1.5px 0px rgba(5, 21, 48, 0.75); - --sd-shadow: 0px 2px 4px 0px rgba(5, 21, 48, 0.25); + --sd-shadow: 0px 2px 4px 0px rgba(5, 21, 48, 0.1); --sd-sizing-0\.25: 0.0625rem; --sd-sizing-0\.5: 0.125rem; --sd-sizing-10: 2.5rem; @@ -412,7 +403,6 @@ --sd-switch-color-text: var(--sd-color-black); --sd-tab--hover-color-background: 0, 102, 179, 0.05; --sd-tab-color-border: 191, 202, 217; - --sd-tab-font-weight: var(--sd-font-weight-bold); --sd-tag--default--hover-color-background: 255, 255, 255, 0.6; --sd-tag--default-color-background: 255, 255, 255, 0.6; --sd-tag--default-color-border: 255, 255, 255, 0.6; @@ -513,7 +503,7 @@ --sd-icon--position: ''; --sd-icon--print: ''; --sd-icon--reload: ''; - --sd-icon--risk: ''; + --sd-icon--risk: ''; --sd-icon--share: ''; --sd-icon--shopping-cart-crossed-out: ''; --sd-icon--star-empty: ''; diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index 4c1e00c41a..0ba29cc931 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -118,6 +118,7 @@ --sd-chip--white-color-background: var(--sd-color-primary-750); --sd-chip--white-color-border: 255, 255, 255, 0; --sd-chip-border-radius: var(--sd-spacing-1); + --sd-choice-control-font-weight: var(--sd-font-weight-normal); --sd-color-accent-100: 182, 223, 170; --sd-color-accent-200: 142, 208, 130; --sd-color-accent-300: 108, 194, 84; @@ -237,8 +238,6 @@ --sd-color-text-white: var(--sd-color-white); --sd-color-warning: 187, 141, 32; --sd-color-white: 255, 255, 255; - --sd-combobox--default-color-icon-fill: var(--sd-color-white); - --sd-combobox--default-color-text: var(--sd-color-white); --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-container--default-color-background: var(--sd-color-primary-750); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); @@ -277,7 +276,6 @@ --sd-form-control-color-border: var(--sd-color-primary-200); --sd-form-control-color-icon-fill: var(--sd-color-white); --sd-form-control-color-text: var(--sd-color-white); - --sd-form-control__tooltip-color-icon-fill: var(--sd-color-white); --sd-header-color-background: var(--sd-color-primary); --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255, 255, 255, 0; @@ -285,12 +283,8 @@ --sd-headline--3xl-onwards-color-text: var(--sd-color-white); --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800); --sd-informational-gradient--white-color-background: var(--sd-color-primary-800); - --sd-interactive--active-color-icon: var(--sd-color-primary-400); --sd-interactive--active-color-text: var(--sd-color-primary-400); --sd-interactive--default-color-text: var(--sd-color-white); - --sd-interactive--disabled--inverted-color-icon: var(--sd-color-neutral-600); - --sd-interactive--disabled-color-icon: var(--sd-color-neutral-500); - --sd-interactive--hover--inverted-color-icon: var(--sd-color-primary-200); --sd-link-color--hover-icon: var(--sd-color-primary-200); --sd-link-color--none-icon: var(--sd-color-white); --sd-link-color--pressed-icon: var(--sd-color-primary-400); @@ -319,6 +313,7 @@ --sd-notification--warning-color-background: var(--sd-color-primary-900); --sd-notification-color-border: var(--sd-color-primary-400); --sd-notification-color-icon-fill: var(--sd-color-white); + --sd-notification__duration-indicator-color-background: var(--sd-color-white); --sd-opacity-0: 0%; --sd-opacity-100: 100%; --sd-opacity-10: 10%; @@ -333,7 +328,6 @@ --sd-opacity-80: 80%; --sd-opacity-85: 85%; --sd-opacity-90: 90%; - --sd-option--disabled-color-border: var(--sd-color-neutral-500); --sd-overlay-color-background: 5, 21, 48, 0.9; --sd-pagination--default-border: var(--sd-color-accent-550); --sd-pagination--inverted-border: var(--sd-color-accent-550); @@ -347,13 +341,10 @@ --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-error); --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error-400); --sd-radio--default--invalid-color-background: var(--sd-color-primary-900); - --sd-radio--error-color-text: var(--sd-color-white); --sd-radio-border-width: var(--sd-spacing-0\.25); --sd-radio-button--hover-color-background: 255, 255, 255, 0; - --sd-radio-button--hover-color-icon-fill: var(--sd-color-primary-200); --sd-radio-button--hover-color-text: var(--sd-color-primary-200); --sd-radio-button-border-radius: 624.9375rem; - --sd-radio-button-color-icon-fil: var(--sd-color-white); --sd-radio-button-color-text: var(--sd-color-white); --sd-radio-button-group-border-radius: 624.9375rem; --sd-radio-button-group-border-width: var(--sd-spacing-0\.25); @@ -364,7 +355,7 @@ --sd-radius-none: 0; --sd-radius-sm: 0.125rem; --sd-radius: 0.25rem; - --sd-range-scale-ticks-color-text: var(--sd-color-white); + --sd-range-tick-color-text: var(--sd-color-white); --sd-range__bar-border-width: var(--sd-spacing-1); --sd-shadow-sm: 0.5px 0.5px 1.5px 0px #515151; --sd-shadow-xs: 0.5px 0.5px 1.5px 0px #515151; @@ -413,7 +404,6 @@ --sd-switch-color-text: var(--sd-color-white); --sd-tab--hover-color-background: var(--sd-color-primary-700); --sd-tab-color-border: var(--sd-color-primary-400); - --sd-tab-font-weight: var(--sd-font-weight-normal); --sd-tag--default--hover-color-background: 255, 255, 255, 0; --sd-tag--default-color-background: 255, 255, 255, 0; --sd-tag--default-color-border: var(--sd-color-primary-100); diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css index 92cf1fec5f..6b4d690995 100644 --- a/packages/tokens/themes/ui-light/ui-light.css +++ b/packages/tokens/themes/ui-light/ui-light.css @@ -118,6 +118,7 @@ --sd-chip--white-color-background: var(--sd-color-white); --sd-chip--white-color-border: 255, 255, 255, 0; --sd-chip-border-radius: var(--sd-spacing-1); + --sd-choice-control-font-weight: var(--sd-font-weight-normal); --sd-color-accent-100: 182, 223, 170; --sd-color-accent-200: 142, 208, 130; --sd-color-accent-300: 108, 194, 84; @@ -237,8 +238,6 @@ --sd-color-text-white: var(--sd-color-white); --sd-color-warning: 187, 141, 32; --sd-color-white: 255, 255, 255; - --sd-combobox--default-color-icon-fill: var(--sd-color-primary); - --sd-combobox--default-color-text: var(--sd-color-primary); --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); @@ -277,7 +276,6 @@ --sd-form-control-color-border: var(--sd-color-neutral-800); --sd-form-control-color-icon-fill: var(--sd-color-primary); --sd-form-control-color-text: var(--sd-color-black); - --sd-form-control__tooltip-color-icon-fill: var(--sd-color-primary); --sd-header-color-background: var(--sd-color-white); --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255, 255, 255, 0; @@ -285,12 +283,8 @@ --sd-headline--3xl-onwards-color-text: var(--sd-color-primary); --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800); --sd-informational-gradient--white-color-background: var(--sd-color-white); - --sd-interactive--active-color-icon: var(--sd-color-primary-800); --sd-interactive--active-color-text: var(--sd-color-primary-800); --sd-interactive--default-color-text: var(--sd-color-primary); - --sd-interactive--disabled--inverted-color-icon: var(--sd-color-neutral-600); - --sd-interactive--disabled-color-icon: var(--sd-color-neutral-500); - --sd-interactive--hover--inverted-color-icon: var(--sd-color-primary-200); --sd-link-color--hover-icon: var(--sd-color-primary-500); --sd-link-color--none-icon: var(--sd-color-primary); --sd-link-color--pressed-icon: var(--sd-color-primary-800); @@ -319,6 +313,7 @@ --sd-notification--warning-color-background: var(--sd-color-white); --sd-notification-color-border: var(--sd-color-neutral-400); --sd-notification-color-icon-fill: var(--sd-color-primary); + --sd-notification__duration-indicator-color-background: var(--sd-color-primary); --sd-opacity-0: 0%; --sd-opacity-100: 100%; --sd-opacity-10: 10%; @@ -333,7 +328,6 @@ --sd-opacity-80: 80%; --sd-opacity-85: 85%; --sd-opacity-90: 90%; - --sd-option--disabled-color-border: var(--sd-color-neutral-500); --sd-overlay-color-background: 5, 21, 48, 0.9; --sd-pagination--default-border: var(--sd-color-success); --sd-pagination--inverted-border: var(--sd-color-success); @@ -347,13 +341,10 @@ --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-error); --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error-400); --sd-radio--default--invalid-color-background: var(--sd-color-white); - --sd-radio--error-color-text: var(--sd-color-error); --sd-radio-border-width: var(--sd-spacing-0\.25); --sd-radio-button--hover-color-background: 255, 255, 255, 0; - --sd-radio-button--hover-color-icon-fill: var(--sd-color-primary-500); --sd-radio-button--hover-color-text: var(--sd-color-primary-500); --sd-radio-button-border-radius: 624.9375rem; - --sd-radio-button-color-icon-fil: var(--sd-color-primary); --sd-radio-button-color-text: var(--sd-color-primary); --sd-radio-button-group-border-radius: 624.9375rem; --sd-radio-button-group-border-width: var(--sd-spacing-0\.25); @@ -364,7 +355,7 @@ --sd-radius-none: 0; --sd-radius-sm: 0.125rem; --sd-radius: 0.25rem; - --sd-range-scale-ticks-color-text: var(--sd-color-black); + --sd-range-tick-color-text: var(--sd-color-black); --sd-range__bar-border-width: var(--sd-spacing-1); --sd-shadow-sm: 0.5px 0.5px 1.5px 0px #515151; --sd-shadow-xs: 0.5px 0.5px 1.5px 0px #515151; @@ -413,7 +404,6 @@ --sd-switch-color-text: var(--sd-color-black); --sd-tab--hover-color-background: var(--sd-color-neutral-200); --sd-tab-color-border: var(--sd-color-neutral-400); - --sd-tab-font-weight: var(--sd-font-weight-normal); --sd-tag--default--hover-color-background: 255, 255, 255, 0; --sd-tag--default-color-background: 255, 255, 255, 0; --sd-tag--default-color-border: var(--sd-color-primary); diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css index fc32041b82..53cdb133e2 100644 --- a/packages/tokens/themes/vb/vb.css +++ b/packages/tokens/themes/vb/vb.css @@ -117,6 +117,7 @@ --sd-chip--white-color-background: 237, 240, 244; --sd-chip--white-color-border: var(--sd-color-info); --sd-chip-border-radius: var(--sd-spacing-1); + --sd-choice-control-font-weight: var(--sd-font-weight-bold); --sd-color-accent-100: 244, 205, 178; --sd-color-accent-200: 245, 182, 145; --sd-color-accent-300: 247, 154, 102; @@ -236,8 +237,6 @@ --sd-color-text-white: var(--sd-color-white); --sd-color-warning: 243, 94, 1; --sd-color-white: 255, 255, 255; - --sd-combobox--default-color-icon-fill: var(--sd-color-primary); - --sd-combobox--default-color-text: var(--sd-color-primary); --sd-combobox__tag-border-width: var(--sd-spacing-0\.5); --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); @@ -276,7 +275,6 @@ --sd-form-control-color-border: var(--sd-color-black); --sd-form-control-color-icon-fill: var(--sd-color-neutral-700); --sd-form-control-color-text: var(--sd-color-neutral-700); - --sd-form-control__tooltip-color-icon-fill: var(--sd-color-black); --sd-header-color-background: var(--sd-color-white); --sd-header-padding-bottom: var(--sd-spacing-0\.5); --sd-header__underline-color-background: var(--sd-color-neutral-200); @@ -284,12 +282,8 @@ --sd-headline--3xl-onwards-color-text: var(--sd-color-info); --sd-informational-gradient--primary-800-color-background: var(--sd-color-info); --sd-informational-gradient--white-color-background: var(--sd-color-white); - --sd-interactive--active-color-icon: var(--sd-color-primary); --sd-interactive--active-color-text: var(--sd-color-primary); --sd-interactive--default-color-text: var(--sd-color-primary); - --sd-interactive--disabled--inverted-color-icon: 255, 255, 255, 0.4; - --sd-interactive--disabled-color-icon: 89, 89, 89, 0.4; - --sd-interactive--hover--inverted-color-icon: var(--sd-color-primary-200); --sd-link-color--hover-icon: var(--sd-color-primary); --sd-link-color--none-icon: var(--sd-color-primary); --sd-link-color--pressed-icon: var(--sd-color-primary); @@ -318,6 +312,7 @@ --sd-notification--warning-color-background: 255, 245, 224; --sd-notification-color-border: var(--sd-color-info); --sd-notification-color-icon-fill: var(--sd-color-neutral-800); + --sd-notification__duration-indicator-color-background: var(--sd-color-primary); --sd-opacity-0: 0%; --sd-opacity-100: 100%; --sd-opacity-10: 10%; @@ -332,7 +327,6 @@ --sd-opacity-80: 80%; --sd-opacity-85: 85%; --sd-opacity-90: 90%; - --sd-option--disabled-color-border: var(--sd-color-neutral-300); --sd-overlay-color-background: 0, 0, 0, 0.2; --sd-pagination--default-border: var(--sd-color-primary); --sd-pagination--inverted-border: var(--sd-color-white); @@ -346,13 +340,10 @@ --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-white); --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-white); --sd-radio--default--invalid-color-background: 253, 237, 237; - --sd-radio--error-color-text: var(--sd-color-black); --sd-radio-border-width: var(--sd-spacing-0\.5); --sd-radio-button--hover-color-background: 0, 102, 179, 0.05; - --sd-radio-button--hover-color-icon-fill: var(--sd-color-black); --sd-radio-button--hover-color-text: var(--sd-color-black); --sd-radio-button-border-radius: var(--sd-spacing-1); - --sd-radio-button-color-icon-fil: var(--sd-color-black); --sd-radio-button-color-text: var(--sd-color-black); --sd-radio-button-group-border-radius: var(--sd-spacing-2); --sd-radio-button-group-border-width: var(--sd-spacing-0\.5); @@ -363,7 +354,7 @@ --sd-radius-none: 0; --sd-radius-sm: 0.125rem; --sd-radius: 0.25rem; - --sd-range-scale-ticks-color-text: var(--sd-color-neutral-600); + --sd-range-tick-color-text: var(--sd-color-neutral-600); --sd-range__bar-border-width: var(--sd-spacing-0\.5); --sd-shadow-sm: 0.5px 0.5px 1.5px 0px rgba(0, 0, 0, 0.65); --sd-shadow-xs: 0.5px 0.5px 1.5px 0px rgba(0, 0, 0, 0.65); @@ -412,7 +403,6 @@ --sd-switch-color-text: var(--sd-color-black); --sd-tab--hover-color-background: 0, 102, 179, 0.05; --sd-tab-color-border: var(--sd-color-neutral-500); - --sd-tab-font-weight: var(--sd-font-weight-bold); --sd-tag--default--hover-color-background: var(--sd-color-primary-100); --sd-tag--default-color-background: 255, 255, 255, 0; --sd-tag--default-color-border: var(--sd-color-primary); From c1cf53a3cb6a3d7f04a6c4a0c7673cdd1239baa3 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Wed, 25 Feb 2026 15:14:22 +0000 Subject: [PATCH 24/49] fix: risk icon color --- packages/tokens/themes/kid/icons.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/tokens/themes/kid/icons.css b/packages/tokens/themes/kid/icons.css index 9733d20f52..a66de66e95 100644 --- a/packages/tokens/themes/kid/icons.css +++ b/packages/tokens/themes/kid/icons.css @@ -58,7 +58,7 @@ --sd-icon--position: ''; --sd-icon--print: ''; --sd-icon--reload: ''; - --sd-icon--risk: ''; + --sd-icon--risk: ''; --sd-icon--share: ''; --sd-icon--shopping-cart-crossed-out: ''; --sd-icon--star-empty: ''; From 871a8e8807e1cc2f870dfff661c48e34c93af680 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Wed, 25 Feb 2026 15:39:19 +0000 Subject: [PATCH 25/49] feat: update navigation-item --- .../src/components/navigation-item/navigation-item.ts | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/components/src/components/navigation-item/navigation-item.ts b/packages/components/src/components/navigation-item/navigation-item.ts index 5ef5e778f3..a9296d1f2d 100644 --- a/packages/components/src/components/navigation-item/navigation-item.ts +++ b/packages/components/src/components/navigation-item/navigation-item.ts @@ -32,7 +32,6 @@ import SolidElement from '../../internal/solid-element'; * @csspart description - The component's description area below its main content. * @csspart divider - The component's optional top divider. * - * @cssproperty --sd-navigation-item--current-color-text - The navigation-item text color when current state. * @cssproperty --sd-navigation-item-color-text - The navigation-item text color. * @cssproperty --sd-navigable-border-radius - The navigation-item border radius on hover and active state. * @cssproperty --sd-navigable-font-size - The navigation-item font size. @@ -207,7 +206,7 @@ export default class SdNavigationItem extends SolidElement { 'flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius', { md: 'navigable-font-size', lg: 'text-lg', sm: 'text-[14px]' }[this.size], this.disabled ? 'text-neutral-500 pointer-events-none' : 'sd-navigation-item-color-text', - this.current && 'font-bold sd-navigation-item--current-color-text', + this.current && 'font-bold', !isAccordion && 'w-full', this.divider && this.vertical && 'mt-0.25', !this.vertical && 'inline-flex items-center', From f39f6a9797f2a32a0381cace3656e080d10ce4c4 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Fri, 27 Feb 2026 00:15:03 +0000 Subject: [PATCH 26/49] feat: update tokens from figma --- .../output/figma-variables.json | 56 +++------ .../src/figma-variables/variableTokens.json | 117 +++++++----------- packages/tokens/themes/components.css | 24 ++-- packages/tokens/themes/kid/kid.css | 11 +- packages/tokens/themes/ui-dark/ui-dark.css | 11 +- packages/tokens/themes/ui-light/ui-light.css | 11 +- 6 files changed, 87 insertions(+), 143 deletions(-) diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index d0e683cb2b..a6f428d4ab 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -3382,10 +3382,6 @@ "description": "Used for label ", "type": "color", "value": "{ui-light.utilities.color.text.black.default}" - }, - "icon-fill": { - "type": "color", - "value": "{ui-light.utilities.color.primary.default}" } }, "--invalid": { @@ -4793,7 +4789,7 @@ }, "sd-datepicker": { "__date-item": { - "--hovered": { + "--hover": { "--default": { "color": { "background": { @@ -4803,6 +4799,10 @@ "text": { "type": "color", "value": "{ui-light.utilities.color.primary.500}" + }, + "border": { + "type": "color", + "value": "{ui-light.utilities.color.primary.500}" } } }, @@ -4828,10 +4828,6 @@ } }, "--default": { - "font-weight": { - "type": "string", - "value": "{ui-light.utilities.font-weight.normal}" - }, "color": { "text": { "description": "Default icon color ", @@ -6621,10 +6617,6 @@ "description": "Used for label ", "type": "color", "value": "{ui-dark.utilities.color.text.black.default}" - }, - "icon-fill": { - "type": "color", - "value": "{ui-dark.utilities.color.white.default}" } }, "--invalid": { @@ -8032,7 +8024,7 @@ }, "sd-datepicker": { "__date-item": { - "--hovered": { + "--hover": { "--default": { "color": { "background": { @@ -8042,6 +8034,10 @@ "text": { "type": "color", "value": "{ui-dark.utilities.color.primary.750}" + }, + "border": { + "type": "color", + "value": "{ui-dark.utilities.color.primary.750}" } } }, @@ -8067,10 +8063,6 @@ } }, "--default": { - "font-weight": { - "type": "string", - "value": "{ui-dark.utilities.font-weight.normal}" - }, "color": { "text": { "description": "Default icon color ", @@ -9860,10 +9852,6 @@ "description": "Used for label ", "type": "color", "value": "{core.vb.grey.620}" - }, - "icon-fill": { - "type": "color", - "value": "{core.vb.grey.620}" } }, "--invalid": { @@ -11271,7 +11259,7 @@ }, "sd-datepicker": { "__date-item": { - "--hovered": { + "--hover": { "--default": { "color": { "background": { @@ -11281,6 +11269,10 @@ "text": { "type": "color", "value": "{vb.utilities.color.black.default}" + }, + "border": { + "type": "color", + "value": "{vb.utilities.color.black.default}" } } }, @@ -11306,10 +11298,6 @@ } }, "--default": { - "font-weight": { - "type": "string", - "value": "{vb.utilities.font-weight.normal}" - }, "color": { "text": { "description": "Default icon color ", @@ -13099,10 +13087,6 @@ "description": "Used for label ", "type": "color", "value": "{kid.utilities.color.black.default}" - }, - "icon-fill": { - "type": "color", - "value": "{kid.utilities.color.neutral.800}" } }, "--invalid": { @@ -14510,7 +14494,7 @@ }, "sd-datepicker": { "__date-item": { - "--hovered": { + "--hover": { "--default": { "color": { "background": { @@ -14520,6 +14504,10 @@ "text": { "type": "color", "value": "{kid.utilities.color.neutral.700}" + }, + "border": { + "type": "color", + "value": "{kid.utilities.color.neutral.700}" } } }, @@ -14545,10 +14533,6 @@ } }, "--default": { - "font-weight": { - "type": "string", - "value": "{core.kid.font-weight.font-normal}" - }, "color": { "text": { "description": "Default icon color ", diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index 357f1aad0f..722eb66605 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -185,8 +185,8 @@ "VariableID:43927:5024", "VariableID:43927:5025", "VariableID:43927:5026", - "VariableID:43927:5027", "VariableID:43927:5038", + "VariableID:43927:5027", "VariableID:43979:190", "VariableID:44917:19938", "VariableID:44917:19939", @@ -212,8 +212,8 @@ "VariableID:44921:14706", "VariableID:44921:14707", "VariableID:44917:20154", - "VariableID:44917:20144", "VariableID:46172:9194", + "VariableID:44917:20144", "VariableID:43927:5029", "VariableID:48719:123821", "VariableID:46396:101311", @@ -462,8 +462,8 @@ "VariableID:43979:261", "VariableID:43979:262", "VariableID:43979:263", - "VariableID:43979:299", "VariableID:43979:264", + "VariableID:43979:299", "VariableID:43979:300", "VariableID:43979:265", "VariableID:43979:301", @@ -642,8 +642,8 @@ "VariableID:44029:1676", "VariableID:44029:1677", "VariableID:44029:1678", - "VariableID:44029:1684", "VariableID:44029:1679", + "VariableID:44029:1684", "VariableID:44029:1681", "VariableID:44029:1682", "VariableID:44029:1683", @@ -676,7 +676,6 @@ "VariableID:44023:41070", "VariableID:44023:39698", "VariableID:47174:79210", - "VariableID:47735:23875", "VariableID:46374:83079", "VariableID:47674:18801", "VariableID:44921:22300", @@ -721,8 +720,8 @@ "VariableID:44883:20780", "VariableID:44883:24906", "VariableID:44883:24608", - "VariableID:54634:38691", "VariableID:47783:193767", + "VariableID:54634:38691", "VariableID:47783:193768", "VariableID:47783:193769", "VariableID:46871:963", @@ -746,12 +745,12 @@ "VariableID:46434:259686", "VariableID:48602:92347", "VariableID:53700:1817", - "VariableID:49425:38202", "VariableID:50346:24618", "VariableID:50348:22930", "VariableID:47735:23879", "VariableID:47735:23876", "VariableID:47735:23880", + "VariableID:56342:50645", "VariableID:47735:23878", "VariableID:47737:23882", "VariableID:46871:10801", @@ -19596,45 +19595,13 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:47735:23875": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:47735:23875", - "key": "bbc307f245ec3a5eb2f1c2411cb67faf2516867f", - "name": "components/form-control/color/icon-fill", - "remote": false, - "resolvedType": "COLOR", - "scopes": [ - "ALL_SCOPES" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:43979:203", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:43979:227", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:44917:20145", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:43979:221", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:47735:23876": { "codeSyntax": {}, "description": "", "hiddenFromPublishing": false, "id": "VariableID:47735:23876", "key": "fada6e43fb1b6113d0ce935454a5736f87fa583f", - "name": "components/sd-datepicker/__date-item/--hovered/--default/color/background", + "name": "components/sd-datepicker/__date-item/--hover/--default/color/background", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -19668,7 +19635,7 @@ "hiddenFromPublishing": false, "id": "VariableID:47735:23878", "key": "000b9318e00275fe70be07eafc71dd3be44ec318", - "name": "components/sd-datepicker/__date-item/--hovered/--prev-next/color/background", + "name": "components/sd-datepicker/__date-item/--hover/--prev-next/color/background", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -19734,7 +19701,7 @@ "hiddenFromPublishing": false, "id": "VariableID:47735:23880", "key": "3c69bc434d682c172e590c35edeb8d3c61832db6", - "name": "components/sd-datepicker/__date-item/--hovered/--default/color/text", + "name": "components/sd-datepicker/__date-item/--hover/--default/color/text", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -19766,7 +19733,7 @@ "hiddenFromPublishing": false, "id": "VariableID:47737:23882", "key": "e56ce367b620090d3b91a4f756ced1f6606eb532", - "name": "components/sd-datepicker/__date-item/--hovered/--prev-next/color/text", + "name": "components/sd-datepicker/__date-item/--hover/--prev-next/color/text", "remote": false, "resolvedType": "COLOR", "scopes": [ @@ -21349,38 +21316,6 @@ }, "variableCollectionId": "VariableCollectionId:43174:55999" }, - "VariableID:49425:38202": { - "codeSyntax": {}, - "description": "", - "hiddenFromPublishing": false, - "id": "VariableID:49425:38202", - "key": "8fe73c56e8b7f30e3291c528955ca03bb722aa6c", - "name": "components/sd-datepicker/__date-item/--default/font-weight", - "remote": false, - "resolvedType": "STRING", - "scopes": [ - "FONT_STYLE" - ], - "valuesByMode": { - "43174:13": { - "id": "VariableID:44953:15244", - "type": "VARIABLE_ALIAS" - }, - "43174:14": { - "id": "VariableID:44953:15244", - "type": "VARIABLE_ALIAS" - }, - "44883:0": { - "id": "VariableID:44953:15244", - "type": "VARIABLE_ALIAS" - }, - "47719:0": { - "id": "VariableID:47805:4778", - "type": "VARIABLE_ALIAS" - } - }, - "variableCollectionId": "VariableCollectionId:43174:55999" - }, "VariableID:49594:14770": { "codeSyntax": {}, "description": "", @@ -23027,6 +22962,38 @@ } }, "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:56342:50645": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:56342:50645", + "key": "62a64ee239decc43f627c7100254e5cd3aaabfde", + "name": "components/sd-datepicker/__date-item/--hover/--default/color/border", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:197", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:200", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:225", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:220", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" } } } \ No newline at end of file diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css index 4b52f1655e..5a20ac9de3 100644 --- a/packages/tokens/themes/components.css +++ b/packages/tokens/themes/components.css @@ -18,10 +18,6 @@ border-color: rgba(var(--sd-form-control-color-border, rgba(var(--sd-color-neutral-800)))); } -@utility form-control-color-icon-fill { - fill: rgba(var(--sd-form-control-color-icon-fill, rgba(var(--sd-color-primary)))); -} - @utility form-control-color-text { color: rgba(var(--sd-form-control-color-text, rgba(var(--sd-color-black)))); } @@ -498,24 +494,24 @@ color: rgba(var(--sd-datepicker__date-item--default-color-text, rgba(var(--sd-color-primary)))); } -@utility sd-datepicker__date-item--default-font-weight { - font-weight: var(--sd-datepicker__date-item--default-font-weight, var(--sd-font-weight-normal)); +@utility sd-datepicker__date-item--hover--default-color-background { + background-color: rgba(var(--sd-datepicker__date-item--hover--default-color-background, rgba(var(--sd-color-primary-100)))); } -@utility sd-datepicker__date-item--hovered--default-color-background { - background-color: rgba(var(--sd-datepicker__date-item--hovered--default-color-background, rgba(var(--sd-color-primary-100)))); +@utility sd-datepicker__date-item--hover--default-color-border { + border-color: rgba(var(--sd-datepicker__date-item--hover--default-color-border, rgba(var(--sd-color-primary-500)))); } -@utility sd-datepicker__date-item--hovered--default-color-text { - color: rgba(var(--sd-datepicker__date-item--hovered--default-color-text, rgba(var(--sd-color-primary-500)))); +@utility sd-datepicker__date-item--hover--default-color-text { + color: rgba(var(--sd-datepicker__date-item--hover--default-color-text, rgba(var(--sd-color-primary-500)))); } -@utility sd-datepicker__date-item--hovered--prev-next-color-background { - background-color: rgba(var(--sd-datepicker__date-item--hovered--prev-next-color-background, rgba(var(--sd-color-primary-100)))); +@utility sd-datepicker__date-item--hover--prev-next-color-background { + background-color: rgba(var(--sd-datepicker__date-item--hover--prev-next-color-background, rgba(var(--sd-color-primary-100)))); } -@utility sd-datepicker__date-item--hovered--prev-next-color-text { - color: rgba(var(--sd-datepicker__date-item--hovered--prev-next-color-text, rgba(var(--sd-color-neutral-700)))); +@utility sd-datepicker__date-item--hover--prev-next-color-text { + color: rgba(var(--sd-datepicker__date-item--hover--prev-next-color-text, rgba(var(--sd-color-neutral-700)))); } @utility sd-datepicker__date-item--selected-color-text { diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index aeb1905feb..c1837841f2 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -241,11 +241,11 @@ --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-neutral-800); - --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); - --sd-datepicker__date-item--hovered--default-color-background: 255, 255, 255, 0; - --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-neutral-700); - --sd-datepicker__date-item--hovered--prev-next-color-background: 255, 255, 255, 0; - --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-neutral-700); + --sd-datepicker__date-item--hover--default-color-background: 255, 255, 255, 0; + --sd-datepicker__date-item--hover--default-color-border: var(--sd-color-neutral-700); + --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-neutral-700); + --sd-datepicker__date-item--hover--prev-next-color-background: 255, 255, 255, 0; + --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-neutral-700); --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: 255, 255, 255, 0.4; --sd-drop-shadow-sm: 0px 4px 12px rgba(5, 21, 48, 0.25); @@ -273,7 +273,6 @@ --sd-form-control--invalid-color-background: 253, 232, 230; --sd-form-control-border-radius: var(--sd-spacing-2); --sd-form-control-color-border: var(--sd-color-black); - --sd-form-control-color-icon-fill: var(--sd-color-neutral-800); --sd-form-control-color-text: var(--sd-color-black); --sd-header-color-background: var(--sd-color-accent); --sd-header-padding-bottom: 0; diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index 0ba29cc931..7260f65ac3 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -242,11 +242,11 @@ --sd-container--default-color-background: var(--sd-color-primary-750); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-white); - --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); - --sd-datepicker__date-item--hovered--default-color-background: var(--sd-color-primary-100); - --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-primary-750); - --sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-color-primary-100); - --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-primary-750); + --sd-datepicker__date-item--hover--default-color-background: var(--sd-color-primary-100); + --sd-datepicker__date-item--hover--default-color-border: var(--sd-color-primary-750); + --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-primary-750); + --sd-datepicker__date-item--hover--prev-next-color-background: var(--sd-color-primary-100); + --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-primary-750); --sd-datepicker__date-item--selected-color-text: var(--sd-color-primary); --sd-divider--inverted-color-border: var(--sd-color-primary-400); --sd-drop-shadow-sm: 0.5px 0.5px 1.5px #515151; @@ -274,7 +274,6 @@ --sd-form-control--invalid-color-background: var(--sd-color-primary-900); --sd-form-control-border-radius: var(--sd-spacing-1); --sd-form-control-color-border: var(--sd-color-primary-200); - --sd-form-control-color-icon-fill: var(--sd-color-white); --sd-form-control-color-text: var(--sd-color-white); --sd-header-color-background: var(--sd-color-primary); --sd-header-padding-bottom: 0; diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css index 6b4d690995..19416b6c5e 100644 --- a/packages/tokens/themes/ui-light/ui-light.css +++ b/packages/tokens/themes/ui-light/ui-light.css @@ -242,11 +242,11 @@ --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-primary); - --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); - --sd-datepicker__date-item--hovered--default-color-background: var(--sd-color-primary-100); - --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-primary-500); - --sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-color-primary-100); - --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-neutral-700); + --sd-datepicker__date-item--hover--default-color-background: var(--sd-color-primary-100); + --sd-datepicker__date-item--hover--default-color-border: var(--sd-color-primary-500); + --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-primary-500); + --sd-datepicker__date-item--hover--prev-next-color-background: var(--sd-color-primary-100); + --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-neutral-700); --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: var(--sd-color-primary-400); --sd-drop-shadow-sm: 0.5px 0.5px 1.5px #515151; @@ -274,7 +274,6 @@ --sd-form-control--invalid-color-background: var(--sd-color-white); --sd-form-control-border-radius: var(--sd-spacing-1); --sd-form-control-color-border: var(--sd-color-neutral-800); - --sd-form-control-color-icon-fill: var(--sd-color-primary); --sd-form-control-color-text: var(--sd-color-black); --sd-header-color-background: var(--sd-color-white); --sd-header-padding-bottom: 0; From 372ea8cb38d8b3760e9fd16b85db776fa45a5cc6 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Fri, 27 Feb 2026 13:02:43 +0000 Subject: [PATCH 27/49] feat: update datepicker --- .../src/components/datepicker/datepicker.ts | 63 +++++-- .../output/figma-variables.json | 134 ++++++++++++++- .../src/figma-variables/variableTokens.json | 160 ++++++++++++++++-- packages/tokens/themes/components.css | 16 ++ packages/tokens/themes/kid/kid.css | 4 + packages/tokens/themes/ui-dark/ui-dark.css | 4 + packages/tokens/themes/ui-light/ui-light.css | 4 + packages/tokens/themes/vb/vb.css | 81 ++++----- 8 files changed, 392 insertions(+), 74 deletions(-) diff --git a/packages/components/src/components/datepicker/datepicker.ts b/packages/components/src/components/datepicker/datepicker.ts index c50e977b84..67098cb48d 100644 --- a/packages/components/src/components/datepicker/datepicker.ts +++ b/packages/components/src/components/datepicker/datepicker.ts @@ -55,6 +55,22 @@ import type { SolidFormControl } from '../../internal/solid-element'; * @csspart form-control-help-text - The help text, displayed below the input. * * @cssproperty --sd-form-control-color-text - The text color for form controls. + * @cssproperty --sd-form-control-border-radius - The border radius for form controls. + * @cssproperty --sd-form-control-color-border - + * @cssproperty --sd-form-control--filled__floating-label-color-text + * @cssproperty --sd-form-control--invalid-color-background + * @cssproperty --sd-datepicker__date-item--default-color-text + * @cssproperty --sd-datepicker__date-item--hover--default-color-background + * @cssproperty --sd-datepicker__date-item--hover--default-color-text + * @cssproperty --sd-datepicker__date-item--default-color-border + * @cssproperty --sd-datepicker__date-item--selected-color-text + * @cssproperty --sd-datepicker__date-item--hover--prev-next-color-background + * @cssproperty --sd-datepicker__date-item--hover--prev-next-color-text + * @cssproperty --sd-datepicker__date-item--current-font-weight + * @cssproperty --sd-datepicker__date-item--selected-color-background + * @cssproperty --sd-datepicker__date-item--selected--hover-color-background + * @cssproperty --sd-datepicker__date-item--range-color-background + * @cssproperty --sd-datepicker__date-item--current-color-text */ const isoDateConverter = { @@ -1657,7 +1673,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
@@ -1777,35 +1793,43 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr type="button" part="day" class=${cx( - 'cell day flex items-center justify-center focus-visible:outline focus:outline-2 focus:outline-primary -outline-offset-2 rounded-md w-[36px]', + 'cell day flex items-center justify-center focus-visible:outline focus:outline-2 focus:outline-primary -outline-offset-2 rounded w-[36px]', this.size === 'sm' ? 'text-sm h-6' : 'text-base h-8', isRangeStart || isRangeEnd ? 'hover:bg-primary-500' - : 'hover:bg-primary-100 hover:text-primary-500', + : 'hover:sd-datepicker__date-item--hover--default-color-text', + !isRangeStart && + !isRangeEnd && + !inSelectedRange && + 'hover:sd-datepicker__date-item--hover--default-color-background', !inMonth ? this.disabledWeekends && isWeekendDay ? 'out-month weekend-day text-neutral-500' : isWeekendDay ? 'out-month weekend-day text-neutral-700' - : 'out-month text-neutral-700' + : 'out-month text-neutral-700 hover:sd-datepicker__date-item--hover--prev-next-color-text hover:sd-datepicker__date-item--hover--prev-next-color-background' : this.isInDisabledDates(day) || !this.inMinMax(day) ? 'out-month text-neutral-500' : this.disabledWeekends && isWeekendDay ? 'weekend-day text-neutral-500' - : 'in-month text-primary', + : 'in-month sd-datepicker__date-item--default-color-text', isSelectedSingle - ? 'selected border-primary bg-primary text-white hover:bg-primary-500 hover:text-white' + ? 'selected border-primary sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background' + : '', + isRangeStart + ? 'sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background rounded-l-md rounded-r-none' + : '', + isRangeEnd + ? 'sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background range-end rounded-r-md rounded-l-none' : '', - isRangeStart ? 'bg-primary text-white rounded-l-md rounded-r-none' : '', - isRangeEnd ? 'bg-primary text-white range-end rounded-r-md rounded-l-none' : '', inSelectedRange && !isRangeStart && !isRangeEnd - ? 'in-range selected bg-primary-100 text-primary-500 rounded-none hover:bg-primary-500 hover:text-white' + ? 'in-range selected sd-datepicker__date-item--range-color-background rounded-none hover:sd-datepicker__date-item--selected--hover-color-background hover:sd-datepicker__date-item--selected-color-text' : '', !inSelectedRange && inPreviewRange && !isRangeStart && !isRangeEnd ? 'in-preview-range bg-primary-100 text-primary-500 rounded-none' : '', isToday && !isSelectedSingle && !isRangeStart && !isRangeEnd && isFocused - ? 'today border-[1px] border-primary font-bold' + ? 'today border-[1px] border-primary sd-datepicker__date-item--current-font-weight' : '', disabled ? 'disabled cursor-not-allowed hover:bg-transparent' : 'cursor-pointer', isFocused && !isToday ? 'focused outline outline-2 outline-primary' : '' @@ -1894,7 +1918,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr active: 'border-primary border-2', invalid: 'border-error', valid: 'border-success', - default: 'border-neutral-800' + default: 'form-control-color-border' }[inputState]; const textSize = this.size === 'sm' ? 'text-sm' : 'text-base'; @@ -1933,7 +1957,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
@@ -2000,7 +2026,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr aria-invalid=${this.showInvalidStyle ? 'true' : 'false'} aria-label=${this.range ? 'Select date range' : 'Select a date'} class=${cx( - 'min-w-0 flex-grow focus:outline-none bg-transparent hover:cursor-pointer form-control-color-text', + 'min-w-0 flex-grow focus:outline-none bg-transparent hover:cursor-pointer text-black', this.visuallyDisabled || this.disabled ? 'placeholder:text-neutral-500 cursor-not-allowed' : 'placeholder:text-neutral-700', @@ -2079,6 +2105,15 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr :host([visually-disabled]) input { caret-color: transparent; } + + .today:hover { + @apply sd-datepicker__date-item--hover--default-color-border; + } + + .in-range, + .today { + @apply sd-datepicker__date-item--current-color-text; + } ` ]; } diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index a6f428d4ab..6d37f792c8 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -4824,6 +4824,20 @@ "text": { "type": "color", "value": "{ui-light.utilities.color.white.default}" + }, + "background": { + "description": "Default icon color ", + "type": "color", + "value": "{ui-light.utilities.color.primary.default}" + } + }, + "--hover": { + "color": { + "background": { + "description": "Used for hover interaction", + "type": "color", + "value": "{ui-light.utilities.color.primary.500}" + } } } }, @@ -4840,6 +4854,21 @@ "font-weight": { "type": "string", "value": "{ui-light.utilities.font-weight.bold}" + }, + "color": { + "text": { + "description": "Default icon color ", + "type": "color", + "value": "{ui-light.utilities.color.primary.default}" + } + } + }, + "--range": { + "color": { + "background": { + "type": "color", + "value": "{ui-light.utilities.color.primary.100}" + } } } } @@ -8059,6 +8088,20 @@ "text": { "type": "color", "value": "{ui-dark.utilities.color.primary.600}" + }, + "background": { + "description": "Default icon color ", + "type": "color", + "value": "{ui-dark.utilities.color.white.default}" + } + }, + "--hover": { + "color": { + "background": { + "description": "Used for hover interaction", + "type": "color", + "value": "{ui-dark.utilities.color.primary.200}" + } } } }, @@ -8075,6 +8118,21 @@ "font-weight": { "type": "string", "value": "{ui-dark.utilities.font-weight.bold}" + }, + "color": { + "text": { + "description": "Default icon color ", + "type": "color", + "value": "{ui-dark.utilities.color.white.default}" + } + } + }, + "--range": { + "color": { + "background": { + "type": "color", + "value": "{ui-dark.utilities.color.primary.500}" + } } } } @@ -8249,7 +8307,7 @@ "100": { "description": "Form field read only. Used for sd-container", "type": "color", - "value": "{vb.utilities.color.primary.100}" + "value": "{vb.utilities.color.neutral.100}" }, "200": { "description": "Used for sd-flag", @@ -8527,31 +8585,31 @@ "primary": { "100": { "type": "color", - "value": "{core.vb.azure.100}" + "value": "{core.vb.azure.50}" }, "200": { "type": "color", - "value": "{core.vb.azure.200}" + "value": "{core.vb.azure.100}" }, "300": { "type": "color", - "value": "{core.vb.azure.300}" + "value": "{core.vb.azure.200}" }, "400": { "type": "color", - "value": "{core.vb.azure.400}" + "value": "{core.vb.azure.300}" }, "500": { "type": "color", - "value": "{core.vb.azure.500}" + "value": "{core.vb.azure.400}" }, "600": { "type": "color", - "value": "{core.vb.azure.600}" + "value": "{core.vb.azure.500}" }, "700": { "type": "color", - "value": "{core.vb.azure.750}" + "value": "{core.vb.azure.600}" }, "750": { "type": "color", @@ -11294,6 +11352,20 @@ "text": { "type": "color", "value": "{vb.utilities.color.white.default}" + }, + "background": { + "description": "Default icon color ", + "type": "color", + "value": "{vb.utilities.color.primary.default}" + } + }, + "--hover": { + "color": { + "background": { + "description": "Used for hover interaction", + "type": "color", + "value": "{vb.utilities.color.primary.500}" + } } } }, @@ -11310,6 +11382,21 @@ "font-weight": { "type": "string", "value": "{vb.utilities.font-weight.bold}" + }, + "color": { + "text": { + "description": "Default icon color ", + "type": "color", + "value": "{vb.utilities.color.primary.default}" + } + } + }, + "--range": { + "color": { + "background": { + "type": "color", + "value": "rgba(0, 102, 179, 0.05)" + } } } } @@ -11782,7 +11869,7 @@ }, "600": { "type": "color", - "value": "{core.kid.primary.600}" + "value": "#244faf" }, "700": { "type": "color", @@ -14529,6 +14616,20 @@ "text": { "type": "color", "value": "{kid.utilities.color.white.default}" + }, + "background": { + "description": "Default icon color ", + "type": "color", + "value": "{kid.utilities.color.primary.default}" + } + }, + "--hover": { + "color": { + "background": { + "description": "Used for hover interaction", + "type": "color", + "value": "{kid.utilities.color.neutral.800}" + } } } }, @@ -14545,6 +14646,21 @@ "font-weight": { "type": "string", "value": "{core.kid.font-weight.font-semibold}" + }, + "color": { + "text": { + "description": "Default icon color ", + "type": "color", + "value": "{kid.utilities.color.primary.default}" + } + } + }, + "--range": { + "color": { + "background": { + "type": "color", + "value": "{kid.utilities.color.primary.100}" + } } } } diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index 722eb66605..60ea2abc7c 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -462,8 +462,8 @@ "VariableID:43979:261", "VariableID:43979:262", "VariableID:43979:263", - "VariableID:43979:264", "VariableID:43979:299", + "VariableID:43979:264", "VariableID:43979:300", "VariableID:43979:265", "VariableID:43979:301", @@ -561,6 +561,8 @@ "VariableID:43979:257", "VariableID:43979:258", "VariableID:43979:241", + "VariableID:56886:3305", + "VariableID:56886:2865", "VariableID:50635:19390", "VariableID:43979:236", "VariableID:43979:237", @@ -586,6 +588,7 @@ "VariableID:43979:268", "VariableID:43979:269", "VariableID:43979:270", + "VariableID:56886:3301", "VariableID:43979:271", "VariableID:43979:272", "VariableID:43979:312", @@ -720,8 +723,8 @@ "VariableID:44883:20780", "VariableID:44883:24906", "VariableID:44883:24608", - "VariableID:47783:193767", "VariableID:54634:38691", + "VariableID:47783:193767", "VariableID:47783:193768", "VariableID:47783:193769", "VariableID:46871:963", @@ -745,6 +748,7 @@ "VariableID:46434:259686", "VariableID:48602:92347", "VariableID:53700:1817", + "VariableID:56886:3304", "VariableID:50346:24618", "VariableID:50348:22930", "VariableID:47735:23879", @@ -2413,7 +2417,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:193", + "id": "VariableID:43979:214", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -5256,7 +5260,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5029", + "id": "VariableID:46172:9194", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -5286,7 +5290,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:48719:123821", + "id": "VariableID:43927:5029", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -5316,7 +5320,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5030", + "id": "VariableID:48719:123821", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -5346,7 +5350,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5031", + "id": "VariableID:43927:5030", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -5376,7 +5380,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5032", + "id": "VariableID:43927:5031", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -5406,12 +5410,14 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5034", + "id": "VariableID:43927:5032", "type": "VARIABLE_ALIAS" }, "47719:0": { - "id": "VariableID:47719:8464", - "type": "VARIABLE_ALIAS" + "a": 1, + "b": 0.686274528503418, + "g": 0.30980393290519714, + "r": 0.1411764770746231 } }, "variableCollectionId": "VariableCollectionId:43174:55999" @@ -5436,7 +5442,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43927:5036", + "id": "VariableID:43927:5034", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -22994,6 +23000,136 @@ } }, "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:56886:2865": { + "codeSyntax": {}, + "description": "Default icon color ", + "hiddenFromPublishing": false, + "id": "VariableID:56886:2865", + "key": "2228f34e3b2b50d4b969b53a2dfd4f1726aeefc0", + "name": "components/sd-datepicker/__date-item/--selected/color/background", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:56886:3301": { + "codeSyntax": {}, + "description": "Used for hover interaction", + "hiddenFromPublishing": false, + "id": "VariableID:56886:3301", + "key": "dd4a6459f1cfca8699a97b86d88717e7614a6929", + "name": "components/sd-datepicker/__date-item/--selected/--hover/color/background", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:197", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:194", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:197", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:221", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:56886:3304": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:56886:3304", + "key": "4e53fe10422a283380e3844e3c32f349f3690577", + "name": "components/sd-datepicker/__date-item/--range/color/background", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:193", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:197", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "a": 0.05000000074505806, + "b": 0.7019608020782471, + "g": 0.4000000059604645, + "r": 0 + }, + "47719:0": { + "id": "VariableID:43979:193", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:56886:3305": { + "codeSyntax": {}, + "description": "Default icon color ", + "hiddenFromPublishing": false, + "id": "VariableID:56886:3305", + "key": "8a27f221cd0b2270f2f95b3f951874bc88bfe44b", + "name": "components/sd-datepicker/__date-item/--current/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" } } } \ No newline at end of file diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css index 5a20ac9de3..4e450dcd40 100644 --- a/packages/tokens/themes/components.css +++ b/packages/tokens/themes/components.css @@ -486,6 +486,10 @@ background-color: rgba(var(--sd-container--default-color-background, rgba(var(--sd-color-neutral-100)))); } +@utility sd-datepicker__date-item--current-color-text { + color: rgba(var(--sd-datepicker__date-item--current-color-text, rgba(var(--sd-color-primary)))); +} + @utility sd-datepicker__date-item--current-font-weight { font-weight: var(--sd-datepicker__date-item--current-font-weight, var(--sd-font-weight-bold)); } @@ -514,6 +518,18 @@ color: rgba(var(--sd-datepicker__date-item--hover--prev-next-color-text, rgba(var(--sd-color-neutral-700)))); } +@utility sd-datepicker__date-item--range-color-background { + background-color: rgba(var(--sd-datepicker__date-item--range-color-background, rgba(var(--sd-color-primary-100)))); +} + +@utility sd-datepicker__date-item--selected--hover-color-background { + background-color: rgba(var(--sd-datepicker__date-item--selected--hover-color-background, rgba(var(--sd-color-primary-500)))); +} + +@utility sd-datepicker__date-item--selected-color-background { + background-color: rgba(var(--sd-datepicker__date-item--selected-color-background, rgba(var(--sd-color-primary)))); +} + @utility sd-datepicker__date-item--selected-color-text { color: rgba(var(--sd-datepicker__date-item--selected-color-text, rgba(var(--sd-color-white)))); } diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index c1837841f2..e4da5aef4a 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -239,6 +239,7 @@ --sd-color-white: 255, 255, 255; --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-container--default-color-background: var(--sd-color-neutral-100); + --sd-datepicker__date-item--current-color-text: var(--sd-color-black); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-neutral-800); --sd-datepicker__date-item--hover--default-color-background: 255, 255, 255, 0; @@ -246,6 +247,9 @@ --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-neutral-700); --sd-datepicker__date-item--hover--prev-next-color-background: 255, 255, 255, 0; --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-neutral-700); + --sd-datepicker__date-item--range-color-background: var(--sd-color-primary-100); + --sd-datepicker__date-item--selected--hover-color-background: var(--sd-color-neutral-800); + --sd-datepicker__date-item--selected-color-background: var(--sd-color-black); --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: 255, 255, 255, 0.4; --sd-drop-shadow-sm: 0px 4px 12px rgba(5, 21, 48, 0.25); diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index 7260f65ac3..2c8c58ba0c 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -240,6 +240,7 @@ --sd-color-white: 255, 255, 255; --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-container--default-color-background: var(--sd-color-primary-750); + --sd-datepicker__date-item--current-color-text: var(--sd-color-white); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-white); --sd-datepicker__date-item--hover--default-color-background: var(--sd-color-primary-100); @@ -247,6 +248,9 @@ --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-primary-750); --sd-datepicker__date-item--hover--prev-next-color-background: var(--sd-color-primary-100); --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-primary-750); + --sd-datepicker__date-item--range-color-background: var(--sd-color-primary-500); + --sd-datepicker__date-item--selected--hover-color-background: var(--sd-color-primary-200); + --sd-datepicker__date-item--selected-color-background: var(--sd-color-white); --sd-datepicker__date-item--selected-color-text: var(--sd-color-primary); --sd-divider--inverted-color-border: var(--sd-color-primary-400); --sd-drop-shadow-sm: 0.5px 0.5px 1.5px #515151; diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css index 19416b6c5e..c2f071ee75 100644 --- a/packages/tokens/themes/ui-light/ui-light.css +++ b/packages/tokens/themes/ui-light/ui-light.css @@ -240,6 +240,7 @@ --sd-color-white: 255, 255, 255; --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-container--default-color-background: var(--sd-color-neutral-100); + --sd-datepicker__date-item--current-color-text: var(--sd-color-primary); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-primary); --sd-datepicker__date-item--hover--default-color-background: var(--sd-color-primary-100); @@ -247,6 +248,9 @@ --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-primary-500); --sd-datepicker__date-item--hover--prev-next-color-background: var(--sd-color-primary-100); --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-neutral-700); + --sd-datepicker__date-item--range-color-background: var(--sd-color-primary-100); + --sd-datepicker__date-item--selected--hover-color-background: var(--sd-color-primary-500); + --sd-datepicker__date-item--selected-color-background: var(--sd-color-primary); --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: var(--sd-color-primary-400); --sd-drop-shadow-sm: 0.5px 0.5px 1.5px #515151; diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css index 53cdb133e2..e3c801404e 100644 --- a/packages/tokens/themes/vb/vb.css +++ b/packages/tokens/themes/vb/vb.css @@ -23,7 +23,7 @@ --sd-audio__track-bar--inverted-color-border: var(--sd-color-white); --sd-badge--blue--inverted-color-background: var(--sd-color-white); --sd-badge--blue--inverted-color-text: var(--sd-color-info); - --sd-badge--blue-color-background: var(--sd-color-primary); + --sd-badge--blue-color-background: var(--sd-color-primary-500); --sd-badge--green-color--inverted-background: var(--sd-color-success); --sd-badge--green-color--inverted-text: var(--sd-color-white); --sd-badge--green-color-background: var(--sd-color-success); @@ -35,7 +35,7 @@ --sd-border-width-4: 0.25rem; --sd-border-width-6: 0.375rem; --sd-border-width: 0.0625rem; - --sd-brandshape--neutral-100-color-background: var(--sd-color-primary-100); + --sd-brandshape--neutral-100-color-background: var(--sd-color-neutral-100); --sd-brandshape--white-color-background: var(--sd-color-white); --sd-breadcrumb__separator--current-color: var(--sd-color-warning); --sd-breadcrumb__separator-color: var(--sd-color-neutral-200); @@ -44,14 +44,14 @@ --sd-button--cta--inverted--default-color-background: var(--sd-color-white); --sd-button--cta--inverted--default-color-text: var(--sd-color-info); --sd-button--cta--inverted--hover-color-background: var(--sd-color-primary-100); - --sd-button--cta--inverted--hover-color-text: var(--sd-color-primary); + --sd-button--cta--inverted--hover-color-text: var(--sd-color-primary-500); --sd-button--inverted--disabled-color-background: var(--sd-color-primary-400); --sd-button--inverted--disabled-color-border: var(--sd-color-primary-400); --sd-button--inverted--disabled-color-text: var(--sd-color-primary-400); --sd-button--primary--active-color-text: var(--sd-color-primary-200); --sd-button--primary--default-color-background: var(--sd-color-primary); --sd-button--primary--default-color-text: var(--sd-color-white); - --sd-button--primary--hover-color-background: var(--sd-color-primary-600); + --sd-button--primary--hover-color-background: var(--sd-color-primary); --sd-button--primary--inverted--active-color-background: var(--sd-color-primary-200); --sd-button--primary--inverted--active-color-text: var(--sd-color-info); --sd-button--primary--inverted--default-color-background: var(--sd-color-white); @@ -105,7 +105,7 @@ --sd-carousel__pager-dot--inverted-border: var(--sd-color-white); --sd-carousel__pager-dot-background: var(--sd-color-primary); --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.5); - --sd-checkbox--checked--hovered-color-border: var(--sd-color-primary-600); + --sd-checkbox--checked--hovered-color-border: var(--sd-color-primary); --sd-checkbox-border-width: var(--sd-spacing-0\.5); --sd-chip--primary-200-color-background: 237, 240, 244; --sd-chip--primary-200-color-border: var(--sd-color-info); @@ -129,14 +129,14 @@ --sd-color-accent-800: 105, 63, 29; --sd-color-accent: 243, 94, 1; --sd-color-background-accent-300: var(--sd-color-primary-400); - --sd-color-background-accent-500: var(--sd-color-primary); - --sd-color-background-accent-550: var(--sd-color-primary-600); - --sd-color-background-accent-700: var(--sd-color-primary-750); + --sd-color-background-accent-500: var(--sd-color-primary-500); + --sd-color-background-accent-550: var(--sd-color-primary); + --sd-color-background-accent-700: var(--sd-color-primary-700); --sd-color-background-accent: var(--sd-color-primary); --sd-color-background-error-400: var(--sd-color-error); --sd-color-background-error: var(--sd-color-error); --sd-color-background-info: var(--sd-color-info); - --sd-color-background-neutral-100: var(--sd-color-primary-100); + --sd-color-background-neutral-100: var(--sd-color-neutral-100); --sd-color-background-neutral-200: var(--sd-color-neutral-100); --sd-color-background-neutral-300: var(--sd-color-neutral-200); --sd-color-background-neutral-400: var(--sd-color-neutral-300); @@ -146,14 +146,14 @@ --sd-color-background-primary-100: var(--sd-color-primary-100); --sd-color-background-primary-200: var(--sd-color-primary-200); --sd-color-background-primary-300: var(--sd-color-primary-300); - --sd-color-background-primary-500: var(--sd-color-primary); + --sd-color-background-primary-500: var(--sd-color-primary-500); --sd-color-background-primary-800: var(--sd-color-info); --sd-color-background-primary: var(--sd-color-info); --sd-color-background-success: var(--sd-color-success); --sd-color-background-warning: var(--sd-color-warning); --sd-color-background-white: var(--sd-color-white); --sd-color-black: 0, 0, 0, 0.86; - --sd-color-border-accent-550: var(--sd-color-primary-600); + --sd-color-border-accent-550: var(--sd-color-primary); --sd-color-border-accent: var(--sd-color-primary); --sd-color-border-error-400: var(--sd-color-error); --sd-color-border-error: var(--sd-color-error); @@ -164,7 +164,7 @@ --sd-color-border-primary-100: var(--sd-color-primary-100); --sd-color-border-primary-200: var(--sd-color-primary-200); --sd-color-border-primary-400: var(--sd-color-neutral-500); - --sd-color-border-primary-500: var(--sd-color-primary); + --sd-color-border-primary-500: var(--sd-color-primary-500); --sd-color-border-primary-800: var(--sd-color-info); --sd-color-border-primary: var(--sd-color-primary); --sd-color-border-success: var(--sd-color-success); @@ -185,7 +185,7 @@ --sd-color-icon-fill-primary-100: var(--sd-color-primary-100); --sd-color-icon-fill-primary-200: var(--sd-color-primary-200); --sd-color-icon-fill-primary-400: 255, 255, 255, 0.84; - --sd-color-icon-fill-primary-500: var(--sd-color-primary); + --sd-color-icon-fill-primary-500: var(--sd-color-primary-500); --sd-color-icon-fill-primary-800: var(--sd-color-info); --sd-color-icon-fill-primary: var(--sd-color-primary); --sd-color-icon-fill-risk-high: var(--sd-color-risk-high); @@ -204,13 +204,13 @@ --sd-color-neutral-600: 89, 89, 89; --sd-color-neutral-700: 0, 0, 0, 0.62; --sd-color-neutral-800: 0, 0, 0, 0.65; - --sd-color-primary-100: 224, 237, 246; - --sd-color-primary-200: 229, 240, 247; - --sd-color-primary-300: 153, 194, 225; - --sd-color-primary-400: 102, 129, 164; - --sd-color-primary-500: 0, 102, 179; - --sd-color-primary-600: 0, 87, 152; - --sd-color-primary-700: 26, 66, 118; + --sd-color-primary-100: 0, 102, 179, 0.05; + --sd-color-primary-200: 224, 237, 246; + --sd-color-primary-300: 229, 240, 247; + --sd-color-primary-400: 153, 194, 225; + --sd-color-primary-500: 102, 129, 164; + --sd-color-primary-600: 0, 102, 179; + --sd-color-primary-700: 0, 87, 152; --sd-color-primary-750: 26, 66, 118; --sd-color-primary-800: 0, 45, 103; --sd-color-primary-900: 0, 45, 103; @@ -230,7 +230,7 @@ --sd-color-text-primary-100: var(--sd-color-primary-100); --sd-color-text-primary-200: var(--sd-color-primary-200); --sd-color-text-primary-400: 255, 255, 255, 0.84; - --sd-color-text-primary-500: var(--sd-color-primary); + --sd-color-text-primary-500: var(--sd-color-primary-500); --sd-color-text-primary-800: var(--sd-color-info); --sd-color-text-primary: var(--sd-color-info); --sd-color-text-success: var(--sd-color-success); @@ -239,13 +239,17 @@ --sd-color-white: 255, 255, 255; --sd-combobox__tag-border-width: var(--sd-spacing-0\.5); --sd-container--default-color-background: var(--sd-color-neutral-100); + --sd-datepicker__date-item--current-color-text: var(--sd-color-primary); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-black); - --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal); - --sd-datepicker__date-item--hovered--default-color-background: var(--sd-color-primary-100); - --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-black); - --sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-color-primary-100); - --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-neutral-700); + --sd-datepicker__date-item--hover--default-color-background: var(--sd-color-primary-100); + --sd-datepicker__date-item--hover--default-color-border: var(--sd-color-black); + --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-black); + --sd-datepicker__date-item--hover--prev-next-color-background: var(--sd-color-primary-100); + --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-neutral-700); + --sd-datepicker__date-item--range-color-background: var(--sd-color-primary-100); + --sd-datepicker__date-item--selected--hover-color-background: var(--sd-color-primary-500); + --sd-datepicker__date-item--selected-color-background: var(--sd-color-primary); --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: 255, 255, 255, 0.4; --sd-drop-shadow-sm: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.65); @@ -273,7 +277,6 @@ --sd-form-control--invalid-color-background: 253, 237, 237; --sd-form-control-border-radius: var(--sd-spacing-1); --sd-form-control-color-border: var(--sd-color-black); - --sd-form-control-color-icon-fill: var(--sd-color-neutral-700); --sd-form-control-color-text: var(--sd-color-neutral-700); --sd-header-color-background: var(--sd-color-white); --sd-header-padding-bottom: var(--sd-spacing-0\.5); @@ -282,17 +285,17 @@ --sd-headline--3xl-onwards-color-text: var(--sd-color-info); --sd-informational-gradient--primary-800-color-background: var(--sd-color-info); --sd-informational-gradient--white-color-background: var(--sd-color-white); - --sd-interactive--active-color-text: var(--sd-color-primary); - --sd-interactive--default-color-text: var(--sd-color-primary); + --sd-interactive--active-color-text: var(--sd-color-primary-500); + --sd-interactive--default-color-text: var(--sd-color-primary-500); --sd-link-color--hover-icon: var(--sd-color-primary); --sd-link-color--none-icon: var(--sd-color-primary); --sd-link-color--pressed-icon: var(--sd-color-primary); - --sd-map-marker--cluster--default-color-background: var(--sd-color-primary); - --sd-map-marker--cluster--hover-color-background: var(--sd-color-primary-600); + --sd-map-marker--cluster--default-color-background: var(--sd-color-primary-500); + --sd-map-marker--cluster--hover-color-background: var(--sd-color-primary); --sd-map-marker--cluster-color-text: var(--sd-color-white); - --sd-map-marker--main-color-background: var(--sd-color-primary); + --sd-map-marker--main-color-background: var(--sd-color-primary-500); --sd-map-marker--pin--hover-color-background: var(--sd-color-primary-100); - --sd-map-marker--pin-color-icon-fill: var(--sd-color-primary); + --sd-map-marker--pin-color-icon-fill: var(--sd-color-primary-500); --sd-marker-border-width: var(--sd-spacing-0\.25); --sd-marker-font-size: 0.875rem; --sd-marker-font-weight: var(--sd-font-weight-normal); @@ -328,20 +331,20 @@ --sd-opacity-85: 85%; --sd-opacity-90: 90%; --sd-overlay-color-background: 0, 0, 0, 0.2; - --sd-pagination--default-border: var(--sd-color-primary); + --sd-pagination--default-border: var(--sd-color-primary-500); --sd-pagination--inverted-border: var(--sd-color-white); --sd-panel-color-border: 255, 255, 255, 0; --sd-quickfact--expandable-color-text: var(--sd-color-black); --sd-radio--checked--default-color-background: var(--sd-color-primary); --sd-radio--checked--default__icon-color-background: var(--sd-color-white); - --sd-radio--checked--hover-color-background: var(--sd-color-primary-600); + --sd-radio--checked--hover-color-background: var(--sd-color-primary); --sd-radio--checked--hover__icon-color-background: var(--sd-color-white); --sd-radio--checked--invalid--default-color-background: var(--sd-color-error); --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-white); --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-white); --sd-radio--default--invalid-color-background: 253, 237, 237; --sd-radio-border-width: var(--sd-spacing-0\.5); - --sd-radio-button--hover-color-background: 0, 102, 179, 0.05; + --sd-radio-button--hover-color-background: var(--sd-color-primary-100); --sd-radio-button--hover-color-text: var(--sd-color-black); --sd-radio-button-border-radius: var(--sd-spacing-1); --sd-radio-button-color-text: var(--sd-color-black); @@ -397,15 +400,15 @@ --sd-step-hover-color-text: var(--sd-color-neutral-700); --sd-step__circle-border-width: var(--sd-spacing-0\.5); --sd-step__tail-border-width: var(--sd-spacing-1); - --sd-switch--checked--hover-color-background: var(--sd-color-primary-600); + --sd-switch--checked--hover-color-background: var(--sd-color-primary); --sd-switch--unchecked-color-border: var(--sd-color-black); --sd-switch--unchecked__icon-color-background: var(--sd-color-black); --sd-switch-color-text: var(--sd-color-black); - --sd-tab--hover-color-background: 0, 102, 179, 0.05; + --sd-tab--hover-color-background: var(--sd-color-primary-100); --sd-tab-color-border: var(--sd-color-neutral-500); --sd-tag--default--hover-color-background: var(--sd-color-primary-100); --sd-tag--default-color-background: 255, 255, 255, 0; - --sd-tag--default-color-border: var(--sd-color-primary); + --sd-tag--default-color-border: var(--sd-color-primary-500); --sd-tag--default-color-text: var(--sd-color-primary); --sd-tag--disabled-color-text: var(--sd-color-neutral-500); --sd-tag--selected--default-color-background: var(--sd-color-primary-200); From 23bb74b7981cf97545fc0de6f296ada03c733644 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Fri, 27 Feb 2026 13:16:53 +0000 Subject: [PATCH 28/49] fix: accordion icon color --- packages/components/src/components/accordion/accordion.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/components/src/components/accordion/accordion.ts b/packages/components/src/components/accordion/accordion.ts index 46bb0841f7..f6fb460670 100644 --- a/packages/components/src/components/accordion/accordion.ts +++ b/packages/components/src/components/accordion/accordion.ts @@ -44,7 +44,7 @@ import SolidElement from '../../internal/solid-element'; * @cssproperty --sd-accordion-color-text - The accordion color text. * @cssproperty --sd-accordion-padding-block - The accordion vertical padding value. * @cssproperty --sd-accordion__indicator-color - The accordion indicator color. - * @cssproperty --sd-accordion-color-icon - The accordion icon color. + * @cssproperty --sd-accordion-color-icon-fill - The accordion icon color. */ @customElement('sd-accordion') export default class SdAccordion extends SolidElement { @@ -245,7 +245,7 @@ export default class SdAccordion extends SolidElement { } [part='summary-icon'] { - color: var(--sd-accordion-color-icon); + fill: rgb(var(--sd-accordion-color-icon-fill)); } ` ]; From 17f2b6e81a6a2ab3cbee68010a6c24ef380fac0b Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Fri, 27 Feb 2026 13:42:26 +0000 Subject: [PATCH 29/49] feat: update tokens from figma --- .../output/figma-variables.json | 269 ------------------ .../src/figma-variables/variableTokens.json | 9 +- packages/tokens/themes/kid/kid.css | 88 +++--- packages/tokens/themes/ui-dark/ui-dark.css | 42 +-- packages/tokens/themes/ui-light/ui-light.css | 42 +-- packages/tokens/themes/vb/vb.css | 112 ++++---- 6 files changed, 145 insertions(+), 417 deletions(-) diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index 4efc4f2c99..0017498f4d 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -3232,65 +3232,6 @@ } }, "components": { - "sd-audio": { - "__timestamp": { - "color": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.black.default}" - } - } - }, - "--inverted": { - "color": { - "border": { - "type": "color", - "value": "{ui-light.utilities.color.white.default}" - } - } - }, - "__slide-bar": { - "--inverted": { - "color": { - "border": { - "description": "Used for inverted dividers", - "type": "color", - "value": "{ui-light.utilities.color.primary.400}" - } - } - } - } - }, - "sd-accordion": { - "__chevron": { - "color": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.primary.default}" - } - } - }, - "color": { - "text": { - "type": "color", - "value": "{ui-light.utilities.color.text.primary.default}" - } - }, - "__indicator": { - "color": { - "type": "color", - "value": "{ui-light.utilities.color.border.accent.default}" - } - }, - "padding-block": { - "type": "float", - "value": "{ui-light.utilities.spacing.3}" - }, - "border-width": { - "type": "float", - "value": "{ui-light.utilities.sizing.0,25}" - } - }, "sd-breadcrumb": { "__separator": { "color": { @@ -4885,7 +4826,6 @@ "value": "{ui-light.utilities.color.white.default}" }, "background": { - "description": "Default icon color ", "type": "color", "value": "{ui-light.utilities.color.primary.default}" } @@ -6555,65 +6495,6 @@ } }, "components": { - "sd-audio": { - "__timestamp": { - "color": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.400}" - } - } - }, - "--inverted": { - "color": { - "border": { - "type": "color", - "value": "{ui-dark.utilities.color.white.default}" - } - } - }, - "__slide-bar": { - "--inverted": { - "color": { - "border": { - "description": "Used for inverted dividers", - "type": "color", - "value": "{ui-dark.utilities.color.primary.400}" - } - } - } - } - }, - "sd-accordion": { - "__chevron": { - "color": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.default}" - } - } - }, - "color": { - "text": { - "type": "color", - "value": "{ui-dark.utilities.color.text.primary.default}" - } - }, - "__indicator": { - "color": { - "type": "color", - "value": "{ui-dark.utilities.color.border.accent.default}" - } - }, - "padding-block": { - "type": "float", - "value": "{ui-dark.utilities.spacing.3}" - }, - "border-width": { - "type": "float", - "value": "{ui-dark.utilities.sizing.0,25}" - } - }, "sd-breadcrumb": { "__separator": { "color": { @@ -8208,7 +8089,6 @@ "value": "{ui-dark.utilities.color.primary.600}" }, "background": { - "description": "Default icon color ", "type": "color", "value": "{ui-dark.utilities.color.white.default}" } @@ -9878,65 +9758,6 @@ } }, "components": { - "sd-audio": { - "__timestamp": { - "color": { - "text": { - "type": "color", - "value": "{vb.utilities.color.text.neutral.700}" - } - } - }, - "--inverted": { - "color": { - "border": { - "type": "color", - "value": "{vb.utilities.color.white.default}" - } - } - }, - "__slide-bar": { - "--inverted": { - "color": { - "border": { - "description": "Used for inverted dividers", - "type": "color", - "value": "rgba(255, 255, 255, 0.50)" - } - } - } - } - }, - "sd-accordion": { - "__chevron": { - "color": { - "text": { - "type": "color", - "value": "{vb.utilities.color.text.neutral.600}" - } - } - }, - "color": { - "text": { - "type": "color", - "value": "{vb.utilities.color.text.black.default}" - } - }, - "__indicator": { - "color": { - "type": "color", - "value": "rgba(255, 255, 255, 0.00)" - } - }, - "padding-block": { - "type": "float", - "value": "{vb.utilities.spacing.4}" - }, - "border-width": { - "type": "float", - "value": "{vb.utilities.sizing.0,5}" - } - }, "sd-breadcrumb": { "__separator": { "color": { @@ -9951,35 +9772,6 @@ } } }, - "sd-header": { - "color": { - "background": { - "type": "color", - "value": "{vb.utilities.color.background.white.default}" - }, - "_shadow": { - "description": "Deprecated?", - "type": "color", - "value": "rgba(24, 24, 24, 0.40)" - } - }, - "padding-bottom": { - "type": "float", - "value": "{vb.utilities.spacing.0,5}" - }, - "__underline": { - "height": { - "type": "float", - "value": "{vb.utilities.sizing.0,25}" - }, - "color": { - "background": { - "type": "color", - "value": "{core.vb.grey.200}" - } - } - } - }, "sd-header": { "color": { "background": { @@ -11560,7 +11352,6 @@ "value": "{vb.utilities.color.white.default}" }, "background": { - "description": "Default icon color ", "type": "color", "value": "{vb.utilities.color.primary.default}" } @@ -13230,65 +13021,6 @@ } }, "components": { - "sd-audio": { - "__timestamp": { - "color": { - "text": { - "type": "color", - "value": "{kid.utilities.color.text.black.default}" - } - } - }, - "--inverted": { - "color": { - "border": { - "type": "color", - "value": "{kid.utilities.color.white.default}" - } - } - }, - "__slide-bar": { - "--inverted": { - "color": { - "border": { - "description": "Used for inverted dividers", - "type": "color", - "value": "rgba(255, 255, 255, 0.50)" - } - } - } - } - }, - "sd-accordion": { - "__chevron": { - "color": { - "text": { - "type": "color", - "value": "{kid.utilities.color.text.neutral.600}" - } - } - }, - "color": { - "text": { - "type": "color", - "value": "{kid.utilities.color.text.black.default}" - } - }, - "__indicator": { - "color": { - "type": "color", - "value": "rgba(255, 255, 255, 0.00)" - } - }, - "padding-block": { - "type": "float", - "value": "{kid.utilities.spacing.4}" - }, - "border-width": { - "type": "float", - "value": "{kid.utilities.sizing.0,25}" - } - }, "sd-breadcrumb": { "__separator": { "color": { @@ -14883,7 +14615,6 @@ "value": "{kid.utilities.color.white.default}" }, "background": { - "description": "Default icon color ", "type": "color", "value": "{kid.utilities.color.primary.default}" } diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index 211a342b04..e3b9c6ee34 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -462,8 +462,8 @@ "VariableID:43979:261", "VariableID:43979:262", "VariableID:43979:263", - "VariableID:43979:299", "VariableID:43979:264", + "VariableID:43979:299", "VariableID:43979:300", "VariableID:43979:265", "VariableID:43979:301", @@ -645,8 +645,8 @@ "VariableID:44029:1676", "VariableID:44029:1677", "VariableID:44029:1678", - "VariableID:44029:1679", "VariableID:44029:1684", + "VariableID:44029:1679", "VariableID:44029:1681", "VariableID:44029:1682", "VariableID:44029:1683", @@ -690,9 +690,7 @@ "VariableID:46434:306253", "VariableID:50635:23474", "VariableID:46961:99748", - "VariableID:44966:31913", "VariableID:46386:74302", - "VariableID:44650:36286", "VariableID:46386:74311", "VariableID:46386:74312", "VariableID:46386:72148", @@ -794,7 +792,6 @@ "VariableID:46434:304499", "VariableID:46408:107780", "VariableID:46408:107781", - "VariableID:50603:26426", "VariableID:49844:13867", "VariableID:49844:13952", "VariableID:46741:3641", @@ -23006,7 +23003,7 @@ }, "VariableID:56886:2865": { "codeSyntax": {}, - "description": "Default icon color ", + "description": "", "hiddenFromPublishing": false, "id": "VariableID:56886:2865", "key": "2228f34e3b2b50d4b969b53a2dfd4f1726aeefc0", diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index 2a836547e5..8d099fa72c 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -6,7 +6,7 @@ --sd-accordion-color-icon-fill: var(--sd-color-black); --sd-accordion-color-text: var(--sd-color-black); --sd-accordion-padding-block: var(--sd-spacing-4); - --sd-accordion__indicator-color: 255, 255, 255, 0; + --sd-accordion__indicator-color: 255 255 255 / 0; --sd-aspect-16\/10: 16 / 10; --sd-aspect-21\/9: 21 / 9; --sd-aspect-2\/1: 2 / 1; @@ -58,14 +58,14 @@ --sd-button--primary--inverted--default-color-text: var(--sd-color-black); --sd-button--primary--inverted--hover-color-background: var(--sd-color-accent); --sd-button--primary--inverted--hover-color-text: var(--sd-color-neutral-800); - --sd-button--secondary--active-color-background: 247, 242, 236, 0; + --sd-button--secondary--active-color-background: 247 242 236 / 0; --sd-button--secondary--active-color-text: var(--sd-color-neutral-800); --sd-button--secondary--default-color-text: var(--sd-color-black); --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-400); - --sd-button--secondary--hover-color-background: 247, 242, 236, 0; - --sd-button--secondary--inverted--active-color-background: 247, 242, 236, 0; + --sd-button--secondary--hover-color-background: 247 242 236 / 0; + --sd-button--secondary--inverted--active-color-background: 247 242 236 / 0; --sd-button--secondary--inverted--active-color-text: var(--sd-color-accent); - --sd-button--secondary--inverted--hover-color-background: 247, 242, 236, 0; + --sd-button--secondary--inverted--hover-color-background: 247 242 236 / 0; --sd-button--secondary--inverted--hover-color-text: var(--sd-color-accent); --sd-button--secondary--inverted-color-border: var(--sd-color-accent); --sd-button--secondary--inverted-color-text: var(--sd-color-accent); @@ -84,14 +84,14 @@ --sd-button--size-sm-border-radius: 624.9375rem; --sd-button--size-sm-font-size: var(--sd-spacing-3); --sd-button--size-sm-padding-block: 0.34375rem; - --sd-button--tertiary--active-color-background: 247, 242, 236, 0; + --sd-button--tertiary--active-color-background: 247 242 236 / 0; --sd-button--tertiary--active-color-text: var(--sd-color-neutral-800); --sd-button--tertiary--default-color-text: var(--sd-color-black); --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-400); - --sd-button--tertiary--hover-color-background: 247, 242, 236, 0; - --sd-button--tertiary--inverted--active-color-background: 247, 242, 236, 0; + --sd-button--tertiary--hover-color-background: 247 242 236 / 0; + --sd-button--tertiary--inverted--active-color-background: 247 242 236 / 0; --sd-button--tertiary--inverted--active-color-text: var(--sd-color-accent); - --sd-button--tertiary--inverted--hover-color-background: 247, 242, 236, 0; + --sd-button--tertiary--inverted--hover-color-background: 247 242 236 / 0; --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-accent); --sd-button--tertiary--inverted-color-text: var(--sd-color-accent); --sd-button-border-radius: 624.9375rem; @@ -118,16 +118,16 @@ --sd-chip--white-color-border: 255 255 255 / 0.6; --sd-chip-border-radius: 624.9375rem; --sd-choice-control-font-weight: var(--sd-font-weight-bold); - --sd-color-accent-100: 247, 242, 236; - --sd-color-accent-200: 249, 224, 208; - --sd-color-accent-300: 251, 207, 180; - --sd-color-accent-400: 252, 189, 150; - --sd-color-accent-500: 250, 143, 79; - --sd-color-accent-550: 250, 143, 79; - --sd-color-accent-600: 214, 113, 56; - --sd-color-accent-700: 146, 80, 32; - --sd-color-accent-800: 143, 60, 19; - --sd-color-accent: 247, 242, 236; + --sd-color-accent-100: 247 242 236; + --sd-color-accent-200: 249 224 208; + --sd-color-accent-300: 251 207 180; + --sd-color-accent-400: 252 189 150; + --sd-color-accent-500: 250 143 79; + --sd-color-accent-550: 250 143 79; + --sd-color-accent-600: 214 113 56; + --sd-color-accent-700: 146 80 32; + --sd-color-accent-800: 143 60 19; + --sd-color-accent: 247 242 236; --sd-color-background-accent-300: var(--sd-color-neutral-800); --sd-color-background-accent-500: var(--sd-color-neutral-800); --sd-color-background-accent-550: var(--sd-color-neutral-700); @@ -152,7 +152,7 @@ --sd-color-background-success: var(--sd-color-success); --sd-color-background-warning: var(--sd-color-warning); --sd-color-background-white: var(--sd-color-accent); - --sd-color-black: 5, 21, 48; + --sd-color-black: 5 21 48; --sd-color-border-accent-550: var(--sd-color-neutral-800); --sd-color-border-accent: var(--sd-color-black); --sd-color-border-error-400: var(--sd-color-error); @@ -235,17 +235,17 @@ --sd-color-text-primary: var(--sd-color-black); --sd-color-text-success: var(--sd-color-success); --sd-color-text-white: var(--sd-color-accent); - --sd-color-warning: 214, 112, 0; - --sd-color-white: 255, 255, 255; + --sd-color-warning: 214 112 0; + --sd-color-white: 255 255 255; --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-color-text: var(--sd-color-black); --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold); --sd-datepicker__date-item--default-color-text: var(--sd-color-neutral-800); - --sd-datepicker__date-item--hover--default-color-background: 255, 255, 255, 0; + --sd-datepicker__date-item--hover--default-color-background: 255 255 255 / 0; --sd-datepicker__date-item--hover--default-color-border: var(--sd-color-neutral-700); --sd-datepicker__date-item--hover--default-color-text: var(--sd-color-neutral-700); - --sd-datepicker__date-item--hover--prev-next-color-background: 255, 255, 255, 0; + --sd-datepicker__date-item--hover--prev-next-color-background: 255 255 255 / 0; --sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-color-neutral-700); --sd-datepicker__date-item--range-color-background: var(--sd-color-primary-100); --sd-datepicker__date-item--selected--hover-color-background: var(--sd-color-neutral-800); @@ -255,7 +255,7 @@ --sd-drop-shadow-sm: 0px 4px 12px rgba(5, 21, 48, 0.25); --sd-drop-shadow-xs: 0.5px 0.5px 1.5px rgba(5, 21, 48, 0.75); --sd-drop-shadow: 0px 2px 4px rgba(5, 21, 48, 0.1); - --sd-dropdown-color-background: 255, 255, 255, 0.6; + --sd-dropdown-color-background: 255 255 255 / 0.6; --sd-duration-fast: 150ms; --sd-duration-medium: 300ms; --sd-duration-slow: 500ms; @@ -280,7 +280,7 @@ --sd-form-control-color-text: var(--sd-color-black); --sd-header-color-background: var(--sd-color-accent); --sd-header-padding-bottom: 0; - --sd-header__underline-color-background: 255, 255, 255, 0; + --sd-header__underline-color-background: 255 255 255 / 0; --sd-header__underline-height: var(--sd-spacing-2); --sd-headline--3xl-onwards-color-text: var(--sd-color-black); --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800); @@ -330,21 +330,21 @@ --sd-opacity-80: 0%; --sd-opacity-85: 0%; --sd-opacity-90: 0%; - --sd-overlay-color-background: 0, 0, 0, 0.2; + --sd-overlay-color-background: 0 0 0 / 0.2; --sd-pagination--default-border: var(--sd-color-black); --sd-pagination--inverted-border: var(--sd-color-white); --sd-panel-color-border: 255 255 255 / 0; --sd-quickfact--expandable-color-text: var(--sd-color-black); - --sd-radio--checked--default-color-background: 247, 242, 236, 0; + --sd-radio--checked--default-color-background: 247 242 236 / 0; --sd-radio--checked--default__icon-color-background: var(--sd-color-black); --sd-radio--checked--hover-color-background: 247 242 236 / 0; --sd-radio--checked--hover__icon-color-background: var(--sd-color-neutral-800); --sd-radio--checked--invalid--default-color-background: 247 242 236 / 0; --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-error); --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error); - --sd-radio--default--invalid-color-background: 253, 232, 230; + --sd-radio--default--invalid-color-background: 253 232 230; --sd-radio-border-width: var(--sd-spacing-0\.25); - --sd-radio-button--hover-color-background: 0, 102, 179, 0.05; + --sd-radio-button--hover-color-background: 0 102 179 / 0.05; --sd-radio-button--hover-color-text: var(--sd-color-black); --sd-radio-button-border-radius: 624.9375rem; --sd-radio-button-color-text: var(--sd-color-black); @@ -357,7 +357,7 @@ --sd-radius-none: 0; --sd-radius-sm: 0.125rem; --sd-radius: 0.25rem; - --sd-range-tick-color-text: 89, 89, 89; + --sd-range-tick-color-text: 89 89 89; --sd-range__bar-border-width: var(--sd-spacing-0\.5); --sd-shadow-sm: 0px 4px 12px -6px rgba(5, 21, 48, 0.25); --sd-shadow-xs: 0.5px 0.5px 1.5px 0px rgba(5, 21, 48, 0.75); @@ -404,14 +404,14 @@ --sd-switch--unchecked-color-border: var(--sd-color-black); --sd-switch--unchecked__icon-color-background: var(--sd-color-black); --sd-switch-color-text: var(--sd-color-black); - --sd-tab--hover-color-background: 0, 102, 179, 0.05; - --sd-tab-color-border: 191, 202, 217; - --sd-tag--default--hover-color-background: 255, 255, 255, 0.6; - --sd-tag--default-color-background: 255, 255, 255, 0.6; - --sd-tag--default-color-border: 255, 255, 255, 0.6; + --sd-tab--hover-color-background: 0 102 179 / 0.05; + --sd-tab-color-border: 191 202 217; + --sd-tag--default--hover-color-background: 255 255 255 / 0.6; + --sd-tag--default-color-background: 255 255 255 / 0.6; + --sd-tag--default-color-border: 255 255 255 / 0.6; --sd-tag--default-color-text: var(--sd-color-black); --sd-tag--disabled-color-text: var(--sd-color-neutral-400); - --sd-tag--selected--default-color-background: 255, 255, 255, 0.6; + --sd-tag--selected--default-color-background: 255 255 255 / 0.6; --sd-tag--selected--default-color-border: var(--sd-color-black); --sd-tag--selected--default-color-text: var(--sd-color-black); --sd-tag--selected--hover-color-background: 255 255 255 / 0.6; @@ -426,12 +426,12 @@ --sd-teaser--neutral-400-color-border: 191 202 217; --sd-teaser--primary-100-color-background: 255 255 255 / 0.6; --sd-teaser-border-radius: var(--sd-spacing-1); - --sd-teaser-media--neutral-100--hover-color-background: 255, 255, 255, 0.9; - --sd-teaser-media--neutral-100-color-background: 255, 255, 255, 0.8; - --sd-teaser-media--primary-100--hover-color-background: 255, 255, 255, 0.9; - --sd-teaser-media--primary-100-color-background: 255, 255, 255, 0.8; - --sd-teaser-media--white--hover-color-background: 247, 242, 236, 0.9; - --sd-teaser-media--white-color-background: 247, 242, 236, 0.8; + --sd-teaser-media--neutral-100--hover-color-background: 255 255 255 / 0.9; + --sd-teaser-media--neutral-100-color-background: 255 255 255 / 0.8; + --sd-teaser-media--primary-100--hover-color-background: 255 255 255 / 0.9; + --sd-teaser-media--primary-100-color-background: 255 255 255 / 0.8; + --sd-teaser-media--white--hover-color-background: 247 242 236 / 0.9; + --sd-teaser-media--white-color-background: 247 242 236 / 0.8; --sd-text-2xl: 1.75rem; --sd-text-3xl: 2rem; --sd-text-4xl: 2.625rem; @@ -441,7 +441,7 @@ --sd-text-xl: 1.5rem; --sd-text-xs: 0.75rem; --sd-tooltip-color-background: var(--sd-color-white); - --sd-tooltip-color-text: 89, 89, 89; + --sd-tooltip-color-text: 89 89 89; --sd-video--play-button-color-background: var(--sd-color-white); --sd-video--play-button-color-icon-fill: var(--sd-color-black); } diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index d95a155f64..5ec36c629e 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -119,16 +119,16 @@ --sd-chip--white-color-border: 255 255 255 / 0; --sd-chip-border-radius: var(--sd-spacing-1); --sd-choice-control-font-weight: var(--sd-font-weight-normal); - --sd-color-accent-100: 182, 223, 170; - --sd-color-accent-200: 142, 208, 130; - --sd-color-accent-300: 108, 194, 84; - --sd-color-accent-400: 45, 157, 0; - --sd-color-accent-500: 37, 136, 14; - --sd-color-accent-550: 37, 136, 14; - --sd-color-accent-600: 49, 111, 36; - --sd-color-accent-700: 33, 87, 37; - --sd-color-accent-800: 25, 65, 27; - --sd-color-accent: 45, 157, 0; + --sd-color-accent-100: 182 223 170; + --sd-color-accent-200: 142 208 130; + --sd-color-accent-300: 108 194 84; + --sd-color-accent-400: 45 157 0; + --sd-color-accent-500: 37 136 14; + --sd-color-accent-550: 37 136 14; + --sd-color-accent-600: 49 111 36; + --sd-color-accent-700: 33 87 37; + --sd-color-accent-800: 25 65 27; + --sd-color-accent: 45 157 0; --sd-color-background-accent-300: var(--sd-color-success); --sd-color-background-accent-500: var(--sd-color-accent-550); --sd-color-background-accent-550: var(--sd-color-accent-550); @@ -153,7 +153,7 @@ --sd-color-background-success: var(--sd-color-success); --sd-color-background-warning: var(--sd-color-warning); --sd-color-background-white: var(--sd-color-primary-900); - --sd-color-black: 24, 24, 24; + --sd-color-black: 24 24 24; --sd-color-border-accent-550: var(--sd-color-accent-550); --sd-color-border-accent: var(--sd-color-accent); --sd-color-border-error-400: var(--sd-color-error-400); @@ -236,8 +236,8 @@ --sd-color-text-primary: var(--sd-color-white); --sd-color-text-success: var(--sd-color-success); --sd-color-text-white: var(--sd-color-white); - --sd-color-warning: 187, 141, 32; - --sd-color-white: 255, 255, 255; + --sd-color-warning: 187 141 32; + --sd-color-white: 255 255 255; --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-container--default-color-background: var(--sd-color-primary-750); --sd-datepicker__date-item--current-color-text: var(--sd-color-white); @@ -331,7 +331,7 @@ --sd-opacity-80: 80%; --sd-opacity-85: 85%; --sd-opacity-90: 90%; - --sd-overlay-color-background: 5, 21, 48, 0.9; + --sd-overlay-color-background: 5 21 48 / 0.9; --sd-pagination--default-border: var(--sd-color-accent-550); --sd-pagination--inverted-border: var(--sd-color-accent-550); --sd-panel-color-border: var(--sd-color-primary-400); @@ -345,7 +345,7 @@ --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error-400); --sd-radio--default--invalid-color-background: var(--sd-color-primary-900); --sd-radio-border-width: var(--sd-spacing-0\.25); - --sd-radio-button--hover-color-background: 255, 255, 255, 0; + --sd-radio-button--hover-color-background: 255 255 255 / 0; --sd-radio-button--hover-color-text: var(--sd-color-primary-200); --sd-radio-button-border-radius: 624.9375rem; --sd-radio-button-color-text: var(--sd-color-white); @@ -407,8 +407,8 @@ --sd-switch-color-text: var(--sd-color-white); --sd-tab--hover-color-background: var(--sd-color-primary-700); --sd-tab-color-border: var(--sd-color-primary-400); - --sd-tag--default--hover-color-background: 255, 255, 255, 0; - --sd-tag--default-color-background: 255, 255, 255, 0; + --sd-tag--default--hover-color-background: 255 255 255 / 0; + --sd-tag--default-color-background: 255 255 255 / 0; --sd-tag--default-color-border: var(--sd-color-primary-100); --sd-tag--default-color-text: var(--sd-color-white); --sd-tag--disabled-color-text: var(--sd-color-neutral-600); @@ -430,9 +430,9 @@ --sd-teaser-media--neutral-100--hover-color-background: var(--sd-color-primary-750); --sd-teaser-media--neutral-100-color-background: var(--sd-color-primary-750); --sd-teaser-media--primary-100--hover-color-background: var(--sd-color-primary-750); - --sd-teaser-media--primary-100-color-background: 10, 32, 74, 0.8; - --sd-teaser-media--white--hover-color-background: 0, 53, 142, 0.9; - --sd-teaser-media--white-color-background: 0, 53, 142, 0.8; + --sd-teaser-media--primary-100-color-background: 10 32 74 / 0.8; + --sd-teaser-media--white--hover-color-background: 0 53 142 / 0.9; + --sd-teaser-media--white-color-background: 0 53 142 / 0.8; --sd-text-2xl: 1.75rem; --sd-text-3xl: 2rem; --sd-text-4xl: 2.5rem; @@ -443,6 +443,6 @@ --sd-text-xs: 0.75rem; --sd-tooltip-color-background: var(--sd-color-primary); --sd-tooltip-color-text: var(--sd-color-white); - --sd-video--play-button-color-background: 0, 53, 142, 0.8; + --sd-video--play-button-color-background: 0 53 142 / 0.8; --sd-video--play-button-color-icon-fill: var(--sd-color-white); } diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css index 254c3176ec..c9f12a1f77 100644 --- a/packages/tokens/themes/ui-light/ui-light.css +++ b/packages/tokens/themes/ui-light/ui-light.css @@ -119,16 +119,16 @@ --sd-chip--white-color-border: 255 255 255 / 0; --sd-chip-border-radius: var(--sd-spacing-1); --sd-choice-control-font-weight: var(--sd-font-weight-normal); - --sd-color-accent-100: 182, 223, 170; - --sd-color-accent-200: 142, 208, 130; - --sd-color-accent-300: 108, 194, 84; - --sd-color-accent-400: 45, 157, 0; - --sd-color-accent-500: 37, 136, 14; - --sd-color-accent-550: 54, 123, 40; - --sd-color-accent-600: 49, 111, 36; - --sd-color-accent-700: 33, 87, 37; - --sd-color-accent-800: 25, 65, 27; - --sd-color-accent: 45, 157, 0; + --sd-color-accent-100: 182 223 170; + --sd-color-accent-200: 142 208 130; + --sd-color-accent-300: 108 194 84; + --sd-color-accent-400: 45 157 0; + --sd-color-accent-500: 37 136 14; + --sd-color-accent-550: 54 123 40; + --sd-color-accent-600: 49 111 36; + --sd-color-accent-700: 33 87 37; + --sd-color-accent-800: 25 65 27; + --sd-color-accent: 45 157 0; --sd-color-background-accent-300: var(--sd-color-accent-300); --sd-color-background-accent-500: var(--sd-color-accent-500); --sd-color-background-accent-550: var(--sd-color-success); @@ -153,7 +153,7 @@ --sd-color-background-success: var(--sd-color-success); --sd-color-background-warning: var(--sd-color-warning); --sd-color-background-white: var(--sd-color-white); - --sd-color-black: 24, 24, 24; + --sd-color-black: 24 24 24; --sd-color-border-accent-550: var(--sd-color-success); --sd-color-border-accent: var(--sd-color-accent); --sd-color-border-error-400: var(--sd-color-error-400); @@ -236,8 +236,8 @@ --sd-color-text-primary: var(--sd-color-primary); --sd-color-text-success: var(--sd-color-success); --sd-color-text-white: var(--sd-color-white); - --sd-color-warning: 187, 141, 32; - --sd-color-white: 255, 255, 255; + --sd-color-warning: 187 141 32; + --sd-color-white: 255 255 255; --sd-combobox__tag-border-width: var(--sd-spacing-0\.25); --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-color-text: var(--sd-color-primary); @@ -331,7 +331,7 @@ --sd-opacity-80: 80%; --sd-opacity-85: 85%; --sd-opacity-90: 90%; - --sd-overlay-color-background: 5, 21, 48, 0.9; + --sd-overlay-color-background: 5 21 48 / 0.9; --sd-pagination--default-border: var(--sd-color-success); --sd-pagination--inverted-border: var(--sd-color-success); --sd-panel-color-border: 255 255 255 / 0; @@ -345,7 +345,7 @@ --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error-400); --sd-radio--default--invalid-color-background: var(--sd-color-white); --sd-radio-border-width: var(--sd-spacing-0\.25); - --sd-radio-button--hover-color-background: 255, 255, 255, 0; + --sd-radio-button--hover-color-background: 255 255 255 / 0; --sd-radio-button--hover-color-text: var(--sd-color-primary-500); --sd-radio-button-border-radius: 624.9375rem; --sd-radio-button-color-text: var(--sd-color-primary); @@ -407,8 +407,8 @@ --sd-switch-color-text: var(--sd-color-black); --sd-tab--hover-color-background: var(--sd-color-neutral-200); --sd-tab-color-border: var(--sd-color-neutral-400); - --sd-tag--default--hover-color-background: 255, 255, 255, 0; - --sd-tag--default-color-background: 255, 255, 255, 0; + --sd-tag--default--hover-color-background: 255 255 255 / 0; + --sd-tag--default-color-background: 255 255 255 / 0; --sd-tag--default-color-border: var(--sd-color-primary); --sd-tag--default-color-text: var(--sd-color-primary); --sd-tag--disabled-color-text: var(--sd-color-neutral-500); @@ -430,9 +430,9 @@ --sd-teaser-media--neutral-100--hover-color-background: var(--sd-color-neutral-100); --sd-teaser-media--neutral-100-color-background: var(--sd-color-neutral-100); --sd-teaser-media--primary-100--hover-color-background: var(--sd-color-primary-100); - --sd-teaser-media--primary-100-color-background: 236, 240, 249, 0.8; - --sd-teaser-media--white--hover-color-background: 255, 255, 255, 0.9; - --sd-teaser-media--white-color-background: 255, 255, 255, 0.8; + --sd-teaser-media--primary-100-color-background: 236 240 249 / 0.8; + --sd-teaser-media--white--hover-color-background: 255 255 255 / 0.9; + --sd-teaser-media--white-color-background: 255 255 255 / 0.8; --sd-text-2xl: 1.75rem; --sd-text-3xl: 2rem; --sd-text-4xl: 2.5rem; @@ -443,6 +443,6 @@ --sd-text-xs: 0.75rem; --sd-tooltip-color-background: var(--sd-color-primary); --sd-tooltip-color-text: var(--sd-color-white); - --sd-video--play-button-color-background: 255, 255, 255, 0.8; + --sd-video--play-button-color-background: 255 255 255 / 0.8; --sd-video--play-button-color-icon-fill: var(--sd-color-primary); } diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css index e06b1a27f3..e9a558929a 100644 --- a/packages/tokens/themes/vb/vb.css +++ b/packages/tokens/themes/vb/vb.css @@ -6,7 +6,7 @@ --sd-accordion-color-icon-fill: var(--sd-color-neutral-700); --sd-accordion-color-text: var(--sd-color-black); --sd-accordion-padding-block: 0.9375rem; - --sd-accordion__indicator-color: 255, 255, 255, 0; + --sd-accordion__indicator-color: 255 255 255 / 0; --sd-aspect-16\/10: 16 / 10; --sd-aspect-21\/9: 21 / 9; --sd-aspect-2\/1: 2 / 1; @@ -19,7 +19,7 @@ --sd-aspect-golden-ratio: 1.6180339887498948482 / 1; --sd-aspect-square: 1 / 1; --sd-aspect-video: 16 / 9; - --sd-audio__slide-bar--inverted-color-border: 255, 255, 255, 0.5; + --sd-audio__slide-bar--inverted-color-border: 255 255 255 / 0.5; --sd-audio__track-bar--inverted-color-border: var(--sd-color-white); --sd-badge--blue--inverted-color-background: var(--sd-color-white); --sd-badge--blue--inverted-color-text: var(--sd-color-info); @@ -89,7 +89,7 @@ --sd-button--tertiary--default-color-text: var(--sd-color-primary); --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500); --sd-button--tertiary--hover-color-background: var(--sd-color-primary-100); - --sd-button--tertiary--inverted--active-color-background: 39, 77, 126; + --sd-button--tertiary--inverted--active-color-background: 39 77 126; --sd-button--tertiary--inverted--active-color-text: var(--sd-color-primary-200); --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-750); --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100); @@ -118,16 +118,16 @@ --sd-chip--white-color-border: var(--sd-color-info); --sd-chip-border-radius: var(--sd-spacing-1); --sd-choice-control-font-weight: var(--sd-font-weight-bold); - --sd-color-accent-100: 244, 205, 178; - --sd-color-accent-200: 245, 182, 145; - --sd-color-accent-300: 247, 154, 102; - --sd-color-accent-400: 249, 126, 58; - --sd-color-accent-500: 243, 94, 1; - --sd-color-accent-550: 189, 86, 34; - --sd-color-accent-600: 171, 84, 33; - --sd-color-accent-700: 146, 80, 32; - --sd-color-accent-800: 105, 63, 29; - --sd-color-accent: 243, 94, 1; + --sd-color-accent-100: 244 205 178; + --sd-color-accent-200: 245 182 145; + --sd-color-accent-300: 247 154 102; + --sd-color-accent-400: 249 126 58; + --sd-color-accent-500: 243 94 1; + --sd-color-accent-550: 189 86 34; + --sd-color-accent-600: 171 84 33; + --sd-color-accent-700: 146 80 32; + --sd-color-accent-800: 105 63 29; + --sd-color-accent: 243 94 1; --sd-color-background-accent-300: var(--sd-color-primary-400); --sd-color-background-accent-500: var(--sd-color-primary-500); --sd-color-background-accent-550: var(--sd-color-primary); @@ -152,7 +152,7 @@ --sd-color-background-success: var(--sd-color-success); --sd-color-background-warning: var(--sd-color-warning); --sd-color-background-white: var(--sd-color-white); - --sd-color-black: 0, 0, 0, 0.86; + --sd-color-black: 0 0 0 / 0.86; --sd-color-border-accent-550: var(--sd-color-primary); --sd-color-border-accent: var(--sd-color-primary); --sd-color-border-error-400: var(--sd-color-error); @@ -180,11 +180,11 @@ --sd-color-icon-fill-error: var(--sd-color-error); --sd-color-icon-fill-neutral-400: var(--sd-color-neutral-200); --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-500); - --sd-color-icon-fill-neutral-600: 255, 255, 255, 0.4; + --sd-color-icon-fill-neutral-600: 255 255 255 / 0.4; --sd-color-icon-fill-neutral-800: var(--sd-color-neutral-800); --sd-color-icon-fill-primary-100: var(--sd-color-primary-100); --sd-color-icon-fill-primary-200: var(--sd-color-primary-200); - --sd-color-icon-fill-primary-400: 255, 255, 255, 0.84; + --sd-color-icon-fill-primary-400: 255 255 255 / 0.84; --sd-color-icon-fill-primary-500: var(--sd-color-primary-500); --sd-color-icon-fill-primary-800: var(--sd-color-info); --sd-color-icon-fill-primary: var(--sd-color-primary); @@ -195,32 +195,32 @@ --sd-color-icon-fill-risk-veryhigh: var(--sd-color-risk-veryhigh); --sd-color-icon-fill-success: var(--sd-color-success); --sd-color-icon-fill-white: var(--sd-color-white); - --sd-color-info: 0, 45, 103; - --sd-color-neutral-100: 245, 247, 249; - --sd-color-neutral-200: 217, 224, 232; - --sd-color-neutral-300: 204, 213, 225; - --sd-color-neutral-400: 191, 202, 217; - --sd-color-neutral-500: 191, 202, 217; - --sd-color-neutral-600: 89, 89, 89; - --sd-color-neutral-700: 0, 0, 0, 0.62; - --sd-color-neutral-800: 0, 0, 0, 0.65; - --sd-color-primary-100: 0, 102, 179, 0.05; - --sd-color-primary-200: 224, 237, 246; - --sd-color-primary-300: 229, 240, 247; - --sd-color-primary-400: 153, 194, 225; - --sd-color-primary-500: 102, 129, 164; - --sd-color-primary-600: 0, 102, 179; - --sd-color-primary-700: 0, 87, 152; - --sd-color-primary-750: 26, 66, 118; - --sd-color-primary-800: 0, 45, 103; - --sd-color-primary-900: 0, 45, 103; - --sd-color-primary: 0, 102, 179; - --sd-color-risk-high: 250, 155, 30; - --sd-color-risk-increased: 255, 240, 0; - --sd-color-risk-low: 1, 125, 195; - --sd-color-risk-moderate: 0, 165, 147; - --sd-color-risk-veryhigh: 255, 0, 0; - --sd-color-success: 12, 115, 54; + --sd-color-info: 0 45 103; + --sd-color-neutral-100: 245 247 249; + --sd-color-neutral-200: 217 224 232; + --sd-color-neutral-300: 204 213 225; + --sd-color-neutral-400: 191 202 217; + --sd-color-neutral-500: 191 202 217; + --sd-color-neutral-600: 89 89 89; + --sd-color-neutral-700: 0 0 0 / 0.62; + --sd-color-neutral-800: 0 0 0 / 0.65; + --sd-color-primary-100: 0 102 179 / 0.05; + --sd-color-primary-200: 224 237 246; + --sd-color-primary-300: 229 240 247; + --sd-color-primary-400: 153 194 225; + --sd-color-primary-500: 102 129 164; + --sd-color-primary-600: 0 102 179; + --sd-color-primary-700: 0 87 152; + --sd-color-primary-750: 26 66 118; + --sd-color-primary-800: 0 45 103; + --sd-color-primary-900: 0 45 103; + --sd-color-primary: 0 102 179; + --sd-color-risk-high: 250 155 30; + --sd-color-risk-increased: 255 240 0; + --sd-color-risk-low: 1 125 195; + --sd-color-risk-moderate: 0 165 147; + --sd-color-risk-veryhigh: 255 0 0; + --sd-color-success: 12 115 54; --sd-color-text-accent: var(--sd-color-warning); --sd-color-text-black: var(--sd-color-black); --sd-color-text-error: var(--sd-color-error); @@ -229,14 +229,14 @@ --sd-color-text-neutral-700: var(--sd-color-neutral-700); --sd-color-text-primary-100: var(--sd-color-primary-100); --sd-color-text-primary-200: var(--sd-color-primary-200); - --sd-color-text-primary-400: 255, 255, 255, 0.84; + --sd-color-text-primary-400: 255 255 255 / 0.84; --sd-color-text-primary-500: var(--sd-color-primary-500); --sd-color-text-primary-800: var(--sd-color-info); --sd-color-text-primary: var(--sd-color-info); --sd-color-text-success: var(--sd-color-success); --sd-color-text-white: var(--sd-color-white); - --sd-color-warning: 243, 94, 1; - --sd-color-white: 255, 255, 255; + --sd-color-warning: 243 94 1; + --sd-color-white: 255 255 255; --sd-combobox__tag-border-width: var(--sd-spacing-0\.5); --sd-container--default-color-background: var(--sd-color-neutral-100); --sd-datepicker__date-item--current-color-text: var(--sd-color-primary); @@ -299,8 +299,8 @@ --sd-marker-border-width: var(--sd-spacing-0\.25); --sd-marker-font-size: 0.875rem; --sd-marker-font-weight: var(--sd-font-weight-normal); - --sd-menu-item--disabled-color-icon-fill: 0, 0, 0, 0.2; - --sd-menu-item--disabled-color-text: 0, 0, 0, 0.2; + --sd-menu-item--disabled-color-icon-fill: 0 0 0 / 0.2; + --sd-menu-item--disabled-color-text: 0 0 0 / 0.2; --sd-menu-item-color-icon-fill: var(--sd-color-black); --sd-menu-item-color-text: var(--sd-color-black); --sd-navigable-border-radius: var(--sd-spacing-0\.5); @@ -330,7 +330,7 @@ --sd-opacity-80: 80%; --sd-opacity-85: 85%; --sd-opacity-90: 90%; - --sd-overlay-color-background: 0, 0, 0, 0.2; + --sd-overlay-color-background: 0 0 0 / 0.2; --sd-pagination--default-border: var(--sd-color-primary-500); --sd-pagination--inverted-border: var(--sd-color-white); --sd-panel-color-border: 255 255 255 / 0; @@ -342,7 +342,7 @@ --sd-radio--checked--invalid--default-color-background: var(--sd-color-error); --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-white); --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-white); - --sd-radio--default--invalid-color-background: 253, 237, 237; + --sd-radio--default--invalid-color-background: 253 237 237; --sd-radio-border-width: var(--sd-spacing-0\.5); --sd-radio-button--hover-color-background: var(--sd-color-primary-100); --sd-radio-button--hover-color-text: var(--sd-color-black); @@ -407,7 +407,7 @@ --sd-tab--hover-color-background: var(--sd-color-primary-100); --sd-tab-color-border: var(--sd-color-neutral-500); --sd-tag--default--hover-color-background: var(--sd-color-primary-100); - --sd-tag--default-color-background: 255, 255, 255, 0; + --sd-tag--default-color-background: 255 255 255 / 0; --sd-tag--default-color-border: var(--sd-color-primary-500); --sd-tag--default-color-text: var(--sd-color-primary); --sd-tag--disabled-color-text: var(--sd-color-neutral-500); @@ -426,12 +426,12 @@ --sd-teaser--neutral-400-color-border: var(--sd-color-neutral-500); --sd-teaser--primary-100-color-background: var(--sd-color-neutral-100); --sd-teaser-border-radius: 0; - --sd-teaser-media--neutral-100--hover-color-background: 245, 247, 249, 0.9; - --sd-teaser-media--neutral-100-color-background: 245, 247, 249, 0.8; - --sd-teaser-media--primary-100--hover-color-background: 245, 247, 249, 0.9; - --sd-teaser-media--primary-100-color-background: 236, 240, 249, 0.8; - --sd-teaser-media--white--hover-color-background: 255, 255, 255, 0.9; - --sd-teaser-media--white-color-background: 255, 255, 255, 0.8; + --sd-teaser-media--neutral-100--hover-color-background: 245 247 249 / 0.9; + --sd-teaser-media--neutral-100-color-background: 245 247 249 / 0.8; + --sd-teaser-media--primary-100--hover-color-background: 245 247 249 / 0.9; + --sd-teaser-media--primary-100-color-background: 236 240 249 / 0.8; + --sd-teaser-media--white--hover-color-background: 255 255 255 / 0.9; + --sd-teaser-media--white-color-background: 255 255 255 / 0.8; --sd-text-2xl: 1.75rem; --sd-text-3xl: 2rem; --sd-text-4xl: 2.375rem; From 4e5fe3e1f10e6798463e9159ce572f7b0fdf6d66 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Sat, 28 Feb 2026 01:19:22 +0000 Subject: [PATCH 30/49] fix: invalid checkbox background color on hover and error icon color --- .../src/components/checkbox/checkbox.ts | 23 +++++++------------ 1 file changed, 8 insertions(+), 15 deletions(-) diff --git a/packages/components/src/components/checkbox/checkbox.ts b/packages/components/src/components/checkbox/checkbox.ts index 1b8aa9acf3..deb05a837d 100644 --- a/packages/components/src/components/checkbox/checkbox.ts +++ b/packages/components/src/components/checkbox/checkbox.ts @@ -265,7 +265,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl disabled: 'border-neutral-500', visuallyDisabled: 'border-neutral-500', invalidIndeterminate: 'border-error bg-error group-hover:bg-error-400', - invalid: 'border-error group-hover:bg-neutral-200', + invalid: 'border-error group-hover:border-error-400 group-hover:bg-transparent', filled: 'border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550', default: 'form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white' @@ -288,7 +288,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl disabled: '', visuallyDisabled: '', invalidIndeterminate: ' bg-error group-hover:bg-error-400', - invalid: 'group-hover:bg-neutral-200', + invalid: '', filled: 'bg-accent group-hover:bg-accent-550', default: 'hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white' }[checkboxState] @@ -321,11 +321,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl id="label" class=${cx( 'select-none inline-block ml-2', - this.disabled || this.visuallyDisabled - ? 'text-neutral-500' - : this.showInvalidStyle - ? 'text-error' - : 'text-black' + this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-black' )} > @@ -337,14 +333,7 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl class=${cx('flex items-center gap-2', this.showInvalidStyle && 'mt-2')} > ${this.showInvalidStyle - ? html` - ` + ? html` ` : ''} ${this.formControlController.renderInvalidMessage(this.size)}
@@ -369,6 +358,10 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl :host([required]) #label::after { content: ' *'; } + + [part='invalid-icon'] { + color: rgb(var(--sd-color-icon-fill-error)); + } ` ]; } From 3cf1349eea70abe84be34e3e213121971b846175 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Mon, 2 Mar 2026 23:15:01 +0000 Subject: [PATCH 31/49] fix: form components icons colors --- .../src/components/combobox/combobox.ts | 6 +++++- .../components/src/components/input/input.ts | 6 +++++- .../src/components/quickfact/quickfact.ts | 4 +--- .../components/src/components/select/select.ts | 17 +++++++++++------ 4 files changed, 22 insertions(+), 11 deletions(-) diff --git a/packages/components/src/components/combobox/combobox.ts b/packages/components/src/components/combobox/combobox.ts index ae95b39f4f..a02a5c12cf 100644 --- a/packages/components/src/components/combobox/combobox.ts +++ b/packages/components/src/components/combobox/combobox.ts @@ -1458,7 +1458,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl ${this.type !== 'search' ? html` ${hasLabel && this.floatingLabel ? html` @@ -1158,7 +1155,7 @@ export default class SdSelect extends SolidElement implements SolidFormControl { ? html` @@ -1180,7 +1177,7 @@ export default class SdSelect extends SolidElement implements SolidFormControl { class=${cx( 'inline-flex ml-2 items-center transition-transform duration-medium ease-in-out', this.open ? 'rotate-180' : 'rotate-0', - this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-primary', + this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'icon-color', iconSize )} > @@ -1255,6 +1252,10 @@ export default class SdSelect extends SolidElement implements SolidFormControl { @apply block relative w-auto; } + [part='invalid-icon'] { + color: rgb(var(--sd-color-icon-fill-error, --sd-color-error)); + } + :host([required]) #label::after { content: ' *'; } @@ -1294,6 +1295,10 @@ export default class SdSelect extends SolidElement implements SolidFormControl { sd-tag[disabled='false']::part(base):hover { @apply bg-primary-100; } + + .icon-color { + color: rgb(var(--sd-color-icon-fill-primary)); + } ` ]; } From fa8a7acee8aea5bd45185d0a9c77119e0d128a32 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 00:12:19 +0000 Subject: [PATCH 32/49] fix: footnotes colors --- packages/styles/src/modules/footnotes.css | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/packages/styles/src/modules/footnotes.css b/packages/styles/src/modules/footnotes.css index cef8f35cbe..cf55990ab0 100644 --- a/packages/styles/src/modules/footnotes.css +++ b/packages/styles/src/modules/footnotes.css @@ -5,7 +5,7 @@ * @since 3.0.0 * @boolean sd-footnotes--inverted Inverts the footnote text. * - * @cssproperty --sd-footnotes--target--inverted-color-background Used as background color for the `inverted` variant when the footnote is targeted. + * @cssproperty --sd-footnotes--target--inverted-color-background - Used as background color for the `inverted` variant when the footnote is targeted. */ .sd-footnotes { @@ -36,6 +36,10 @@ content: none; } + &::before { + @apply text-primary; + } + .sd-footnotes--marker { @apply inline-block; counter-increment: footnotes-multiple; @@ -83,6 +87,15 @@ @apply sd-footnotes--target--inverted-color-background; } } + + &:is(ol) { + li { + .sd-footnotes--marker::before, + &::before { + @apply !text-white; + } + } + } } &--marker { @@ -121,10 +134,6 @@ &:focus-visible { @apply outline outline-2 outline-offset-2 outline-primary rounded-default; } - - &:link { - @apply text-primary; - } } &:link, From a78b781472ea642824bf8eb7807848544bae78d5 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 13:43:35 +0000 Subject: [PATCH 33/49] fix: expandable --- packages/components/src/components/expandable/expandable.ts | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/components/src/components/expandable/expandable.ts b/packages/components/src/components/expandable/expandable.ts index f2ed8a27ab..25a31cd1d0 100644 --- a/packages/components/src/components/expandable/expandable.ts +++ b/packages/components/src/components/expandable/expandable.ts @@ -239,9 +239,8 @@ export default class SdExpandable extends SolidElement { } :host([inverted]) { - --color-primary-rgb: 0, 53, 142; - --gradient-color-start: rgba(var(--color-primary-rgb), 0); - --gradient-color-end: rgba(var(--color-primary-rgb), 1); + --gradient-color-start: transparent; + --gradient-color-end: rgba(var(--sd-color-background-primary) / 1); } :host([inverted]) .content::after { From 873b2776aba8a1d0489645391d97bb7334fdade6 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 14:21:42 +0000 Subject: [PATCH 34/49] fix: tab text colors --- packages/components/src/components/tab/tab.ts | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/packages/components/src/components/tab/tab.ts b/packages/components/src/components/tab/tab.ts index a4a35dbad9..c871b4bf80 100644 --- a/packages/components/src/components/tab/tab.ts +++ b/packages/components/src/components/tab/tab.ts @@ -27,9 +27,11 @@ let id = 0; * @cssproperty --sd-navigable-border-radius: The tab border radius on hover. * @cssproperty --sd-navigable__current-indicator-height: The tab current indicator height. * @cssproperty --sd-navigable__current-indicator-border-radius: The tab current indicator border radius value. - * @cssproperty --sd-color-background - The background color when on hover state. + * @cssproperty --sd-tab--hover-color-background - The background color when on hover state. * @cssproperty --sd-tab-color-border - The border color for the tab. - * @cssproperty --sd-tab-font-weight - The font weight for the active tab. + * @cssproperty --sd-choice-control-font-weight - The font weight for the active tab. + * @cssproperty --sd-tab--active-color-text - The text color for the active tab. + * @cssproperty --sd-tab-color-text - The text color for the tabs. */ @customElement('sd-tab') export default class SdTab extends SolidElement { @@ -94,14 +96,14 @@ export default class SdTab extends SolidElement {
@@ -115,10 +117,10 @@ export default class SdTab extends SolidElement { name="left" class=${cx( slots.left && 'block pr-2', - this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-primary' + this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'sd-tab-color-text' )} > - + ${this.variant === 'container' ? html` From 19ca1a8b92d997ef782b9a98a76e7acb87be1b87 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 14:31:14 +0000 Subject: [PATCH 35/49] fix: chip --- packages/styles/src/modules/chip.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/styles/src/modules/chip.css b/packages/styles/src/modules/chip.css index 6b969cca70..58b121340f 100644 --- a/packages/styles/src/modules/chip.css +++ b/packages/styles/src/modules/chip.css @@ -15,13 +15,13 @@ * @cssproperty --sd-chip--white-color-background - The background color for white chips. * @cssproperty --sd-chip--white-color-border - The border color for white chips. * @cssproperty --sd-chip-border-radius - The border radius for chips. - * @cssproperty --sd-chip-font-size - The font size for chips. - * @cssproperty --sd-chip-border-width - The border width for chips. - * @cssproperty --sd-chip-font-weight - The font weight for chips. + * @cssproperty --sd-marker-font-size - The font size for chips. + * @cssproperty --sd-marker-border-width - The border width for chips. + * @cssproperty --sd-marker-font-weight - The font weight for chips. */ .sd-chip { - @apply border h-6 sd-chip-font-weight sd-chip-border-width sd-chip--primary-200-color-background sd-chip-border-radius sd-chip--primary-200-color-border text-black sd-chip-font-size inline-flex items-center whitespace-nowrap px-2 overflow-hidden; + @apply border h-6 marker-font-weight marker-border-width sd-chip--primary-200-color-background sd-chip-border-radius sd-chip--primary-200-color-border text-black marker-font-size inline-flex items-center whitespace-nowrap px-2 overflow-hidden; &--primary-500 { @apply sd-chip--primary-500-color-background sd-chip--primary-500-color-border sd-chip--primary-500-color-text; From bba13f07030a6fd9e5d3c4f0186c0bf905d977a4 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 14:37:05 +0000 Subject: [PATCH 36/49] fix: flag --- packages/styles/src/modules/flag.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/packages/styles/src/modules/flag.css b/packages/styles/src/modules/flag.css index ab1b5872f4..f04b8d1ea8 100644 --- a/packages/styles/src/modules/flag.css +++ b/packages/styles/src/modules/flag.css @@ -14,11 +14,13 @@ * @cssproperty --sd-flag--white-color-background - The background color for white flags. * @cssproperty --sd-flag--white-color-border - The border color for white flags. * @cssproperty --sd-flag-border-radius - The border radius for flags. - * @cssproperty --sd-flag-border-width - The border width for flags. + * @cssproperty --sd-marker-border-width - The border width for flags. + * @cssproperty --sd-marker-font-weight - The font weight for flags. + * @cssproperty --sd-marker-font-size - The font size for flags. */ .sd-flag { - @apply border h-8 sd-flag--neutral-200-color-background sd-flag--neutral-200-color-border sd-flag-border-radius sd-flag-border-width text-black text-sm inline-flex items-center px-3 whitespace-nowrap overflow-hidden; + @apply border h-8 sd-flag--neutral-200-color-background sd-flag--neutral-200-color-border sd-flag-border-radius marker-border-width text-black marker-font-weight marker-font-size inline-flex items-center px-3 whitespace-nowrap overflow-hidden; &--neutral-500 { @apply sd-flag--neutral-500-color-background sd-flag--neutral-500-color-border text-black; @@ -32,3 +34,7 @@ @apply sd-flag--white-color-background sd-flag--white-color-border; } } + +.sd-theme-kid .sd-flag { + box-shadow: var(--sd-shadow-sm); +} From f7301ed789a893c6746c9b86ac6fdccb9d358db2 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 15:00:34 +0000 Subject: [PATCH 37/49] fix: tab --- packages/components/src/components/tab/tab.ts | 16 +- .../output/figma-variables.json | 214 ++++++++++- .../src/figma-variables/variableTokens.json | 337 +++++++++++++++++- packages/tokens/themes/components.css | 24 ++ packages/tokens/themes/kid/kid.css | 8 + packages/tokens/themes/tailwind.css | 2 + packages/tokens/themes/ui-dark/ui-dark.css | 8 + packages/tokens/themes/ui-light/ui-light.css | 8 + packages/tokens/themes/vb/vb.css | 8 + 9 files changed, 615 insertions(+), 10 deletions(-) diff --git a/packages/components/src/components/tab/tab.ts b/packages/components/src/components/tab/tab.ts index c871b4bf80..3012783aaf 100644 --- a/packages/components/src/components/tab/tab.ts +++ b/packages/components/src/components/tab/tab.ts @@ -117,10 +117,22 @@ export default class SdTab extends SolidElement { name="left" class=${cx( slots.left && 'block pr-2', - this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'sd-tab-color-text' + this.disabled || this.visuallyDisabled + ? 'text-neutral-500' + : this.active + ? 'sd-tab--active-color-text' + : 'sd-tab-color-text' + )} + > + - ${this.variant === 'container' ? html` diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index 0017498f4d..e6990ed67a 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -1361,7 +1361,7 @@ }, "100": { "type": "color", - "value": "#edf0f4" + "value": "#f5f7f9" }, "200": { "type": "color", @@ -2632,6 +2632,29 @@ "type": "float", "value": "0" } + }, + "listbox": { + "x": { + "type": "float", + "value": "0" + }, + "y": { + "type": "float", + "value": "1" + }, + "blur": { + "type": "float", + "value": "3" + }, + "spread": { + "type": "float", + "value": "0" + }, + "color": { + "description": "Used for tooltip", + "type": "color", + "value": "rgba(81, 81, 81, 0.75)" + } } }, "opacity": { @@ -3402,6 +3425,24 @@ } } }, + "__listbox": { + "border-bottom-left-radius": { + "type": "float", + "value": "{ui-light.utilities.rounded.default}" + }, + "border-bottom-right-radius": { + "type": "float", + "value": "{ui-light.utilities.rounded.default}" + }, + "border-top-left-radius": { + "type": "float", + "value": "{ui-light.utilities.rounded.default}" + }, + "border-top-right-radius": { + "type": "float", + "value": "{ui-light.utilities.rounded.default}" + } + }, "border-radius": { "type": "float", "value": "{ui-light.utilities.rounded.default}" @@ -4677,6 +4718,10 @@ "border": { "type": "color", "value": "{ui-light.utilities.color.border.neutral.400}" + }, + "text": { + "type": "color", + "value": "{ui-light.utilities.color.primary.default}" } }, "--hover": { @@ -4687,6 +4732,14 @@ "value": "{ui-light.utilities.color.neutral.200}" } } + }, + "--active": { + "color": { + "text": { + "type": "color", + "value": "{ui-light.utilities.color.primary.default}" + } + } } }, "sd-switch": { @@ -5895,6 +5948,29 @@ "type": "float", "value": "0" } + }, + "listbox": { + "x": { + "type": "float", + "value": "0" + }, + "y": { + "type": "float", + "value": "0" + }, + "blur": { + "type": "float", + "value": "0" + }, + "spread": { + "type": "float", + "value": "0" + }, + "color": { + "description": "Used for tooltip", + "type": "color", + "value": "rgba(255, 255, 255, 0.00)" + } } }, "opacity": { @@ -6665,6 +6741,24 @@ } } }, + "__listbox": { + "border-bottom-left-radius": { + "type": "float", + "value": "{ui-dark.utilities.rounded.default}" + }, + "border-bottom-right-radius": { + "type": "float", + "value": "{ui-dark.utilities.rounded.default}" + }, + "border-top-left-radius": { + "type": "float", + "value": "{ui-dark.utilities.rounded.default}" + }, + "border-top-right-radius": { + "type": "float", + "value": "{ui-dark.utilities.rounded.default}" + } + }, "border-radius": { "type": "float", "value": "{ui-dark.utilities.rounded.default}" @@ -7940,6 +8034,10 @@ "border": { "type": "color", "value": "{ui-dark.utilities.color.border.neutral.400}" + }, + "text": { + "type": "color", + "value": "{ui-dark.utilities.color.white.default}" } }, "--hover": { @@ -7950,6 +8048,14 @@ "value": "{ui-dark.utilities.color.primary.700}" } } + }, + "--active": { + "color": { + "text": { + "type": "color", + "value": "{ui-dark.utilities.color.white.default}" + } + } } }, "sd-switch": { @@ -9158,6 +9264,29 @@ "type": "float", "value": "0" } + }, + "listbox": { + "x": { + "type": "float", + "value": "0" + }, + "y": { + "type": "float", + "value": "20" + }, + "blur": { + "type": "float", + "value": "20" + }, + "spread": { + "type": "float", + "value": "0" + }, + "color": { + "description": "Used for tooltip", + "type": "color", + "value": "rgba(0, 0, 0, 0.25)" + } } }, "opacity": { @@ -9928,6 +10057,24 @@ } } }, + "__listbox": { + "border-bottom-left-radius": { + "type": "float", + "value": "{vb.utilities.rounded.default}" + }, + "border-bottom-right-radius": { + "type": "float", + "value": "{vb.utilities.rounded.default}" + }, + "border-top-left-radius": { + "type": "float", + "value": "{vb.utilities.rounded.default}" + }, + "border-top-right-radius": { + "type": "float", + "value": "{vb.utilities.rounded.default}" + } + }, "border-radius": { "type": "float", "value": "{vb.utilities.rounded.default}" @@ -11203,6 +11350,10 @@ "border": { "type": "color", "value": "{core.vb.grey.400}" + }, + "text": { + "type": "color", + "value": "{vb.utilities.color.neutral.700}" } }, "--hover": { @@ -11213,6 +11364,14 @@ "value": "{core.vb.azure.50}" } } + }, + "--active": { + "color": { + "text": { + "type": "color", + "value": "{vb.utilities.color.primary.default}" + } + } } }, "sd-switch": { @@ -12421,6 +12580,29 @@ "type": "float", "value": "0" } + }, + "listbox": { + "x": { + "type": "float", + "value": "0" + }, + "y": { + "type": "float", + "value": "2" + }, + "blur": { + "type": "float", + "value": "4" + }, + "spread": { + "type": "float", + "value": "0" + }, + "color": { + "description": "Used for tooltip", + "type": "color", + "value": "rgba(5, 21, 48, 0.10)" + } } }, "opacity": { @@ -13191,6 +13373,24 @@ } } }, + "__listbox": { + "border-bottom-left-radius": { + "type": "float", + "value": "{kid.utilities.rounded.lg}" + }, + "border-bottom-right-radius": { + "type": "float", + "value": "{kid.utilities.rounded.lg}" + }, + "border-top-left-radius": { + "type": "float", + "value": "{kid.utilities.rounded.lg}" + }, + "border-top-right-radius": { + "type": "float", + "value": "{kid.utilities.rounded.lg}" + } + }, "border-radius": { "type": "float", "value": "{kid.utilities.rounded.lg}" @@ -14466,6 +14666,10 @@ "border": { "type": "color", "value": "{core.vb.grey.400}" + }, + "text": { + "type": "color", + "value": "{kid.utilities.color.primary.900}" } }, "--hover": { @@ -14476,6 +14680,14 @@ "value": "{core.vb.azure.50}" } } + }, + "--active": { + "color": { + "text": { + "type": "color", + "value": "{kid.utilities.color.primary.default}" + } + } } }, "sd-switch": { diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index e3b9c6ee34..9336e79b23 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -212,8 +212,8 @@ "VariableID:44921:14706", "VariableID:44921:14707", "VariableID:44917:20154", - "VariableID:46172:9194", "VariableID:44917:20144", + "VariableID:46172:9194", "VariableID:43927:5029", "VariableID:48719:123821", "VariableID:46396:101311", @@ -462,14 +462,17 @@ "VariableID:43979:261", "VariableID:43979:262", "VariableID:43979:263", - "VariableID:43979:264", "VariableID:43979:299", + "VariableID:43979:264", "VariableID:43979:300", "VariableID:43979:265", "VariableID:43979:301", "VariableID:43979:302", "VariableID:43373:35301", "VariableID:43373:35302", + "VariableID:46825:8941", + "VariableID:58454:1127", + "VariableID:58406:745", "VariableID:51502:42739", "VariableID:43373:35303", "VariableID:43373:35304", @@ -633,6 +636,10 @@ "VariableID:44029:1673", "VariableID:54572:8960", "VariableID:45046:31063", + "VariableID:58379:2055", + "VariableID:58379:2056", + "VariableID:58379:2057", + "VariableID:58379:2058", "VariableID:44336:4885", "VariableID:44336:4886", "VariableID:45046:31064", @@ -654,6 +661,7 @@ "VariableID:44953:15244", "VariableID:44953:15245", "VariableID:43979:314", + "VariableID:58379:2059", "VariableID:45046:31066", "VariableID:51596:1602", "VariableID:51596:1603", @@ -662,6 +670,10 @@ "VariableID:51573:9921", "VariableID:47208:26542", "VariableID:49857:86584", + "VariableID:58369:2053", + "VariableID:58369:2052", + "VariableID:58369:2054", + "VariableID:58369:1926", "VariableID:44837:7261", "VariableID:47031:407", "VariableID:44294:66968", @@ -821,7 +833,6 @@ "VariableID:46841:9198", "VariableID:46841:9202", "VariableID:46841:9203", - "VariableID:46825:8941", "VariableID:46396:91135", "VariableID:46396:91136", "VariableID:46396:101273", @@ -13946,9 +13957,9 @@ "valuesByMode": { "43138:0": { "a": 1, - "b": 0.95686274766922, - "g": 0.9411764740943909, - "r": 0.929411768913269 + "b": 0.9764705896377563, + "g": 0.9686274528503418, + "r": 0.9607843160629272 } }, "variableCollectionId": "VariableCollectionId:42952:95" @@ -21455,7 +21466,7 @@ "hiddenFromPublishing": false, "id": "VariableID:49857:86584", "key": "2591821b3c6f2fa3e3cda22bacd6e03a83fa4554", - "name": "components/form-control/border-radius", + "name": "components/form-control/__listbox/border-bottom-left-radius", "remote": false, "resolvedType": "FLOAT", "scopes": [ @@ -23130,6 +23141,318 @@ } }, "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58369:1926": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:58369:1926", + "key": "6fecbadc508908c47a0d99f98ba15357fe5ce166", + "name": "components/form-control/border-radius", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:44029:1677", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58369:2052": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:58369:2052", + "key": "7015d5b4785cc3ab48dc751aac4eedb9708d6f66", + "name": "components/form-control/__listbox/border-bottom-right-radius", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:44029:1677", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58369:2053": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:58369:2053", + "key": "ef85d54966dc7ef02067a02488d6d07047e8301d", + "name": "components/form-control/__listbox/border-top-left-radius", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:44029:1677", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58369:2054": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:58369:2054", + "key": "73489fce1a5c4421180454da38a7379ca5ace921", + "name": "components/form-control/__listbox/border-top-right-radius", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:44029:1674", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:44029:1677", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58379:2055": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:58379:2055", + "key": "cdb0f185eee730abacb43ddf66a8d2d4a0c3157d", + "name": "utilities/shadow/listbox/x", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 0, + "43174:14": 0, + "44883:0": 0, + "47719:0": 0 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58379:2056": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:58379:2056", + "key": "1d0cc139de4a7322c7de47ab7c722c7d5ef29139", + "name": "utilities/shadow/listbox/y", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 1, + "43174:14": 0, + "44883:0": 20, + "47719:0": 2 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58379:2057": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:58379:2057", + "key": "68f649ebec5d1f73d14477d8e05e1eec133d3ddb", + "name": "utilities/shadow/listbox/blur", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 3, + "43174:14": 0, + "44883:0": 20, + "47719:0": 4 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58379:2058": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:58379:2058", + "key": "79853dcdb228a36b0c567da62bc4cd6bf739b856", + "name": "utilities/shadow/listbox/spread", + "remote": false, + "resolvedType": "FLOAT", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": 0, + "43174:14": 0, + "44883:0": 0, + "47719:0": 0 + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58379:2059": { + "codeSyntax": {}, + "description": "Used for tooltip", + "hiddenFromPublishing": false, + "id": "VariableID:58379:2059", + "key": "648a06eb522b52b8c11bd58fde73dfd7be7d652d", + "name": "utilities/shadow/listbox/color", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "a": 0.75, + "b": 0.3176470696926117, + "g": 0.3176470696926117, + "r": 0.3176470696926117 + }, + "43174:14": { + "a": 0, + "b": 1, + "g": 1, + "r": 1 + }, + "44883:0": { + "a": 0.25, + "b": 0, + "g": 0, + "r": 0 + }, + "47719:0": { + "a": 0.10000000149011612, + "b": 0.1882352977991104, + "g": 0.08235294371843338, + "r": 0.019607843831181526 + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58406:745": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:58406:745", + "key": "094b66589400aa0544ef98c2c01554694d0a668f", + "name": "components/sd-tab/--active/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58454:1127": { + "codeSyntax": {}, + "description": "", + "hiddenFromPublishing": false, + "id": "VariableID:58454:1127", + "key": "caa722c031b2cf426134ac8fff5015913f47bf73", + "name": "components/sd-tab/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:203", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:227", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43979:220", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:202", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" } } } \ No newline at end of file diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css index 4e450dcd40..a34c7896c2 100644 --- a/packages/tokens/themes/components.css +++ b/packages/tokens/themes/components.css @@ -22,6 +22,22 @@ color: rgba(var(--sd-form-control-color-text, rgba(var(--sd-color-black)))); } +@utility form-control__listbox-border-bottom-left-radius { + border-bottom-left-radius: var(--sd-form-control__listbox-border-bottom-left-radius, var(--sd-spacing-1)); +} + +@utility form-control__listbox-border-bottom-right-radius { + border-bottom-right-radius: var(--sd-form-control__listbox-border-bottom-right-radius, var(--sd-spacing-1)); +} + +@utility form-control__listbox-border-top-left-radius { + border-top-left-radius: var(--sd-form-control__listbox-border-top-left-radius, var(--sd-spacing-1)); +} + +@utility form-control__listbox-border-top-right-radius { + border-top-right-radius: var(--sd-form-control__listbox-border-top-right-radius, var(--sd-spacing-1)); +} + @utility informational-gradient--primary-800-color-background { background-color: rgba(var(--sd-informational-gradient--primary-800-color-background, rgba(var(--sd-color-primary-800)))); } @@ -806,6 +822,10 @@ color: rgba(var(--sd-switch-color-text, rgba(var(--sd-color-black)))); } +@utility sd-tab--active-color-text { + color: rgba(var(--sd-tab--active-color-text, rgba(var(--sd-color-primary)))); +} + @utility sd-tab--hover-color-background { background-color: rgba(var(--sd-tab--hover-color-background, rgba(var(--sd-color-neutral-200)))); } @@ -814,6 +834,10 @@ border-color: rgba(var(--sd-tab-color-border, rgba(var(--sd-color-neutral-400)))); } +@utility sd-tab-color-text { + color: rgba(var(--sd-tab-color-text, rgba(var(--sd-color-primary)))); +} + @utility sd-tag--default--hover-color-background { background-color: rgba(var(--sd-tag--default--hover-color-background, rgba(255, 255, 255, 0))); } diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index 8d099fa72c..e66777cd2c 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -252,6 +252,7 @@ --sd-datepicker__date-item--selected-color-background: var(--sd-color-black); --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: 255 255 255 / 0.4; + --sd-drop-shadow-listbox: 0px 2px 4px rgba(5, 21, 48, 0.1); --sd-drop-shadow-sm: 0px 4px 12px rgba(5, 21, 48, 0.25); --sd-drop-shadow-xs: 0.5px 0.5px 1.5px rgba(5, 21, 48, 0.75); --sd-drop-shadow: 0px 2px 4px rgba(5, 21, 48, 0.1); @@ -278,6 +279,10 @@ --sd-form-control-border-radius: var(--sd-spacing-2); --sd-form-control-color-border: var(--sd-color-black); --sd-form-control-color-text: var(--sd-color-black); + --sd-form-control__listbox-border-bottom-left-radius: var(--sd-spacing-2); + --sd-form-control__listbox-border-bottom-right-radius: var(--sd-spacing-2); + --sd-form-control__listbox-border-top-left-radius: var(--sd-spacing-2); + --sd-form-control__listbox-border-top-right-radius: var(--sd-spacing-2); --sd-header-color-background: var(--sd-color-accent); --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255 255 255 / 0; @@ -359,6 +364,7 @@ --sd-radius: 0.25rem; --sd-range-tick-color-text: 89 89 89; --sd-range__bar-border-width: var(--sd-spacing-0\.5); + --sd-shadow-listbox: 0px 2px 4px 0px rgba(5, 21, 48, 0.1); --sd-shadow-sm: 0px 4px 12px -6px rgba(5, 21, 48, 0.25); --sd-shadow-xs: 0.5px 0.5px 1.5px 0px rgba(5, 21, 48, 0.75); --sd-shadow: 0px 2px 4px 0px rgba(5, 21, 48, 0.1); @@ -404,8 +410,10 @@ --sd-switch--unchecked-color-border: var(--sd-color-black); --sd-switch--unchecked__icon-color-background: var(--sd-color-black); --sd-switch-color-text: var(--sd-color-black); + --sd-tab--active-color-text: var(--sd-color-black); --sd-tab--hover-color-background: 0 102 179 / 0.05; --sd-tab-color-border: 191 202 217; + --sd-tab-color-text: var(--sd-color-black); --sd-tag--default--hover-color-background: 255 255 255 / 0.6; --sd-tag--default-color-background: 255 255 255 / 0.6; --sd-tag--default-color-border: 255 255 255 / 0.6; diff --git a/packages/tokens/themes/tailwind.css b/packages/tokens/themes/tailwind.css index 788ab0f904..bbccac30ad 100644 --- a/packages/tokens/themes/tailwind.css +++ b/packages/tokens/themes/tailwind.css @@ -64,6 +64,7 @@ --border-width-4: var(--sd-border-width-4); --border-width-6: var(--sd-border-width-6); --border-width-default: var(--sd-border-width); + --drop-shadow-listbox: var(--sd-drop-shadow-listbox); --drop-shadow-sm: var(--sd-drop-shadow-sm); --drop-shadow-xs: var(--sd-drop-shadow-xs); --drop-shadow: var(--sd-drop-shadow); @@ -113,6 +114,7 @@ --radius-md: var(--sd-radius-md); --radius-none: var(--sd-radius-none); --radius-sm: var(--sd-radius-sm); + --shadow-listbox: var(--sd-shadow-listbox); --shadow-sm: var(--sd-shadow-sm); --shadow-xs: var(--sd-shadow-xs); --shadow: var(--sd-shadow); diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index 5ec36c629e..715651a272 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -253,6 +253,7 @@ --sd-datepicker__date-item--selected-color-background: var(--sd-color-white); --sd-datepicker__date-item--selected-color-text: var(--sd-color-primary); --sd-divider--inverted-color-border: var(--sd-color-primary-400); + --sd-drop-shadow-listbox: 0px 0px 0px rgba(255, 255, 255, 0); --sd-drop-shadow-sm: 0.5px 0.5px 1.5px #515151; --sd-drop-shadow-xs: 0.5px 0.5px 1.5px #515151; --sd-drop-shadow: 0px 0px 0px rgba(255, 255, 255, 0); @@ -279,6 +280,10 @@ --sd-form-control-border-radius: var(--sd-spacing-1); --sd-form-control-color-border: var(--sd-color-primary-200); --sd-form-control-color-text: var(--sd-color-white); + --sd-form-control__listbox-border-bottom-left-radius: var(--sd-spacing-1); + --sd-form-control__listbox-border-bottom-right-radius: var(--sd-spacing-1); + --sd-form-control__listbox-border-top-left-radius: var(--sd-spacing-1); + --sd-form-control__listbox-border-top-right-radius: var(--sd-spacing-1); --sd-header-color-background: var(--sd-color-primary); --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255 255 255 / 0; @@ -360,6 +365,7 @@ --sd-radius: 0.25rem; --sd-range-tick-color-text: var(--sd-color-white); --sd-range__bar-border-width: var(--sd-spacing-1); + --sd-shadow-listbox: 0px 0px 0px 0px rgba(255, 255, 255, 0); --sd-shadow-sm: 0.5px 0.5px 1.5px 0px #515151; --sd-shadow-xs: 0.5px 0.5px 1.5px 0px #515151; --sd-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); @@ -405,8 +411,10 @@ --sd-switch--unchecked-color-border: var(--sd-color-white); --sd-switch--unchecked__icon-color-background: var(--sd-color-white); --sd-switch-color-text: var(--sd-color-white); + --sd-tab--active-color-text: var(--sd-color-white); --sd-tab--hover-color-background: var(--sd-color-primary-700); --sd-tab-color-border: var(--sd-color-primary-400); + --sd-tab-color-text: var(--sd-color-white); --sd-tag--default--hover-color-background: 255 255 255 / 0; --sd-tag--default-color-background: 255 255 255 / 0; --sd-tag--default-color-border: var(--sd-color-primary-100); diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css index c9f12a1f77..92193c0b3a 100644 --- a/packages/tokens/themes/ui-light/ui-light.css +++ b/packages/tokens/themes/ui-light/ui-light.css @@ -253,6 +253,7 @@ --sd-datepicker__date-item--selected-color-background: var(--sd-color-primary); --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: var(--sd-color-primary-400); + --sd-drop-shadow-listbox: 0px 1px 3px rgba(81, 81, 81, 0.75); --sd-drop-shadow-sm: 0.5px 0.5px 1.5px #515151; --sd-drop-shadow-xs: 0.5px 0.5px 1.5px #515151; --sd-drop-shadow: 0px 1px 3px rgba(81, 81, 81, 0.75); @@ -279,6 +280,10 @@ --sd-form-control-border-radius: var(--sd-spacing-1); --sd-form-control-color-border: var(--sd-color-neutral-800); --sd-form-control-color-text: var(--sd-color-black); + --sd-form-control__listbox-border-bottom-left-radius: var(--sd-spacing-1); + --sd-form-control__listbox-border-bottom-right-radius: var(--sd-spacing-1); + --sd-form-control__listbox-border-top-left-radius: var(--sd-spacing-1); + --sd-form-control__listbox-border-top-right-radius: var(--sd-spacing-1); --sd-header-color-background: var(--sd-color-white); --sd-header-padding-bottom: 0; --sd-header__underline-color-background: 255 255 255 / 0; @@ -360,6 +365,7 @@ --sd-radius: 0.25rem; --sd-range-tick-color-text: var(--sd-color-black); --sd-range__bar-border-width: var(--sd-spacing-1); + --sd-shadow-listbox: 0px 1px 3px 0px rgba(81, 81, 81, 0.75); --sd-shadow-sm: 0.5px 0.5px 1.5px 0px #515151; --sd-shadow-xs: 0.5px 0.5px 1.5px 0px #515151; --sd-shadow: 0px 1px 3px 0px rgba(81, 81, 81, 0.75); @@ -405,8 +411,10 @@ --sd-switch--unchecked-color-border: var(--sd-color-neutral-800); --sd-switch--unchecked__icon-color-background: var(--sd-color-neutral-800); --sd-switch-color-text: var(--sd-color-black); + --sd-tab--active-color-text: var(--sd-color-primary); --sd-tab--hover-color-background: var(--sd-color-neutral-200); --sd-tab-color-border: var(--sd-color-neutral-400); + --sd-tab-color-text: var(--sd-color-primary); --sd-tag--default--hover-color-background: 255 255 255 / 0; --sd-tag--default-color-background: 255 255 255 / 0; --sd-tag--default-color-border: var(--sd-color-primary); diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css index e9a558929a..a1f91e7714 100644 --- a/packages/tokens/themes/vb/vb.css +++ b/packages/tokens/themes/vb/vb.css @@ -252,6 +252,7 @@ --sd-datepicker__date-item--selected-color-background: var(--sd-color-primary); --sd-datepicker__date-item--selected-color-text: var(--sd-color-white); --sd-divider--inverted-color-border: 255 255 255 / 0.4; + --sd-drop-shadow-listbox: 0px 20px 20px rgba(0, 0, 0, 0.25); --sd-drop-shadow-sm: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.65); --sd-drop-shadow-xs: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.65); --sd-drop-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); @@ -278,6 +279,10 @@ --sd-form-control-border-radius: var(--sd-spacing-1); --sd-form-control-color-border: var(--sd-color-black); --sd-form-control-color-text: var(--sd-color-neutral-700); + --sd-form-control__listbox-border-bottom-left-radius: var(--sd-spacing-1); + --sd-form-control__listbox-border-bottom-right-radius: var(--sd-spacing-1); + --sd-form-control__listbox-border-top-left-radius: var(--sd-spacing-1); + --sd-form-control__listbox-border-top-right-radius: var(--sd-spacing-1); --sd-header-color-background: var(--sd-color-white); --sd-header-padding-bottom: var(--sd-spacing-0\.5); --sd-header__underline-color-background: var(--sd-color-neutral-200); @@ -359,6 +364,7 @@ --sd-radius: 0.25rem; --sd-range-tick-color-text: var(--sd-color-neutral-600); --sd-range__bar-border-width: var(--sd-spacing-0\.5); + --sd-shadow-listbox: 0px 20px 20px 0px rgba(0, 0, 0, 0.25); --sd-shadow-sm: 0.5px 0.5px 1.5px 0px rgba(0, 0, 0, 0.65); --sd-shadow-xs: 0.5px 0.5px 1.5px 0px rgba(0, 0, 0, 0.65); --sd-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); @@ -404,8 +410,10 @@ --sd-switch--unchecked-color-border: var(--sd-color-black); --sd-switch--unchecked__icon-color-background: var(--sd-color-black); --sd-switch-color-text: var(--sd-color-black); + --sd-tab--active-color-text: var(--sd-color-primary); --sd-tab--hover-color-background: var(--sd-color-primary-100); --sd-tab-color-border: var(--sd-color-neutral-500); + --sd-tab-color-text: var(--sd-color-neutral-700); --sd-tag--default--hover-color-background: var(--sd-color-primary-100); --sd-tag--default-color-background: 255 255 255 / 0; --sd-tag--default-color-border: var(--sd-color-primary-500); From c029af121771b8ea80ad45ca9eb4acb2862d1181 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 17:53:41 +0000 Subject: [PATCH 38/49] fix: menu --- .../src/components/menu-item/menu-item.ts | 12 +++++++---- .../components/src/components/menu/menu.ts | 5 ----- .../src/stories/components/menu.stories.ts | 20 ++++++++++--------- 3 files changed, 19 insertions(+), 18 deletions(-) diff --git a/packages/components/src/components/menu-item/menu-item.ts b/packages/components/src/components/menu-item/menu-item.ts index d63f534b82..32af3d8084 100644 --- a/packages/components/src/components/menu-item/menu-item.ts +++ b/packages/components/src/components/menu-item/menu-item.ts @@ -27,6 +27,10 @@ import SolidElement from '../../internal/solid-element'; * * @cssproperty --submenu-offset - The offset of the submenu from the parent menu item. * @cssproperty --sd-navigable-border-radius - The menu-item border radius on hover. + * @cssproperty --sd-menu-item-color-icon - The default icon color for menu items. + * @cssproperty --sd-menu-item-color-text - The default text color for menu items. + * @cssproperty --sd-menu-item--disabled-color-icon - The icon color for disabled menu items. + * @cssproperty --sd-menu-item--disabled-color-text - The text color for disabled menu items. */ @customElement('sd-menu-item') export default class SdMenuItem extends SolidElement { @@ -150,8 +154,8 @@ export default class SdMenuItem extends SolidElement { class=${cx( 'relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap !navigable-border-radius', this.disabled - ? 'outline-none cursor-not-allowed sd-menu--disabled-color-text hover:bg-transparent' - : 'cursor-pointer sd-menu-color-text hover:bg-neutral-200', + ? 'outline-none cursor-not-allowed sd-menu-item--disabled-color-text hover:bg-transparent' + : 'cursor-pointer sd-menu-item-color-text hover:bg-neutral-200', this.isSubmenu() && isSubmenuExpanded && 'submenu-expanded' )} .disabled=${this.disabled} @@ -240,11 +244,11 @@ export default class SdMenuItem extends SolidElement { :host [part='icon-indent'], :host [part='checked-icon'], :host [part='submenu-icon'] { - color: rgba(var(--sd-menu-color-icon)); + color: rgba(var(--sd-menu-item-color-icon)); } :host([aria-disabled='true']) [part='icon-indent'] { - color: rgba(var(--sd-menu--disabled-color-icon)); + color: rgba(var(--sd-menu-item--disabled-color-icon)); } sd-popup::part(popup) { diff --git a/packages/components/src/components/menu/menu.ts b/packages/components/src/components/menu/menu.ts index a8eee48653..d42f0d51bb 100644 --- a/packages/components/src/components/menu/menu.ts +++ b/packages/components/src/components/menu/menu.ts @@ -19,11 +19,6 @@ import type SdMenuItem from '../menu-item/menu-item'; * * @slot - The menu's content. * - * @cssproperty --sd-menu-color-icon - The default icon color for menu items. - * @cssproperty --sd-menu-color-text - The default text color for menu items. - * @cssproperty --sd-menu--disabled-color-icon - The icon color for disabled menu items. - * @cssproperty --sd-menu--disabled-color-text - The text color for disabled menu items. - * */ @customElement('sd-menu') export default class SdMenu extends SolidElement { diff --git a/packages/docs/src/stories/components/menu.stories.ts b/packages/docs/src/stories/components/menu.stories.ts index 1de7dfe105..90ff1ede02 100644 --- a/packages/docs/src/stories/components/menu.stories.ts +++ b/packages/docs/src/stories/components/menu.stories.ts @@ -51,15 +51,17 @@ export default { export const Default = { render: (args: any) => { - return html` - - Menu - - - ${generateTemplate({ - args - })} - `; + return html`
+ + + Menu + + + ${generateTemplate({ + args + })} + +
`; } }; From e0515218df5cc4522d21f4a62263d5ea18aefa87 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 17:54:59 +0000 Subject: [PATCH 39/49] feat: improve sd-notification --- .../components/src/components/notification/notification.ts | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/components/src/components/notification/notification.ts b/packages/components/src/components/notification/notification.ts index 560c3198c0..3a224a3eee 100644 --- a/packages/components/src/components/notification/notification.ts +++ b/packages/components/src/components/notification/notification.ts @@ -72,6 +72,7 @@ loadStacks(); * @cssproperty --sd-notification--success-color-background - The background color for success notifications. * @cssproperty --sd-notification--warning-color-background - The background color for warning notifications. * @cssproperty --sd-notification-color-border - the border color of notifications. + * @cssproperty --sd-notification__duration-indicator-color-background - The background color for the duration indicator. */ @customElement('sd-notification') @@ -367,11 +368,13 @@ export default class SdNotification extends SolidElement { part="duration-indicator__elapsed" id="duration-indicator__elapsed" style=${`animation-duration: ${this.duration}ms`} - class=${cx(`absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow`)} + class=${cx( + `absolute w-0 h-[2px] bottom-0 sd-notification__duration-indicator-color-background z-10 animate-grow` + )} >
` : ''} From 4cdd6db08611959ca01f1f9883b68ff6c0f0ad48 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 17:55:45 +0000 Subject: [PATCH 40/49] feat: improve copyright --- packages/styles/src/modules/copyright.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/styles/src/modules/copyright.css b/packages/styles/src/modules/copyright.css index bd043b5eaf..a9582a7095 100644 --- a/packages/styles/src/modules/copyright.css +++ b/packages/styles/src/modules/copyright.css @@ -22,7 +22,7 @@ --tw-sepia: ; &::after { - @apply block absolute pb-2 pl-4 bottom-0 left-0 text-white text-sm w-full drop-shadow-sm; + @apply block absolute pb-2 pl-4 bottom-0 left-0 text-white text-sm w-full drop-shadow-xs; content: var(--copyright); } From ed664f26d37aee578f33c19edc8ab6e0eeb93fb7 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 17:57:29 +0000 Subject: [PATCH 41/49] feat: improve sd-container --- packages/styles/src/modules/container.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/styles/src/modules/container.css b/packages/styles/src/modules/container.css index f0e4dad236..ebf287ebf3 100644 --- a/packages/styles/src/modules/container.css +++ b/packages/styles/src/modules/container.css @@ -32,7 +32,7 @@ @apply px-6 py-4; } - --triangle-background: rgba(var(--sd-color-white)); + --triangle-background: rgba(var(--sd-color-background-white)); &--triangle-top::before, &--triangle-right::before, From 39d72387940193c540962b0b3af0a33b0f39eb89 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 18:00:36 +0000 Subject: [PATCH 42/49] fix: expandable stories --- .../stories/components/expandable.stories.ts | 148 ++++++++++-------- 1 file changed, 84 insertions(+), 64 deletions(-) diff --git a/packages/docs/src/stories/components/expandable.stories.ts b/packages/docs/src/stories/components/expandable.stories.ts index 83ddb8bd55..be8eaebb11 100644 --- a/packages/docs/src/stories/components/expandable.stories.ts +++ b/packages/docs/src/stories/components/expandable.stories.ts @@ -138,71 +138,91 @@ export const Inverted = { */ export const Gradient = { - render: () => - html`
-
- - Collapse: Learn more about our commitment to diversity - Expand: Learn more about our commitment to diversity + render: () => html` +
+ +
+
+ + Collapse: Learn more about our commitment to diversity + Expand: Learn more about our commitment to diversity -
-

- For us, diversity equals strength. By taking the views and experiences of a wide range of people into - account, we provide room for creative solutions and ensure that we are equipped for the future. A diverse - and inclusive working environment is important to us. We benefit from the perspectives of different - genders, age groups, educational levels and backgrounds, thus guaranteeing that we are successful - together. -

-

- As a member of the cooperative financial network, diversity and corporate citizenship are an integral part - of our corporate culture. Our approach is based around interacting with each other, our customers and our - partners on an equal footing. Our actions are defined by values such as respect, professionalism and - collaboration. In the true spirit of the cooperative principles, we channel a wide range of strengths in - order to be stronger together. -

-

- By signing the Diversity Charter in 2013, Union Investment underlined how highly it values diversity - within the company. We want to attract and retain the best candidates, irrespective of cultural or social - background, ethnicity, gender, sexual orientation, disability, religion or age. To do this, we have - created a working environment that is free of prejudice, where respect is paramount and people can achieve - their full potential. This is the policy that underpins the actions of our managers and employees. -

-
- +
+

+ For us, diversity equals strength. By taking the views and experiences of a wide range of people into + account, we provide room for creative solutions and ensure that we are equipped for the future. A + diverse and inclusive working environment is important to us. We benefit from the perspectives of + different genders, age groups, educational levels and backgrounds, thus guaranteeing that we are + successful together. +

+

+ As a member of the cooperative financial network, diversity and corporate citizenship are an integral + part of our corporate culture. Our approach is based around interacting with each other, our customers + and our partners on an equal footing. Our actions are defined by values such as respect, professionalism + and collaboration. In the true spirit of the cooperative principles, we channel a wide range of + strengths in order to be stronger together. +

+

+ By signing the Diversity Charter in 2013, Union Investment underlined how highly it values diversity + within the company. We want to attract and retain the best candidates, irrespective of cultural or + social background, ethnicity, gender, sexual orientation, disability, religion or age. To do this, we + have created a working environment that is free of prejudice, where respect is paramount and people can + achieve their full potential. This is the policy that underpins the actions of our managers and + employees. +

+
+ +
+
+ + Collapse: Learn more about our commitment to diversity + Expand: Learn more about our commitment to diversity + +
+

+ For us, diversity equals strength. By taking the views and experiences of a wide range of people into + account, we provide room for creative solutions and ensure that we are equipped for the future. A + diverse and inclusive working environment is important to us. We benefit from the perspectives of + different genders, age groups, educational levels and backgrounds, thus guaranteeing that we are + successful together. +

+

+ As a member of the cooperative financial network, diversity and corporate citizenship are an integral + part of our corporate culture. Our approach is based around interacting with each other, our customers + and our partners on an equal footing. Our actions are defined by values such as respect, professionalism + and collaboration. In the true spirit of the cooperative principles, we channel a wide range of + strengths in order to be stronger together. +

+

+ By signing the Diversity Charter in 2013, Union Investment underlined how highly it values diversity + within the company. We want to attract and retain the best candidates, irrespective of cultural or + social background, ethnicity, gender, sexual orientation, disability, religion or age. To do this, we + have created a working environment that is free of prejudice, where respect is paramount and people can + achieve their full potential. This is the policy that underpins the actions of our managers and + employees. +

+
+ +
-
` +
+ ` }; From 108457c36cc358cdaea33ba5dc668329069ca3da Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Tue, 3 Mar 2026 18:36:27 +0000 Subject: [PATCH 43/49] feat: improve shadows and border radius to combobox, datepicker and select, improve datepicker --- .../src/components/combobox/combobox.ts | 10 ++- .../src/components/datepicker/datepicker.ts | 79 +++++++++++-------- .../src/components/select/select.ts | 13 ++- 3 files changed, 60 insertions(+), 42 deletions(-) diff --git a/packages/components/src/components/combobox/combobox.ts b/packages/components/src/components/combobox/combobox.ts index cd27922a83..329aa6a3ac 100644 --- a/packages/components/src/components/combobox/combobox.ts +++ b/packages/components/src/components/combobox/combobox.ts @@ -79,6 +79,10 @@ import type SdPopup from '../popup/popup'; * @cssproperty --sd-form-control-border-radius - The border radius for form controls. * @cssproperty --sd-form-control-color-border - The border color for default and readonly form controls. * @cssproperty --sd-form-control--filled__floating-label-color-text - The text color for the floating label when the input is filled. + * @cssproperty --sd-form-control__listbox-border-bottom-left-radius - The border radius for the bottom left corner of the listbox. + * @cssproperty --sd-form-control__listbox-border-bottom-right-radius - The border radius for the bottom right corner of the listbox. + * @cssproperty --sd-form-control__listbox-border-top-left-radius - The border radius for the top left corner of the listbox. + * @cssproperty --sd-form-control__listbox-border-top-right-radius - The border radius for the top right corner of the listbox. * @cssproperty --sd-combobox__tag-border-width - The border width for the tags for multiple options combobox. */ @@ -1505,10 +1509,10 @@ export default class SdCombobox extends SolidElement implements SolidFormControl part="listbox" class=${cx( 'bg-white px-2 py-3 relative border-primary overflow-y-auto', - this.open && 'shadow transition-shadow duration-medium ease-in-out', + this.open && 'shadow-listbox transition-shadow duration-medium ease-in-out', this.currentPlacement === 'bottom' - ? 'border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default' - : 'border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default' + ? 'border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius' + : 'border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius' )} tabindex="-1" @mousedown=${this.preventLoosingFocus} diff --git a/packages/components/src/components/datepicker/datepicker.ts b/packages/components/src/components/datepicker/datepicker.ts index 6096fa444d..7dcb623cc4 100644 --- a/packages/components/src/components/datepicker/datepicker.ts +++ b/packages/components/src/components/datepicker/datepicker.ts @@ -55,23 +55,27 @@ import type SdPopup from '../popup/popup'; * @csspart valid-icon - The icon shown when the input is valid. * @csspart form-control-help-text - The help text, displayed below the input. * - * @cssproperty --sd-form-control-color-text - The text color for form controls. - * @cssproperty --sd-form-control-border-radius - The border radius for form controls. - * @cssproperty --sd-form-control-color-border - - * @cssproperty --sd-form-control--filled__floating-label-color-text - * @cssproperty --sd-form-control--invalid-color-background - * @cssproperty --sd-datepicker__date-item--default-color-text - * @cssproperty --sd-datepicker__date-item--hover--default-color-background - * @cssproperty --sd-datepicker__date-item--hover--default-color-text - * @cssproperty --sd-datepicker__date-item--default-color-border - * @cssproperty --sd-datepicker__date-item--selected-color-text - * @cssproperty --sd-datepicker__date-item--hover--prev-next-color-background - * @cssproperty --sd-datepicker__date-item--hover--prev-next-color-text - * @cssproperty --sd-datepicker__date-item--current-font-weight - * @cssproperty --sd-datepicker__date-item--selected-color-background - * @cssproperty --sd-datepicker__date-item--selected--hover-color-background - * @cssproperty --sd-datepicker__date-item--range-color-background - * @cssproperty --sd-datepicker__date-item--current-color-text + * @cssproperty --sd-form-control-color-text - The text color for the datepicker. + * @cssproperty --sd-form-control-border-radius - The border radius for the datepicker. + * @cssproperty --sd-form-control-color-border - The default border color for the datepicker. + * @cssproperty --sd-form-control--filled__floating-label-color-text - The text color for the floating label when the input is filled. + * @cssproperty --sd-form-control--invalid-color-background - The background color for the input when it is invalid. + * @cssproperty --sd-form-control__listbox-border-bottom-left-radius - The border radius for the bottom left corner of the datepicker. + * @cssproperty --sd-form-control__listbox-border-bottom-right-radius - The border radius for the bottom right corner of the datepicker. + * @cssproperty --sd-form-control__listbox-border-top-left-radius - The border radius for the top left corner of the datepicker. + * @cssproperty --sd-form-control__listbox-border-top-right-radius - The border radius for the top right corner of the datepicker. + * @cssproperty --sd-datepicker__date-item--default-color-text - The default text color for date items. + * @cssproperty --sd-datepicker__date-item--hover--default-color-background - The background color for date items in hover state. + * @cssproperty --sd-datepicker__date-item--hover--default-color-text - The text color for date items in hover state. + * @cssproperty --sd-datepicker__date-item--default-color-border - The default border color for date items. + * @cssproperty --sd-datepicker__date-item--selected-color-text - The text color for selected date items. + * @cssproperty --sd-datepicker__date-item--hover--prev-next-color-background - The background color for date items in hover state when they are previous/next month days. + * @cssproperty --sd-datepicker__date-item--hover--prev-next-color-text - The text color for date items in hover state when they are previous/next month days. + * @cssproperty --sd-datepicker__date-item--current-font-weight - The font weight for the current date item. + * @cssproperty --sd-datepicker__date-item--selected-color-background - The background color for selected date items. + * @cssproperty --sd-datepicker__date-item--selected--hover-color-background - The background color for selected date items in hover state. + * @cssproperty --sd-datepicker__date-item--range-color-background - The background color for date items that are within the selected range. + * @cssproperty --sd-datepicker__date-item--current-color-text - The text color for the current date item. */ const isoDateConverter = { @@ -1666,10 +1670,10 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr part="datepicker" class=${cx( 'w-[284px] z-50 bg-white py-3 px-4', - this.open ? 'block' : 'hidden', + this.open ? 'block shadow-listbox' : 'hidden', this.currentPlacement?.startsWith('bottom') - ? 'border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default' - : 'border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default', + ? 'border-r-2 border-b-2 border-l-2 form-control__listbox-border-bottom-right-radius form-control__listbox-border-bottom-left-radius' + : 'border-r-2 border-t-2 border-l-2 form-control__listbox-border-top-right-radius form-control__listbox-border-top-left-radius', 'border-primary' )} > @@ -1704,7 +1708,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
@@ -1827,7 +1831,9 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr 'cell day flex items-center justify-center focus-visible:outline focus:outline-2 focus:outline-primary -outline-offset-2 rounded w-[36px]', this.size === 'sm' ? 'text-sm h-6' : 'text-base h-8', isRangeStart || isRangeEnd - ? 'hover:bg-primary-500' + ? !isFocused + ? 'outline-none sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background' + : 'outline-none sd-datepicker__date-item--selected--hover-color-background sd-datepicker__date-item--selected-color-text' : 'hover:sd-datepicker__date-item--hover--default-color-text', !isRangeStart && !isRangeEnd && @@ -1845,14 +1851,10 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr ? 'weekend-day text-neutral-500' : 'in-month sd-datepicker__date-item--default-color-text', isSelectedSingle - ? 'selected border-primary sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background' - : '', - isRangeStart - ? 'sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background rounded-l-md rounded-r-none' - : '', - isRangeEnd - ? 'sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background range-end rounded-r-md rounded-l-none' + ? 'selected outline-none border-primary sd-datepicker__date-item--selected-color-background sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected-color-text hover:sd-datepicker__date-item--selected--hover-color-background' : '', + isRangeStart ? 'rounded-l-md rounded-r-none' : '', + isRangeEnd ? 'range-end rounded-r-md rounded-l-none' : '', inSelectedRange && !isRangeStart && !isRangeEnd ? 'in-range selected sd-datepicker__date-item--range-color-background rounded-none hover:sd-datepicker__date-item--selected--hover-color-background hover:sd-datepicker__date-item--selected-color-text' : '', @@ -1920,7 +1922,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr !this.disabled && !this.visuallyDisabled; - const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'text-primary'; + const iconColor = this.disabled || this.visuallyDisabled ? 'text-neutral-500' : 'icon-color'; const iconMarginLeft = { sm: 'ml-1', md: 'ml-2', lg: 'ml-2' }[this.size]; const iconSize = { sm: 'text-base', md: 'text-lg', lg: 'text-xl' }[this.size]; @@ -2023,12 +2025,14 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr class=${cx( 'absolute top-0 w-full h-full pointer-events-none border form-control-border-radius z-10 transition-[border] duration-medium ease-in-out', borderColor, - this.open && this.alignment === 'left' ? 'rounded-bl-none' : '', - this.open && this.alignment === 'right' ? 'rounded-br-none' : '', this.open && (this.currentPlacement?.startsWith('bottom') - ? 'rounded-bl-none rounded-br-none' - : 'rounded-tl-none rounded-tr-none') + ? this.open && this.alignment === 'left' + ? 'rounded-bl-none' + : 'rounded-br-none' + : this.open && this.alignment === 'left' + ? 'rounded-tl-none' + : 'rounded-tr-none') )} >
@@ -2153,6 +2158,10 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr .today { @apply sd-datepicker__date-item--current-color-text; } + + .icon-color { + color: rgb(var(--sd-color-icon-fill-primary)); + } ` ]; } diff --git a/packages/components/src/components/select/select.ts b/packages/components/src/components/select/select.ts index d0623b839e..e00a3e260a 100644 --- a/packages/components/src/components/select/select.ts +++ b/packages/components/src/components/select/select.ts @@ -68,6 +68,11 @@ import type SdPopup from '../popup/popup'; * @cssproperty --tag-max-width - Set the maximum width of the tags and to show an ellipsis. Defaults to "15ch" * @cssproperty --sd-form-control--invalid-color-background - The background color for form controls in invalid state. * @cssproperty --sd-form-control-color-text - The text color for form controls. + * @cssproperty --sd-form-control-border-radius - The border radius for the select's input. + * @cssproperty --sd-form-control__listbox-border-bottom-left-radius - The border radius for the bottom left corner of the listbox. + * @cssproperty --sd-form-control__listbox-border-bottom-right-radius - The border radius for the bottom right corner of the listbox. + * @cssproperty --sd-form-control__listbox-border-top-left-radius - The border radius for the top left corner of the listbox. + * @cssproperty --sd-form-control__listbox-border-top-right-radius - The border radius for the top right corner of the listbox. */ @customElement('sd-select') export default class SdSelect extends SolidElement implements SolidFormControl { @@ -1010,7 +1015,7 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
Date: Thu, 5 Mar 2026 17:53:11 +0000 Subject: [PATCH 44/49] fix: sd-map-marker --- .../src/components/map-marker/map-marker.ts | 42 +++++++++++++------ .../stories/components/map-marker.stories.ts | 10 ++--- .../components/map-marker.test.stories.ts | 6 +-- 3 files changed, 37 insertions(+), 21 deletions(-) diff --git a/packages/components/src/components/map-marker/map-marker.ts b/packages/components/src/components/map-marker/map-marker.ts index 845c2fbbaf..d43194183e 100644 --- a/packages/components/src/components/map-marker/map-marker.ts +++ b/packages/components/src/components/map-marker/map-marker.ts @@ -109,23 +109,27 @@ export default class SdMapMarker extends SolidElement { class=${cx( 'relative inline-flex', this.animated && (this.variant === 'main' || this.variant === 'place') && 'animate-bounce-once', - this.variant === 'cluster' && - this.state === 'hover' && - 'scale-110 sd-map-marker-cluster--hovered-color-icon-fill', this.variant === 'cluster' && !this.notInteractive && 'transition-transform duration-fast ease-in-out hover:scale-110', { - cluster: 'sd-map-marker-cluster-color-icon-fill', - main: 'fill-accent', - place: 'fill-white' + cluster: 'sd-map-marker--cluster-color-text', + main: 'sd-color-fill-accent', + place: 'sd-map-marker--pin-color-text' }[this.variant] )} >
` : '' @@ -164,7 +176,11 @@ export default class SdMapMarker extends SolidElement {
@@ -214,7 +230,7 @@ export default class SdMapMarker extends SolidElement { } :host([variant='cluster']) [part='motion-wrapper'] > div > div { - background-color: rgba(var(--sd-map-marker-cluster--hovered-color-icon-fill)); + background-color: rgba(var(--sd-map-marker-cluster--hovered-color-text)); } :host([variant='main']) [part='marker'], diff --git a/packages/docs/src/stories/components/map-marker.stories.ts b/packages/docs/src/stories/components/map-marker.stories.ts index 5aab7a6735..93340aa508 100644 --- a/packages/docs/src/stories/components/map-marker.stories.ts +++ b/packages/docs/src/stories/components/map-marker.stories.ts @@ -41,7 +41,7 @@ export const Variant = { Pinned Location - + Pinned Place @@ -76,15 +76,15 @@ export const State = {
- + Pinned place with default state - + Pinned place with hover state - + Pinned place with active state
@@ -146,7 +146,7 @@ export const NotInteractive = {
- + 88
diff --git a/packages/docs/src/stories/components/map-marker.test.stories.ts b/packages/docs/src/stories/components/map-marker.test.stories.ts index 1fed0f2cea..455cb8bfbd 100644 --- a/packages/docs/src/stories/components/map-marker.test.stories.ts +++ b/packages/docs/src/stories/components/map-marker.test.stories.ts @@ -112,7 +112,7 @@ export const VariantPlace = { { type: 'slot', name: 'default', - value: '' + value: '' }, { type: 'attribute', @@ -134,7 +134,7 @@ export const Slots = {
- + @@ -177,7 +177,7 @@ export const Scale = { { type: 'slot', name: 'default', - value: '' + value: '' }, { type: 'attribute', From c37dcf1ace2de42cbf3e0424593f2c1e2f61e657 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Wed, 4 Mar 2026 16:18:50 +0000 Subject: [PATCH 45/49] fix: sd-button vb colors --- .../src/components/button/button.ts | 33 ++++++--- .../output/figma-variables.json | 48 +++++++++---- .../src/figma-variables/variableTokens.json | 71 ++++++++++++++----- packages/tokens/themes/components.css | 4 ++ packages/tokens/themes/kid/kid.css | 1 + packages/tokens/themes/ui-dark/ui-dark.css | 1 + packages/tokens/themes/ui-light/ui-light.css | 1 + packages/tokens/themes/vb/vb.css | 21 +++--- 8 files changed, 126 insertions(+), 54 deletions(-) diff --git a/packages/components/src/components/button/button.ts b/packages/components/src/components/button/button.ts index aa698eae8a..ab52cf0220 100644 --- a/packages/components/src/components/button/button.ts +++ b/packages/components/src/components/button/button.ts @@ -39,6 +39,7 @@ import type { SolidFormControl } from '../../internal/solid-element'; * @cssproperty --sd-button--primary--default-color-background - The background color for primary buttons in default state. * @cssproperty --sd-button--primary--default-color-text - The text color for primary buttons in default state. * @cssproperty --sd-button--primary--hover-color-background - The background color for primary buttons in hover state. + * @cssproperty --sd-button--primary--hover-text-color - The text color for primary buttons in hover state. * @cssproperty --sd-button--primary--inverted--default-color-background - The background color for inverted primary buttons in default state. * @cssproperty --sd-button--primary--inverted--default-color-text - The text color for inverted primary buttons in default state. * @cssproperty --sd-button--primary--inverted--hover-color-background - The background color for inverted primary buttons in hover state. @@ -55,7 +56,11 @@ import type { SolidFormControl } from '../../internal/solid-element'; * @cssproperty --sd-button--secondary--inverted--hover-color-background - The background color for inverted secondary buttons in hover state. * @cssproperty --sd-button--secondary--inverted--active-color-background - The background color for inverted secondary buttons in active state. * @cssproperty --sd-button--secondary--inverted--active-color-text - The text color for inverted secondary buttons in active state. + * @cssproperty --sd-button--secondary--size-sm-padding-block - The small secondary button vertical padding value. + * @cssproperty --sd-button--secondary--size-md-padding-block - The medium secondary button vertical padding value. + * @cssproperty --sd-button--secondary--size-lg-padding-block - The large secondary button vertical padding value. * @cssproperty --sd-button--secondary--hover-color-background - The background color for secondary buttons in hover state. + * @cssproperty --sd-button--secondary-padding-inline - The horizontal padding for secondary buttons. * @cssproperty --sd-button--tertiary--default-color-text - The text color for tertiary buttons in default state. * @cssproperty --sd-button--tertiary--hover-color-background - The background color for tertiary buttons in hover state. * @cssproperty --sd-button--tertiary--disabled-color-text - The text color for tertiary buttons in disabled state. @@ -78,14 +83,15 @@ import type { SolidFormControl } from '../../internal/solid-element'; * @cssproperty --sd-button--size-sm-font-size - The small button border radius. * @cssproperty --sd-button--size-md-font-size - The medium button text font size. * @cssproperty --sd-button--size-lg-font-size - The large button text font size. - * @cssproperty --sd-button--size-sm-border-radius - The small button border radius. - * @cssproperty --sd-button--size-md-border-radius - The medium button border radius. - * @cssproperty --sd-button--size-lg-border-radius - The large button border radius. * @cssproperty --sd-button--size-sm-padding-block - The small button vertical padding value. * @cssproperty --sd-button--size-md-padding-block - The medium button vertical padding value. * @cssproperty --sd-button--size-lg-padding-block - The large button vertical padding value. + * @cssproperty --sd-button--size-lg-height - The height for large icon-only and loading buttons. + * @cssproperty --sd-button--size-md-height - The height for medium icon-only and loading buttons. * @cssproperty --sd-button-font-weight - The text font weight for buttons. * @cssproperty --sd-button-border-width - The border width for secondary buttons with borders. + * @cssproperty --sd-button-border-radius - The border radius for buttons. + * @cssproperty --sd-button-padding-inline - The horizontal padding for buttons. */ @customElement('sd-button') export default class SdButton extends SolidElement implements SolidFormControl { @@ -324,15 +330,20 @@ export default class SdButton extends SolidElement implements SolidFormControl { !this.inverted ? 'focus-visible:focus-outline' : 'focus-visible:focus-outline-inverted', this.loading && 'relative cursor-wait', (this.disabled || this.visuallyDisabled) && 'cursor-not-allowed', - slots['icon-only'] && 'px-0 min-h-varspacing w-varspacing', + slots['icon-only'] && + { + sm: 'h-8', + md: 'sd-button--size-md-height', + lg: 'sd-button--size-lg-height' + }[this.size], /** * Anatomy * */ { /* sizes, fonts */ - sm: `sd-button--size-sm-font-size sd-button-font-weight sd-button--size-sm-border-radius varspacing-8 ${hasBorder ? 'py-[0.281rem] px-[0.938rem]' : 'sd-button--size-sm-padding-block px-4'}`, - md: `sd-button--size-md-font-size sd-button-font-weight sd-button--size-md-border-radius varspacing-10 ${hasBorder ? 'py-[0.438rem] px-[0.938rem]' : 'sd-button--size-md-padding-block px-4'}`, - lg: `sd-button--size-lg-font-size sd-button-font-weight sd-button--size-lg-border-radius varspacing-12 ${hasBorder ? 'py-[0.688rem] px-[0.938rem]' : 'sd-button--size-lg-padding-block px-4'}` + sm: `sd-button--size-sm-font-size sd-button-font-weight sd-button-border-radius varspacing-8 ${hasBorder ? 'sd-button--secondary--size-sm-padding-block sd-button--secondary-padding-inline' : 'sd-button--size-sm-padding-block sd-button-padding-inline'}`, + md: `sd-button--size-md-font-size sd-button-font-weight sd-button-border-radius varspacing-10 ${hasBorder ? 'sd-button--secondary--size-md-padding-block sd-button--secondary-padding-inline' : 'sd-button--size-md-padding-block sd-button-padding-inline'}`, + lg: `sd-button--size-lg-font-size sd-button-font-weight sd-button-border-radius varspacing-12 ${hasBorder ? 'sd-button--secondary--size-lg-padding-block sd-button--secondary-padding-inline' : 'sd-button--size-lg-padding-block sd-button-padding-inline'}` }[this.size], { /* variants */ @@ -340,7 +351,7 @@ export default class SdButton extends SolidElement implements SolidFormControl { ? `${ this.visuallyDisabled ? 'bg-neutral-500 border-neutral-500 hover:bg-neutral-500 text-white' - : 'sd-button--primary--default-color-background border-transparent sd-button--primary--default-color-text hover:text-primary-100 active:sd-button--primary--active-color-text' + : 'sd-button--primary--default-color-background border-transparent sd-button--primary--default-color-text hover:sd-button--primary--hover-text-color active:sd-button--primary--active-color-text' } disabled:bg-neutral-500 disabled:text-white` : `${ @@ -402,9 +413,9 @@ export default class SdButton extends SolidElement implements SolidFormControl { (this.disabled || this.visuallyDisabled) && 'hidden', { /* sizes, fonts */ - sm: `sd-button--size-sm-border-radius`, - md: `sd-button--size-md-border-radius`, - lg: `sd-button--size-lg-border-radius` + sm: `sd-button-border-radius`, + md: `sd-button-border-radius`, + lg: `sd-button-border-radius` }[this.size] )}>
diff --git a/packages/tokens/src/figma-variables/output/figma-variables.json b/packages/tokens/src/figma-variables/output/figma-variables.json index e6990ed67a..7109060ec1 100644 --- a/packages/tokens/src/figma-variables/output/figma-variables.json +++ b/packages/tokens/src/figma-variables/output/figma-variables.json @@ -3529,6 +3529,11 @@ "background": { "type": "color", "value": "{ui-light.utilities.color.primary.500}" + }, + "text": { + "description": "Used for inverted hover interaction button label", + "type": "color", + "value": "{ui-light.utilities.color.primary.100}" } } } @@ -4813,7 +4818,7 @@ }, "choice-control": { "font-weight": { - "description": "Used for font weight inside sd-tag, sd-tab & sd-radio-button", + "description": "Used for font weight inside sd-tag, sd-tab, sd-navigation-item & sd-radio-button", "type": "string", "value": "{ui-light.utilities.font-weight.normal}" } @@ -6845,6 +6850,11 @@ "background": { "type": "color", "value": "{ui-dark.utilities.color.primary.100}" + }, + "text": { + "description": "Used for inverted hover interaction button label", + "type": "color", + "value": "{ui-dark.utilities.color.primary.500}" } } } @@ -8129,7 +8139,7 @@ }, "choice-control": { "font-weight": { - "description": "Used for font weight inside sd-tag, sd-tab & sd-radio-button", + "description": "Used for font weight inside sd-tag, sd-tab, sd-navigation-item & sd-radio-button", "type": "string", "value": "{ui-dark.utilities.font-weight.normal}" } @@ -10132,7 +10142,7 @@ "background": { "description": "Default icon color ", "type": "color", - "value": "{vb.utilities.color.primary.100}" + "value": "{core.vb.azure.100}" }, "text": { "description": "Default icon color ", @@ -10160,7 +10170,12 @@ "color": { "background": { "type": "color", - "value": "{vb.utilities.color.primary.600}" + "value": "{vb.utilities.color.primary.700}" + }, + "text": { + "description": "Used for inverted hover interaction button label", + "type": "color", + "value": "{core.vb.azure.100}" } } } @@ -10171,7 +10186,7 @@ "background": { "description": "Default icon color ", "type": "color", - "value": "{vb.utilities.color.primary.100}" + "value": "{core.vb.azure.100}" }, "text": { "description": "Used for pressed interaction", @@ -10185,7 +10200,7 @@ "background": { "description": "Default icon color ", "type": "color", - "value": "{vb.utilities.color.primary.100}" + "value": "{core.vb.azure.100}" } } }, @@ -10195,7 +10210,7 @@ "text": { "description": "Used for inverted hover interaction button label", "type": "color", - "value": "{vb.utilities.color.primary.100}" + "value": "{core.vb.azure.100}" }, "background": { "description": "Used for sd-chip, sd-badge", @@ -10283,7 +10298,7 @@ "background": { "description": "Default icon color ", "type": "color", - "value": "{vb.utilities.color.background.primary.100}" + "value": "{core.vb.azure.100}" } } }, @@ -10293,7 +10308,7 @@ "text": { "description": "Default icon color ", "type": "color", - "value": "{vb.utilities.color.primary.100}" + "value": "{core.vb.azure.100}" }, "background": { "description": "Used for sd-chip, sd-badge", @@ -10329,7 +10344,7 @@ "background": { "description": "Default icon color ", "type": "color", - "value": "{vb.utilities.color.primary.100}" + "value": "{core.vb.azure.100}" }, "text": { "description": "Used for pressed interaction", @@ -10448,7 +10463,7 @@ "background": { "description": "Default icon color ", "type": "color", - "value": "{vb.utilities.color.primary.100}" + "value": "{core.vb.azure.100}" }, "text": { "description": "Default icon color ", @@ -10698,7 +10713,7 @@ "color": { "text": { "type": "color", - "value": "{vb.utilities.color.neutral.700}" + "value": "{vb.utilities.color.black.default}" }, "_icon": { "type": "color", @@ -11445,7 +11460,7 @@ }, "choice-control": { "font-weight": { - "description": "Used for font weight inside sd-tag, sd-tab & sd-radio-button", + "description": "Used for font weight inside sd-tag, sd-tab, sd-navigation-item & sd-radio-button", "type": "string", "value": "{vb.utilities.font-weight.bold}" } @@ -13477,6 +13492,11 @@ "background": { "type": "color", "value": "{kid.utilities.color.neutral.800}" + }, + "text": { + "description": "Used for inverted hover interaction button label", + "type": "color", + "value": "{kid.utilities.color.accent.100}" } } } @@ -14761,7 +14781,7 @@ }, "choice-control": { "font-weight": { - "description": "Used for font weight inside sd-tag, sd-tab & sd-radio-button", + "description": "Used for font weight inside sd-tag, sd-tab, sd-navigation-item & sd-radio-button", "type": "string", "value": "{kid.utilities.font-weight.bold}" } diff --git a/packages/tokens/src/figma-variables/variableTokens.json b/packages/tokens/src/figma-variables/variableTokens.json index 9336e79b23..4273349126 100644 --- a/packages/tokens/src/figma-variables/variableTokens.json +++ b/packages/tokens/src/figma-variables/variableTokens.json @@ -185,8 +185,8 @@ "VariableID:43927:5024", "VariableID:43927:5025", "VariableID:43927:5026", - "VariableID:43927:5038", "VariableID:43927:5027", + "VariableID:43927:5038", "VariableID:43979:190", "VariableID:44917:19938", "VariableID:44917:19939", @@ -462,18 +462,14 @@ "VariableID:43979:261", "VariableID:43979:262", "VariableID:43979:263", - "VariableID:43979:299", "VariableID:43979:264", + "VariableID:43979:299", "VariableID:43979:300", "VariableID:43979:265", "VariableID:43979:301", "VariableID:43979:302", "VariableID:43373:35301", "VariableID:43373:35302", - "VariableID:46825:8941", - "VariableID:58454:1127", - "VariableID:58406:745", - "VariableID:51502:42739", "VariableID:43373:35303", "VariableID:43373:35304", "VariableID:43373:35305", @@ -588,6 +584,7 @@ "VariableID:43979:286", "VariableID:43979:287", "VariableID:43979:311", + "VariableID:58786:17900", "VariableID:43979:268", "VariableID:43979:269", "VariableID:43979:270", @@ -652,8 +649,8 @@ "VariableID:44029:1676", "VariableID:44029:1677", "VariableID:44029:1678", - "VariableID:44029:1684", "VariableID:44029:1679", + "VariableID:44029:1684", "VariableID:44029:1681", "VariableID:44029:1682", "VariableID:44029:1683", @@ -735,8 +732,8 @@ "VariableID:44883:20780", "VariableID:44883:24906", "VariableID:44883:24608", - "VariableID:54634:38691", "VariableID:47783:193767", + "VariableID:54634:38691", "VariableID:47783:193768", "VariableID:47783:193769", "VariableID:46871:963", @@ -833,6 +830,10 @@ "VariableID:46841:9198", "VariableID:46841:9202", "VariableID:46841:9203", + "VariableID:46825:8941", + "VariableID:58454:1127", + "VariableID:58406:745", + "VariableID:51502:42739", "VariableID:46396:91135", "VariableID:46396:91136", "VariableID:46396:101273", @@ -11876,7 +11877,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:193", + "id": "VariableID:43927:5029", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -11940,7 +11941,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:193", + "id": "VariableID:43927:5029", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -11972,7 +11973,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:259", + "id": "VariableID:43927:5029", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -12037,7 +12038,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:193", + "id": "VariableID:43927:5029", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -12229,7 +12230,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:193", + "id": "VariableID:43927:5029", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -13321,7 +13322,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:198", + "id": "VariableID:43979:199", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -14562,7 +14563,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:220", + "id": "VariableID:43979:225", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -18227,7 +18228,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:193", + "id": "VariableID:43927:5029", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -18531,7 +18532,7 @@ }, "VariableID:47208:26542": { "codeSyntax": {}, - "description": "Used for font weight inside sd-tag, sd-tab & sd-radio-button", + "description": "Used for font weight inside sd-tag, sd-tab, sd-navigation-item & sd-radio-button", "hiddenFromPublishing": false, "id": "VariableID:47208:26542", "key": "61a7bfd54a2fac700d9ca183c80b86e34e437487", @@ -18680,7 +18681,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:193", + "id": "VariableID:43927:5029", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -22690,7 +22691,7 @@ "type": "VARIABLE_ALIAS" }, "44883:0": { - "id": "VariableID:43979:193", + "id": "VariableID:43927:5029", "type": "VARIABLE_ALIAS" }, "47719:0": { @@ -23453,6 +23454,38 @@ } }, "variableCollectionId": "VariableCollectionId:43174:55999" + }, + "VariableID:58786:17900": { + "codeSyntax": {}, + "description": "Used for inverted hover interaction button label", + "hiddenFromPublishing": false, + "id": "VariableID:58786:17900", + "key": "fbc894c21f65396b9c7734eb70c5156f8dc3467a", + "name": "components/sd-button/--primary/--hover/color/text", + "remote": false, + "resolvedType": "COLOR", + "scopes": [ + "ALL_SCOPES" + ], + "valuesByMode": { + "43174:13": { + "id": "VariableID:43979:193", + "type": "VARIABLE_ALIAS" + }, + "43174:14": { + "id": "VariableID:43979:197", + "type": "VARIABLE_ALIAS" + }, + "44883:0": { + "id": "VariableID:43927:5029", + "type": "VARIABLE_ALIAS" + }, + "47719:0": { + "id": "VariableID:43979:204", + "type": "VARIABLE_ALIAS" + } + }, + "variableCollectionId": "VariableCollectionId:43174:55999" } } } \ No newline at end of file diff --git a/packages/tokens/themes/components.css b/packages/tokens/themes/components.css index a34c7896c2..5e4c61e8e9 100644 --- a/packages/tokens/themes/components.css +++ b/packages/tokens/themes/components.css @@ -234,6 +234,10 @@ background-color: rgba(var(--sd-button--primary--hover-color-background, rgba(var(--sd-color-primary-500)))); } +@utility sd-button--primary--hover-color-text { + color: rgba(var(--sd-button--primary--hover-color-text, rgba(var(--sd-color-primary-100)))); +} + @utility sd-button--primary--inverted--active-color-background { background-color: rgba(var(--sd-button--primary--inverted--active-color-background, rgba(var(--sd-color-primary-200)))); } diff --git a/packages/tokens/themes/kid/kid.css b/packages/tokens/themes/kid/kid.css index e66777cd2c..e0c64a2979 100644 --- a/packages/tokens/themes/kid/kid.css +++ b/packages/tokens/themes/kid/kid.css @@ -52,6 +52,7 @@ --sd-button--primary--default-color-background: var(--sd-color-black); --sd-button--primary--default-color-text: var(--sd-color-accent); --sd-button--primary--hover-color-background: var(--sd-color-neutral-800); + --sd-button--primary--hover-color-text: var(--sd-color-accent); --sd-button--primary--inverted--active-color-background: var(--sd-color-accent); --sd-button--primary--inverted--active-color-text: var(--sd-color-neutral-800); --sd-button--primary--inverted--default-color-background: var(--sd-color-accent); diff --git a/packages/tokens/themes/ui-dark/ui-dark.css b/packages/tokens/themes/ui-dark/ui-dark.css index 715651a272..370c6aee48 100644 --- a/packages/tokens/themes/ui-dark/ui-dark.css +++ b/packages/tokens/themes/ui-dark/ui-dark.css @@ -53,6 +53,7 @@ --sd-button--primary--default-color-background: var(--sd-color-white); --sd-button--primary--default-color-text: var(--sd-color-primary); --sd-button--primary--hover-color-background: var(--sd-color-primary-100); + --sd-button--primary--hover-color-text: var(--sd-color-primary-500); --sd-button--primary--inverted--active-color-background: var(--sd-color-primary-200); --sd-button--primary--inverted--active-color-text: var(--sd-color-primary-800); --sd-button--primary--inverted--default-color-background: var(--sd-color-white); diff --git a/packages/tokens/themes/ui-light/ui-light.css b/packages/tokens/themes/ui-light/ui-light.css index 92193c0b3a..00d3ae8839 100644 --- a/packages/tokens/themes/ui-light/ui-light.css +++ b/packages/tokens/themes/ui-light/ui-light.css @@ -53,6 +53,7 @@ --sd-button--primary--default-color-background: var(--sd-color-primary); --sd-button--primary--default-color-text: var(--sd-color-white); --sd-button--primary--hover-color-background: var(--sd-color-primary-500); + --sd-button--primary--hover-color-text: var(--sd-color-primary-100); --sd-button--primary--inverted--active-color-background: var(--sd-color-primary-200); --sd-button--primary--inverted--active-color-text: var(--sd-color-primary-800); --sd-button--primary--inverted--default-color-background: var(--sd-color-white); diff --git a/packages/tokens/themes/vb/vb.css b/packages/tokens/themes/vb/vb.css index a1f91e7714..f361c624b5 100644 --- a/packages/tokens/themes/vb/vb.css +++ b/packages/tokens/themes/vb/vb.css @@ -43,7 +43,7 @@ --sd-button--cta--inverted--active-color-text: var(--sd-color-info); --sd-button--cta--inverted--default-color-background: var(--sd-color-white); --sd-button--cta--inverted--default-color-text: var(--sd-color-info); - --sd-button--cta--inverted--hover-color-background: var(--sd-color-primary-100); + --sd-button--cta--inverted--hover-color-background: var(--sd-color-primary-200); --sd-button--cta--inverted--hover-color-text: var(--sd-color-primary-500); --sd-button--inverted--disabled-color-background: var(--sd-color-primary-400); --sd-button--inverted--disabled-color-border: var(--sd-color-primary-400); @@ -51,22 +51,23 @@ --sd-button--primary--active-color-text: var(--sd-color-primary-200); --sd-button--primary--default-color-background: var(--sd-color-primary); --sd-button--primary--default-color-text: var(--sd-color-white); - --sd-button--primary--hover-color-background: var(--sd-color-primary); + --sd-button--primary--hover-color-background: var(--sd-color-primary-700); + --sd-button--primary--hover-color-text: var(--sd-color-primary-200); --sd-button--primary--inverted--active-color-background: var(--sd-color-primary-200); --sd-button--primary--inverted--active-color-text: var(--sd-color-info); --sd-button--primary--inverted--default-color-background: var(--sd-color-white); --sd-button--primary--inverted--default-color-text: var(--sd-color-info); - --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-100); + --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-200); --sd-button--primary--inverted--hover-color-text: var(--sd-color-info); - --sd-button--secondary--active-color-background: var(--sd-color-primary-100); + --sd-button--secondary--active-color-background: var(--sd-color-primary-200); --sd-button--secondary--active-color-text: var(--sd-color-info); --sd-button--secondary--default-color-text: var(--sd-color-primary); --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500); - --sd-button--secondary--hover-color-background: var(--sd-color-primary-100); + --sd-button--secondary--hover-color-background: var(--sd-color-primary-200); --sd-button--secondary--inverted--active-color-background: var(--sd-color-primary-750); --sd-button--secondary--inverted--active-color-text: var(--sd-color-primary-200); --sd-button--secondary--inverted--hover-color-background: var(--sd-color-primary-750); - --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-100); + --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-200); --sd-button--secondary--inverted-color-border: var(--sd-color-white); --sd-button--secondary--inverted-color-text: var(--sd-color-white); --sd-button--secondary--size-lg-padding-block: var(--sd-spacing-2); @@ -84,15 +85,15 @@ --sd-button--size-sm-border-radius: 624.9375rem; --sd-button--size-sm-font-size: 0.875rem; --sd-button--size-sm-padding-block: 0.34375rem; - --sd-button--tertiary--active-color-background: var(--sd-color-primary-100); + --sd-button--tertiary--active-color-background: var(--sd-color-primary-200); --sd-button--tertiary--active-color-text: var(--sd-color-info); --sd-button--tertiary--default-color-text: var(--sd-color-primary); --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500); - --sd-button--tertiary--hover-color-background: var(--sd-color-primary-100); + --sd-button--tertiary--hover-color-background: var(--sd-color-primary-200); --sd-button--tertiary--inverted--active-color-background: 39 77 126; --sd-button--tertiary--inverted--active-color-text: var(--sd-color-primary-200); --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-750); - --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100); + --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-200); --sd-button--tertiary--inverted-color-text: var(--sd-color-white); --sd-button-border-radius: 624.9375rem; --sd-button-border-width: var(--sd-spacing-0\.5); @@ -313,7 +314,7 @@ --sd-navigable__current-indicator-border-radius: 624.9375rem; --sd-navigable__current-indicator-height: 0.1875rem; --sd-navigable__current-indicator-width: 0.1875rem; - --sd-navigation-item-color-text: var(--sd-color-neutral-700); + --sd-navigation-item-color-text: var(--sd-color-black); --sd-notification--error-color-background: 253 237 237; --sd-notification--info-color-background: 237 240 244; --sd-notification--success-color-background: 238 246 242; From feb65ae7a430d5c266910bd4013fc5f86a4a0d99 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Wed, 4 Mar 2026 23:45:42 +0000 Subject: [PATCH 46/49] fix: sd-mark when inverted on kid theme --- packages/docs/src/stories/styles/headline.test.stories.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/docs/src/stories/styles/headline.test.stories.ts b/packages/docs/src/stories/styles/headline.test.stories.ts index 8fcc04a579..766eef3857 100644 --- a/packages/docs/src/stories/styles/headline.test.stories.ts +++ b/packages/docs/src/stories/styles/headline.test.stories.ts @@ -197,6 +197,9 @@ export const Samples = { div:not(:first-of-type).headline { margin-top: 72px; } + .sd-theme-kid .sd-headline--inverted .sd-mark { + color: var(--sd-color-white); + }
sd-headline with sd-mark (no icon)
From a9feb55aeace8542b26c19e63e2b3390bd02b075 Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Thu, 5 Mar 2026 00:02:39 +0000 Subject: [PATCH 47/49] fix: replace kid font from semi bold (600) to bold (700) when font wight is bold --- .../bricolage/BricolageGrotesque-Bold.woff2 | Bin 0 -> 37568 bytes .../bricolage/BricolageGrotesque-SemiBold.woff2 | Bin 38060 -> 0 bytes packages/docs/.storybook/preview-head.html | 10 +--------- 3 files changed, 1 insertion(+), 9 deletions(-) create mode 100644 packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-Bold.woff2 delete mode 100644 packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-SemiBold.woff2 diff --git a/packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-Bold.woff2 b/packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-Bold.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..b760b3f10a2856de1a3eb13e51174180062e17f3 GIT binary patch literal 37568 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 literal 0 HcmV?d00001 diff --git a/packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-SemiBold.woff2 b/packages/docs/.storybook/assets/fonts/bricolage/BricolageGrotesque-SemiBold.woff2 deleted file mode 100644 index a4c8e5554769b8b9dfbe0b25fbef6c24e08d9650..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 38060 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 QhZ)PDU;Mvoy~8}?%`JAwH2?qr diff --git a/packages/docs/.storybook/preview-head.html b/packages/docs/.storybook/preview-head.html index a345086a8e..fbb37b8487 100644 --- a/packages/docs/.storybook/preview-head.html +++ b/packages/docs/.storybook/preview-head.html @@ -117,20 +117,12 @@ src: url('./fonts/bricolage/BricolageGrotesque-Regular.woff2') format('woff2'); } - @font-face { - font-family: 'Bricolage Grotesque'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: url('./fonts/bricolage/BricolageGrotesque-Medium.woff2') format('woff2'); - } - @font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 700; font-display: swap; - src: url('./fonts/bricolage/BricolageGrotesque-SemiBold.woff2') format('woff2'); + src: url('./fonts/bricolage/BricolageGrotesque-Bold.woff2') format('woff2'); } /** From db6e9b830d69e555315df2c01e072958bec79ecc Mon Sep 17 00:00:00 2001 From: auroraVasconcelos Date: Thu, 5 Mar 2026 00:23:25 +0000 Subject: [PATCH 48/49] fix: sd-tag disabled state --- packages/components/src/components/tag/tag.ts | 36 ++++++++++++------- 1 file changed, 23 insertions(+), 13 deletions(-) diff --git a/packages/components/src/components/tag/tag.ts b/packages/components/src/components/tag/tag.ts index 0f36f7f72e..1bbf0b8029 100644 --- a/packages/components/src/components/tag/tag.ts +++ b/packages/components/src/components/tag/tag.ts @@ -42,11 +42,11 @@ import SolidElement from '../../internal/solid-element'; * @cssproperty --sd-tag--selected--hover-color-border - The border color for selected tags in hover state. * @cssproperty --sd-tag--selected--hover-color-text - The text color for selected tags in hover state. * @cssproperty --sd-tag--selected-border-width - The border width for selected tags. - * @cssproperty --sd-tag--disabled-color-border - The border color for disabled tags. * @cssproperty --sd-tag-border-radius - The border radius for tags. * @cssproperty --sd-tag--size-lg-font-size - The font size for large tags. * @cssproperty --sd-tag--size-sm-font-size - The font size for small tags. - * @cssproperty --sd-tag-font-weight - The font weight for tags. + * @cssproperty --sd-choice-control-font-weight - The font weight for tags. + * @cssproperty --sd-tag--disabled-color-text - The text color for disabled tags. */ @customElement('sd-tag') export default class SdTag extends SolidElement { @@ -147,8 +147,8 @@ export default class SdTag extends SolidElement { 'flex border box-border sd-tag-border-radius items-center leading-none whitespace-nowrap transition-colors duration-fast ease-in-out focus-visible:focus-outline', { /* sizes, fonts */ - lg: 'h-8 sd-tag-font-weight sd-tag--size-lg-font-size gap-2', - sm: 'h-6 sd-tag-font-weight sd-tag--size-sm-font-size gap-1' + lg: 'h-8 choice-control-font-weight sd-tag--size-lg-font-size gap-2', + sm: 'h-6 choice-control-font-weight sd-tag--size-sm-font-size gap-1' }[this.size], { /* padding */ @@ -156,22 +156,32 @@ export default class SdTag extends SolidElement { sm: !isRemovable ? 'px-3 py-[5px]' : 'pl-3 pr-2 py-2' }[this.size], /* colors */ - !this.selected - ? cx( - 'sd-tag--default-color-border sd-tag--default-color-text disabled:sd-tag--disabled-color-border disabled:text-neutral-500', - !isRemovable - ? 'sd-tag--default-color-background hover:border-primary-500 hover:text-primary-500 hover:sd-tag--default--hover-color-background' - : 'sd-tag--default-color-background has-[button:hover]:border-primary-500 has-[button:hover]:text-primary-500' + !this.disabled + ? !this.selected + ? cx( + 'sd-tag--default-color-border sd-tag--default-color-text', + !isRemovable + ? 'sd-tag--default-color-background hover:border-primary-500 hover:text-primary-500 hover:sd-tag--default--hover-color-background' + : 'sd-tag--default-color-background has-[button:hover]:border-primary-500 has-[button:hover]:text-primary-500' + ) + : 'sd-tag--selected-border-width sd-tag--selected--default-color-background sd-tag--selected--default-color-border sd-tag--selected--default-color-text hover:sd-tag--selected--hover-color-background hover:sd-tag--selected--hover-color-border hover:sd-tag--selected--hover-color-text' + : cx( + !isLink && 'cursor-not-allowed', + this.selected && 'bg-neutral-500 text-white', + 'border-neutral-500 sd-tag--disabled-color-text' ) - : 'sd-tag--selected-border-width sd-tag--selected--default-color-background sd-tag--selected--default-color-border sd-tag--selected--default-color-text hover:sd-tag--selected--hover-color-background hover:sd-tag--selected--hover-color-border hover:sd-tag--selected--hover-color-text disabled:bg-neutral-500 disabled:sd-tag--disabled-color-border', - this.disabled && !isLink && 'cursor-not-allowed' )} > ${ isRemovable && !isLink - ? html`