@wix/design-system-tokens 1.128.3 → 1.129.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 +7 -1
  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 +5 -6
  7. package/odeditor/all.scss +4 -5
  8. package/odeditor/all.st.css +5 -7
  9. package/odeditor/component.st.css +5 -7
  10. package/package.json +2 -2
  11. package/studio/all.css +7 -2
  12. package/studio/all.scss +6 -1
  13. package/studio/all.st.css +11 -1
  14. package/studio/component.st.css +11 -1
  15. package/wixel/all.css +7 -2
  16. package/wixel/all.scss +6 -1
  17. package/wixel/all.st.css +11 -1
  18. package/wixel/component.st.css +11 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## 1.129.0 - 2025-08-27
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(MultiSelect): opening dropdown with only fixedFooter provided [15247](https://github.com/wix-private/wix-design-systems/pull/15247)
6
+
7
+ ### Visual Breaking Changes
8
+
9
+ - breaking(CardGalleryItem): tokenize component [15238](https://github.com/wix-private/wix-design-systems/pull/15238)
10
+
1
11
  ## 1.128.2 - 2025-08-25
2
12
 
3
13
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -1095,8 +1095,8 @@
1095
1095
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-400);
1096
1096
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-400);
1097
1097
  --wds-mobile-modal-content-padding-horizontal: var(--wds-space-400);
1098
- --wds-message-modal-title-font-family: var(--wds-font-family-default);
1099
1098
  --wds-message-modal-top-controls-paddings: var(--wds-space-100);
1099
+ --wds-message-modal-title-font-family: var(--wds-font-family-default);
1100
1100
  --wds-message-modal-padding-vertical: var(--wds-space-400);
1101
1101
  --wds-message-modal-padding-horizontal: var(--wds-space-400);
1102
1102
  --wds-message-modal-content-gap: var(--wds-space-200);
@@ -1276,6 +1276,8 @@
1276
1276
  --wds-card-gallery-item-padding-right-medium: var(--wds-space-400);
1277
1277
  --wds-card-gallery-item-padding-left-small: var(--wds-space-200);
1278
1278
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-300);
1279
+ --wds-card-gallery-item-image-border-radius-top: var(--wds-border-radius-400);
1280
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1279
1281
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1280
1282
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1281
1283
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
@@ -1775,6 +1777,7 @@
1775
1777
  --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
1776
1778
  --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1777
1779
  --wds-dropdown-icon-fill: var(--wds-color-text-primary);
1780
+ --wds-drag-handle-fill: var(--wds-color-text-primary);
1778
1781
  --wds-dock-foreground-fill-hover: var(--wds-color-fill-standard-secondary-active);
1779
1782
  --wds-dock-foreground-fill-disabled: var(--wds-color-fill-standard-primary-disabled);
1780
1783
  --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary);
@@ -1826,6 +1829,7 @@
1826
1829
  --wds-checkbox-border-active: var(--wds-color-border-standard-secondary-active);
1827
1830
  --wds-checkbox-border: var(--wds-color-border-standard-secondary-active);
1828
1831
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-heading-4);
1832
+ --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small);
1829
1833
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1830
1834
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
1831
1835
  --wds-button-text-hover: var(--wds-color-text-standard-primary-light);
@@ -1945,6 +1949,8 @@
1945
1949
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1946
1950
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1947
1951
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1952
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
1953
+ --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-heading-4);
1948
1954
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1949
1955
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-small);
1950
1956
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/all.scss CHANGED
@@ -1274,6 +1274,8 @@
1274
1274
  --wds-card-gallery-item-padding-right-medium: var(--wds-space-400);
1275
1275
  --wds-card-gallery-item-padding-left-small: var(--wds-space-200);
1276
1276
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-300);
1277
+ --wds-card-gallery-item-image-border-radius-top: var(--wds-border-radius-400);
1278
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1277
1279
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1278
1280
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1279
1281
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
@@ -1775,6 +1777,7 @@
1775
1777
  --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
1776
1778
  --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1777
1779
  --wds-dropdown-icon-fill: var(--wds-color-text-primary);
1780
+ --wds-drag-handle-fill: var(--wds-color-text-primary);
1778
1781
  --wds-dock-foreground-fill-hover: var(--wds-color-fill-standard-secondary-active);
1779
1782
  --wds-dock-foreground-fill-disabled: var(--wds-color-fill-standard-primary-disabled);
1780
1783
  --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary);
@@ -1826,6 +1829,7 @@
1826
1829
  --wds-checkbox-border-active: var(--wds-color-border-standard-secondary-active);
1827
1830
  --wds-checkbox-border: var(--wds-color-border-standard-secondary-active);
1828
1831
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-heading-4);
1832
+ --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small);
1829
1833
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1830
1834
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
1831
1835
  --wds-button-text-hover: var(--wds-color-text-standard-primary-light);
@@ -1945,6 +1949,8 @@
1945
1949
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1946
1950
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1947
1951
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1952
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
1953
+ --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-heading-4);
1948
1954
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1949
1955
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-small);
1950
1956
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/all.st.css CHANGED
@@ -213,6 +213,8 @@
213
213
  @property st-global(--wds-card-gallery-item-border-radius-100);
214
214
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
215
215
  @property st-global(--wds-card-gallery-item-fill);
216
+ @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
217
+ @property st-global(--wds-card-gallery-item-image-border-radius-top);
216
218
  @property st-global(--wds-card-gallery-item-overlay-fill);
217
219
  @property st-global(--wds-card-gallery-item-padding-left-medium);
218
220
  @property st-global(--wds-card-gallery-item-padding-left-small);
@@ -220,6 +222,9 @@
220
222
  @property st-global(--wds-card-gallery-item-padding-right-small);
221
223
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
222
224
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
225
+ @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
226
+ @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
227
+ @property st-global(--wds-card-gallery-item-title-font-line-height-small);
223
228
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
224
229
  @property st-global(--wds-card-header-padding-horizontal);
225
230
  @property st-global(--wds-card-header-padding-vertical);
@@ -793,6 +798,7 @@
793
798
  @property st-global(--wds-dock-foreground-fill-active);
794
799
  @property st-global(--wds-dock-foreground-fill-disabled);
795
800
  @property st-global(--wds-dock-foreground-fill-hover);
801
+ @property st-global(--wds-drag-handle-fill);
796
802
  @property st-global(--wds-dropdown-icon-fill);
797
803
  @property st-global(--wds-dropdown-icon-fill-disabled);
798
804
  @property st-global(--wds-dropdown-layout-option-size-big);
@@ -2172,6 +2178,8 @@
2172
2178
  --wds-card-gallery-item-border-radius-100: 8px;
2173
2179
  --wds-card-gallery-item-content-margin-vertical: 0;
2174
2180
  --wds-card-gallery-item-fill: #ffffff;
2181
+ --wds-card-gallery-item-image-border-radius-bottom: 0;
2182
+ --wds-card-gallery-item-image-border-radius-top: 8px;
2175
2183
  --wds-card-gallery-item-overlay-fill: rgba(68, 72, 95, .5);
2176
2184
  --wds-card-gallery-item-padding-left-medium: 18px;
2177
2185
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -2179,6 +2187,9 @@
2179
2187
  --wds-card-gallery-item-padding-right-small: 18px;
2180
2188
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2181
2189
  --wds-card-gallery-item-padding-vertical-small: 12px;
2190
+ --wds-card-gallery-item-subtitle-font-size-medium: 14px;
2191
+ --wds-card-gallery-item-title-font-line-height-medium: 24px;
2192
+ --wds-card-gallery-item-title-font-line-height-small: 18px;
2182
2193
  --wds-card-gallery-item-title-font-size-medium: 18px;
2183
2194
  --wds-card-header-padding-horizontal: 24px;
2184
2195
  --wds-card-header-padding-vertical: 18px;
@@ -2752,6 +2763,7 @@
2752
2763
  --wds-dock-foreground-fill-active: #116dff;
2753
2764
  --wds-dock-foreground-fill-disabled: rgba(0, 6, 36, .3);
2754
2765
  --wds-dock-foreground-fill-hover: #5999ff;
2766
+ --wds-drag-handle-fill: #116dff;
2755
2767
  --wds-dropdown-icon-fill: #116dff;
2756
2768
  --wds-dropdown-icon-fill-disabled: rgba(0, 6, 36, .3);
2757
2769
  --wds-dropdown-layout-option-size-big: 48px;
package/component.st.css CHANGED
@@ -180,6 +180,8 @@
180
180
  @property st-global(--wds-card-gallery-item-border-radius-100);
181
181
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
182
182
  @property st-global(--wds-card-gallery-item-fill);
183
+ @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
184
+ @property st-global(--wds-card-gallery-item-image-border-radius-top);
183
185
  @property st-global(--wds-card-gallery-item-overlay-fill);
184
186
  @property st-global(--wds-card-gallery-item-padding-left-medium);
185
187
  @property st-global(--wds-card-gallery-item-padding-left-small);
@@ -187,6 +189,9 @@
187
189
  @property st-global(--wds-card-gallery-item-padding-right-small);
188
190
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
189
191
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
192
+ @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
193
+ @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
194
+ @property st-global(--wds-card-gallery-item-title-font-line-height-small);
190
195
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
191
196
  @property st-global(--wds-card-header-padding-horizontal);
192
197
  @property st-global(--wds-card-header-padding-vertical);
@@ -303,6 +308,7 @@
303
308
  @property st-global(--wds-dock-foreground-fill-active);
304
309
  @property st-global(--wds-dock-foreground-fill-disabled);
305
310
  @property st-global(--wds-dock-foreground-fill-hover);
311
+ @property st-global(--wds-drag-handle-fill);
306
312
  @property st-global(--wds-dropdown-icon-fill);
307
313
  @property st-global(--wds-dropdown-icon-fill-disabled);
308
314
  @property st-global(--wds-dropdown-layout-option-size-big);
@@ -1430,6 +1436,8 @@
1430
1436
  --wds-card-gallery-item-border-radius-100: 8px;
1431
1437
  --wds-card-gallery-item-content-margin-vertical: 0;
1432
1438
  --wds-card-gallery-item-fill: #ffffff;
1439
+ --wds-card-gallery-item-image-border-radius-bottom: 0;
1440
+ --wds-card-gallery-item-image-border-radius-top: 8px;
1433
1441
  --wds-card-gallery-item-overlay-fill: rgba(68, 72, 95, .5);
1434
1442
  --wds-card-gallery-item-padding-left-medium: 18px;
1435
1443
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -1437,6 +1445,9 @@
1437
1445
  --wds-card-gallery-item-padding-right-small: 18px;
1438
1446
  --wds-card-gallery-item-padding-vertical-medium: 18px;
1439
1447
  --wds-card-gallery-item-padding-vertical-small: 12px;
1448
+ --wds-card-gallery-item-subtitle-font-size-medium: 14px;
1449
+ --wds-card-gallery-item-title-font-line-height-medium: 24px;
1450
+ --wds-card-gallery-item-title-font-line-height-small: 18px;
1440
1451
  --wds-card-gallery-item-title-font-size-medium: 18px;
1441
1452
  --wds-card-header-padding-horizontal: 24px;
1442
1453
  --wds-card-header-padding-vertical: 18px;
@@ -1553,6 +1564,7 @@
1553
1564
  --wds-dock-foreground-fill-active: #116dff;
1554
1565
  --wds-dock-foreground-fill-disabled: rgba(0, 6, 36, .3);
1555
1566
  --wds-dock-foreground-fill-hover: #5999ff;
1567
+ --wds-drag-handle-fill: #116dff;
1556
1568
  --wds-dropdown-icon-fill: #116dff;
1557
1569
  --wds-dropdown-icon-fill-disabled: rgba(0, 6, 36, .3);
1558
1570
  --wds-dropdown-layout-option-size-big: 48px;
package/odeditor/all.css CHANGED
@@ -1141,9 +1141,9 @@
1141
1141
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
1142
1142
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
1143
1143
  --wds-mobile-modal-content-padding-horizontal: var(--wds-space-600);
1144
+ --wds-message-modal-top-controls-paddings: var(--wds-space-250);
1144
1145
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
1145
1146
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
1146
- --wds-message-modal-top-controls-paddings: var(--wds-space-250);
1147
1147
  --wds-message-modal-padding-vertical: var(--wds-space-500);
1148
1148
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1149
1149
  --wds-message-modal-content-gap: var(--wds-space-300);
@@ -1232,7 +1232,7 @@
1232
1232
  --wds-input-background-fill-default: var(--wds-color-black-750);
1233
1233
  --wds-input-background-fill: var(--wds-color-black-750);
1234
1234
  --wds-image-border-radius-none: var(--wds-border-radius-0);
1235
- --wds-image-border-radius-default: var(--wds-border-radius-200);
1235
+ --wds-image-border-radius-default: var(--wds-border-radius-400);
1236
1236
  --wds-icon-button-color-text-standard-tertiary-disabled: var(--wds-color-black-500);
1237
1237
  --wds-icon-button-color-text-standard-secondary-disabled: var(--wds-color-black-500);
1238
1238
  --wds-icon-button-color-text-standard-primary-disabled: var(--wds-color-black-500);
@@ -1342,7 +1342,6 @@
1342
1342
  --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1343
1343
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1344
1344
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1345
- --wds-card-gallery-item-image-border-radius-top: var(--wds-border-radius-600);
1346
1345
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1347
1346
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1348
1347
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
@@ -1354,7 +1353,7 @@
1354
1353
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1355
1354
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1356
1355
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1357
- --wds-button-size-x-tiny: var(--wds-space-700);
1356
+ --wds-button-size-x-tiny: var(--wds-space-475);
1358
1357
  --wds-button-size-tiny-screen-small: var(--wds-space-800);
1359
1358
  --wds-button-size-tiny: var(--wds-space-600);
1360
1359
  --wds-button-size-small-screen-small: var(--wds-space-950);
@@ -1362,7 +1361,7 @@
1362
1361
  --wds-button-size-medium-screen-small: var(--wds-space-1050);
1363
1362
  --wds-button-size-medium: var(--wds-space-950);
1364
1363
  --wds-button-size-large-screen-small: var(--wds-space-1200);
1365
- --wds-button-size-large: var(--wds-space-1200);
1364
+ --wds-button-size-large: var(--wds-space-1150);
1366
1365
  --wds-button-padding-vertical-tiny: var(--wds-space-50);
1367
1366
  --wds-button-padding-vertical-small: var(--wds-space-150);
1368
1367
  --wds-button-padding-vertical-medium: var(--wds-space-150);
@@ -1777,6 +1776,7 @@
1777
1776
  --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
1778
1777
  --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1779
1778
  --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1779
+ --wds-drag-handle-fill: var(--wds-color-text-standard-primary);
1780
1780
  --wds-dock-point-fill-hover: var(--wds-color-fill-dark-secondary-active);
1781
1781
  --wds-dock-point-fill-fill: var(--wds-color-text-standard-secondary-light);
1782
1782
  --wds-dock-point-fill-active: var(--wds-color-fill-standard-primary);
@@ -1823,7 +1823,6 @@
1823
1823
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1824
1824
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1825
1825
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
1826
- --wds-card-gallery-item-drag-handle-color: var(--wds-color-text-standard-primary);
1827
1826
  --wds-button-label-font-size-large: var(--wds-font-size-body-medium);
1828
1827
  --wds-button-label-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
1829
1828
  --wds-button-label-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
package/odeditor/all.scss CHANGED
@@ -912,7 +912,7 @@
912
912
  --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
913
913
  --wds-inner-shadow-blur-input: var(--wds-shadow-blur-35);
914
914
  --wds-image-border-radius-none: var(--wds-border-radius-0);
915
- --wds-image-border-radius-default: var(--wds-border-radius-200);
915
+ --wds-image-border-radius-default: var(--wds-border-radius-400);
916
916
  --wds-icon-button-color-text-standard-tertiary-disabled: var(--wds-color-black-500);
917
917
  --wds-icon-button-color-text-standard-secondary-disabled: var(--wds-color-black-500);
918
918
  --wds-icon-button-color-text-standard-primary-disabled: var(--wds-color-black-500);
@@ -1340,13 +1340,12 @@
1340
1340
  --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1341
1341
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1342
1342
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1343
- --wds-card-gallery-item-image-border-radius-top: var(--wds-border-radius-600);
1344
1343
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1345
1344
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1346
1345
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1347
1346
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1348
1347
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1349
- --wds-button-size-x-tiny: var(--wds-space-700);
1348
+ --wds-button-size-x-tiny: var(--wds-space-475);
1350
1349
  --wds-button-size-tiny-screen-small: var(--wds-space-800);
1351
1350
  --wds-button-size-tiny: var(--wds-space-600);
1352
1351
  --wds-button-size-small-screen-small: var(--wds-space-950);
@@ -1354,7 +1353,7 @@
1354
1353
  --wds-button-size-medium-screen-small: var(--wds-space-1050);
1355
1354
  --wds-button-size-medium: var(--wds-space-950);
1356
1355
  --wds-button-size-large-screen-small: var(--wds-space-1200);
1357
- --wds-button-size-large: var(--wds-space-1200);
1356
+ --wds-button-size-large: var(--wds-space-1150);
1358
1357
  --wds-button-padding-vertical-tiny: var(--wds-space-50);
1359
1358
  --wds-button-padding-vertical-small: var(--wds-space-150);
1360
1359
  --wds-button-padding-vertical-medium: var(--wds-space-150);
@@ -1777,6 +1776,7 @@
1777
1776
  --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
1778
1777
  --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1779
1778
  --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1779
+ --wds-drag-handle-fill: var(--wds-color-text-standard-primary);
1780
1780
  --wds-dock-point-fill-hover: var(--wds-color-fill-dark-secondary-active);
1781
1781
  --wds-dock-point-fill-fill: var(--wds-color-text-standard-secondary-light);
1782
1782
  --wds-dock-point-fill-active: var(--wds-color-fill-standard-primary);
@@ -1823,7 +1823,6 @@
1823
1823
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1824
1824
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1825
1825
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
1826
- --wds-card-gallery-item-drag-handle-color: var(--wds-color-text-standard-primary);
1827
1826
  --wds-button-label-font-size-large: var(--wds-font-size-body-medium);
1828
1827
  --wds-button-label-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
1829
1828
  --wds-button-label-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
package/odeditor/all.st.css CHANGED
@@ -244,10 +244,8 @@
244
244
  @property st-global(--wds-card-content-paddings-vertical);
245
245
  @property st-global(--wds-card-gallery-item-content-margin-horizontal);
246
246
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
247
- @property st-global(--wds-card-gallery-item-drag-handle-color);
248
247
  @property st-global(--wds-card-gallery-item-fill);
249
248
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
250
- @property st-global(--wds-card-gallery-item-image-border-radius-top);
251
249
  @property st-global(--wds-card-gallery-item-overlay-fill);
252
250
  @property st-global(--wds-card-gallery-item-padding-left-medium);
253
251
  @property st-global(--wds-card-gallery-item-padding-left-small);
@@ -827,6 +825,7 @@
827
825
  @property st-global(--wds-dock-point-fill-active);
828
826
  @property st-global(--wds-dock-point-fill-fill);
829
827
  @property st-global(--wds-dock-point-fill-hover);
828
+ @property st-global(--wds-drag-handle-fill);
830
829
  @property st-global(--wds-dropdown-icon-fill);
831
830
  @property st-global(--wds-dropdown-icon-fill-disabled);
832
831
  @property st-global(--wds-dropdown-layout-option-size-big);
@@ -2186,7 +2185,7 @@
2186
2185
  --wds-button-padding-vertical-medium: 6px;
2187
2186
  --wds-button-padding-vertical-small: 6px;
2188
2187
  --wds-button-padding-vertical-tiny: 2px;
2189
- --wds-button-size-large: 48px;
2188
+ --wds-button-size-large: 46px;
2190
2189
  --wds-button-size-large-screen-small: 48px;
2191
2190
  --wds-button-size-medium: 38px;
2192
2191
  --wds-button-size-medium-screen-small: 42px;
@@ -2194,15 +2193,13 @@
2194
2193
  --wds-button-size-small-screen-small: 38px;
2195
2194
  --wds-button-size-tiny: 24px;
2196
2195
  --wds-button-size-tiny-screen-small: 32px;
2197
- --wds-button-size-x-tiny: 28px;
2196
+ --wds-button-size-x-tiny: 18px;
2198
2197
  --wds-card-content-paddings-horizontal: 12px;
2199
2198
  --wds-card-content-paddings-vertical: 12px;
2200
2199
  --wds-card-gallery-item-content-margin-horizontal: 8px;
2201
2200
  --wds-card-gallery-item-content-margin-vertical: 0;
2202
- --wds-card-gallery-item-drag-handle-color: #151414;
2203
2201
  --wds-card-gallery-item-fill: #ffffff;
2204
2202
  --wds-card-gallery-item-image-border-radius-bottom: 12px;
2205
- --wds-card-gallery-item-image-border-radius-top: 12px;
2206
2203
  --wds-card-gallery-item-overlay-fill: rgba(82, 81, 80, .5);
2207
2204
  --wds-card-gallery-item-padding-left-medium: 18px;
2208
2205
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -2782,6 +2779,7 @@
2782
2779
  --wds-dock-point-fill-active: #2f5dff;
2783
2780
  --wds-dock-point-fill-fill: #767574;
2784
2781
  --wds-dock-point-fill-hover: #dedede;
2782
+ --wds-drag-handle-fill: #151414;
2785
2783
  --wds-dropdown-icon-fill: #383838;
2786
2784
  --wds-dropdown-icon-fill-disabled: #a8a6a5;
2787
2785
  --wds-dropdown-layout-option-size-big: 40px;
@@ -2981,7 +2979,7 @@
2981
2979
  --wds-icon-button-color-text-standard-tertiary-active: #0f2ccf;
2982
2980
  --wds-icon-button-color-text-standard-tertiary-disabled: #a8a6a5;
2983
2981
  --wds-icon-button-color-text-standard-tertiary-hover: #0f2ccf;
2984
- --wds-image-border-radius-default: 4px;
2982
+ --wds-image-border-radius-default: 8px;
2985
2983
  --wds-image-border-radius-none: 0;
2986
2984
  --wds-info-icon-fill: #767574;
2987
2985
  --wds-info-icon-fill-hover: #2f5dff;
package/odeditor/component.st.css CHANGED
@@ -209,10 +209,8 @@
209
209
  @property st-global(--wds-card-content-paddings-vertical);
210
210
  @property st-global(--wds-card-gallery-item-content-margin-horizontal);
211
211
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
212
- @property st-global(--wds-card-gallery-item-drag-handle-color);
213
212
  @property st-global(--wds-card-gallery-item-fill);
214
213
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
215
- @property st-global(--wds-card-gallery-item-image-border-radius-top);
216
214
  @property st-global(--wds-card-gallery-item-overlay-fill);
217
215
  @property st-global(--wds-card-gallery-item-padding-left-medium);
218
216
  @property st-global(--wds-card-gallery-item-padding-left-small);
@@ -340,6 +338,7 @@
340
338
  @property st-global(--wds-dock-point-fill-active);
341
339
  @property st-global(--wds-dock-point-fill-fill);
342
340
  @property st-global(--wds-dock-point-fill-hover);
341
+ @property st-global(--wds-drag-handle-fill);
343
342
  @property st-global(--wds-dropdown-icon-fill);
344
343
  @property st-global(--wds-dropdown-icon-fill-disabled);
345
344
  @property st-global(--wds-dropdown-layout-option-size-big);
@@ -1443,7 +1442,7 @@
1443
1442
  --wds-button-padding-vertical-medium: 6px;
1444
1443
  --wds-button-padding-vertical-small: 6px;
1445
1444
  --wds-button-padding-vertical-tiny: 2px;
1446
- --wds-button-size-large: 48px;
1445
+ --wds-button-size-large: 46px;
1447
1446
  --wds-button-size-large-screen-small: 48px;
1448
1447
  --wds-button-size-medium: 38px;
1449
1448
  --wds-button-size-medium-screen-small: 42px;
@@ -1451,15 +1450,13 @@
1451
1450
  --wds-button-size-small-screen-small: 38px;
1452
1451
  --wds-button-size-tiny: 24px;
1453
1452
  --wds-button-size-tiny-screen-small: 32px;
1454
- --wds-button-size-x-tiny: 28px;
1453
+ --wds-button-size-x-tiny: 18px;
1455
1454
  --wds-card-content-paddings-horizontal: 12px;
1456
1455
  --wds-card-content-paddings-vertical: 12px;
1457
1456
  --wds-card-gallery-item-content-margin-horizontal: 8px;
1458
1457
  --wds-card-gallery-item-content-margin-vertical: 0;
1459
- --wds-card-gallery-item-drag-handle-color: #151414;
1460
1458
  --wds-card-gallery-item-fill: #ffffff;
1461
1459
  --wds-card-gallery-item-image-border-radius-bottom: 12px;
1462
- --wds-card-gallery-item-image-border-radius-top: 12px;
1463
1460
  --wds-card-gallery-item-overlay-fill: rgba(82, 81, 80, .5);
1464
1461
  --wds-card-gallery-item-padding-left-medium: 18px;
1465
1462
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -1587,6 +1584,7 @@
1587
1584
  --wds-dock-point-fill-active: #2f5dff;
1588
1585
  --wds-dock-point-fill-fill: #767574;
1589
1586
  --wds-dock-point-fill-hover: #dedede;
1587
+ --wds-drag-handle-fill: #151414;
1590
1588
  --wds-dropdown-icon-fill: #383838;
1591
1589
  --wds-dropdown-icon-fill-disabled: #a8a6a5;
1592
1590
  --wds-dropdown-layout-option-size-big: 40px;
@@ -1729,7 +1727,7 @@
1729
1727
  --wds-icon-button-color-text-standard-tertiary-active: #0f2ccf;
1730
1728
  --wds-icon-button-color-text-standard-tertiary-disabled: #a8a6a5;
1731
1729
  --wds-icon-button-color-text-standard-tertiary-hover: #0f2ccf;
1732
- --wds-image-border-radius-default: 4px;
1730
+ --wds-image-border-radius-default: 8px;
1733
1731
  --wds-image-border-radius-none: 0;
1734
1732
  --wds-info-icon-fill: #767574;
1735
1733
  --wds-info-icon-fill-hover: #2f5dff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.128.3",
3
+ "version": "1.129.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": "7f88e0f823f794b92577cf1b9f7870ff5055b146ec3f305a32479af1"
36
+ "falconPackageHash": "723610528f11970f2de03887549525a0e2f9d55a46b46412a6047c36"
37
37
  }
package/studio/all.css CHANGED
@@ -1116,8 +1116,8 @@
1116
1116
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
1117
1117
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
1118
1118
  --wds-mobile-modal-content-padding-horizontal: var(--wds-space-600);
1119
- --wds-message-modal-title-font-family: var(--wds-font-family-default);
1120
1119
  --wds-message-modal-top-controls-paddings: var(--wds-space-100);
1120
+ --wds-message-modal-title-font-family: var(--wds-font-family-default);
1121
1121
  --wds-message-modal-padding-vertical: var(--wds-space-500);
1122
1122
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1123
1123
  --wds-message-modal-content-gap: var(--wds-space-200);
@@ -1329,6 +1329,7 @@
1329
1329
  --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1330
1330
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1331
1331
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1332
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1332
1333
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1333
1334
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1334
1335
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
@@ -1787,6 +1788,7 @@
1787
1788
  --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
1788
1789
  --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
1789
1790
  --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1791
+ --wds-drag-handle-fill: var(--wds-color-text-primary);
1790
1792
  --wds-dock-foreground-fill-hover: var(--wds-color-fill-standard-secondary-active);
1791
1793
  --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary);
1792
1794
  --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover);
@@ -1826,7 +1828,8 @@
1826
1828
  --wds-checkbox-border-disabled: var(--wds-color-border-dark-primary-disabled);
1827
1829
  --wds-checkbox-border-active: var(--wds-color-border-standard-secondary-active);
1828
1830
  --wds-checkbox-border: var(--wds-color-border-dark-primary);
1829
- --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
1831
+ --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-small);
1832
+ --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small);
1830
1833
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1831
1834
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
1832
1835
  --wds-button-text-hover: var(--wds-color-text-primary);
@@ -1940,6 +1943,8 @@
1940
1943
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
1941
1944
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1942
1945
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1946
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
1947
+ --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
1943
1948
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1944
1949
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1945
1950
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
package/studio/all.scss CHANGED
@@ -1327,6 +1327,7 @@
1327
1327
  --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1328
1328
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1329
1329
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1330
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1330
1331
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1331
1332
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1332
1333
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
@@ -1787,6 +1788,7 @@
1787
1788
  --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
1788
1789
  --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
1789
1790
  --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1791
+ --wds-drag-handle-fill: var(--wds-color-text-primary);
1790
1792
  --wds-dock-foreground-fill-hover: var(--wds-color-fill-standard-secondary-active);
1791
1793
  --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary);
1792
1794
  --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover);
@@ -1826,7 +1828,8 @@
1826
1828
  --wds-checkbox-border-disabled: var(--wds-color-border-dark-primary-disabled);
1827
1829
  --wds-checkbox-border-active: var(--wds-color-border-standard-secondary-active);
1828
1830
  --wds-checkbox-border: var(--wds-color-border-dark-primary);
1829
- --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
1831
+ --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-small);
1832
+ --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small);
1830
1833
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1831
1834
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
1832
1835
  --wds-button-text-hover: var(--wds-color-text-primary);
@@ -1940,6 +1943,8 @@
1940
1943
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
1941
1944
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1942
1945
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1946
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
1947
+ --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
1943
1948
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1944
1949
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1945
1950
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
package/studio/all.st.css CHANGED
@@ -213,6 +213,7 @@
213
213
  @property st-global(--wds-card-gallery-item-border-radius-100);
214
214
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
215
215
  @property st-global(--wds-card-gallery-item-fill);
216
+ @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
216
217
  @property st-global(--wds-card-gallery-item-overlay-fill);
217
218
  @property st-global(--wds-card-gallery-item-padding-left-medium);
218
219
  @property st-global(--wds-card-gallery-item-padding-left-small);
@@ -220,6 +221,9 @@
220
221
  @property st-global(--wds-card-gallery-item-padding-right-small);
221
222
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
222
223
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
224
+ @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
225
+ @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
226
+ @property st-global(--wds-card-gallery-item-title-font-line-height-small);
223
227
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
224
228
  @property st-global(--wds-card-header-padding-horizontal);
225
229
  @property st-global(--wds-card-header-padding-vertical);
@@ -789,6 +793,7 @@
789
793
  @property st-global(--wds-dock-foreground-fill-active);
790
794
  @property st-global(--wds-dock-foreground-fill-disabled);
791
795
  @property st-global(--wds-dock-foreground-fill-hover);
796
+ @property st-global(--wds-drag-handle-fill);
792
797
  @property st-global(--wds-dropdown-icon-fill);
793
798
  @property st-global(--wds-dropdown-icon-fill-disabled);
794
799
  @property st-global(--wds-dropdown-layout-option-size-big);
@@ -2164,6 +2169,7 @@
2164
2169
  --wds-card-gallery-item-border-radius-100: 8px;
2165
2170
  --wds-card-gallery-item-content-margin-vertical: 0;
2166
2171
  --wds-card-gallery-item-fill: #ffffff;
2172
+ --wds-card-gallery-item-image-border-radius-bottom: 0;
2167
2173
  --wds-card-gallery-item-overlay-fill: rgba(43, 46, 54, .5);
2168
2174
  --wds-card-gallery-item-padding-left-medium: 18px;
2169
2175
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -2171,7 +2177,10 @@
2171
2177
  --wds-card-gallery-item-padding-right-small: 18px;
2172
2178
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2173
2179
  --wds-card-gallery-item-padding-vertical-small: 12px;
2174
- --wds-card-gallery-item-title-font-size-medium: 16px;
2180
+ --wds-card-gallery-item-subtitle-font-size-medium: 14px;
2181
+ --wds-card-gallery-item-title-font-line-height-medium: 24px;
2182
+ --wds-card-gallery-item-title-font-line-height-small: 20px;
2183
+ --wds-card-gallery-item-title-font-size-medium: 14px;
2175
2184
  --wds-card-header-padding-horizontal: 24px;
2176
2185
  --wds-card-header-padding-vertical: 16px;
2177
2186
  --wds-card-tab-padding-horizontal-medium: 20px;
@@ -2740,6 +2749,7 @@
2740
2749
  --wds-dock-foreground-fill-active: #116dff;
2741
2750
  --wds-dock-foreground-fill-disabled: #bebebe;
2742
2751
  --wds-dock-foreground-fill-hover: #dce9ff;
2752
+ --wds-drag-handle-fill: #116dff;
2743
2753
  --wds-dropdown-icon-fill: #42454c;
2744
2754
  --wds-dropdown-icon-fill-disabled: #bebebe;
2745
2755
  --wds-dropdown-layout-option-size-big: 40px;
package/studio/component.st.css CHANGED
@@ -180,6 +180,7 @@
180
180
  @property st-global(--wds-card-gallery-item-border-radius-100);
181
181
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
182
182
  @property st-global(--wds-card-gallery-item-fill);
183
+ @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
183
184
  @property st-global(--wds-card-gallery-item-overlay-fill);
184
185
  @property st-global(--wds-card-gallery-item-padding-left-medium);
185
186
  @property st-global(--wds-card-gallery-item-padding-left-small);
@@ -187,6 +188,9 @@
187
188
  @property st-global(--wds-card-gallery-item-padding-right-small);
188
189
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
189
190
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
191
+ @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
192
+ @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
193
+ @property st-global(--wds-card-gallery-item-title-font-line-height-small);
190
194
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
191
195
  @property st-global(--wds-card-header-padding-horizontal);
192
196
  @property st-global(--wds-card-header-padding-vertical);
@@ -303,6 +307,7 @@
303
307
  @property st-global(--wds-dock-foreground-fill-active);
304
308
  @property st-global(--wds-dock-foreground-fill-disabled);
305
309
  @property st-global(--wds-dock-foreground-fill-hover);
310
+ @property st-global(--wds-drag-handle-fill);
306
311
  @property st-global(--wds-dropdown-icon-fill);
307
312
  @property st-global(--wds-dropdown-icon-fill-disabled);
308
313
  @property st-global(--wds-dropdown-layout-option-size-big);
@@ -1426,6 +1431,7 @@
1426
1431
  --wds-card-gallery-item-border-radius-100: 8px;
1427
1432
  --wds-card-gallery-item-content-margin-vertical: 0;
1428
1433
  --wds-card-gallery-item-fill: #ffffff;
1434
+ --wds-card-gallery-item-image-border-radius-bottom: 0;
1429
1435
  --wds-card-gallery-item-overlay-fill: rgba(43, 46, 54, .5);
1430
1436
  --wds-card-gallery-item-padding-left-medium: 18px;
1431
1437
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -1433,7 +1439,10 @@
1433
1439
  --wds-card-gallery-item-padding-right-small: 18px;
1434
1440
  --wds-card-gallery-item-padding-vertical-medium: 18px;
1435
1441
  --wds-card-gallery-item-padding-vertical-small: 12px;
1436
- --wds-card-gallery-item-title-font-size-medium: 16px;
1442
+ --wds-card-gallery-item-subtitle-font-size-medium: 14px;
1443
+ --wds-card-gallery-item-title-font-line-height-medium: 24px;
1444
+ --wds-card-gallery-item-title-font-line-height-small: 20px;
1445
+ --wds-card-gallery-item-title-font-size-medium: 14px;
1437
1446
  --wds-card-header-padding-horizontal: 24px;
1438
1447
  --wds-card-header-padding-vertical: 16px;
1439
1448
  --wds-card-tab-padding-horizontal-medium: 20px;
@@ -1549,6 +1558,7 @@
1549
1558
  --wds-dock-foreground-fill-active: #116dff;
1550
1559
  --wds-dock-foreground-fill-disabled: #bebebe;
1551
1560
  --wds-dock-foreground-fill-hover: #dce9ff;
1561
+ --wds-drag-handle-fill: #116dff;
1552
1562
  --wds-dropdown-icon-fill: #42454c;
1553
1563
  --wds-dropdown-icon-fill-disabled: #bebebe;
1554
1564
  --wds-dropdown-layout-option-size-big: 40px;
package/wixel/all.css CHANGED
@@ -1085,8 +1085,8 @@
1085
1085
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
1086
1086
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
1087
1087
  --wds-mobile-modal-content-padding-horizontal: var(--wds-space-600);
1088
- --wds-message-modal-title-font-family: var(--wds-font-family-default);
1089
1088
  --wds-message-modal-top-controls-paddings: var(--wds-space-100);
1089
+ --wds-message-modal-title-font-family: var(--wds-font-family-default);
1090
1090
  --wds-message-modal-padding-vertical: var(--wds-space-500);
1091
1091
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1092
1092
  --wds-message-modal-content-gap: var(--wds-space-200);
@@ -1286,6 +1286,7 @@
1286
1286
  --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1287
1287
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1288
1288
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1289
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1289
1290
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-100);
1290
1291
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-600);
1291
1292
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-600);
@@ -1757,6 +1758,7 @@
1757
1758
  --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
1758
1759
  --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1759
1760
  --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1761
+ --wds-drag-handle-fill: var(--wds-color-text-primary);
1760
1762
  --wds-dock-foreground-fill-hover: var(--wds-color-fill-standard-secondary-active);
1761
1763
  --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary);
1762
1764
  --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover);
@@ -1784,7 +1786,8 @@
1784
1786
  --wds-checkbox-border-disabled: var(--wds-color-border-dark-primary-disabled);
1785
1787
  --wds-checkbox-border-active: var(--wds-color-border-standard-secondary-active);
1786
1788
  --wds-checkbox-border: var(--wds-color-border-standard-secondary-active);
1787
- --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
1789
+ --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-small);
1790
+ --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small);
1788
1791
  --wds-card-gallery-item-fill: var(--wds-color-fill-standard-secondary);
1789
1792
  --wds-button-text-hover: var(--wds-color-text-standard-primary-light);
1790
1793
  --wds-button-label-fill-transparent-tertiary: var(--wds-color-text-standard-primary-light);
@@ -1897,6 +1900,8 @@
1897
1900
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
1898
1901
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1899
1902
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1903
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
1904
+ --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
1900
1905
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
1901
1906
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
1902
1907
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-small);
package/wixel/all.scss CHANGED
@@ -1284,6 +1284,7 @@
1284
1284
  --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1285
1285
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1286
1286
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1287
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1287
1288
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-100);
1288
1289
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-600);
1289
1290
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-600);
@@ -1757,6 +1758,7 @@
1757
1758
  --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
1758
1759
  --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1759
1760
  --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1761
+ --wds-drag-handle-fill: var(--wds-color-text-primary);
1760
1762
  --wds-dock-foreground-fill-hover: var(--wds-color-fill-standard-secondary-active);
1761
1763
  --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary);
1762
1764
  --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover);
@@ -1784,7 +1786,8 @@
1784
1786
  --wds-checkbox-border-disabled: var(--wds-color-border-dark-primary-disabled);
1785
1787
  --wds-checkbox-border-active: var(--wds-color-border-standard-secondary-active);
1786
1788
  --wds-checkbox-border: var(--wds-color-border-standard-secondary-active);
1787
- --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
1789
+ --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-small);
1790
+ --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small);
1788
1791
  --wds-card-gallery-item-fill: var(--wds-color-fill-standard-secondary);
1789
1792
  --wds-button-text-hover: var(--wds-color-text-standard-primary-light);
1790
1793
  --wds-button-label-fill-transparent-tertiary: var(--wds-color-text-standard-primary-light);
@@ -1897,6 +1900,8 @@
1897
1900
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
1898
1901
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1899
1902
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1903
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
1904
+ --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
1900
1905
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
1901
1906
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
1902
1907
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-small);
package/wixel/all.st.css CHANGED
@@ -213,6 +213,7 @@
213
213
  @property st-global(--wds-card-gallery-item-border-radius-100);
214
214
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
215
215
  @property st-global(--wds-card-gallery-item-fill);
216
+ @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
216
217
  @property st-global(--wds-card-gallery-item-overlay-fill);
217
218
  @property st-global(--wds-card-gallery-item-padding-left-medium);
218
219
  @property st-global(--wds-card-gallery-item-padding-left-small);
@@ -220,6 +221,9 @@
220
221
  @property st-global(--wds-card-gallery-item-padding-right-small);
221
222
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
222
223
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
224
+ @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
225
+ @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
226
+ @property st-global(--wds-card-gallery-item-title-font-line-height-small);
223
227
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
224
228
  @property st-global(--wds-card-header-padding-horizontal);
225
229
  @property st-global(--wds-card-header-padding-vertical);
@@ -777,6 +781,7 @@
777
781
  @property st-global(--wds-dock-foreground-fill-active);
778
782
  @property st-global(--wds-dock-foreground-fill-disabled);
779
783
  @property st-global(--wds-dock-foreground-fill-hover);
784
+ @property st-global(--wds-drag-handle-fill);
780
785
  @property st-global(--wds-dropdown-icon-fill);
781
786
  @property st-global(--wds-dropdown-icon-fill-disabled);
782
787
  @property st-global(--wds-dropdown-layout-option-size-big);
@@ -2124,6 +2129,7 @@
2124
2129
  --wds-card-gallery-item-border-radius-100: 12px;
2125
2130
  --wds-card-gallery-item-content-margin-vertical: 4px;
2126
2131
  --wds-card-gallery-item-fill: #eef0ff;
2132
+ --wds-card-gallery-item-image-border-radius-bottom: 0;
2127
2133
  --wds-card-gallery-item-overlay-fill: rgba(76, 73, 251, 0.1500);
2128
2134
  --wds-card-gallery-item-padding-left-medium: 18px;
2129
2135
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -2131,7 +2137,10 @@
2131
2137
  --wds-card-gallery-item-padding-right-small: 18px;
2132
2138
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2133
2139
  --wds-card-gallery-item-padding-vertical-small: 16px;
2134
- --wds-card-gallery-item-title-font-size-medium: 16px;
2140
+ --wds-card-gallery-item-subtitle-font-size-medium: 14px;
2141
+ --wds-card-gallery-item-title-font-line-height-medium: 24px;
2142
+ --wds-card-gallery-item-title-font-line-height-small: 20px;
2143
+ --wds-card-gallery-item-title-font-size-medium: 14px;
2135
2144
  --wds-card-header-padding-horizontal: 24px;
2136
2145
  --wds-card-header-padding-vertical: 16px;
2137
2146
  --wds-card-tab-padding-horizontal-medium: 20px;
@@ -2688,6 +2697,7 @@
2688
2697
  --wds-dock-foreground-fill-active: #4a57ff;
2689
2698
  --wds-dock-foreground-fill-disabled: #e5e5e5;
2690
2699
  --wds-dock-foreground-fill-hover: #bac4ff;
2700
+ --wds-drag-handle-fill: #4a57ff;
2691
2701
  --wds-dropdown-icon-fill: #595d70;
2692
2702
  --wds-dropdown-icon-fill-disabled: rgba(38, 37, 36, 0.3000);
2693
2703
  --wds-dropdown-layout-option-size-big: 40px;
package/wixel/component.st.css CHANGED
@@ -180,6 +180,7 @@
180
180
  @property st-global(--wds-card-gallery-item-border-radius-100);
181
181
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
182
182
  @property st-global(--wds-card-gallery-item-fill);
183
+ @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
183
184
  @property st-global(--wds-card-gallery-item-overlay-fill);
184
185
  @property st-global(--wds-card-gallery-item-padding-left-medium);
185
186
  @property st-global(--wds-card-gallery-item-padding-left-small);
@@ -187,6 +188,9 @@
187
188
  @property st-global(--wds-card-gallery-item-padding-right-small);
188
189
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
189
190
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
191
+ @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
192
+ @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
193
+ @property st-global(--wds-card-gallery-item-title-font-line-height-small);
190
194
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
191
195
  @property st-global(--wds-card-header-padding-horizontal);
192
196
  @property st-global(--wds-card-header-padding-vertical);
@@ -292,6 +296,7 @@
292
296
  @property st-global(--wds-dock-foreground-fill-active);
293
297
  @property st-global(--wds-dock-foreground-fill-disabled);
294
298
  @property st-global(--wds-dock-foreground-fill-hover);
299
+ @property st-global(--wds-drag-handle-fill);
295
300
  @property st-global(--wds-dropdown-icon-fill);
296
301
  @property st-global(--wds-dropdown-icon-fill-disabled);
297
302
  @property st-global(--wds-dropdown-layout-option-size-big);
@@ -1410,6 +1415,7 @@
1410
1415
  --wds-card-gallery-item-border-radius-100: 12px;
1411
1416
  --wds-card-gallery-item-content-margin-vertical: 4px;
1412
1417
  --wds-card-gallery-item-fill: #eef0ff;
1418
+ --wds-card-gallery-item-image-border-radius-bottom: 0;
1413
1419
  --wds-card-gallery-item-overlay-fill: rgba(76, 73, 251, 0.1500);
1414
1420
  --wds-card-gallery-item-padding-left-medium: 18px;
1415
1421
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -1417,7 +1423,10 @@
1417
1423
  --wds-card-gallery-item-padding-right-small: 18px;
1418
1424
  --wds-card-gallery-item-padding-vertical-medium: 18px;
1419
1425
  --wds-card-gallery-item-padding-vertical-small: 16px;
1420
- --wds-card-gallery-item-title-font-size-medium: 16px;
1426
+ --wds-card-gallery-item-subtitle-font-size-medium: 14px;
1427
+ --wds-card-gallery-item-title-font-line-height-medium: 24px;
1428
+ --wds-card-gallery-item-title-font-line-height-small: 20px;
1429
+ --wds-card-gallery-item-title-font-size-medium: 14px;
1421
1430
  --wds-card-header-padding-horizontal: 24px;
1422
1431
  --wds-card-header-padding-vertical: 16px;
1423
1432
  --wds-card-tab-padding-horizontal-medium: 20px;
@@ -1522,6 +1531,7 @@
1522
1531
  --wds-dock-foreground-fill-active: #4a57ff;
1523
1532
  --wds-dock-foreground-fill-disabled: #e5e5e5;
1524
1533
  --wds-dock-foreground-fill-hover: #bac4ff;
1534
+ --wds-drag-handle-fill: #4a57ff;
1525
1535
  --wds-dropdown-icon-fill: #595d70;
1526
1536
  --wds-dropdown-icon-fill-disabled: rgba(38, 37, 36, 0.3000);
1527
1537
  --wds-dropdown-layout-option-size-big: 40px;