@wix/design-system-tokens 1.129.0 → 1.131.0

package/odeditor/semantic.st.css

@@ -34,6 +34,8 @@
 @property st-global(--wds-color-border-light-active);
 @property st-global(--wds-color-border-light-disabled);
 @property st-global(--wds-color-border-light-hover);
+@property st-global(--wds-color-border-light-primary-active);
+@property st-global(--wds-color-border-light-primary-disabled);
 @property st-global(--wds-color-border-premium-primary);
 @property st-global(--wds-color-border-premium-primary-active);
 @property st-global(--wds-color-border-premium-primary-disabled);
@@ -342,6 +344,10 @@
 @property st-global(--wds-color-fill-warning-secondary-active);
 @property st-global(--wds-color-fill-warning-secondary-disabled);
 @property st-global(--wds-color-fill-warning-secondary-hover);
+@property st-global(--wds-color-fill-warning-tertiary);
+@property st-global(--wds-color-fill-warning-tertiary-active);
+@property st-global(--wds-color-fill-warning-tertiary-disabled);
+@property st-global(--wds-color-fill-warning-tertiary-hover);
 @property st-global(--wds-color-text-destructive);
 @property st-global(--wds-color-text-disabled);
 @property st-global(--wds-color-text-disabled-light);
@@ -399,6 +405,7 @@
 @property st-global(--wds-inner-shadow-fill-input);
 @property st-global(--wds-inner-shadow-fill-primary);
 @property st-global(--wds-inner-shadow-fill-secondary);
+@property st-global(--wds-inner-shadow-fill-track);
 @property st-global(--wds-inner-shadow-x-input);
 @property st-global(--wds-inner-shadow-x-primary);
 @property st-global(--wds-inner-shadow-x-secondary);
@@ -488,10 +495,10 @@
   --wds-background-blur-modal: 40px;
   --wds-border-radius-surface-default: 12px;
   --wds-border-radius-surface-modal: 12px;
-  --wds-border-radius-surface-modal-backdrop: 0;
+  --wds-border-radius-surface-modal-backdrop: 0px;
   --wds-border-radius-surface-overlay: 8px;
   --wds-border-radius-surface-raised: 12px;
-  --wds-border-radius-surface-sunken: 0;
+  --wds-border-radius-surface-sunken: 0px;
   --wds-border-width-default: 1px;
   --wds-color-border-ai-primary: #ffffff;
   --wds-color-border-ai-primary-active: #ffffff;
@@ -521,6 +528,8 @@
   --wds-color-border-light-active: #ffffff;
   --wds-color-border-light-disabled: rgba(255, 255, 255, .3);
   --wds-color-border-light-hover: rgba(255, 255, 255, .7);
+  --wds-color-border-light-primary-active: #ffffff;
+  --wds-color-border-light-primary-disabled: rgba(255, 255, 255, .3);
   --wds-color-border-premium-primary: #acbeff;
   --wds-color-border-premium-primary-active: #2f5dff;
   --wds-color-border-premium-primary-disabled: rgba(19, 23, 32, .1);
@@ -829,6 +838,10 @@
   --wds-color-fill-warning-secondary-active: #fabd71;
   --wds-color-fill-warning-secondary-disabled: rgba(19, 23, 32, .1);
   --wds-color-fill-warning-secondary-hover: #fcd29d;
+  --wds-color-fill-warning-tertiary: #ffffff;
+  --wds-color-fill-warning-tertiary-active: #fdead2;
+  --wds-color-fill-warning-tertiary-disabled: #ffffff;
+  --wds-color-fill-warning-tertiary-hover: #fef3e5;
   --wds-color-text-destructive: #df3336;
   --wds-color-text-disabled: #a8a6a5;
   --wds-color-text-disabled-light: rgba(255, 255, 255, .7);
@@ -850,7 +863,7 @@
   --wds-font-letter-spacing-heading-1: -0.50;
   --wds-font-letter-spacing-heading-2: -0.50;
   --wds-font-letter-spacing-heading-3: -0.50;
-  --wds-font-letter-spacing-heading-4: 0;
+  --wds-font-letter-spacing-heading-4: 0px;
   --wds-font-letter-spacing-heading-5: 1px;
   --wds-font-letter-spacing-heading-6: 1px;
   --wds-font-line-height-body-extra-tiny: 12px;
@@ -886,6 +899,7 @@
   --wds-inner-shadow-fill-input: rgba(118, 117, 116, 0.2);
   --wds-inner-shadow-fill-primary: #ffffff;
   --wds-inner-shadow-fill-secondary: #ffffff;
+  --wds-inner-shadow-fill-track: rgba(19, 23, 32, .2);
   --wds-inner-shadow-x-input: 1px;
   --wds-inner-shadow-x-primary: 1px;
   --wds-inner-shadow-x-secondary: 1px;
@@ -897,13 +911,13 @@
   --wds-shadow-blur-primary-overlay: 30px;
   --wds-shadow-blur-primary-overlay-dark: 8px;
   --wds-shadow-blur-primary-raised: 10px;
-  --wds-shadow-blur-primary-toggle: 0;
+  --wds-shadow-blur-primary-toggle: 0px;
   --wds-shadow-blur-primary-toggle-button: 4px;
-  --wds-shadow-blur-secondary-modal: 0;
-  --wds-shadow-blur-secondary-overlay: 0;
-  --wds-shadow-blur-secondary-overlay-dark: 0;
+  --wds-shadow-blur-secondary-modal: 0px;
+  --wds-shadow-blur-secondary-overlay: 0px;
+  --wds-shadow-blur-secondary-overlay-dark: 0px;
   --wds-shadow-blur-secondary-raised: 2px;
-  --wds-shadow-blur-secondary-toggle: 0;
+  --wds-shadow-blur-secondary-toggle: 0px;
   --wds-shadow-blur-secondary-toggle-button: 1.7px;
   --wds-shadow-blur-tertiary-toggle-button: 0.6px;
   --wds-shadow-fill-input: rgba(118, 117, 116, 0.2);
@@ -943,15 +957,15 @@
   --wds-shadow-y-input: 1px;
   --wds-shadow-y-primary-modal: 12px;
   --wds-shadow-y-primary-overlay: 12px;
-  --wds-shadow-y-primary-overlay-dark: 0;
+  --wds-shadow-y-primary-overlay-dark: 0px;
   --wds-shadow-y-primary-raised: 1px;
-  --wds-shadow-y-primary-toggle: 0;
+  --wds-shadow-y-primary-toggle: 0px;
   --wds-shadow-y-primary-toggle-button: 4px;
-  --wds-shadow-y-secondary-modal: 0;
-  --wds-shadow-y-secondary-overlay: 0;
-  --wds-shadow-y-secondary-overlay-dark: 0;
-  --wds-shadow-y-secondary-raised: 0;
-  --wds-shadow-y-secondary-toggle: 0;
+  --wds-shadow-y-secondary-modal: 0px;
+  --wds-shadow-y-secondary-overlay: 0px;
+  --wds-shadow-y-secondary-overlay-dark: 0px;
+  --wds-shadow-y-secondary-raised: 0px;
+  --wds-shadow-y-secondary-toggle: 0px;
   --wds-shadow-y-secondary-toggle-button: 1.2px;
   --wds-shadow-y-tertiary-toggle-button: 0.4px;
   --wds-space-mobile-viewport-spacing: 32px;
@@ -968,6 +982,6 @@
   --wds-space-padding-vertical-x-tiny: 8px;
   --wds-space-padding-vertical-xx-tiny: 4px;
   --wds-space-viewport-spacing: 48px;
-  --wds-width-default: 0;
-  --wds-width-default-2: 0;
+  --wds-width-default: 0px;
+  --wds-width-default-2: 0px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-tokens",
-  "version": "1.129.0",
+  "version": "1.131.0",
   "packageManager": "yarn@3.5.0",
   "author": "augustinasv@wix.com",
   "license": "MIT",
@@ -33,5 +33,5 @@
       "groupId": "com.wixpress"
     }
   },
-  "falconPackageHash": "723610528f11970f2de03887549525a0e2f9d55a46b46412a6047c36"
+  "falconPackageHash": "55909b7c2cd08c1fbd279334a5027106a470efba54a8ed9e9cf4bb40"
 }

package/semantic.st.css

@@ -34,6 +34,8 @@
 @property st-global(--wds-color-border-light-active);
 @property st-global(--wds-color-border-light-disabled);
 @property st-global(--wds-color-border-light-hover);
+@property st-global(--wds-color-border-light-primary-active);
+@property st-global(--wds-color-border-light-primary-disabled);
 @property st-global(--wds-color-border-premium-primary);
 @property st-global(--wds-color-border-premium-primary-active);
 @property st-global(--wds-color-border-premium-primary-disabled);
@@ -342,6 +344,10 @@
 @property st-global(--wds-color-fill-warning-secondary-active);
 @property st-global(--wds-color-fill-warning-secondary-disabled);
 @property st-global(--wds-color-fill-warning-secondary-hover);
+@property st-global(--wds-color-fill-warning-tertiary);
+@property st-global(--wds-color-fill-warning-tertiary-active);
+@property st-global(--wds-color-fill-warning-tertiary-disabled);
+@property st-global(--wds-color-fill-warning-tertiary-hover);
 @property st-global(--wds-color-gradient-light-bottom-to-top);
 @property st-global(--wds-color-gradient-light-left-to-right);
 @property st-global(--wds-color-gradient-light-right-to-left);
@@ -403,6 +409,7 @@
 @property st-global(--wds-inner-shadow-fill-input);
 @property st-global(--wds-inner-shadow-fill-primary);
 @property st-global(--wds-inner-shadow-fill-secondary);
+@property st-global(--wds-inner-shadow-fill-track);
 @property st-global(--wds-inner-shadow-x-input);
 @property st-global(--wds-inner-shadow-x-primary);
 @property st-global(--wds-inner-shadow-x-secondary);
@@ -489,13 +496,13 @@
 @property st-global(--wds-width-default-2);
 
 .root {
-  --wds-background-blur-modal: 0;
+  --wds-background-blur-modal: 0px;
   --wds-border-radius-surface-default: 8px;
   --wds-border-radius-surface-modal: 8px;
-  --wds-border-radius-surface-modal-backdrop: 0;
+  --wds-border-radius-surface-modal-backdrop: 0px;
   --wds-border-radius-surface-overlay: 8px;
   --wds-border-radius-surface-raised: 8px;
-  --wds-border-radius-surface-sunken: 0;
+  --wds-border-radius-surface-sunken: 0px;
   --wds-border-width-default: 1px;
   --wds-color-border-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
   --wds-color-border-ai-primary-active: #ffffff;
@@ -525,6 +532,8 @@
   --wds-color-border-light-active: #ffffff;
   --wds-color-border-light-disabled: rgba(255, 255, 255, .3);
   --wds-color-border-light-hover: rgba(255, 255, 255, .7);
+  --wds-color-border-light-primary-active: #ffffff;
+  --wds-color-border-light-primary-disabled: rgba(255, 255, 255, .3);
   --wds-color-border-premium-primary: #cf8cf1;
   --wds-color-border-premium-primary-active: #9a27d5;
   --wds-color-border-premium-primary-disabled: rgba(0, 6, 36, .1);
@@ -833,6 +842,10 @@
   --wds-color-fill-warning-secondary-active: #ffc23d;
   --wds-color-fill-warning-secondary-disabled: rgba(0, 6, 36, .1);
   --wds-color-fill-warning-secondary-hover: #ffd16e;
+  --wds-color-fill-warning-tertiary: #ffffff;
+  --wds-color-fill-warning-tertiary-active: #ffe2a5;
+  --wds-color-fill-warning-tertiary-disabled: #ffffff;
+  --wds-color-fill-warning-tertiary-hover: #fff0d1;
   --wds-color-gradient-light-bottom-to-top: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
   --wds-color-gradient-light-left-to-right: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
   --wds-color-gradient-light-right-to-left: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
@@ -855,10 +868,10 @@
   --wds-color-text-success: #25a55a;
   --wds-color-text-urgent: #fe620f;
   --wds-color-text-warning: #ffb700;
-  --wds-font-letter-spacing-heading-1: 0;
-  --wds-font-letter-spacing-heading-2: 0;
-  --wds-font-letter-spacing-heading-3: 0;
-  --wds-font-letter-spacing-heading-4: 0;
+  --wds-font-letter-spacing-heading-1: 0px;
+  --wds-font-letter-spacing-heading-2: 0px;
+  --wds-font-letter-spacing-heading-3: 0px;
+  --wds-font-letter-spacing-heading-4: 0px;
   --wds-font-letter-spacing-heading-5: 1px;
   --wds-font-letter-spacing-heading-6: 1px;
   --wds-font-line-height-body-extra-tiny: 12px;
@@ -888,32 +901,33 @@
   --wds-font-weight-heading-4: 500;
   --wds-font-weight-heading-5: 400;
   --wds-font-weight-heading-6: 400;
-  --wds-inner-shadow-blur-input: 0;
-  --wds-inner-shadow-blur-primary: 0;
-  --wds-inner-shadow-blur-secondary: 0;
+  --wds-inner-shadow-blur-input: 0px;
+  --wds-inner-shadow-blur-primary: 0px;
+  --wds-inner-shadow-blur-secondary: 0px;
   --wds-inner-shadow-fill-input: rgba(0, 6, 36, 0);
   --wds-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
   --wds-inner-shadow-fill-secondary: rgba(255, 255, 255, 0);
-  --wds-inner-shadow-x-input: 0;
-  --wds-inner-shadow-x-primary: 0;
-  --wds-inner-shadow-x-secondary: 0;
+  --wds-inner-shadow-fill-track: rgba(0, 6, 36, 0);
+  --wds-inner-shadow-x-input: 0px;
+  --wds-inner-shadow-x-primary: 0px;
+  --wds-inner-shadow-x-secondary: 0px;
   --wds-inner-shadow-y-input: 0;
   --wds-inner-shadow-y-primary: 0;
   --wds-inner-shadow-y-secondary: 0;
-  --wds-shadow-blur-input: 0;
+  --wds-shadow-blur-input: 0px;
   --wds-shadow-blur-primary-modal: 24px;
   --wds-shadow-blur-primary-overlay: 18px;
   --wds-shadow-blur-primary-overlay-dark: 18px;
   --wds-shadow-blur-primary-raised: 6px;
   --wds-shadow-blur-primary-toggle: 3px;
-  --wds-shadow-blur-primary-toggle-button: 0;
+  --wds-shadow-blur-primary-toggle-button: 0px;
   --wds-shadow-blur-secondary-modal: 8px;
   --wds-shadow-blur-secondary-overlay: 6px;
   --wds-shadow-blur-secondary-overlay-dark: 6px;
   --wds-shadow-blur-secondary-raised: 4px;
   --wds-shadow-blur-secondary-toggle: 1px;
-  --wds-shadow-blur-secondary-toggle-button: 0;
-  --wds-shadow-blur-tertiary-toggle-button: 0;
+  --wds-shadow-blur-secondary-toggle-button: 0px;
+  --wds-shadow-blur-tertiary-toggle-button: 0px;
   --wds-shadow-fill-input: rgba(0, 6, 36, 0);
   --wds-shadow-fill-primary-modal: rgba(0, 6, 36, .2);
   --wds-shadow-fill-primary-overlay: rgba(0, 6, 36, .1);
@@ -943,11 +957,11 @@
   --wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
   --wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
   --wds-shadow-surface-raised: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
-  --wds-shadow-x-input: 0;
-  --wds-shadow-x-primary-toggle-button: 0;
-  --wds-shadow-x-secondary-raised: 0;
-  --wds-shadow-x-secondary-toggle-button: 0;
-  --wds-shadow-x-tertiary-toggle-button: 0;
+  --wds-shadow-x-input: 0px;
+  --wds-shadow-x-primary-toggle-button: 0px;
+  --wds-shadow-x-secondary-raised: 0px;
+  --wds-shadow-x-secondary-toggle-button: 0px;
+  --wds-shadow-x-tertiary-toggle-button: 0px;
   --wds-shadow-y-input: 0;
   --wds-shadow-y-primary-modal: 3px;
   --wds-shadow-y-primary-overlay: 0;

package/studio/all.css

@@ -28,19 +28,19 @@
   --wds-space-100: 4px;
   --wds-space-50: 2px;
   --wds-space-25: 1px;
-  --wds-space-0: 0;
+  --wds-space-0: 0px;
   --wds-shadow-spread-secondary-raised: 0;
   --wds-shadow-focus-spread: 0;
-  --wds-shadow-y-350: 0;
+  --wds-shadow-y-350: 0px;
   --wds-shadow-y-300: 12px;
   --wds-shadow-y-200: 8px;
   --wds-shadow-y-150: 6px;
   --wds-shadow-y-100: 4px;
   --wds-shadow-y-50: 2px;
   --wds-shadow-y-25: 1px;
-  --wds-shadow-y-0: 0;
+  --wds-shadow-y-0: 0px;
   --wds-shadow-x-25: 1px;
-  --wds-shadow-x-0: 0;
+  --wds-shadow-x-0: 0px;
   --wds-shadow-blur-800: 30px;
   --wds-shadow-blur-500: 24px;
   --wds-shadow-blur-400: 20px;
@@ -53,7 +53,7 @@
   --wds-shadow-blur-50: 4px;
   --wds-shadow-blur-35: 3px;
   --wds-shadow-blur-25: 2px;
-  --wds-shadow-blur-0: 0;
+  --wds-shadow-blur-0: 0px;
   --wds-font-weight-semi-bold: 600;
   --wds-font-weight-regular: 400;
   --wds-font-weight-medium: 500;
@@ -68,7 +68,7 @@
   --wds-font-size-200: 12px;
   --wds-font-size-100: 11px;
   --wds-font-letter-spacing-100: 1px;
-  --wds-font-letter-spacing-0: 0;
+  --wds-font-letter-spacing-0: 0px;
   --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
   --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
   --wds-color-text-stage-master: #47cb2e;
@@ -267,7 +267,7 @@
   --wds-breakpoint-small: 490px;
   --wds-breakpoint-medium: 768px;
   --wds-breakpoint-large: 1186px;
-  --wds-border-width-none: 0;
+  --wds-border-width-none: 0px;
   --wds-border-width-200: 2px;
   --wds-border-width-150: 1.5px;
   --wds-border-width-100: 1px;
@@ -278,21 +278,21 @@
   --wds-border-radius-300: 6px;
   --wds-border-radius-200: 4px;
   --wds-border-radius-100: 2px;
-  --wds-border-radius-0: 0;
-  --wds-background-blur-375: 0;
-  --wds-background-blur-350: 0;
-  --wds-background-blur-300: 0;
-  --wds-background-blur-250: 0;
-  --wds-background-blur-200: 0;
-  --wds-background-blur-150: 0;
-  --wds-background-blur-50: 0;
-  --wds-background-blur-10: 0;
-  --wds-background-blur-0: 0;
+  --wds-border-radius-0: 0px;
+  --wds-background-blur-375: 0px;
+  --wds-background-blur-350: 0px;
+  --wds-background-blur-300: 0px;
+  --wds-background-blur-250: 0px;
+  --wds-background-blur-200: 0px;
+  --wds-background-blur-150: 0px;
+  --wds-background-blur-50: 0px;
+  --wds-background-blur-10: 0px;
+  --wds-background-blur-0: 0px;
   --wds-toggle-switch-width-small: 24px;
   --wds-toggle-switch-width-medium: 28px;
   --wds-toggle-switch-width-large: 40px;
   --wds-toggle-switch-shadow: unset;
-  --wds-toggle-switch-knob-text-height: 0;
+  --wds-toggle-switch-knob-text-height: 0px;
   --wds-toggle-switch-knob-size-small: 12px;
   --wds-toggle-switch-knob-size-medium: 16px;
   --wds-toggle-switch-knob-size-large: 20px;
@@ -323,7 +323,7 @@
   --wds-sidebar-divider-fill-dark-default: #42454C;
   --wds-sidebar-clear-button-fill: #5a5d63;
   --wds-side-panel-floating-max-height: 576px;
-  --wds-side-panel-control-layout-divider-border-width: 0;
+  --wds-side-panel-control-layout-divider-border-width: 0px;
   --wds-section-helper-prefix-offset-margin: 4px;
   --wds-radio-dot-size: 4px;
   --wds-internal-thumbnail-illustration-size-tiny: 38px;
@@ -363,6 +363,7 @@
   --wds-inner-shadow-x-secondary: var(--wds-shadow-x-0);
   --wds-inner-shadow-x-primary: var(--wds-shadow-x-0);
   --wds-inner-shadow-x-input: var(--wds-shadow-x-0);
+  --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-0);
   --wds-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0);
   --wds-inner-shadow-fill-primary: var(--wds-color-white-transparent-0);
   --wds-inner-shadow-fill-input: var(--wds-color-black-100-transparent-0);
@@ -392,8 +393,8 @@
   --wds-space-padding-horizontal-large: var(--wds-space-600);
   --wds-space-mobile-viewport-spacing: var(--wds-space-800);
   --wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
-  --wds-shadow-surface-raised: var(--wds-shadow-y-var(--wds-shadow-y-0)) 0 var(--wds-shadow-blur-35) 0 var(--wds-shadow-fill-primary-raised), 0 0 0 0 var(--wds-shadow-fill-secondary-raised);
-  --wds-shadow-surface-overlay-dark: var(--wds-shadow-y-0) 0 var(--wds-shadow-blur-150) 0 var(--wds-color-black-100-transparent-20);
+  --wds-shadow-surface-raised: 0 var(--wds-shadow-y-0) var(--wds-shadow-blur-35) 0 var(--wds-shadow-fill-primary-raised), 0 var(--wds-shadow-y-0) 0 0 var(--wds-shadow-fill-secondary-raised);
+  --wds-shadow-surface-overlay-dark: 0 var(--wds-shadow-y-0) var(--wds-shadow-blur-150) 0 var(--wds-color-black-100-transparent-20);
   --wds-shadow-focus-warning: 0 0 0 3px var(--wds-color-yellow-400);
   --wds-shadow-focus-standard: 0 0 0 3px var(--wds-color-blue-300);
   --wds-shadow-focus-inner-warning: 0 0 0 3px var(--wds-color-yellow-400) inset;
@@ -510,6 +511,10 @@
   --wds-color-text-highlight: var(--wds-color-blue-400);
   --wds-color-text-disabled-light: var(--wds-color-white-transparent-70);
   --wds-color-text-destructive: var(--wds-color-red-100);
+  --wds-color-fill-warning-tertiary-hover: var(--wds-color-black-750);
+  --wds-color-fill-warning-tertiary-disabled: var(--wds-color-white);
+  --wds-color-fill-warning-tertiary-active: var(--wds-color-yellow-400);
+  --wds-color-fill-warning-tertiary: var(--wds-color-white);
   --wds-color-fill-warning-secondary-hover: var(--wds-color-yellow-300);
   --wds-color-fill-warning-secondary-active: var(--wds-color-yellow-400);
   --wds-color-fill-warning-secondary: var(--wds-color-yellow-400);
@@ -730,6 +735,8 @@
   --wds-color-border-premium-primary-disabled: var(--wds-color-black-100-transparent-10);
   --wds-color-border-premium-primary-active: var(--wds-color-purple-100);
   --wds-color-border-premium-primary: var(--wds-color-purple-300);
+  --wds-color-border-light-primary-disabled: var(--wds-color-white-transparent-30);
+  --wds-color-border-light-primary-active: var(--wds-color-white);
   --wds-color-border-light-hover: var(--wds-color-white-transparent-70);
   --wds-color-border-light-disabled: var(--wds-color-white-transparent-30);
   --wds-color-border-light-active: var(--wds-color-white);
@@ -792,6 +799,8 @@
   --wds-vertical-tabs-action-padding-horizontal-tiny: var(--wds-space-600);
   --wds-vertical-tabs-action-padding-horizontal-small: var(--wds-space-600);
   --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600);
+  --wds-variable-input-padding-vertical-tiny: var(--wds-space-50);
+  --wds-variable-input-padding-vertical-small: var(--wds-space-100);
   --wds-tooltip-padding-vertical-small: var(--wds-space-200);
   --wds-tooltip-padding-vertical-medium: var(--wds-space-300);
   --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
@@ -862,8 +871,11 @@
   --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-200);
   --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-200);
   --wds-toggle-button-border-color-standard-disabled: var(--wds-color-fill-standard-secondary-disabled);
+  --wds-toast-vertical-padding: var(--wds-space-150);
+  --wds-toast-horizontal-padding: var(--wds-space-200);
   --wds-thumbnail-title-padding-top: var(--wds-space-100);
   --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
+  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
   --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
   --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
   --wds-thumbnail-illustration-fill-1: var(--wds-color-black-400);
@@ -924,7 +936,6 @@
   --wds-stepper-prefix-size-number: var(--wds-space-400);
   --wds-stepper-prefix-size-circle: var(--wds-space-700);
   --wds-status-toast-vertical-padding: var(--wds-space-150);
-  --wds-status-toast-horizontal-padding: var(--wds-space-200);
   --wds-social-preview-content-padding-vertical: var(--wds-space-200);
   --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
   --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
@@ -985,10 +996,12 @@
   --wds-side-panel-header-padding-vertical: var(--wds-space-400);
   --wds-side-panel-header-padding-right: var(--wds-space-200);
   --wds-side-panel-header-padding-left: var(--wds-space-600);
+  --wds-side-panel-header-divider-height: var(--wds-border-width-100);
   --wds-side-panel-footnote-padding-vertical: var(--wds-space-300);
   --wds-side-panel-footnote-padding-horizontal: var(--wds-space-600);
   --wds-side-panel-footer-padding-vertical: var(--wds-space-400);
   --wds-side-panel-footer-padding-horizontal: var(--wds-space-600);
+  --wds-side-panel-footer-divider-height: var(--wds-border-width-100);
   --wds-side-panel-footer-border-width: var(--wds-border-width-none);
   --wds-side-panel-floating-header-padding-vertical: var(--wds-space-300);
   --wds-side-panel-floating-header-padding-right: var(--wds-space-200);
@@ -1037,6 +1050,8 @@
   --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
   --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-100);
   --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-white-transparent-0);
+  --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-200);
+  --wds-segmented-toggle-container-border-radius-medium: var(--wds-border-radius-200);
   --wds-segmented-toggle-border-width-selected: var(--wds-border-width-200);
   --wds-segmented-toggle-border-width-hover: var(--wds-border-width-100);
   --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
@@ -1112,6 +1127,7 @@
   --wds-notification-fill-standard: var(--wds-color-blue-200);
   --wds-notification-fill-premium: var(--wds-color-purple-200);
   --wds-notification-fill-error: var(--wds-color-red-200);
+  --wds-nestable-list-paddings: var(--wds-space-0);
   --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600);
   --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
   --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
@@ -1149,30 +1165,34 @@
   --wds-list-item-select-padding-right-medium: var(--wds-space-400);
   --wds-list-item-select-padding-left-small: var(--wds-space-300);
   --wds-list-item-select-padding-left-medium: var(--wds-space-300);
-  --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
-  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
-  --wds-list-item-select-label-font-weight-small: var(--wds-font-weight-regular);
+  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
+  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
+  --wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-regular);
   --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
-  --wds-list-item-select-affix-margin: var(--wds-space-150);
+  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-regular);
+  --wds-list-item-select-gap: var(--wds-space-0);
+  --wds-list-item-select-affix-margin: var(--wds-space-100);
   --wds-list-item-select-active-title-disabled-screen-small: var(--wds-color-text-disabled);
   --wds-list-item-select-active-title-disabled: var(--wds-color-text-disabled);
   --wds-list-item-select-active-subtitle-disabled-screen-small: var(--wds-color-text-disabled);
   --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
   --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
   --wds-list-item-section-padding-horizontal: var(--wds-space-400);
+  --wds-list-item-section-font-weight: var(--wds-font-weight-bold);
+  --wds-list-item-section-divider-padding-horizontal: var(--wds-space-400);
   --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-regular);
   --wds-list-item-action-title-font-weight: var(--wds-font-weight-regular);
   --wds-list-item-action-subtitle-font-line-height: var(--wds-space-475);
   --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
   --wds-list-item-action-padding-vertical-small: var(--wds-space-150);
   --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
-  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
+  --wds-list-item-action-padding-vertical-medium: var(--wds-space-150);
   --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
   --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
   --wds-list-item-action-label-font-line-height-small: var(--wds-space-475);
-  --wds-list-item-action-gap-small: var(--wds-space-100);
-  --wds-list-item-action-gap-medium: var(--wds-space-100);
+  --wds-list-item-action-gap: var(--wds-space-0);
   --wds-list-item-action-border-radius: var(--wds-border-radius-0);
+  --wds-list-item-action-affix-margin: var(--wds-space-100);
   --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-100);
   --wds-list-item-padding-vertical-x-tiny: var(--wds-space-200);
   --wds-list-item-padding-vertical-tiny: var(--wds-space-300);
@@ -1188,6 +1208,7 @@
   --wds-list-item-indentation-level-3: var(--wds-space-700);
   --wds-list-item-indentation-level-2: var(--wds-space-300);
   --wds-list-item-gap-columns: var(--wds-space-600);
+  --wds-linear-progress-bar-value-gap: var(--wds-space-300);
   --wds-linear-progress-bar-border-radius: var(--wds-border-radius-0);
   --wds-internal-color-picker-padding-vertical: var(--wds-space-300);
   --wds-internal-color-picker-padding-horizontal: var(--wds-space-400);
@@ -1247,6 +1268,7 @@
   --wds-floating-helper-padding-vertical: var(--wds-space-700);
   --wds-floating-helper-padding-horizontal: var(--wds-space-800);
   --wds-floating-helper-main-action-padding-top: var(--wds-space-400);
+  --wds-fill-button-border-width: var(--wds-border-width-none);
   --wds-field-set-label-gap-tiny: var(--wds-space-150);
   --wds-field-set-label-gap-small: var(--wds-space-200);
   --wds-field-set-label-font-weight: var(--wds-font-weight-regular);
@@ -1403,8 +1425,8 @@
   --wds-badge-size-small: var(--wds-space-500);
   --wds-badge-size-medium: var(--wds-space-600);
   --wds-badge-padding-vertical-tiny: var(--wds-space-0);
-  --wds-badge-padding-vertical-small: var(--wds-space-50);
-  --wds-badge-padding-vertical-medium: var(--wds-space-100);
+  --wds-badge-padding-vertical-small: var(--wds-space-0);
+  --wds-badge-padding-vertical-medium: var(--wds-space-50);
   --wds-badge-padding-horizontal-tiny: var(--wds-space-100);
   --wds-badge-padding-horizontal-small: var(--wds-space-200);
   --wds-badge-padding-horizontal-medium: var(--wds-space-300);
@@ -1422,7 +1444,10 @@
   --wds-add-item-padding-vertical-large: var(--wds-space-700);
   --wds-add-item-padding-horizontal-tiny: var(--wds-space-300);
   --wds-add-item-padding-horizontal-large: var(--wds-space-700);
+  --wds-add-item-fill-disabled: var(--wds-color-black-100-transparent-5);
+  --wds-add-item-fill: var(--wds-color-blue-600);
   --wds-add-item-border-radius: var(--wds-border-radius-200);
+  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
   --wds-accordion-title-font-weight-small: var(--wds-font-weight-bold);
   --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
   --wds-accordion-inner-content-padding-top: var(--wds-space-400);
@@ -1561,6 +1586,7 @@
   --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
   --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
   --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
+  --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
   --wds-status-toast-text-font-size: var(--wds-font-size-body-medium);
   --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
   --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
@@ -1625,6 +1651,7 @@
   --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
   --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
   --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
+  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
   --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
   --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
   --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
@@ -1632,7 +1659,6 @@
   --wds-loader-fill-light: var(--wds-color-fill-light-primary);
   --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
   --wds-loader-fill: var(--wds-color-fill-standard-secondary);
-  --wds-list-item-select-title-pressed: var(--wds-color-text-standard-primary);
   --wds-list-item-select-title: var(--wds-color-text-standard-primary);
   --wds-list-item-select-suffix-pressed: var(--wds-color-text-placeholder);
   --wds-list-item-select-suffix: var(--wds-color-text-placeholder);
@@ -1653,6 +1679,7 @@
   --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
   --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-secondary-active);
   --wds-list-item-select-active-fill: var(--wds-color-fill-standard-secondary);
+  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
   --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
   --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
   --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
@@ -1665,6 +1692,7 @@
   --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
   --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
   --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary);
+  --wds-linear-progress-bar-label-font-letter-spacing: var(--wds-font-letter-spacing-heading-6);
   --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
   --wds-input-value-font-size-small: var(--wds-font-size-body-tiny);
   --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
@@ -1784,6 +1812,10 @@
   --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
   --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
   --wds-form-field-label-fill: var(--wds-color-text-standard-primary);
+  --wds-fill-button-icon-color: var(--wds-color-text-primary);
+  --wds-fill-button-fill-hover: var(--wds-color-fill-standard-secondary-hover);
+  --wds-fill-button-fill: var(--wds-color-fill-standard-secondary);
+  --wds-fill-button-border-color: var(--wds-color-border-standard-secondary);
   --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
   --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
   --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
@@ -1895,10 +1927,41 @@
   --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
   --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
   --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
+  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
+  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
+  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
+  --wds-badge-outline-urgent-label-color: var(--wds-color-text-urgent);
+  --wds-badge-outline-urgent-fill: var(--wds-color-fill-urgent-tertiary);
+  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
+  --wds-badge-outline-success-label-color: var(--wds-color-text-success);
+  --wds-badge-outline-success-fill: var(--wds-color-fill-success-tertiary);
+  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
+  --wds-badge-outline-standard-label-color: var(--wds-color-text-primary);
+  --wds-badge-outline-standard-fill: var(--wds-color-fill-standard-tertiary);
+  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
+  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
+  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
+  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
+  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
+  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
+  --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
+  --wds-badge-outline-destructive-label-color: var(--wds-color-text-destructive);
+  --wds-badge-outline-destructive-fill: var(--wds-color-fill-destructive-tertiary);
+  --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
+  --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
+  --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-tertiary);
+  --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
+  --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
   --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
   --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
   --wds-add-item-title-font-size-small: var(--wds-font-size-body-tiny);
   --wds-add-item-title-font-size-medium: var(--wds-font-size-body-small);
+  --wds-add-item-label-color: var(--wds-color-text-primary);
+  --wds-add-item-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
+  --wds-add-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
+  --wds-add-item-border-color-hover: var(--wds-color-border-standard-primary-hover);
+  --wds-add-item-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
+  --wds-add-item-border-color: var(--wds-color-border-standard-primary);
   --wds-accordion-title-font-size-small: var(--wds-font-size-body-tiny);
   --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
   --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
@@ -1928,8 +1991,9 @@
   --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
   --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
   --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
-  --wds-list-item-section-line-height: var(--wds-font-line-height-body-tiny);
+  --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
   --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-small);
+  --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-heading-6);
   --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
   --wds-input-value-font-line-height-small: var(--wds-font-line-height-body-tiny);
   --wds-input-value-font-line-height-medium: var(--wds-font-line-height-body-small);
@@ -1948,6 +2012,7 @@
   --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
   --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
   --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
+  --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-small);
   --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1);
   --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-small);
   --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);