@wix/design-system-tokens 1.131.1 → 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 +15 -9
  7. package/odeditor/all.scss +15 -9
  8. package/odeditor/all.st.css +20 -8
  9. package/odeditor/component.st.css +20 -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);
@@ -1483,7 +1483,7 @@
1483
1483
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1484
1484
  --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1485
1485
  --wds-accordion-inner-content-fill: var(--wds-color-white);
1486
- --wds-accordion-border-radius: var(--wds-border-radius-600);
1486
+ --wds-accordion-border-radius: var(--wds-border-radius-0);
1487
1487
  --wds-shadow-surface-raised: var(--wds-shadow-200);
1488
1488
  --wds-shadow-surface-overlay-dark: var(--wds-shadow-300);
1489
1489
  --wds-shadow-surface-overlay: var(--wds-shadow-300);
@@ -1559,9 +1559,13 @@
1559
1559
  --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
1560
1560
  --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
1561
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);
1562
1566
  --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1563
- --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1564
- --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);
1565
1569
  --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
1566
1570
  --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-tiny);
1567
1571
  --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
@@ -1933,8 +1937,10 @@
1933
1937
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1934
1938
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
1935
1939
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
1936
- --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1937
- --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);
1938
1944
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
1939
1945
  --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
1940
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);
@@ -1483,7 +1483,7 @@
1483
1483
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1484
1484
  --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1485
1485
  --wds-accordion-inner-content-fill: var(--wds-color-white);
1486
- --wds-accordion-border-radius: var(--wds-border-radius-600);
1486
+ --wds-accordion-border-radius: var(--wds-border-radius-0);
1487
1487
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
1488
1488
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
1489
1489
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
@@ -1541,9 +1541,13 @@
1541
1541
  --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
1542
1542
  --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
1543
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);
1544
1548
  --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1545
- --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1546
- --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);
1547
1551
  --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
1548
1552
  --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-tiny);
1549
1553
  --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
@@ -1933,8 +1937,10 @@
1933
1937
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1934
1938
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
1935
1939
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
1936
- --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1937
- --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);
1938
1944
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
1939
1945
  --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
1940
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);
@@ -1868,6 +1870,10 @@
1868
1870
  @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1869
1871
  @property st-global(--wds-toggle-button-shadow-y-tertiary);
1870
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);
1871
1877
  @property st-global(--wds-toggle-switch-border-error-disabled);
1872
1878
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1873
1879
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -1987,8 +1993,10 @@
1987
1993
 
1988
1994
  .root {
1989
1995
  --wds-accordion-background-fill-light: #ffffff;
1990
- --wds-accordion-background-fill-light-hover: #eaefff;
1991
- --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;
1992
2000
  --wds-accordion-caret-fill: #151414;
1993
2001
  --wds-accordion-caret-fill-hover: #151414;
1994
2002
  --wds-accordion-inner-content-fill: #ffffff;
@@ -3790,8 +3798,8 @@
3790
3798
  --wds-toggle-button-fill-standard-selected: #eaefff;
3791
3799
  --wds-toggle-button-fill-standard-selected-disabled: #f0efef;
3792
3800
  --wds-toggle-button-fill-standard-selected-hover: #d5dfff;
3793
- --wds-toggle-button-inner-shadow-blur-primary: 2px;
3794
- --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;
3795
3803
  --wds-toggle-button-inner-shadow-fill-primary: #ffffff;
3796
3804
  --wds-toggle-button-inner-shadow-fill-secondary: #ffffff;
3797
3805
  --wds-toggle-button-inner-shadow-x-primary: 1px;
@@ -3818,8 +3826,8 @@
3818
3826
  --wds-toggle-button-label-font-line-height-round-small: 16px;
3819
3827
  --wds-toggle-button-label-font-size-round-small: 12px;
3820
3828
  --wds-toggle-button-label-font-size-square-large: 12px;
3821
- --wds-toggle-button-label-font-size-square-medium: 12px;
3822
- --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;
3823
3831
  --wds-toggle-button-label-font-size-square-tiny: 12px;
3824
3832
  --wds-toggle-button-label-font-weight-pill: 600;
3825
3833
  --wds-toggle-button-label-font-weight-round: 600;
@@ -3828,9 +3836,9 @@
3828
3836
  --wds-toggle-button-padding-large-round: 24px;
3829
3837
  --wds-toggle-button-padding-medium: 12px;
3830
3838
  --wds-toggle-button-padding-medium-round: 20px;
3831
- --wds-toggle-button-padding-small: 16px;
3839
+ --wds-toggle-button-padding-small: 12px;
3832
3840
  --wds-toggle-button-padding-small-round: 16px;
3833
- --wds-toggle-button-padding-tiny: 12px;
3841
+ --wds-toggle-button-padding-tiny: 8px;
3834
3842
  --wds-toggle-button-padding-tiny-round: 12px;
3835
3843
  --wds-toggle-button-shadow-blur-primary: 4px;
3836
3844
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
@@ -3856,6 +3864,10 @@
3856
3864
  --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
3857
3865
  --wds-toggle-button-shadow-y-tertiary: 0.4px;
3858
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;
3859
3871
  --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
3860
3872
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
3861
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);
@@ -1155,6 +1157,10 @@
1155
1157
  @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1156
1158
  @property st-global(--wds-toggle-button-shadow-y-tertiary);
1157
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);
1158
1164
  @property st-global(--wds-toggle-switch-border-error-disabled);
1159
1165
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1160
1166
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -1272,8 +1278,10 @@
1272
1278
 
1273
1279
  .root {
1274
1280
  --wds-accordion-background-fill-light: #ffffff;
1275
- --wds-accordion-background-fill-light-hover: #eaefff;
1276
- --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;
1277
1285
  --wds-accordion-caret-fill: #151414;
1278
1286
  --wds-accordion-caret-fill-hover: #151414;
1279
1287
  --wds-accordion-inner-content-fill: #ffffff;
@@ -2362,8 +2370,8 @@
2362
2370
  --wds-toggle-button-fill-standard-selected: #eaefff;
2363
2371
  --wds-toggle-button-fill-standard-selected-disabled: #f0efef;
2364
2372
  --wds-toggle-button-fill-standard-selected-hover: #d5dfff;
2365
- --wds-toggle-button-inner-shadow-blur-primary: 2px;
2366
- --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;
2367
2375
  --wds-toggle-button-inner-shadow-fill-primary: #ffffff;
2368
2376
  --wds-toggle-button-inner-shadow-fill-secondary: #ffffff;
2369
2377
  --wds-toggle-button-inner-shadow-x-primary: 1px;
@@ -2390,8 +2398,8 @@
2390
2398
  --wds-toggle-button-label-font-line-height-round-small: 16px;
2391
2399
  --wds-toggle-button-label-font-size-round-small: 12px;
2392
2400
  --wds-toggle-button-label-font-size-square-large: 12px;
2393
- --wds-toggle-button-label-font-size-square-medium: 12px;
2394
- --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;
2395
2403
  --wds-toggle-button-label-font-size-square-tiny: 12px;
2396
2404
  --wds-toggle-button-label-font-weight-pill: 600;
2397
2405
  --wds-toggle-button-label-font-weight-round: 600;
@@ -2400,9 +2408,9 @@
2400
2408
  --wds-toggle-button-padding-large-round: 24px;
2401
2409
  --wds-toggle-button-padding-medium: 12px;
2402
2410
  --wds-toggle-button-padding-medium-round: 20px;
2403
- --wds-toggle-button-padding-small: 16px;
2411
+ --wds-toggle-button-padding-small: 12px;
2404
2412
  --wds-toggle-button-padding-small-round: 16px;
2405
- --wds-toggle-button-padding-tiny: 12px;
2413
+ --wds-toggle-button-padding-tiny: 8px;
2406
2414
  --wds-toggle-button-padding-tiny-round: 12px;
2407
2415
  --wds-toggle-button-shadow-blur-primary: 4px;
2408
2416
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
@@ -2428,6 +2436,10 @@
2428
2436
  --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
2429
2437
  --wds-toggle-button-shadow-y-tertiary: 0.4px;
2430
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;
2431
2443
  --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
2432
2444
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
2433
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.1",
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": "15c28a628db8c3a2ecad8e9e7b1d3bba0dc60f86e8574850e20a5a82"
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);