@wix/design-system-tokens 1.193.0 → 1.194.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 1.194.0 - 2026-05-19
+
+### Bug Fixes
+
+- fix(FormField): use text-standard-secondary for label fill in odeditor-dark [16285](https://github.com/wix-private/wix-design-systems/pull/16285)
+- fix(SegmentedToggle): reduce icon-only horizontal padding in odeditor themes [16280](https://github.com/wix-private/wix-design-systems/pull/16280)
+
 ## 1.193.0 - 2026-05-13
 
 ### Features

package/odeditor/all.css

@@ -1089,8 +1089,8 @@
   --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
   --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
   --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
-  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
-  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
+  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
+  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-250);
   --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
   --wds-segmented-toggle-fill: var(--wds-color-black-750);
   --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);

package/odeditor/all.scss

@@ -750,8 +750,8 @@
   --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
   --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
   --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
-  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
-  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
+  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
+  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-250);
   --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
   --wds-segmented-toggle-fill: var(--wds-color-black-750);
   --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);

package/odeditor/all.st.css

@@ -3454,8 +3454,8 @@
   --wds-segmented-toggle-fill-hover: rgba(255, 255, 255, 0);
   --wds-segmented-toggle-fill-selected: #ffffff;
   --wds-segmented-toggle-fill-selected-disabled: #ffffff;
-  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
-  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
+  --wds-segmented-toggle-icononly-padding-horizontal-medium: 10px;
+  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
   --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
   --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
   --wds-segmented-toggle-label-font-line-height-medium: 24px;

package/odeditor/component.st.css

@@ -2170,8 +2170,8 @@
   --wds-segmented-toggle-fill-hover: rgba(255, 255, 255, 0);
   --wds-segmented-toggle-fill-selected: #ffffff;
   --wds-segmented-toggle-fill-selected-disabled: #ffffff;
-  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
-  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
+  --wds-segmented-toggle-icononly-padding-horizontal-medium: 10px;
+  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
   --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
   --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
   --wds-segmented-toggle-label-font-line-height-medium: 24px;

package/odeditor-dark/all.css

@@ -1097,8 +1097,8 @@
   --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-white);
   --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
   --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
-  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
-  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
+  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
+  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-250);
   --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
   --wds-segmented-toggle-fill: var(--wds-color-black-750);
   --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
@@ -1886,13 +1886,13 @@
   --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
   --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-form-field-label-fill: var(--wds-color-text-standard-secondary);
   --wds-fill-button-icon-color: var(--wds-color-text-standard-primary);
   --wds-fill-button-fill-hover: var(--wds-color-fill-standard-tertiary);
   --wds-fill-button-fill: var(--wds-color-fill-standard-tertiary);
   --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);
+  --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
   --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
   --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
   --wds-drag-handle-fill: var(--wds-color-text-standard-primary);

package/odeditor-dark/all.scss

@@ -757,8 +757,8 @@
   --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-white);
   --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
   --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
-  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
-  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
+  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
+  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-250);
   --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
   --wds-segmented-toggle-fill: var(--wds-color-black-750);
   --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
@@ -1876,7 +1876,7 @@
   --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
   --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-form-field-label-fill: var(--wds-color-text-standard-secondary);
   --wds-font-line-height-heading-6: var(--wds-font-line-height-100);
   --wds-font-line-height-heading-5: var(--wds-font-line-height-100);
   --wds-font-line-height-heading-4: var(--wds-font-line-height-300);
@@ -1892,7 +1892,7 @@
   --wds-fill-button-fill: var(--wds-color-fill-standard-tertiary);
   --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);
+  --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
   --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
   --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
   --wds-drag-handle-fill: var(--wds-color-text-standard-primary);

package/odeditor-dark/all.st.css

@@ -2947,7 +2947,7 @@
   --wds-field-set-gap-large: 16px;
   --wds-field-set-gap-medium: 12px;
   --wds-field-set-gap-small: 8px;
-  --wds-field-set-label-fill: #FFFFFF;
+  --wds-field-set-label-fill: #D4D3D2;
   --wds-field-set-label-font-line-height-small: 16px;
   --wds-field-set-label-font-line-height-tiny: 12px;
   --wds-field-set-label-font-size-small: 12px;
@@ -3020,7 +3020,7 @@
   --wds-font-weight-medium: 500;
   --wds-font-weight-regular: 400;
   --wds-font-weight-semi-bold: 600;
-  --wds-form-field-label-fill: #FFFFFF;
+  --wds-form-field-label-fill: #D4D3D2;
   --wds-form-field-label-font-size-small: 12px;
   --wds-form-field-label-font-size-tiny: 10px;
   --wds-form-field-label-font-weight: 500;
@@ -3472,8 +3472,8 @@
   --wds-segmented-toggle-fill-hover: rgba(0, 0, 0, 0);
   --wds-segmented-toggle-fill-selected: #212122;
   --wds-segmented-toggle-fill-selected-disabled: #212122;
-  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
-  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
+  --wds-segmented-toggle-icononly-padding-horizontal-medium: 10px;
+  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
   --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
   --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
   --wds-segmented-toggle-inner-shadow-fill-primary: #212122;

package/odeditor-dark/component.st.css

@@ -1729,7 +1729,7 @@
   --wds-field-set-gap-large: 16px;
   --wds-field-set-gap-medium: 12px;
   --wds-field-set-gap-small: 8px;
-  --wds-field-set-label-fill: #FFFFFF;
+  --wds-field-set-label-fill: #D4D3D2;
   --wds-field-set-label-font-line-height-small: 16px;
   --wds-field-set-label-font-line-height-tiny: 12px;
   --wds-field-set-label-font-size-small: 12px;
@@ -1745,7 +1745,7 @@
   --wds-floating-helper-main-action-padding-top: 16px;
   --wds-floating-helper-padding-horizontal: 32px;
   --wds-floating-helper-padding-vertical: 28px;
-  --wds-form-field-label-fill: #FFFFFF;
+  --wds-form-field-label-fill: #D4D3D2;
   --wds-form-field-label-font-size-small: 12px;
   --wds-form-field-label-font-size-tiny: 10px;
   --wds-form-field-label-font-weight: 500;
@@ -2184,8 +2184,8 @@
   --wds-segmented-toggle-fill-hover: rgba(0, 0, 0, 0);
   --wds-segmented-toggle-fill-selected: #212122;
   --wds-segmented-toggle-fill-selected-disabled: #212122;
-  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
-  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
+  --wds-segmented-toggle-icononly-padding-horizontal-medium: 10px;
+  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
   --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
   --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
   --wds-segmented-toggle-inner-shadow-fill-primary: #212122;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-tokens",
-  "version": "1.193.0",
+  "version": "1.194.0",
   "scripts": {
     "build": "cp -r tokens/* .",
     "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -32,5 +32,5 @@
   "author": "augustinasv@wix.com",
   "description": "Design system tokens",
   "packageManager": "yarn@3.5.0",
-  "falconPackageHash": "5d1c8e8df805efb66ef084e9a5fbaf8c4b5bf42e951ca46bef54de4f"
+  "falconPackageHash": "212d243c60fd7261b850ea0d381092486c8e8f7ba7975ffabb382a62"
 }