@wix/design-system-tokens 1.131.0 → 1.132.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/all.css +6 -0
  3. package/all.scss +6 -0
  4. package/all.st.css +12 -0
  5. package/component.st.css +12 -0
  6. package/odeditor/all.css +16 -9
  7. package/odeditor/all.scss +16 -9
  8. package/odeditor/all.st.css +22 -8
  9. package/odeditor/component.st.css +22 -8
  10. package/package.json +2 -2
  11. package/studio/all.css +6 -0
  12. package/studio/all.scss +6 -0
  13. package/studio/all.st.css +12 -0
  14. package/studio/component.st.css +12 -0
  15. package/wixel/all.css +6 -0
  16. package/wixel/all.scss +6 -0
  17. package/wixel/all.st.css +12 -0
  18. package/wixel/component.st.css +12 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## 1.132.0 - 2025-09-09
2
+
3
+ ### Features
4
+
5
+ - feat(ToggleButton): labelPlacement font & other [15274](https://github.com/wix-private/wix-design-systems/pull/15274)
6
+
7
+ ### Visual Breaking Changes
8
+
9
+ - breaking(Accordion): adjust fill colors & border radius [15292](https://github.com/wix-private/wix-design-systems/pull/15292)
10
+
1
11
  ## 1.131.0 - 2025-09-08
2
12
 
3
13
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -1474,6 +1474,10 @@
1474
1474
  --wds-toggle-switch-border-success-disabled: var(--wds-color-border-success-secondary-disabled);
1475
1475
  --wds-toggle-switch-border-standard-disabled: var(--wds-color-border-standard-secondary-disabled);
1476
1476
  --wds-toggle-switch-border-error-disabled: var(--wds-color-border-destructive-secondary-disabled);
1477
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
1478
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
1479
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-tiny);
1480
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-tiny);
1477
1481
  --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1478
1482
  --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1479
1483
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
@@ -1971,6 +1975,8 @@
1971
1975
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1972
1976
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
1973
1977
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
1978
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
1979
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-standard-tertiary);
1974
1980
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1975
1981
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1976
1982
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-small);
package/all.scss CHANGED
@@ -1456,6 +1456,10 @@
1456
1456
  --wds-toggle-switch-border-success-disabled: var(--wds-color-border-success-secondary-disabled);
1457
1457
  --wds-toggle-switch-border-standard-disabled: var(--wds-color-border-standard-secondary-disabled);
1458
1458
  --wds-toggle-switch-border-error-disabled: var(--wds-color-border-destructive-secondary-disabled);
1459
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
1460
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
1461
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-tiny);
1462
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-tiny);
1459
1463
  --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1460
1464
  --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1461
1465
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
@@ -1971,6 +1975,8 @@
1971
1975
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1972
1976
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
1973
1977
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
1978
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
1979
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-standard-tertiary);
1974
1980
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1975
1981
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1976
1982
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-small);
package/all.st.css CHANGED
@@ -1,5 +1,7 @@
1
1
  @property st-global(--wds-accordion-background-fill-light);
2
2
  @property st-global(--wds-accordion-background-fill-light-hover);
3
+ @property st-global(--wds-accordion-background-fill-standard);
4
+ @property st-global(--wds-accordion-background-fill-standard-hover);
3
5
  @property st-global(--wds-accordion-border-radius);
4
6
  @property st-global(--wds-accordion-caret-fill);
5
7
  @property st-global(--wds-accordion-caret-fill-hover);
@@ -1897,6 +1899,10 @@
1897
1899
  @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1898
1900
  @property st-global(--wds-toggle-button-shadow-y-tertiary);
1899
1901
  @property st-global(--wds-toggle-button-shadow-y-tertiary-inverted);
1902
+ @property st-global(--wds-toggle-button-square-label-font-size-large);
1903
+ @property st-global(--wds-toggle-button-square-label-font-size-medium);
1904
+ @property st-global(--wds-toggle-button-square-label-font-size-small);
1905
+ @property st-global(--wds-toggle-button-square-label-font-size-tiny);
1900
1906
  @property st-global(--wds-toggle-switch-border-error-disabled);
1901
1907
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1902
1908
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -2029,6 +2035,8 @@
2029
2035
  .root {
2030
2036
  --wds-accordion-background-fill-light: #ffffff;
2031
2037
  --wds-accordion-background-fill-light-hover: #e7f0ff;
2038
+ --wds-accordion-background-fill-standard: #ffffff;
2039
+ --wds-accordion-background-fill-standard-hover: #e7f0ff;
2032
2040
  --wds-accordion-border-radius: 0px;
2033
2041
  --wds-accordion-caret-fill: #44485f;
2034
2042
  --wds-accordion-caret-fill-hover: #44485f;
@@ -3926,6 +3934,10 @@
3926
3934
  --wds-toggle-button-shadow-y-secondary-inverted: 0;
3927
3935
  --wds-toggle-button-shadow-y-tertiary: 0;
3928
3936
  --wds-toggle-button-shadow-y-tertiary-inverted: 0;
3937
+ --wds-toggle-button-square-label-font-size-large: 12px;
3938
+ --wds-toggle-button-square-label-font-size-medium: 12px;
3939
+ --wds-toggle-button-square-label-font-size-small: 12px;
3940
+ --wds-toggle-button-square-label-font-size-tiny: 12px;
3929
3941
  --wds-toggle-switch-border-error-disabled: rgba(0, 6, 36, .1);
3930
3942
  --wds-toggle-switch-border-standard-disabled: rgba(0, 6, 36, .1);
3931
3943
  --wds-toggle-switch-border-success-disabled: rgba(0, 6, 36, .1);
package/component.st.css CHANGED
@@ -1,5 +1,7 @@
1
1
  @property st-global(--wds-accordion-background-fill-light);
2
2
  @property st-global(--wds-accordion-background-fill-light-hover);
3
+ @property st-global(--wds-accordion-background-fill-standard);
4
+ @property st-global(--wds-accordion-background-fill-standard-hover);
3
5
  @property st-global(--wds-accordion-border-radius);
4
6
  @property st-global(--wds-accordion-caret-fill);
5
7
  @property st-global(--wds-accordion-caret-fill-hover);
@@ -1183,6 +1185,10 @@
1183
1185
  @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1184
1186
  @property st-global(--wds-toggle-button-shadow-y-tertiary);
1185
1187
  @property st-global(--wds-toggle-button-shadow-y-tertiary-inverted);
1188
+ @property st-global(--wds-toggle-button-square-label-font-size-large);
1189
+ @property st-global(--wds-toggle-button-square-label-font-size-medium);
1190
+ @property st-global(--wds-toggle-button-square-label-font-size-small);
1191
+ @property st-global(--wds-toggle-button-square-label-font-size-tiny);
1186
1192
  @property st-global(--wds-toggle-switch-border-error-disabled);
1187
1193
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1188
1194
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -1313,6 +1319,8 @@
1313
1319
  .root {
1314
1320
  --wds-accordion-background-fill-light: #ffffff;
1315
1321
  --wds-accordion-background-fill-light-hover: #e7f0ff;
1322
+ --wds-accordion-background-fill-standard: #ffffff;
1323
+ --wds-accordion-background-fill-standard-hover: #e7f0ff;
1316
1324
  --wds-accordion-border-radius: 0px;
1317
1325
  --wds-accordion-caret-fill: #44485f;
1318
1326
  --wds-accordion-caret-fill-hover: #44485f;
@@ -2496,6 +2504,10 @@
2496
2504
  --wds-toggle-button-shadow-y-secondary-inverted: 0;
2497
2505
  --wds-toggle-button-shadow-y-tertiary: 0;
2498
2506
  --wds-toggle-button-shadow-y-tertiary-inverted: 0;
2507
+ --wds-toggle-button-square-label-font-size-large: 12px;
2508
+ --wds-toggle-button-square-label-font-size-medium: 12px;
2509
+ --wds-toggle-button-square-label-font-size-small: 12px;
2510
+ --wds-toggle-button-square-label-font-size-tiny: 12px;
2499
2511
  --wds-toggle-switch-border-error-disabled: rgba(0, 6, 36, .1);
2500
2512
  --wds-toggle-switch-border-standard-disabled: rgba(0, 6, 36, .1);
2501
2513
  --wds-toggle-switch-border-success-disabled: rgba(0, 6, 36, .1);
package/odeditor/all.css CHANGED
@@ -301,6 +301,8 @@
301
301
  --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
302
302
  --wds-toggle-button-shadow-blur-secondary: 1.7px;
303
303
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
304
+ --wds-toggle-button-inner-shadow-blur-secondary: 1px;
305
+ --wds-toggle-button-inner-shadow-blur-primary: 1px;
304
306
  --wds-tabs-selection-height: 3px;
305
307
  --wds-swatches-swatch-active-border-radius-small: 5px;
306
308
  --wds-status-toast-width: 600px;
@@ -826,9 +828,9 @@
826
828
  --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-5);
827
829
  --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-50);
828
830
  --wds-toggle-button-padding-tiny-round: var(--wds-space-300);
829
- --wds-toggle-button-padding-tiny: var(--wds-space-300);
831
+ --wds-toggle-button-padding-tiny: var(--wds-space-200);
830
832
  --wds-toggle-button-padding-small-round: var(--wds-space-400);
831
- --wds-toggle-button-padding-small: var(--wds-space-400);
833
+ --wds-toggle-button-padding-small: var(--wds-space-300);
832
834
  --wds-toggle-button-padding-medium-round: var(--wds-space-500);
833
835
  --wds-toggle-button-padding-medium: var(--wds-space-300);
834
836
  --wds-toggle-button-padding-large-round: var(--wds-space-600);
@@ -849,8 +851,6 @@
849
851
  --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-25);
850
852
  --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white);
851
853
  --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white);
852
- --wds-toggle-button-inner-shadow-blur-secondary: var(--wds-shadow-blur-25);
853
- --wds-toggle-button-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
854
854
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-blue-400);
855
855
  --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-black-700);
856
856
  --wds-toggle-button-fill-standard-selected: var(--wds-color-blue-500);
@@ -1127,6 +1127,7 @@
1127
1127
  --wds-popover-menu-paddings-vertical: var(--wds-space-200);
1128
1128
  --wds-popover-menu-paddings-horizontal: var(--wds-space-200);
1129
1129
  --wds-popover-menu-border-radius: var(--wds-border-radius-600);
1130
+ --wds-popover-border-radius: var(--wds-border-radius-600);
1130
1131
  --wds-popover-border-width: var(--wds-border-width-none);
1131
1132
  --wds-popover-border-fill: var(--wds-color-black-100-transparent-0);
1132
1133
  --wds-palette-border: var(--wds-border-radius-200);
@@ -1482,7 +1483,7 @@
1482
1483
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1483
1484
  --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1484
1485
  --wds-accordion-inner-content-fill: var(--wds-color-white);
1485
- --wds-accordion-border-radius: var(--wds-border-radius-600);
1486
+ --wds-accordion-border-radius: var(--wds-border-radius-0);
1486
1487
  --wds-shadow-surface-raised: var(--wds-shadow-200);
1487
1488
  --wds-shadow-surface-overlay-dark: var(--wds-shadow-300);
1488
1489
  --wds-shadow-surface-overlay: var(--wds-shadow-300);
@@ -1558,9 +1559,13 @@
1558
1559
  --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
1559
1560
  --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
1560
1561
  --wds-toggle-switch-fill-error: var(--wds-color-fill-dark-primary);
1562
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
1563
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
1564
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-small);
1565
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-small);
1561
1566
  --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1562
- --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1563
- --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
1567
+ --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-small);
1568
+ --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-small);
1564
1569
  --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
1565
1570
  --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-tiny);
1566
1571
  --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
@@ -1932,8 +1937,10 @@
1932
1937
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1933
1938
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
1934
1939
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
1935
- --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1936
- --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1940
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1941
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-dark-tertiary);
1942
+ --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1943
+ --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
1937
1944
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
1938
1945
  --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
1939
1946
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/odeditor/all.scss CHANGED
@@ -25,6 +25,8 @@
25
25
  --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
26
26
  --wds-toggle-button-shadow-blur-secondary: 1.7px;
27
27
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
28
+ --wds-toggle-button-inner-shadow-blur-secondary: 1px;
29
+ --wds-toggle-button-inner-shadow-blur-primary: 1px;
28
30
  --wds-tabs-selection-height: 3px;
29
31
  --wds-swatches-swatch-active-border-radius-small: 5px;
30
32
  --wds-status-toast-width: 600px;
@@ -407,9 +409,9 @@
407
409
  --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-5);
408
410
  --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-50);
409
411
  --wds-toggle-button-padding-tiny-round: var(--wds-space-300);
410
- --wds-toggle-button-padding-tiny: var(--wds-space-300);
412
+ --wds-toggle-button-padding-tiny: var(--wds-space-200);
411
413
  --wds-toggle-button-padding-small-round: var(--wds-space-400);
412
- --wds-toggle-button-padding-small: var(--wds-space-400);
414
+ --wds-toggle-button-padding-small: var(--wds-space-300);
413
415
  --wds-toggle-button-padding-medium-round: var(--wds-space-500);
414
416
  --wds-toggle-button-padding-medium: var(--wds-space-300);
415
417
  --wds-toggle-button-padding-large-round: var(--wds-space-600);
@@ -430,8 +432,6 @@
430
432
  --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-25);
431
433
  --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white);
432
434
  --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white);
433
- --wds-toggle-button-inner-shadow-blur-secondary: var(--wds-shadow-blur-25);
434
- --wds-toggle-button-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
435
435
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-blue-400);
436
436
  --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-black-700);
437
437
  --wds-toggle-button-fill-standard-selected: var(--wds-color-blue-500);
@@ -789,6 +789,7 @@
789
789
  --wds-popover-menu-paddings-horizontal: var(--wds-space-200);
790
790
  --wds-popover-menu-border-radius: var(--wds-border-radius-600);
791
791
  --wds-popover-border-width: var(--wds-border-width-none);
792
+ --wds-popover-border-radius: var(--wds-border-radius-600);
792
793
  --wds-popover-border-fill: var(--wds-color-black-100-transparent-0);
793
794
  --wds-palette-border: var(--wds-border-radius-200);
794
795
  --wds-pagination-padding-vertical: var(--wds-space-50);
@@ -1482,7 +1483,7 @@
1482
1483
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1483
1484
  --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1484
1485
  --wds-accordion-inner-content-fill: var(--wds-color-white);
1485
- --wds-accordion-border-radius: var(--wds-border-radius-600);
1486
+ --wds-accordion-border-radius: var(--wds-border-radius-0);
1486
1487
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
1487
1488
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
1488
1489
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
@@ -1540,9 +1541,13 @@
1540
1541
  --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
1541
1542
  --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
1542
1543
  --wds-toggle-switch-fill-error: var(--wds-color-fill-dark-primary);
1544
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
1545
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
1546
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-small);
1547
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-small);
1543
1548
  --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1544
- --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1545
- --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
1549
+ --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-small);
1550
+ --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-small);
1546
1551
  --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
1547
1552
  --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-tiny);
1548
1553
  --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
@@ -1932,8 +1937,10 @@
1932
1937
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1933
1938
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
1934
1939
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
1935
- --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1936
- --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1940
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1941
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-dark-tertiary);
1942
+ --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1943
+ --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
1937
1944
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
1938
1945
  --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
1939
1946
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/odeditor/all.st.css CHANGED
@@ -1,5 +1,7 @@
1
1
  @property st-global(--wds-accordion-background-fill-light);
2
2
  @property st-global(--wds-accordion-background-fill-light-hover);
3
+ @property st-global(--wds-accordion-background-fill-standard);
4
+ @property st-global(--wds-accordion-background-fill-standard-hover);
3
5
  @property st-global(--wds-accordion-border-radius);
4
6
  @property st-global(--wds-accordion-caret-fill);
5
7
  @property st-global(--wds-accordion-caret-fill-hover);
@@ -1253,6 +1255,7 @@
1253
1255
  @property st-global(--wds-pagination-padding-vertical);
1254
1256
  @property st-global(--wds-palette-border);
1255
1257
  @property st-global(--wds-popover-border-fill);
1258
+ @property st-global(--wds-popover-border-radius);
1256
1259
  @property st-global(--wds-popover-border-width);
1257
1260
  @property st-global(--wds-popover-fill);
1258
1261
  @property st-global(--wds-popover-menu-border-radius);
@@ -1867,6 +1870,10 @@
1867
1870
  @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1868
1871
  @property st-global(--wds-toggle-button-shadow-y-tertiary);
1869
1872
  @property st-global(--wds-toggle-button-shadow-y-tertiary-inverted);
1873
+ @property st-global(--wds-toggle-button-square-label-font-size-large);
1874
+ @property st-global(--wds-toggle-button-square-label-font-size-medium);
1875
+ @property st-global(--wds-toggle-button-square-label-font-size-small);
1876
+ @property st-global(--wds-toggle-button-square-label-font-size-tiny);
1870
1877
  @property st-global(--wds-toggle-switch-border-error-disabled);
1871
1878
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1872
1879
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -1986,8 +1993,10 @@
1986
1993
 
1987
1994
  .root {
1988
1995
  --wds-accordion-background-fill-light: #ffffff;
1989
- --wds-accordion-background-fill-light-hover: #eaefff;
1990
- --wds-accordion-border-radius: 12px;
1996
+ --wds-accordion-background-fill-light-hover: #f8f6f6;
1997
+ --wds-accordion-background-fill-standard: #ffffff;
1998
+ --wds-accordion-background-fill-standard-hover: #f8f6f6;
1999
+ --wds-accordion-border-radius: 0px;
1991
2000
  --wds-accordion-caret-fill: #151414;
1992
2001
  --wds-accordion-caret-fill-hover: #151414;
1993
2002
  --wds-accordion-inner-content-fill: #ffffff;
@@ -3240,6 +3249,7 @@
3240
3249
  --wds-pagination-padding-vertical: 2px;
3241
3250
  --wds-palette-border: 4px;
3242
3251
  --wds-popover-border-fill: rgba(19, 23, 32, 0);
3252
+ --wds-popover-border-radius: 12px;
3243
3253
  --wds-popover-border-width: 0px;
3244
3254
  --wds-popover-fill: #ffffff;
3245
3255
  --wds-popover-menu-border-radius: 12px;
@@ -3788,8 +3798,8 @@
3788
3798
  --wds-toggle-button-fill-standard-selected: #eaefff;
3789
3799
  --wds-toggle-button-fill-standard-selected-disabled: #f0efef;
3790
3800
  --wds-toggle-button-fill-standard-selected-hover: #d5dfff;
3791
- --wds-toggle-button-inner-shadow-blur-primary: 2px;
3792
- --wds-toggle-button-inner-shadow-blur-secondary: 2px;
3801
+ --wds-toggle-button-inner-shadow-blur-primary: 1px;
3802
+ --wds-toggle-button-inner-shadow-blur-secondary: 1px;
3793
3803
  --wds-toggle-button-inner-shadow-fill-primary: #ffffff;
3794
3804
  --wds-toggle-button-inner-shadow-fill-secondary: #ffffff;
3795
3805
  --wds-toggle-button-inner-shadow-x-primary: 1px;
@@ -3816,8 +3826,8 @@
3816
3826
  --wds-toggle-button-label-font-line-height-round-small: 16px;
3817
3827
  --wds-toggle-button-label-font-size-round-small: 12px;
3818
3828
  --wds-toggle-button-label-font-size-square-large: 12px;
3819
- --wds-toggle-button-label-font-size-square-medium: 12px;
3820
- --wds-toggle-button-label-font-size-square-small: 12px;
3829
+ --wds-toggle-button-label-font-size-square-medium: 14px;
3830
+ --wds-toggle-button-label-font-size-square-small: 14px;
3821
3831
  --wds-toggle-button-label-font-size-square-tiny: 12px;
3822
3832
  --wds-toggle-button-label-font-weight-pill: 600;
3823
3833
  --wds-toggle-button-label-font-weight-round: 600;
@@ -3826,9 +3836,9 @@
3826
3836
  --wds-toggle-button-padding-large-round: 24px;
3827
3837
  --wds-toggle-button-padding-medium: 12px;
3828
3838
  --wds-toggle-button-padding-medium-round: 20px;
3829
- --wds-toggle-button-padding-small: 16px;
3839
+ --wds-toggle-button-padding-small: 12px;
3830
3840
  --wds-toggle-button-padding-small-round: 16px;
3831
- --wds-toggle-button-padding-tiny: 12px;
3841
+ --wds-toggle-button-padding-tiny: 8px;
3832
3842
  --wds-toggle-button-padding-tiny-round: 12px;
3833
3843
  --wds-toggle-button-shadow-blur-primary: 4px;
3834
3844
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
@@ -3854,6 +3864,10 @@
3854
3864
  --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
3855
3865
  --wds-toggle-button-shadow-y-tertiary: 0.4px;
3856
3866
  --wds-toggle-button-shadow-y-tertiary-inverted: 4px;
3867
+ --wds-toggle-button-square-label-font-size-large: 14px;
3868
+ --wds-toggle-button-square-label-font-size-medium: 14px;
3869
+ --wds-toggle-button-square-label-font-size-small: 12px;
3870
+ --wds-toggle-button-square-label-font-size-tiny: 12px;
3857
3871
  --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
3858
3872
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
3859
3873
  --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
package/odeditor/component.st.css CHANGED
@@ -1,5 +1,7 @@
1
1
  @property st-global(--wds-accordion-background-fill-light);
2
2
  @property st-global(--wds-accordion-background-fill-light-hover);
3
+ @property st-global(--wds-accordion-background-fill-standard);
4
+ @property st-global(--wds-accordion-background-fill-standard-hover);
3
5
  @property st-global(--wds-accordion-border-radius);
4
6
  @property st-global(--wds-accordion-caret-fill);
5
7
  @property st-global(--wds-accordion-caret-fill-hover);
@@ -690,6 +692,7 @@
690
692
  @property st-global(--wds-pagination-padding-vertical);
691
693
  @property st-global(--wds-palette-border);
692
694
  @property st-global(--wds-popover-border-fill);
695
+ @property st-global(--wds-popover-border-radius);
693
696
  @property st-global(--wds-popover-border-width);
694
697
  @property st-global(--wds-popover-fill);
695
698
  @property st-global(--wds-popover-menu-border-radius);
@@ -1154,6 +1157,10 @@
1154
1157
  @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1155
1158
  @property st-global(--wds-toggle-button-shadow-y-tertiary);
1156
1159
  @property st-global(--wds-toggle-button-shadow-y-tertiary-inverted);
1160
+ @property st-global(--wds-toggle-button-square-label-font-size-large);
1161
+ @property st-global(--wds-toggle-button-square-label-font-size-medium);
1162
+ @property st-global(--wds-toggle-button-square-label-font-size-small);
1163
+ @property st-global(--wds-toggle-button-square-label-font-size-tiny);
1157
1164
  @property st-global(--wds-toggle-switch-border-error-disabled);
1158
1165
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1159
1166
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -1271,8 +1278,10 @@
1271
1278
 
1272
1279
  .root {
1273
1280
  --wds-accordion-background-fill-light: #ffffff;
1274
- --wds-accordion-background-fill-light-hover: #eaefff;
1275
- --wds-accordion-border-radius: 12px;
1281
+ --wds-accordion-background-fill-light-hover: #f8f6f6;
1282
+ --wds-accordion-background-fill-standard: #ffffff;
1283
+ --wds-accordion-background-fill-standard-hover: #f8f6f6;
1284
+ --wds-accordion-border-radius: 0px;
1276
1285
  --wds-accordion-caret-fill: #151414;
1277
1286
  --wds-accordion-caret-fill-hover: #151414;
1278
1287
  --wds-accordion-inner-content-fill: #ffffff;
@@ -1962,6 +1971,7 @@
1962
1971
  --wds-pagination-padding-vertical: 2px;
1963
1972
  --wds-palette-border: 4px;
1964
1973
  --wds-popover-border-fill: rgba(19, 23, 32, 0);
1974
+ --wds-popover-border-radius: 12px;
1965
1975
  --wds-popover-border-width: 0px;
1966
1976
  --wds-popover-fill: #ffffff;
1967
1977
  --wds-popover-menu-border-radius: 12px;
@@ -2360,8 +2370,8 @@
2360
2370
  --wds-toggle-button-fill-standard-selected: #eaefff;
2361
2371
  --wds-toggle-button-fill-standard-selected-disabled: #f0efef;
2362
2372
  --wds-toggle-button-fill-standard-selected-hover: #d5dfff;
2363
- --wds-toggle-button-inner-shadow-blur-primary: 2px;
2364
- --wds-toggle-button-inner-shadow-blur-secondary: 2px;
2373
+ --wds-toggle-button-inner-shadow-blur-primary: 1px;
2374
+ --wds-toggle-button-inner-shadow-blur-secondary: 1px;
2365
2375
  --wds-toggle-button-inner-shadow-fill-primary: #ffffff;
2366
2376
  --wds-toggle-button-inner-shadow-fill-secondary: #ffffff;
2367
2377
  --wds-toggle-button-inner-shadow-x-primary: 1px;
@@ -2388,8 +2398,8 @@
2388
2398
  --wds-toggle-button-label-font-line-height-round-small: 16px;
2389
2399
  --wds-toggle-button-label-font-size-round-small: 12px;
2390
2400
  --wds-toggle-button-label-font-size-square-large: 12px;
2391
- --wds-toggle-button-label-font-size-square-medium: 12px;
2392
- --wds-toggle-button-label-font-size-square-small: 12px;
2401
+ --wds-toggle-button-label-font-size-square-medium: 14px;
2402
+ --wds-toggle-button-label-font-size-square-small: 14px;
2393
2403
  --wds-toggle-button-label-font-size-square-tiny: 12px;
2394
2404
  --wds-toggle-button-label-font-weight-pill: 600;
2395
2405
  --wds-toggle-button-label-font-weight-round: 600;
@@ -2398,9 +2408,9 @@
2398
2408
  --wds-toggle-button-padding-large-round: 24px;
2399
2409
  --wds-toggle-button-padding-medium: 12px;
2400
2410
  --wds-toggle-button-padding-medium-round: 20px;
2401
- --wds-toggle-button-padding-small: 16px;
2411
+ --wds-toggle-button-padding-small: 12px;
2402
2412
  --wds-toggle-button-padding-small-round: 16px;
2403
- --wds-toggle-button-padding-tiny: 12px;
2413
+ --wds-toggle-button-padding-tiny: 8px;
2404
2414
  --wds-toggle-button-padding-tiny-round: 12px;
2405
2415
  --wds-toggle-button-shadow-blur-primary: 4px;
2406
2416
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
@@ -2426,6 +2436,10 @@
2426
2436
  --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
2427
2437
  --wds-toggle-button-shadow-y-tertiary: 0.4px;
2428
2438
  --wds-toggle-button-shadow-y-tertiary-inverted: 4px;
2439
+ --wds-toggle-button-square-label-font-size-large: 14px;
2440
+ --wds-toggle-button-square-label-font-size-medium: 14px;
2441
+ --wds-toggle-button-square-label-font-size-small: 12px;
2442
+ --wds-toggle-button-square-label-font-size-tiny: 12px;
2429
2443
  --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
2430
2444
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
2431
2445
  --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.131.0",
3
+ "version": "1.132.0",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -33,5 +33,5 @@
33
33
  "groupId": "com.wixpress"
34
34
  }
35
35
  },
36
- "falconPackageHash": "55909b7c2cd08c1fbd279334a5027106a470efba54a8ed9e9cf4bb40"
36
+ "falconPackageHash": "23e1888561fc2a3576cbe58b0ef0fde68ec19705e1d26a28e93c4e66"
37
37
  }
package/studio/all.css CHANGED
@@ -1528,6 +1528,10 @@
1528
1528
  --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
1529
1529
  --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
1530
1530
  --wds-toggle-switch-fill-error: var(--wds-color-fill-dark-primary);
1531
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
1532
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
1533
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-tiny);
1534
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-tiny);
1531
1535
  --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1532
1536
  --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1533
1537
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
@@ -1968,6 +1972,8 @@
1968
1972
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1969
1973
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
1970
1974
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
1975
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
1976
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-standard-tertiary);
1971
1977
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1972
1978
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1973
1979
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
package/studio/all.scss CHANGED
@@ -1512,6 +1512,10 @@
1512
1512
  --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
1513
1513
  --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
1514
1514
  --wds-toggle-switch-fill-error: var(--wds-color-fill-dark-primary);
1515
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
1516
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
1517
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-tiny);
1518
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-tiny);
1515
1519
  --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1516
1520
  --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1517
1521
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
@@ -1968,6 +1972,8 @@
1968
1972
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1969
1973
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
1970
1974
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
1975
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
1976
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-standard-tertiary);
1971
1977
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1972
1978
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1973
1979
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
package/studio/all.st.css CHANGED
@@ -1,5 +1,7 @@
1
1
  @property st-global(--wds-accordion-background-fill-light);
2
2
  @property st-global(--wds-accordion-background-fill-light-hover);
3
+ @property st-global(--wds-accordion-background-fill-standard);
4
+ @property st-global(--wds-accordion-background-fill-standard-hover);
3
5
  @property st-global(--wds-accordion-border-radius);
4
6
  @property st-global(--wds-accordion-caret-fill);
5
7
  @property st-global(--wds-accordion-caret-fill-hover);
@@ -1889,6 +1891,10 @@
1889
1891
  @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1890
1892
  @property st-global(--wds-toggle-button-shadow-y-tertiary);
1891
1893
  @property st-global(--wds-toggle-button-shadow-y-tertiary-inverted);
1894
+ @property st-global(--wds-toggle-button-square-label-font-size-large);
1895
+ @property st-global(--wds-toggle-button-square-label-font-size-medium);
1896
+ @property st-global(--wds-toggle-button-square-label-font-size-small);
1897
+ @property st-global(--wds-toggle-button-square-label-font-size-tiny);
1892
1898
  @property st-global(--wds-toggle-switch-border-error-disabled);
1893
1899
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1894
1900
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -2021,6 +2027,8 @@
2021
2027
  .root {
2022
2028
  --wds-accordion-background-fill-light: #ffffff;
2023
2029
  --wds-accordion-background-fill-light-hover: #f7f8f8;
2030
+ --wds-accordion-background-fill-standard: #ffffff;
2031
+ --wds-accordion-background-fill-standard-hover: #f7f8f8;
2024
2032
  --wds-accordion-border-radius: 0px;
2025
2033
  --wds-accordion-caret-fill: #42454c;
2026
2034
  --wds-accordion-caret-fill-hover: #42454c;
@@ -3910,6 +3918,10 @@
3910
3918
  --wds-toggle-button-shadow-y-secondary-inverted: 0px;
3911
3919
  --wds-toggle-button-shadow-y-tertiary: 0px;
3912
3920
  --wds-toggle-button-shadow-y-tertiary-inverted: 0px;
3921
+ --wds-toggle-button-square-label-font-size-large: 12px;
3922
+ --wds-toggle-button-square-label-font-size-medium: 12px;
3923
+ --wds-toggle-button-square-label-font-size-small: 12px;
3924
+ --wds-toggle-button-square-label-font-size-tiny: 12px;
3913
3925
  --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
3914
3926
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
3915
3927
  --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
package/studio/component.st.css CHANGED
@@ -1,5 +1,7 @@
1
1
  @property st-global(--wds-accordion-background-fill-light);
2
2
  @property st-global(--wds-accordion-background-fill-light-hover);
3
+ @property st-global(--wds-accordion-background-fill-standard);
4
+ @property st-global(--wds-accordion-background-fill-standard-hover);
3
5
  @property st-global(--wds-accordion-border-radius);
4
6
  @property st-global(--wds-accordion-caret-fill);
5
7
  @property st-global(--wds-accordion-caret-fill-hover);
@@ -1179,6 +1181,10 @@
1179
1181
  @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1180
1182
  @property st-global(--wds-toggle-button-shadow-y-tertiary);
1181
1183
  @property st-global(--wds-toggle-button-shadow-y-tertiary-inverted);
1184
+ @property st-global(--wds-toggle-button-square-label-font-size-large);
1185
+ @property st-global(--wds-toggle-button-square-label-font-size-medium);
1186
+ @property st-global(--wds-toggle-button-square-label-font-size-small);
1187
+ @property st-global(--wds-toggle-button-square-label-font-size-tiny);
1182
1188
  @property st-global(--wds-toggle-switch-border-error-disabled);
1183
1189
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1184
1190
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -1309,6 +1315,8 @@
1309
1315
  .root {
1310
1316
  --wds-accordion-background-fill-light: #ffffff;
1311
1317
  --wds-accordion-background-fill-light-hover: #f7f8f8;
1318
+ --wds-accordion-background-fill-standard: #ffffff;
1319
+ --wds-accordion-background-fill-standard-hover: #f7f8f8;
1312
1320
  --wds-accordion-border-radius: 0px;
1313
1321
  --wds-accordion-caret-fill: #42454c;
1314
1322
  --wds-accordion-caret-fill-hover: #42454c;
@@ -2488,6 +2496,10 @@
2488
2496
  --wds-toggle-button-shadow-y-secondary-inverted: 0px;
2489
2497
  --wds-toggle-button-shadow-y-tertiary: 0px;
2490
2498
  --wds-toggle-button-shadow-y-tertiary-inverted: 0px;
2499
+ --wds-toggle-button-square-label-font-size-large: 12px;
2500
+ --wds-toggle-button-square-label-font-size-medium: 12px;
2501
+ --wds-toggle-button-square-label-font-size-small: 12px;
2502
+ --wds-toggle-button-square-label-font-size-tiny: 12px;
2491
2503
  --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
2492
2504
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
2493
2505
  --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
package/wixel/all.css CHANGED
@@ -1496,6 +1496,10 @@
1496
1496
  --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
1497
1497
  --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
1498
1498
  --wds-toggle-switch-fill-error: var(--wds-color-fill-dark-primary);
1499
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
1500
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
1501
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-tiny);
1502
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-tiny);
1499
1503
  --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1500
1504
  --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1501
1505
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
@@ -1933,6 +1937,8 @@
1933
1937
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1934
1938
  --wds-accordion-caret-fill-hover: var(--wds-color-text-primary);
1935
1939
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
1940
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
1941
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-standard-tertiary);
1936
1942
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary);
1937
1943
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1938
1944
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
package/wixel/all.scss CHANGED
@@ -1482,6 +1482,10 @@
1482
1482
  --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
1483
1483
  --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
1484
1484
  --wds-toggle-switch-fill-error: var(--wds-color-fill-dark-primary);
1485
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
1486
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
1487
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-tiny);
1488
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-tiny);
1485
1489
  --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1486
1490
  --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1487
1491
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
@@ -1933,6 +1937,8 @@
1933
1937
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1934
1938
  --wds-accordion-caret-fill-hover: var(--wds-color-text-primary);
1935
1939
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
1940
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
1941
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-standard-tertiary);
1936
1942
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary);
1937
1943
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1938
1944
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
package/wixel/all.st.css CHANGED
@@ -1,5 +1,7 @@
1
1
  @property st-global(--wds-accordion-background-fill-light);
2
2
  @property st-global(--wds-accordion-background-fill-light-hover);
3
+ @property st-global(--wds-accordion-background-fill-standard);
4
+ @property st-global(--wds-accordion-background-fill-standard-hover);
3
5
  @property st-global(--wds-accordion-border-radius);
4
6
  @property st-global(--wds-accordion-caret-fill);
5
7
  @property st-global(--wds-accordion-caret-fill-hover);
@@ -1860,6 +1862,10 @@
1860
1862
  @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1861
1863
  @property st-global(--wds-toggle-button-shadow-y-tertiary);
1862
1864
  @property st-global(--wds-toggle-button-shadow-y-tertiary-inverted);
1865
+ @property st-global(--wds-toggle-button-square-label-font-size-large);
1866
+ @property st-global(--wds-toggle-button-square-label-font-size-medium);
1867
+ @property st-global(--wds-toggle-button-square-label-font-size-small);
1868
+ @property st-global(--wds-toggle-button-square-label-font-size-tiny);
1863
1869
  @property st-global(--wds-toggle-switch-border-error-disabled);
1864
1870
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1865
1871
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -1992,6 +1998,8 @@
1992
1998
  .root {
1993
1999
  --wds-accordion-background-fill-light: #ffffff;
1994
2000
  --wds-accordion-background-fill-light-hover: #ffffff;
2001
+ --wds-accordion-background-fill-standard: #ffffff;
2002
+ --wds-accordion-background-fill-standard-hover: #f4f6ff;
1995
2003
  --wds-accordion-border-radius: 0px;
1996
2004
  --wds-accordion-caret-fill: #000624;
1997
2005
  --wds-accordion-caret-fill-hover: #4a57ff;
@@ -3852,6 +3860,10 @@
3852
3860
  --wds-toggle-button-shadow-y-secondary-inverted: 0px;
3853
3861
  --wds-toggle-button-shadow-y-tertiary: 0px;
3854
3862
  --wds-toggle-button-shadow-y-tertiary-inverted: 0px;
3863
+ --wds-toggle-button-square-label-font-size-large: 12px;
3864
+ --wds-toggle-button-square-label-font-size-medium: 12px;
3865
+ --wds-toggle-button-square-label-font-size-small: 12px;
3866
+ --wds-toggle-button-square-label-font-size-tiny: 12px;
3855
3867
  --wds-toggle-switch-border-error-disabled: rgba(38, 37, 36, 0.0000);
3856
3868
  --wds-toggle-switch-border-standard-disabled: rgba(38, 37, 36, 0.0000);
3857
3869
  --wds-toggle-switch-border-success-disabled: rgba(38, 37, 36, 0.0000);
package/wixel/component.st.css CHANGED
@@ -1,5 +1,7 @@
1
1
  @property st-global(--wds-accordion-background-fill-light);
2
2
  @property st-global(--wds-accordion-background-fill-light-hover);
3
+ @property st-global(--wds-accordion-background-fill-standard);
4
+ @property st-global(--wds-accordion-background-fill-standard-hover);
3
5
  @property st-global(--wds-accordion-border-radius);
4
6
  @property st-global(--wds-accordion-caret-fill);
5
7
  @property st-global(--wds-accordion-caret-fill-hover);
@@ -1162,6 +1164,10 @@
1162
1164
  @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1163
1165
  @property st-global(--wds-toggle-button-shadow-y-tertiary);
1164
1166
  @property st-global(--wds-toggle-button-shadow-y-tertiary-inverted);
1167
+ @property st-global(--wds-toggle-button-square-label-font-size-large);
1168
+ @property st-global(--wds-toggle-button-square-label-font-size-medium);
1169
+ @property st-global(--wds-toggle-button-square-label-font-size-small);
1170
+ @property st-global(--wds-toggle-button-square-label-font-size-tiny);
1165
1171
  @property st-global(--wds-toggle-switch-border-error-disabled);
1166
1172
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1167
1173
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -1292,6 +1298,8 @@
1292
1298
  .root {
1293
1299
  --wds-accordion-background-fill-light: #ffffff;
1294
1300
  --wds-accordion-background-fill-light-hover: #ffffff;
1301
+ --wds-accordion-background-fill-standard: #ffffff;
1302
+ --wds-accordion-background-fill-standard-hover: #f4f6ff;
1295
1303
  --wds-accordion-border-radius: 0px;
1296
1304
  --wds-accordion-caret-fill: #000624;
1297
1305
  --wds-accordion-caret-fill-hover: #4a57ff;
@@ -2454,6 +2462,10 @@
2454
2462
  --wds-toggle-button-shadow-y-secondary-inverted: 0px;
2455
2463
  --wds-toggle-button-shadow-y-tertiary: 0px;
2456
2464
  --wds-toggle-button-shadow-y-tertiary-inverted: 0px;
2465
+ --wds-toggle-button-square-label-font-size-large: 12px;
2466
+ --wds-toggle-button-square-label-font-size-medium: 12px;
2467
+ --wds-toggle-button-square-label-font-size-small: 12px;
2468
+ --wds-toggle-button-square-label-font-size-tiny: 12px;
2457
2469
  --wds-toggle-switch-border-error-disabled: rgba(38, 37, 36, 0.0000);
2458
2470
  --wds-toggle-switch-border-standard-disabled: rgba(38, 37, 36, 0.0000);
2459
2471
  --wds-toggle-switch-border-success-disabled: rgba(38, 37, 36, 0.0000);