@wix/design-system-tokens 1.79.0 → 1.81.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 (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/all.css +11 -3
  3. package/all.st.css +19 -3
  4. package/component.st.css +19 -3
  5. package/package.json +2 -2
  6. package/studio/all.css +11 -3
  7. package/studio/all.st.css +19 -3
  8. package/studio/component.st.css +19 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ ## 1.81.0 - 2025-03-05
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(Input): change menu Arrow Icon color in studio theme [14579](https://github.com/wix-private/wix-design-systems/pull/14579)
6
+
7
+ ## 1.80.0 - 2025-03-04
8
+
9
+ ### Visual Breaking Changes
10
+
11
+ - breaking(ListItemSection): list-item-section font size change in studio theme [14558](https://github.com/wix-private/wix-design-systems/pull/14558)
12
+ - breaking(ColorPicker): tokenization [14568](https://github.com/wix-private/wix-design-systems/pull/14568)
13
+
1
14
  ## 1.79.0 - 2025-02-27
2
15
 
3
16
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -121,6 +121,9 @@
121
121
  --wds-close-button-standard-filled-text: #116dff;
122
122
  --wds-close-button-standard-filled-text-disabled: #ffffff;
123
123
  --wds-close-button-standard-filled-text-hover: #116dff;
124
+ --wds-color-picker-padding-horizontal: 18px;
125
+ --wds-color-picker-padding-vertical: 12px;
126
+ --wds-color-picker-width: 240px;
124
127
  --wds-composer-sidebar-bottom-width: 90px;
125
128
  --wds-composer-sidebar-end-max-width: 240px;
126
129
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 6px;
@@ -167,6 +170,7 @@
167
170
  --wds-dock-foreground-fill-hover: #5999ff;
168
171
  --wds-dropdown-layout-option-size-big: 48px;
169
172
  --wds-dropdown-layout-option-size-small: 36px;
173
+ --wds-dropdown-icon-fill: #116dff;
170
174
  --wds-empty-state-border-radius: 8px;
171
175
  --wds-empty-state-page-content-paddings: 18px;
172
176
  --wds-empty-state-section-content-paddings: 15px;
@@ -266,6 +270,8 @@
266
270
  --wds-list-item-action-padding-vertical-medium-screen-small: 12px;
267
271
  --wds-list-item-action-padding-vertical-small: 6px;
268
272
  --wds-list-item-action-padding-vertical-small-screen-small: 12px;
273
+ --wds-list-item-section-font-size: 14px;
274
+ --wds-list-item-section-line-height: 18px;
269
275
  --wds-list-item-section-padding-horizontal: 24px;
270
276
  --wds-list-item-select-active-fill: #116dff;
271
277
  --wds-list-item-select-active-fill-active: #084ebd;
@@ -527,9 +533,11 @@
527
533
  --wds-swatches-swatch-active-border-radius-small: 5px;
528
534
  --wds-swatches-swatch-border-radius-medium: 6px;
529
535
  --wds-swatches-swatch-border-radius-small: 2px;
530
- --wds-swatches-swatch-size-large: 30px;
531
- --wds-swatches-swatch-size-medium: 24px;
532
- --wds-swatches-swatch-size-small: 18px;
536
+ --wds-swatches-swatch-size-large: 42px;
537
+ --wds-swatches-swatch-size-medium: 36px;
538
+ --wds-swatches-swatch-size-small: 30px;
539
+ --wds-swatches-swatch-size-tiny: 24px;
540
+ --wds-swatches-swatch-size-x-tiny: 18px;
533
541
  --wds-tabs-gap-medium: 6px;
534
542
  --wds-tabs-gap-small: 6px;
535
543
  --wds-tabs-label-font-size-small: 14px;
package/all.st.css CHANGED
@@ -466,6 +466,9 @@
466
466
  @property st-global(--wds-color-orange-400);
467
467
  @property st-global(--wds-color-orange-500);
468
468
  @property st-global(--wds-color-orange-600);
469
+ @property st-global(--wds-color-picker-padding-horizontal);
470
+ @property st-global(--wds-color-picker-padding-vertical);
471
+ @property st-global(--wds-color-picker-width);
469
472
  @property st-global(--wds-color-purple-0);
470
473
  @property st-global(--wds-color-purple-50);
471
474
  @property st-global(--wds-color-purple-100);
@@ -561,6 +564,7 @@
561
564
  @property st-global(--wds-dock-foreground-fill-active);
562
565
  @property st-global(--wds-dock-foreground-fill-disabled);
563
566
  @property st-global(--wds-dock-foreground-fill-hover);
567
+ @property st-global(--wds-dropdown-icon-fill);
564
568
  @property st-global(--wds-dropdown-layout-option-size-big);
565
569
  @property st-global(--wds-dropdown-layout-option-size-small);
566
570
  @property st-global(--wds-empty-state-border-radius);
@@ -714,6 +718,8 @@
714
718
  @property st-global(--wds-list-item-padding-vertical-tiny);
715
719
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
716
720
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
721
+ @property st-global(--wds-list-item-section-font-size);
722
+ @property st-global(--wds-list-item-section-line-height);
717
723
  @property st-global(--wds-list-item-section-padding-horizontal);
718
724
  @property st-global(--wds-list-item-select-active-fill);
719
725
  @property st-global(--wds-list-item-select-active-fill-active);
@@ -1044,6 +1050,8 @@
1044
1050
  @property st-global(--wds-swatches-swatch-size-large);
1045
1051
  @property st-global(--wds-swatches-swatch-size-medium);
1046
1052
  @property st-global(--wds-swatches-swatch-size-small);
1053
+ @property st-global(--wds-swatches-swatch-size-tiny);
1054
+ @property st-global(--wds-swatches-swatch-size-x-tiny);
1047
1055
  @property st-global(--wds-tabs-gap-medium);
1048
1056
  @property st-global(--wds-tabs-gap-small);
1049
1057
  @property st-global(--wds-tabs-label-font-size-small);
@@ -1659,6 +1667,9 @@
1659
1667
  --wds-color-orange-400: #fddbc8;
1660
1668
  --wds-color-orange-500: #fee5d7;
1661
1669
  --wds-color-orange-600: #feefe6;
1670
+ --wds-color-picker-padding-horizontal: 18px;
1671
+ --wds-color-picker-padding-vertical: 12px;
1672
+ --wds-color-picker-width: 240px;
1662
1673
  --wds-color-purple-0: #7416a5;
1663
1674
  --wds-color-purple-50: #8e1dd1;
1664
1675
  --wds-color-purple-100: #9a27d5;
@@ -1754,6 +1765,7 @@
1754
1765
  --wds-dock-foreground-fill-active: #116dff;
1755
1766
  --wds-dock-foreground-fill-disabled: rgba(0, 6, 36, .3);
1756
1767
  --wds-dock-foreground-fill-hover: #5999ff;
1768
+ --wds-dropdown-icon-fill: #116dff;
1757
1769
  --wds-dropdown-layout-option-size-big: 48px;
1758
1770
  --wds-dropdown-layout-option-size-small: 36px;
1759
1771
  --wds-empty-state-border-radius: 8px;
@@ -1907,6 +1919,8 @@
1907
1919
  --wds-list-item-padding-vertical-tiny: 12px;
1908
1920
  --wds-list-item-padding-vertical-x-tiny: 6px;
1909
1921
  --wds-list-item-padding-vertical-xx-tiny: 3px;
1922
+ --wds-list-item-section-font-size: 14px;
1923
+ --wds-list-item-section-line-height: 18px;
1910
1924
  --wds-list-item-section-padding-horizontal: 24px;
1911
1925
  --wds-list-item-select-active-fill: #116dff;
1912
1926
  --wds-list-item-select-active-fill-active: #084ebd;
@@ -2234,9 +2248,11 @@
2234
2248
  --wds-swatches-swatch-active-border-radius-small: 5px;
2235
2249
  --wds-swatches-swatch-border-radius-medium: 6px;
2236
2250
  --wds-swatches-swatch-border-radius-small: 2px;
2237
- --wds-swatches-swatch-size-large: 30px;
2238
- --wds-swatches-swatch-size-medium: 24px;
2239
- --wds-swatches-swatch-size-small: 18px;
2251
+ --wds-swatches-swatch-size-large: 42px;
2252
+ --wds-swatches-swatch-size-medium: 36px;
2253
+ --wds-swatches-swatch-size-small: 30px;
2254
+ --wds-swatches-swatch-size-tiny: 24px;
2255
+ --wds-swatches-swatch-size-x-tiny: 18px;
2240
2256
  --wds-tabs-gap-medium: 6px;
2241
2257
  --wds-tabs-gap-small: 6px;
2242
2258
  --wds-tabs-label-font-size-small: 14px;
package/component.st.css CHANGED
@@ -120,6 +120,9 @@
120
120
  @property st-global(--wds-close-button-standard-filled-text);
121
121
  @property st-global(--wds-close-button-standard-filled-text-disabled);
122
122
  @property st-global(--wds-close-button-standard-filled-text-hover);
123
+ @property st-global(--wds-color-picker-padding-horizontal);
124
+ @property st-global(--wds-color-picker-padding-vertical);
125
+ @property st-global(--wds-color-picker-width);
123
126
  @property st-global(--wds-composer-sidebar-bottom-width);
124
127
  @property st-global(--wds-composer-sidebar-end-max-width);
125
128
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
@@ -164,6 +167,7 @@
164
167
  @property st-global(--wds-dock-foreground-fill-active);
165
168
  @property st-global(--wds-dock-foreground-fill-disabled);
166
169
  @property st-global(--wds-dock-foreground-fill-hover);
170
+ @property st-global(--wds-dropdown-icon-fill);
167
171
  @property st-global(--wds-dropdown-layout-option-size-big);
168
172
  @property st-global(--wds-dropdown-layout-option-size-small);
169
173
  @property st-global(--wds-empty-state-border-radius);
@@ -265,6 +269,8 @@
265
269
  @property st-global(--wds-list-item-padding-vertical-tiny);
266
270
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
267
271
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
272
+ @property st-global(--wds-list-item-section-font-size);
273
+ @property st-global(--wds-list-item-section-line-height);
268
274
  @property st-global(--wds-list-item-section-padding-horizontal);
269
275
  @property st-global(--wds-list-item-select-active-fill);
270
276
  @property st-global(--wds-list-item-select-active-fill-active);
@@ -529,6 +535,8 @@
529
535
  @property st-global(--wds-swatches-swatch-size-large);
530
536
  @property st-global(--wds-swatches-swatch-size-medium);
531
537
  @property st-global(--wds-swatches-swatch-size-small);
538
+ @property st-global(--wds-swatches-swatch-size-tiny);
539
+ @property st-global(--wds-swatches-swatch-size-x-tiny);
532
540
  @property st-global(--wds-tabs-gap-medium);
533
541
  @property st-global(--wds-tabs-gap-small);
534
542
  @property st-global(--wds-tabs-label-font-size-small);
@@ -798,6 +806,9 @@
798
806
  --wds-close-button-standard-filled-text: #116dff;
799
807
  --wds-close-button-standard-filled-text-disabled: #ffffff;
800
808
  --wds-close-button-standard-filled-text-hover: #116dff;
809
+ --wds-color-picker-padding-horizontal: 18px;
810
+ --wds-color-picker-padding-vertical: 12px;
811
+ --wds-color-picker-width: 240px;
801
812
  --wds-composer-sidebar-bottom-width: 90px;
802
813
  --wds-composer-sidebar-end-max-width: 240px;
803
814
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 6px;
@@ -842,6 +853,7 @@
842
853
  --wds-dock-foreground-fill-active: #116dff;
843
854
  --wds-dock-foreground-fill-disabled: rgba(0, 6, 36, .3);
844
855
  --wds-dock-foreground-fill-hover: #5999ff;
856
+ --wds-dropdown-icon-fill: #116dff;
845
857
  --wds-dropdown-layout-option-size-big: 48px;
846
858
  --wds-dropdown-layout-option-size-small: 36px;
847
859
  --wds-empty-state-border-radius: 8px;
@@ -943,6 +955,8 @@
943
955
  --wds-list-item-padding-vertical-tiny: 12px;
944
956
  --wds-list-item-padding-vertical-x-tiny: 6px;
945
957
  --wds-list-item-padding-vertical-xx-tiny: 3px;
958
+ --wds-list-item-section-font-size: 14px;
959
+ --wds-list-item-section-line-height: 18px;
946
960
  --wds-list-item-section-padding-horizontal: 24px;
947
961
  --wds-list-item-select-active-fill: #116dff;
948
962
  --wds-list-item-select-active-fill-active: #084ebd;
@@ -1204,9 +1218,11 @@
1204
1218
  --wds-swatches-swatch-active-border-radius-small: 5px;
1205
1219
  --wds-swatches-swatch-border-radius-medium: 6px;
1206
1220
  --wds-swatches-swatch-border-radius-small: 2px;
1207
- --wds-swatches-swatch-size-large: 30px;
1208
- --wds-swatches-swatch-size-medium: 24px;
1209
- --wds-swatches-swatch-size-small: 18px;
1221
+ --wds-swatches-swatch-size-large: 42px;
1222
+ --wds-swatches-swatch-size-medium: 36px;
1223
+ --wds-swatches-swatch-size-small: 30px;
1224
+ --wds-swatches-swatch-size-tiny: 24px;
1225
+ --wds-swatches-swatch-size-x-tiny: 18px;
1210
1226
  --wds-tabs-gap-medium: 6px;
1211
1227
  --wds-tabs-gap-small: 6px;
1212
1228
  --wds-tabs-label-font-size-small: 14px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.79.0",
3
+ "version": "1.81.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": "dd3f7d4e52947c51074f58951bdfeba3c3976efef6bce4f8027520f2"
36
+ "falconPackageHash": "8f31f35253971db13575bb027e38ef6f03f590bd4b248450dff81274"
37
37
  }
package/studio/all.css CHANGED
@@ -121,6 +121,9 @@
121
121
  --wds-close-button-standard-filled-text: #ffffff;
122
122
  --wds-close-button-standard-filled-text-disabled: #ffffff;
123
123
  --wds-close-button-standard-filled-text-hover: #ffffff;
124
+ --wds-color-picker-padding-horizontal: 16px;
125
+ --wds-color-picker-padding-vertical: 12px;
126
+ --wds-color-picker-width: 236px;
124
127
  --wds-composer-sidebar-bottom-width: 88px;
125
128
  --wds-composer-sidebar-end-max-width: 240px;
126
129
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
@@ -167,6 +170,7 @@
167
170
  --wds-dock-foreground-fill-hover: #dce9ff;
168
171
  --wds-dropdown-layout-option-size-big: 40px;
169
172
  --wds-dropdown-layout-option-size-small: 32px;
173
+ --wds-dropdown-icon-fill: #42454c;
170
174
  --wds-empty-state-border-radius: 4px;
171
175
  --wds-empty-state-page-content-paddings: 24px;
172
176
  --wds-empty-state-section-content-paddings: 24px;
@@ -266,6 +270,8 @@
266
270
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
267
271
  --wds-list-item-action-padding-vertical-small: 4px;
268
272
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
273
+ --wds-list-item-section-font-size: 12px;
274
+ --wds-list-item-section-line-height: 16px;
269
275
  --wds-list-item-section-padding-horizontal: 16px;
270
276
  --wds-list-item-select-active-fill: #dce9ff;
271
277
  --wds-list-item-select-active-fill-active: #dce9ff;
@@ -526,9 +532,11 @@
526
532
  --wds-swatches-swatch-active-border-radius-small: 5px;
527
533
  --wds-swatches-swatch-border-radius-medium: 4px;
528
534
  --wds-swatches-swatch-border-radius-small: 2px;
529
- --wds-swatches-swatch-size-large: 28px;
530
- --wds-swatches-swatch-size-medium: 24px;
531
- --wds-swatches-swatch-size-small: 18px;
535
+ --wds-swatches-swatch-size-large: 36px;
536
+ --wds-swatches-swatch-size-medium: 32px;
537
+ --wds-swatches-swatch-size-small: 28px;
538
+ --wds-swatches-swatch-size-tiny: 24px;
539
+ --wds-swatches-swatch-size-x-tiny: 18px;
532
540
  --wds-tabs-gap-medium: 8px;
533
541
  --wds-tabs-gap-small: 6px;
534
542
  --wds-tabs-label-font-size-small: 12px;
package/studio/all.st.css CHANGED
@@ -462,6 +462,9 @@
462
462
  @property st-global(--wds-color-orange-400);
463
463
  @property st-global(--wds-color-orange-500);
464
464
  @property st-global(--wds-color-orange-600);
465
+ @property st-global(--wds-color-picker-padding-horizontal);
466
+ @property st-global(--wds-color-picker-padding-vertical);
467
+ @property st-global(--wds-color-picker-width);
465
468
  @property st-global(--wds-color-purple-0);
466
469
  @property st-global(--wds-color-purple-50);
467
470
  @property st-global(--wds-color-purple-100);
@@ -557,6 +560,7 @@
557
560
  @property st-global(--wds-dock-foreground-fill-active);
558
561
  @property st-global(--wds-dock-foreground-fill-disabled);
559
562
  @property st-global(--wds-dock-foreground-fill-hover);
563
+ @property st-global(--wds-dropdown-icon-fill);
560
564
  @property st-global(--wds-dropdown-layout-option-size-big);
561
565
  @property st-global(--wds-dropdown-layout-option-size-small);
562
566
  @property st-global(--wds-empty-state-border-radius);
@@ -710,6 +714,8 @@
710
714
  @property st-global(--wds-list-item-padding-vertical-tiny);
711
715
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
712
716
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
717
+ @property st-global(--wds-list-item-section-font-size);
718
+ @property st-global(--wds-list-item-section-line-height);
713
719
  @property st-global(--wds-list-item-section-padding-horizontal);
714
720
  @property st-global(--wds-list-item-select-active-fill);
715
721
  @property st-global(--wds-list-item-select-active-fill-active);
@@ -1039,6 +1045,8 @@
1039
1045
  @property st-global(--wds-swatches-swatch-size-large);
1040
1046
  @property st-global(--wds-swatches-swatch-size-medium);
1041
1047
  @property st-global(--wds-swatches-swatch-size-small);
1048
+ @property st-global(--wds-swatches-swatch-size-tiny);
1049
+ @property st-global(--wds-swatches-swatch-size-x-tiny);
1042
1050
  @property st-global(--wds-tabs-gap-medium);
1043
1051
  @property st-global(--wds-tabs-gap-small);
1044
1052
  @property st-global(--wds-tabs-label-font-size-small);
@@ -1650,6 +1658,9 @@
1650
1658
  --wds-color-orange-400: #fdd7cc;
1651
1659
  --wds-color-orange-500: #fee8e1;
1652
1660
  --wds-color-orange-600: #feefea;
1661
+ --wds-color-picker-padding-horizontal: 16px;
1662
+ --wds-color-picker-padding-vertical: 12px;
1663
+ --wds-color-picker-width: 236px;
1653
1664
  --wds-color-purple-0: #7927a3;
1654
1665
  --wds-color-purple-50: #8e1dd1;
1655
1666
  --wds-color-purple-100: #9a27d5;
@@ -1745,6 +1756,7 @@
1745
1756
  --wds-dock-foreground-fill-active: #116dff;
1746
1757
  --wds-dock-foreground-fill-disabled: #bebebe;
1747
1758
  --wds-dock-foreground-fill-hover: #dce9ff;
1759
+ --wds-dropdown-icon-fill: #42454c;
1748
1760
  --wds-dropdown-layout-option-size-big: 40px;
1749
1761
  --wds-dropdown-layout-option-size-small: 32px;
1750
1762
  --wds-empty-state-border-radius: 4px;
@@ -1898,6 +1910,8 @@
1898
1910
  --wds-list-item-padding-vertical-tiny: 12px;
1899
1911
  --wds-list-item-padding-vertical-x-tiny: 8px;
1900
1912
  --wds-list-item-padding-vertical-xx-tiny: 4px;
1913
+ --wds-list-item-section-font-size: 12px;
1914
+ --wds-list-item-section-line-height: 16px;
1901
1915
  --wds-list-item-section-padding-horizontal: 16px;
1902
1916
  --wds-list-item-select-active-fill: #dce9ff;
1903
1917
  --wds-list-item-select-active-fill-active: #dce9ff;
@@ -2224,9 +2238,11 @@
2224
2238
  --wds-swatches-swatch-active-border-radius-small: 5px;
2225
2239
  --wds-swatches-swatch-border-radius-medium: 4px;
2226
2240
  --wds-swatches-swatch-border-radius-small: 2px;
2227
- --wds-swatches-swatch-size-large: 28px;
2228
- --wds-swatches-swatch-size-medium: 24px;
2229
- --wds-swatches-swatch-size-small: 18px;
2241
+ --wds-swatches-swatch-size-large: 36px;
2242
+ --wds-swatches-swatch-size-medium: 32px;
2243
+ --wds-swatches-swatch-size-small: 28px;
2244
+ --wds-swatches-swatch-size-tiny: 24px;
2245
+ --wds-swatches-swatch-size-x-tiny: 18px;
2230
2246
  --wds-tabs-gap-medium: 8px;
2231
2247
  --wds-tabs-gap-small: 6px;
2232
2248
  --wds-tabs-label-font-size-small: 12px;
package/studio/component.st.css CHANGED
@@ -120,6 +120,9 @@
120
120
  @property st-global(--wds-close-button-standard-filled-text);
121
121
  @property st-global(--wds-close-button-standard-filled-text-disabled);
122
122
  @property st-global(--wds-close-button-standard-filled-text-hover);
123
+ @property st-global(--wds-color-picker-padding-horizontal);
124
+ @property st-global(--wds-color-picker-padding-vertical);
125
+ @property st-global(--wds-color-picker-width);
123
126
  @property st-global(--wds-composer-sidebar-bottom-width);
124
127
  @property st-global(--wds-composer-sidebar-end-max-width);
125
128
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
@@ -164,6 +167,7 @@
164
167
  @property st-global(--wds-dock-foreground-fill-active);
165
168
  @property st-global(--wds-dock-foreground-fill-disabled);
166
169
  @property st-global(--wds-dock-foreground-fill-hover);
170
+ @property st-global(--wds-dropdown-icon-fill);
167
171
  @property st-global(--wds-dropdown-layout-option-size-big);
168
172
  @property st-global(--wds-dropdown-layout-option-size-small);
169
173
  @property st-global(--wds-empty-state-border-radius);
@@ -265,6 +269,8 @@
265
269
  @property st-global(--wds-list-item-padding-vertical-tiny);
266
270
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
267
271
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
272
+ @property st-global(--wds-list-item-section-font-size);
273
+ @property st-global(--wds-list-item-section-line-height);
268
274
  @property st-global(--wds-list-item-section-padding-horizontal);
269
275
  @property st-global(--wds-list-item-select-active-fill);
270
276
  @property st-global(--wds-list-item-select-active-fill-active);
@@ -528,6 +534,8 @@
528
534
  @property st-global(--wds-swatches-swatch-size-large);
529
535
  @property st-global(--wds-swatches-swatch-size-medium);
530
536
  @property st-global(--wds-swatches-swatch-size-small);
537
+ @property st-global(--wds-swatches-swatch-size-tiny);
538
+ @property st-global(--wds-swatches-swatch-size-x-tiny);
531
539
  @property st-global(--wds-tabs-gap-medium);
532
540
  @property st-global(--wds-tabs-gap-small);
533
541
  @property st-global(--wds-tabs-label-font-size-small);
@@ -797,6 +805,9 @@
797
805
  --wds-close-button-standard-filled-text: #ffffff;
798
806
  --wds-close-button-standard-filled-text-disabled: #ffffff;
799
807
  --wds-close-button-standard-filled-text-hover: #ffffff;
808
+ --wds-color-picker-padding-horizontal: 16px;
809
+ --wds-color-picker-padding-vertical: 12px;
810
+ --wds-color-picker-width: 236px;
800
811
  --wds-composer-sidebar-bottom-width: 88px;
801
812
  --wds-composer-sidebar-end-max-width: 240px;
802
813
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
@@ -841,6 +852,7 @@
841
852
  --wds-dock-foreground-fill-active: #116dff;
842
853
  --wds-dock-foreground-fill-disabled: #bebebe;
843
854
  --wds-dock-foreground-fill-hover: #dce9ff;
855
+ --wds-dropdown-icon-fill: #42454c;
844
856
  --wds-dropdown-layout-option-size-big: 40px;
845
857
  --wds-dropdown-layout-option-size-small: 32px;
846
858
  --wds-empty-state-border-radius: 4px;
@@ -942,6 +954,8 @@
942
954
  --wds-list-item-padding-vertical-tiny: 12px;
943
955
  --wds-list-item-padding-vertical-x-tiny: 8px;
944
956
  --wds-list-item-padding-vertical-xx-tiny: 4px;
957
+ --wds-list-item-section-font-size: 12px;
958
+ --wds-list-item-section-line-height: 16px;
945
959
  --wds-list-item-section-padding-horizontal: 16px;
946
960
  --wds-list-item-select-active-fill: #dce9ff;
947
961
  --wds-list-item-select-active-fill-active: #dce9ff;
@@ -1202,9 +1216,11 @@
1202
1216
  --wds-swatches-swatch-active-border-radius-small: 5px;
1203
1217
  --wds-swatches-swatch-border-radius-medium: 4px;
1204
1218
  --wds-swatches-swatch-border-radius-small: 2px;
1205
- --wds-swatches-swatch-size-large: 28px;
1206
- --wds-swatches-swatch-size-medium: 24px;
1207
- --wds-swatches-swatch-size-small: 18px;
1219
+ --wds-swatches-swatch-size-large: 36px;
1220
+ --wds-swatches-swatch-size-medium: 32px;
1221
+ --wds-swatches-swatch-size-small: 28px;
1222
+ --wds-swatches-swatch-size-tiny: 24px;
1223
+ --wds-swatches-swatch-size-x-tiny: 18px;
1208
1224
  --wds-tabs-gap-medium: 8px;
1209
1225
  --wds-tabs-gap-small: 6px;
1210
1226
  --wds-tabs-label-font-size-small: 12px;