@wix/design-system-tokens 1.134.0 → 1.134.2

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 (20) hide show
  1. package/all.css +2 -0
  2. package/all.scss +2 -0
  3. package/all.st.css +4 -0
  4. package/component.st.css +4 -0
  5. package/odeditor/all.css +23 -20
  6. package/odeditor/all.scss +23 -20
  7. package/odeditor/all.st.css +43 -37
  8. package/odeditor/component.st.css +33 -27
  9. package/odeditor/foundation.st.css +3 -3
  10. package/odeditor/semantic.st.css +7 -7
  11. package/package.json +2 -2
  12. package/studio/all.css +2 -0
  13. package/studio/all.scss +2 -0
  14. package/studio/all.st.css +4 -0
  15. package/studio/component.st.css +4 -0
  16. package/wixel/all.css +4 -2
  17. package/wixel/all.scss +4 -2
  18. package/wixel/all.st.css +6 -2
  19. package/wixel/component.st.css +4 -0
  20. package/wixel/foundation.st.css +2 -2
package/all.css CHANGED
@@ -1024,6 +1024,7 @@
1024
1024
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-200);
1025
1025
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1026
1026
  --wds-segmented-toggle-padding-container: var(--wds-space-0);
1027
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-regular);
1027
1028
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1028
1029
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1029
1030
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
@@ -1300,6 +1301,7 @@
1300
1301
  --wds-card-gallery-item-image-border-radius-top: var(--wds-border-radius-400);
1301
1302
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1302
1303
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1304
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-100);
1303
1305
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1304
1306
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
1305
1307
  --wds-card-tab-padding-vertical-small: var(--wds-space-300);
package/all.scss CHANGED
@@ -676,6 +676,7 @@
676
676
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-200);
677
677
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
678
678
  --wds-segmented-toggle-padding-container: var(--wds-space-0);
679
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-regular);
679
680
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
680
681
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
681
682
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
@@ -1298,6 +1299,7 @@
1298
1299
  --wds-card-gallery-item-image-border-radius-top: var(--wds-border-radius-400);
1299
1300
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1300
1301
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1302
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-100);
1301
1303
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1302
1304
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
1303
1305
  --wds-card-content-paddings-vertical: var(--wds-space-300);
package/all.st.css CHANGED
@@ -250,6 +250,7 @@
250
250
  @property st-global(--wds-card-content-paddings-vertical);
251
251
  @property st-global(--wds-card-gallery-item-border-radius-0);
252
252
  @property st-global(--wds-card-gallery-item-border-radius-100);
253
+ @property st-global(--wds-card-gallery-item-buttons-gap);
253
254
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
254
255
  @property st-global(--wds-card-gallery-item-fill);
255
256
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
@@ -1402,6 +1403,7 @@
1402
1403
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1403
1404
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
1404
1405
  @property st-global(--wds-segmented-toggle-label-font-size-small);
1406
+ @property st-global(--wds-segmented-toggle-label-font-weight);
1405
1407
  @property st-global(--wds-segmented-toggle-padding-container);
1406
1408
  @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
1407
1409
  @property st-global(--wds-segmented-toggle-padding-horizontal-small);
@@ -2292,6 +2294,7 @@
2292
2294
  --wds-card-content-paddings-vertical: 18px;
2293
2295
  --wds-card-gallery-item-border-radius-0: 0px;
2294
2296
  --wds-card-gallery-item-border-radius-100: 8px;
2297
+ --wds-card-gallery-item-buttons-gap: 6px;
2295
2298
  --wds-card-gallery-item-content-margin-vertical: 0px;
2296
2299
  --wds-card-gallery-item-fill: #ffffff;
2297
2300
  --wds-card-gallery-item-image-border-radius-bottom: 0px;
@@ -3444,6 +3447,7 @@
3444
3447
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3445
3448
  --wds-segmented-toggle-label-font-size-medium: 16px;
3446
3449
  --wds-segmented-toggle-label-font-size-small: 14px;
3450
+ --wds-segmented-toggle-label-font-weight: 400;
3447
3451
  --wds-segmented-toggle-padding-container: 0px;
3448
3452
  --wds-segmented-toggle-padding-horizontal-medium: 24px;
3449
3453
  --wds-segmented-toggle-padding-horizontal-small: 12px;
package/component.st.css CHANGED
@@ -216,6 +216,7 @@
216
216
  @property st-global(--wds-card-content-paddings-vertical);
217
217
  @property st-global(--wds-card-gallery-item-border-radius-0);
218
218
  @property st-global(--wds-card-gallery-item-border-radius-100);
219
+ @property st-global(--wds-card-gallery-item-buttons-gap);
219
220
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
220
221
  @property st-global(--wds-card-gallery-item-fill);
221
222
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
@@ -844,6 +845,7 @@
844
845
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
845
846
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
846
847
  @property st-global(--wds-segmented-toggle-label-font-size-small);
848
+ @property st-global(--wds-segmented-toggle-label-font-weight);
847
849
  @property st-global(--wds-segmented-toggle-padding-container);
848
850
  @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
849
851
  @property st-global(--wds-segmented-toggle-padding-horizontal-small);
@@ -1549,6 +1551,7 @@
1549
1551
  --wds-card-content-paddings-vertical: 18px;
1550
1552
  --wds-card-gallery-item-border-radius-0: 0px;
1551
1553
  --wds-card-gallery-item-border-radius-100: 8px;
1554
+ --wds-card-gallery-item-buttons-gap: 6px;
1552
1555
  --wds-card-gallery-item-content-margin-vertical: 0px;
1553
1556
  --wds-card-gallery-item-fill: #ffffff;
1554
1557
  --wds-card-gallery-item-image-border-radius-bottom: 0px;
@@ -2177,6 +2180,7 @@
2177
2180
  --wds-segmented-toggle-label-font-line-height-small: 18px;
2178
2181
  --wds-segmented-toggle-label-font-size-medium: 16px;
2179
2182
  --wds-segmented-toggle-label-font-size-small: 14px;
2183
+ --wds-segmented-toggle-label-font-weight: 400;
2180
2184
  --wds-segmented-toggle-padding-container: 0px;
2181
2185
  --wds-segmented-toggle-padding-horizontal-medium: 24px;
2182
2186
  --wds-segmented-toggle-padding-horizontal-small: 12px;
package/odeditor/all.css CHANGED
@@ -64,7 +64,7 @@
64
64
  --wds-font-weight-semi-bold: 600;
65
65
  --wds-font-weight-regular: 400;
66
66
  --wds-font-weight-medium: 500;
67
- --wds-font-weight-bold: 700;
67
+ --wds-font-weight-bold: 600;
68
68
  --wds-font-size-900: 32px;
69
69
  --wds-font-size-800: 24px;
70
70
  --wds-font-size-700: 20px;
@@ -449,7 +449,7 @@
449
449
  --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
450
450
  --wds-shadow-blur-input: var(--wds-shadow-blur-35);
451
451
  --wds-shadow-400: 0 8px 8px var(--wds-color-black-100-transparent-10), 0 3px 24px var(--wds-color-black-100-transparent-20);
452
- --wds-shadow-300: 0 0 6px var(--wds-color-black-100-transparent-5), 0 0 18px var(--wds-color-black-100-transparent-10);
452
+ --wds-shadow-300: 0 var(--wds-shadow-y-300) var(--wds-shadow-blur-800) 0 var(--wds-color-black-100-transparent-10), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) 0 var(--wds-color-black-100-transparent-0);
453
453
  --wds-shadow-200: 0 2px 4px var(--wds-color-black-100-transparent-5), 0 0 6px var(--wds-color-black-100-transparent-10);
454
454
  --wds-shadow-100: 0 2px 1px var(--wds-color-black-100-transparent-50), 0 0 3px var(--wds-color-black-100-transparent-10);
455
455
  --wds-font-weight-body-bold: var(--wds-font-weight-semi-bold);
@@ -470,7 +470,7 @@
470
470
  --wds-font-size-body-medium: var(--wds-font-size-500);
471
471
  --wds-font-size-body-extra-tiny: var(--wds-font-size-100);
472
472
  --wds-font-line-height-600: var(--wds-space-1000);
473
- --wds-font-line-height-500: var(--wds-space-800);
473
+ --wds-font-line-height-500: var(--wds-space-750);
474
474
  --wds-font-line-height-400: var(--wds-space-600);
475
475
  --wds-font-line-height-300: var(--wds-space-475);
476
476
  --wds-font-line-height-200: var(--wds-space-400);
@@ -729,7 +729,7 @@
729
729
  --wds-color-border-standard-primary-hover: var(--wds-color-blue-200);
730
730
  --wds-color-border-standard-primary-disabled: var(--wds-color-black-100-transparent-10);
731
731
  --wds-color-border-standard-primary-active: var(--wds-color-blue-100);
732
- --wds-color-border-standard-primary: var(--wds-color-blue-300);
732
+ --wds-color-border-standard-primary: var(--wds-color-blue-250);
733
733
  --wds-color-border-premium-tertiary-hover: var(--wds-color-blue-400);
734
734
  --wds-color-border-premium-tertiary-disabled: var(--wds-color-black-100-transparent-10);
735
735
  --wds-color-border-premium-tertiary-active: var(--wds-color-blue-300);
@@ -853,7 +853,7 @@
853
853
  --wds-toggle-button-fill-inverted-selected-disabled: var(--wds-color-black-700);
854
854
  --wds-toggle-button-fill-inverted-disabled: var(--wds-color-black-100-transparent-0);
855
855
  --wds-toggle-button-fill-inverted: var(--wds-color-black-100-transparent-0);
856
- --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-black-500);
856
+ --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-black-550);
857
857
  --wds-toggle-button-fill-dark-selected-disabled: var(--wds-color-black-700);
858
858
  --wds-toggle-button-fill-dark-selected: var(--wds-color-black-550);
859
859
  --wds-toggle-button-fill-dark-disabled: var(--wds-color-black-100-transparent-0);
@@ -1013,6 +1013,7 @@
1013
1013
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-400);
1014
1014
  --wds-side-panel-floating-header-padding-right: var(--wds-space-300);
1015
1015
  --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
1016
+ --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
1016
1017
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
1017
1018
  --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
1018
1019
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
@@ -1054,6 +1055,7 @@
1054
1055
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
1055
1056
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1056
1057
  --wds-segmented-toggle-padding-container: var(--wds-space-100);
1058
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
1057
1059
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1058
1060
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1059
1061
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
@@ -1156,7 +1158,7 @@
1156
1158
  --wds-message-modal-top-controls-paddings: var(--wds-space-250);
1157
1159
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
1158
1160
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
1159
- --wds-message-modal-padding-vertical: var(--wds-space-500);
1161
+ --wds-message-modal-padding-vertical: var(--wds-space-600);
1160
1162
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1161
1163
  --wds-message-modal-content-gap: var(--wds-space-300);
1162
1164
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
@@ -1172,9 +1174,9 @@
1172
1174
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1173
1175
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1174
1176
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1175
- --wds-list-item-select-padding-vertical-small: var(--wds-space-300);
1177
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1176
1178
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1177
- --wds-list-item-select-padding-vertical-medium: var(--wds-space-300);
1179
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1178
1180
  --wds-list-item-select-padding-right-small: var(--wds-space-400);
1179
1181
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1180
1182
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
@@ -1194,9 +1196,9 @@
1194
1196
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1195
1197
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1196
1198
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
1197
- --wds-list-item-action-padding-vertical-small: var(--wds-space-300);
1199
+ --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
1198
1200
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1199
- --wds-list-item-action-padding-vertical-medium: var(--wds-space-300);
1201
+ --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
1200
1202
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1201
1203
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
1202
1204
  --wds-list-item-action-gap: var(--wds-space-250);
@@ -1360,6 +1362,7 @@
1360
1362
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1361
1363
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1362
1364
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1365
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1363
1366
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1364
1367
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1365
1368
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -1414,7 +1417,9 @@
1414
1417
  --wds-button-fill-destructive-secondary-disabled: var(--wds-color-black-700);
1415
1418
  --wds-button-fill-destructive-secondary: var(--wds-color-white-transparent-0);
1416
1419
  --wds-button-fill-destructive-primary-disabled: var(--wds-color-black-700);
1420
+ --wds-button-fill-dark-secondary-hover: var(--wds-color-black-700);
1417
1421
  --wds-button-fill-dark-secondary-disabled: var(--wds-color-black-700);
1422
+ --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1418
1423
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1419
1424
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1420
1425
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
@@ -1424,8 +1429,11 @@
1424
1429
  --wds-button-border-radius-medium: var(--wds-border-radius-400);
1425
1430
  --wds-button-border-radius-large: var(--wds-border-radius-400);
1426
1431
  --wds-button-border-premium-secondary-disabled: var(--wds-color-black-700);
1432
+ --wds-button-border-destructive-secondary-hover: var(--wds-color-red-400);
1427
1433
  --wds-button-border-destructive-secondary-disabled: var(--wds-color-black-700);
1434
+ --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1428
1435
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1436
+ --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1429
1437
  --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1430
1438
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1431
1439
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
@@ -1869,7 +1877,7 @@
1869
1877
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1870
1878
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1871
1879
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1872
- --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-active);
1880
+ --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
1873
1881
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-primary-active);
1874
1882
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active);
1875
1883
  --wds-button-label-fill-destructive-secondary: var(--wds-color-text-destructive);
@@ -1891,19 +1899,14 @@
1891
1899
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1892
1900
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
1893
1901
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
1894
- --wds-button-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
1895
- --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
1896
- --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary);
1897
- --wds-button-border-standard-secondary-active: var(--wds-color-border-standard-secondary);
1902
+ --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
1903
+ --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1898
1904
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
1899
- --wds-button-border-premium-secondary-hover: var(--wds-color-border-premium-tertiary-hover);
1900
- --wds-button-border-premium-secondary-active: var(--wds-color-border-premium-secondary-hover);
1905
+ --wds-button-border-premium-secondary-hover: var(--wds-color-fill-premium-secondary-hover);
1906
+ --wds-button-border-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1901
1907
  --wds-button-border-premium-secondary: var(--wds-color-border-premium-secondary-hover);
1902
- --wds-button-border-destructive-secondary-hover: var(--wds-color-border-destructive-tertiary-hover);
1903
1908
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1904
1909
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1905
- --wds-button-border-dark-secondary-hover: var(--wds-color-border-dark-primary-hover);
1906
- --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-primary-active);
1907
1910
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1908
1911
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1909
1912
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
package/odeditor/all.scss CHANGED
@@ -136,7 +136,7 @@
136
136
  --wds-font-weight-semi-bold: 600;
137
137
  --wds-font-weight-regular: 400;
138
138
  --wds-font-weight-medium: 500;
139
- --wds-font-weight-bold: 700;
139
+ --wds-font-weight-bold: 600;
140
140
  --wds-font-size-900: 32px;
141
141
  --wds-font-size-800: 24px;
142
142
  --wds-font-size-700: 20px;
@@ -436,7 +436,7 @@
436
436
  --wds-toggle-button-fill-inverted-selected-disabled: var(--wds-color-black-700);
437
437
  --wds-toggle-button-fill-inverted-disabled: var(--wds-color-black-100-transparent-0);
438
438
  --wds-toggle-button-fill-inverted: var(--wds-color-black-100-transparent-0);
439
- --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-black-500);
439
+ --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-black-550);
440
440
  --wds-toggle-button-fill-dark-selected-disabled: var(--wds-color-black-700);
441
441
  --wds-toggle-button-fill-dark-selected: var(--wds-color-black-550);
442
442
  --wds-toggle-button-fill-dark-disabled: var(--wds-color-black-100-transparent-0);
@@ -610,6 +610,7 @@
610
610
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-400);
611
611
  --wds-side-panel-floating-header-padding-right: var(--wds-space-300);
612
612
  --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
613
+ --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
613
614
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
614
615
  --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
615
616
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
@@ -678,7 +679,7 @@
678
679
  --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
679
680
  --wds-shadow-blur-input: var(--wds-shadow-blur-35);
680
681
  --wds-shadow-400: 0 8px 8px var(--wds-color-black-100-transparent-10), 0 3px 24px var(--wds-color-black-100-transparent-20);
681
- --wds-shadow-300: 0 0 6px var(--wds-color-black-100-transparent-5), 0 0 18px var(--wds-color-black-100-transparent-10);
682
+ --wds-shadow-300: 0 var(--wds-shadow-y-300) var(--wds-shadow-blur-800) 0 var(--wds-color-black-100-transparent-10), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) 0 var(--wds-color-black-100-transparent-0);
682
683
  --wds-shadow-200: 0 2px 4px var(--wds-color-black-100-transparent-5), 0 0 6px var(--wds-color-black-100-transparent-10);
683
684
  --wds-shadow-100: 0 2px 1px var(--wds-color-black-100-transparent-50), 0 0 3px var(--wds-color-black-100-transparent-10);
684
685
  --wds-selector-list-item-padding-vertical-small: var(--wds-space-100);
@@ -717,6 +718,7 @@
717
718
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
718
719
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
719
720
  --wds-segmented-toggle-padding-container: var(--wds-space-100);
721
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
720
722
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
721
723
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
722
724
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
@@ -819,7 +821,7 @@
819
821
  --wds-message-modal-top-controls-paddings: var(--wds-space-250);
820
822
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
821
823
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
822
- --wds-message-modal-padding-vertical: var(--wds-space-500);
824
+ --wds-message-modal-padding-vertical: var(--wds-space-600);
823
825
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
824
826
  --wds-message-modal-content-gap: var(--wds-space-300);
825
827
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
@@ -831,9 +833,9 @@
831
833
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
832
834
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
833
835
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
834
- --wds-list-item-select-padding-vertical-small: var(--wds-space-300);
836
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
835
837
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
836
- --wds-list-item-select-padding-vertical-medium: var(--wds-space-300);
838
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
837
839
  --wds-list-item-select-padding-right-small: var(--wds-space-400);
838
840
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
839
841
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
@@ -857,9 +859,9 @@
857
859
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
858
860
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
859
861
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
860
- --wds-list-item-action-padding-vertical-small: var(--wds-space-300);
862
+ --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
861
863
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
862
- --wds-list-item-action-padding-vertical-medium: var(--wds-space-300);
864
+ --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
863
865
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
864
866
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
865
867
  --wds-list-item-action-gap: var(--wds-space-250);
@@ -966,7 +968,7 @@
966
968
  --wds-font-size-body-medium: var(--wds-font-size-500);
967
969
  --wds-font-size-body-extra-tiny: var(--wds-font-size-100);
968
970
  --wds-font-line-height-600: var(--wds-space-1000);
969
- --wds-font-line-height-500: var(--wds-space-800);
971
+ --wds-font-line-height-500: var(--wds-space-750);
970
972
  --wds-font-line-height-400: var(--wds-space-600);
971
973
  --wds-font-line-height-300: var(--wds-space-475);
972
974
  --wds-font-line-height-200: var(--wds-space-400);
@@ -1279,7 +1281,7 @@
1279
1281
  --wds-color-border-standard-primary-hover: var(--wds-color-blue-200);
1280
1282
  --wds-color-border-standard-primary-disabled: var(--wds-color-black-100-transparent-10);
1281
1283
  --wds-color-border-standard-primary-active: var(--wds-color-blue-100);
1282
- --wds-color-border-standard-primary: var(--wds-color-blue-300);
1284
+ --wds-color-border-standard-primary: var(--wds-color-blue-250);
1283
1285
  --wds-color-border-premium-tertiary-hover: var(--wds-color-blue-400);
1284
1286
  --wds-color-border-premium-tertiary-disabled: var(--wds-color-black-100-transparent-10);
1285
1287
  --wds-color-border-premium-tertiary-active: var(--wds-color-blue-300);
@@ -1358,6 +1360,7 @@
1358
1360
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1359
1361
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1360
1362
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1363
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1361
1364
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1362
1365
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1363
1366
  --wds-button-size-x-tiny: var(--wds-space-475);
@@ -1406,7 +1409,9 @@
1406
1409
  --wds-button-fill-destructive-secondary-disabled: var(--wds-color-black-700);
1407
1410
  --wds-button-fill-destructive-secondary: var(--wds-color-white-transparent-0);
1408
1411
  --wds-button-fill-destructive-primary-disabled: var(--wds-color-black-700);
1412
+ --wds-button-fill-dark-secondary-hover: var(--wds-color-black-700);
1409
1413
  --wds-button-fill-dark-secondary-disabled: var(--wds-color-black-700);
1414
+ --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1410
1415
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1411
1416
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1412
1417
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
@@ -1416,8 +1421,11 @@
1416
1421
  --wds-button-border-radius-medium: var(--wds-border-radius-400);
1417
1422
  --wds-button-border-radius-large: var(--wds-border-radius-400);
1418
1423
  --wds-button-border-premium-secondary-disabled: var(--wds-color-black-700);
1424
+ --wds-button-border-destructive-secondary-hover: var(--wds-color-red-400);
1419
1425
  --wds-button-border-destructive-secondary-disabled: var(--wds-color-black-700);
1426
+ --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1420
1427
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1428
+ --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1421
1429
  --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1422
1430
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1423
1431
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
@@ -1869,7 +1877,7 @@
1869
1877
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1870
1878
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1871
1879
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1872
- --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-active);
1880
+ --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
1873
1881
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-primary-active);
1874
1882
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active);
1875
1883
  --wds-button-label-fill-destructive-secondary: var(--wds-color-text-destructive);
@@ -1891,19 +1899,14 @@
1891
1899
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1892
1900
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
1893
1901
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
1894
- --wds-button-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
1895
- --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
1896
- --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary);
1897
- --wds-button-border-standard-secondary-active: var(--wds-color-border-standard-secondary);
1902
+ --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
1903
+ --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1898
1904
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
1899
- --wds-button-border-premium-secondary-hover: var(--wds-color-border-premium-tertiary-hover);
1900
- --wds-button-border-premium-secondary-active: var(--wds-color-border-premium-secondary-hover);
1905
+ --wds-button-border-premium-secondary-hover: var(--wds-color-fill-premium-secondary-hover);
1906
+ --wds-button-border-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1901
1907
  --wds-button-border-premium-secondary: var(--wds-color-border-premium-secondary-hover);
1902
- --wds-button-border-destructive-secondary-hover: var(--wds-color-border-destructive-tertiary-hover);
1903
1908
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1904
1909
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1905
- --wds-button-border-dark-secondary-hover: var(--wds-color-border-dark-primary-hover);
1906
- --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-primary-active);
1907
1910
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1908
1911
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1909
1912
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
package/odeditor/all.st.css CHANGED
@@ -247,6 +247,7 @@
247
247
  @property st-global(--wds-button-size-x-tiny);
248
248
  @property st-global(--wds-card-content-paddings-horizontal);
249
249
  @property st-global(--wds-card-content-paddings-vertical);
250
+ @property st-global(--wds-card-gallery-item-buttons-gap);
250
251
  @property st-global(--wds-card-gallery-item-content-margin-horizontal);
251
252
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
252
253
  @property st-global(--wds-card-gallery-item-fill);
@@ -1353,6 +1354,7 @@
1353
1354
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1354
1355
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
1355
1356
  @property st-global(--wds-segmented-toggle-label-font-size-small);
1357
+ @property st-global(--wds-segmented-toggle-label-font-weight);
1356
1358
  @property st-global(--wds-segmented-toggle-padding-container);
1357
1359
  @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
1358
1360
  @property st-global(--wds-segmented-toggle-padding-horizontal-small);
@@ -1513,6 +1515,7 @@
1513
1515
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
1514
1516
  @property st-global(--wds-side-panel-field-padding-horizontal);
1515
1517
  @property st-global(--wds-side-panel-field-padding-vertical);
1518
+ @property st-global(--wds-side-panel-floating-border-radius);
1516
1519
  @property st-global(--wds-side-panel-floating-header-padding-left);
1517
1520
  @property st-global(--wds-side-panel-floating-header-padding-right);
1518
1521
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -2042,7 +2045,7 @@
2042
2045
  --wds-announcement-modal-padding-vertical: 44px;
2043
2046
  --wds-announcement-modal-text-font-line-height: 18px;
2044
2047
  --wds-announcement-modal-text-font-size: 16px;
2045
- --wds-announcement-modal-title-font-line-height: 32px;
2048
+ --wds-announcement-modal-title-font-line-height: 30px;
2046
2049
  --wds-announcement-modal-title-font-size: 24px;
2047
2050
  --wds-avatar-group-gap-condensed: -2px;
2048
2051
  --wds-avatar-group-gap-default: 4px;
@@ -2074,7 +2077,7 @@
2074
2077
  --wds-badge-outline-premium-border-color: #acbeff;
2075
2078
  --wds-badge-outline-premium-fill: #eaefff;
2076
2079
  --wds-badge-outline-premium-label-color: #2f5dff;
2077
- --wds-badge-outline-standard-border-color: #acbeff;
2080
+ --wds-badge-outline-standard-border-color: #7896ff;
2078
2081
  --wds-badge-outline-standard-fill: #eaefff;
2079
2082
  --wds-badge-outline-standard-label-color: #1c3fe5;
2080
2083
  --wds-badge-outline-success-border-color: #bde2a7;
@@ -2129,37 +2132,37 @@
2129
2132
  --wds-breadcrumbs-padding-vertical-small: 2px;
2130
2133
  --wds-breadcrumbs-text-line-height-small: 16px;
2131
2134
  --wds-breadcrumbs-text-weight-default: 400;
2132
- --wds-breadcrumbs-text-weight-selected: 700;
2135
+ --wds-breadcrumbs-text-weight-selected: 600;
2133
2136
  --wds-breakpoint-large: 1186px;
2134
2137
  --wds-breakpoint-medium: 768px;
2135
2138
  --wds-breakpoint-small: 490px;
2136
2139
  --wds-breakpoint-x-large: 1572px;
2137
2140
  --wds-button-border-dark-secondary: #767574;
2138
- --wds-button-border-dark-secondary-active: #383838;
2141
+ --wds-button-border-dark-secondary-active: #dedede;
2139
2142
  --wds-button-border-dark-secondary-disabled: #f0efef;
2140
- --wds-button-border-dark-secondary-hover: #525150;
2143
+ --wds-button-border-dark-secondary-hover: #dedede;
2141
2144
  --wds-button-border-destructive-secondary: #ed8f90;
2142
2145
  --wds-button-border-destructive-secondary-active: #f4b8b9;
2143
2146
  --wds-button-border-destructive-secondary-disabled: #f0efef;
2144
- --wds-button-border-destructive-secondary-hover: #f9d6d7;
2147
+ --wds-button-border-destructive-secondary-hover: #f4b8b9;
2145
2148
  --wds-button-border-premium-secondary: #acbeff;
2146
- --wds-button-border-premium-secondary-active: #acbeff;
2149
+ --wds-button-border-premium-secondary-active: #d5dfff;
2147
2150
  --wds-button-border-premium-secondary-disabled: #f0efef;
2148
- --wds-button-border-premium-secondary-hover: #d5dfff;
2151
+ --wds-button-border-premium-secondary-hover: #acbeff;
2149
2152
  --wds-button-border-radius-large: 8px;
2150
2153
  --wds-button-border-radius-medium: 8px;
2151
2154
  --wds-button-border-radius-small: 6px;
2152
2155
  --wds-button-border-radius-tiny: 6px;
2153
- --wds-button-border-standard-secondary: #acbeff;
2154
- --wds-button-border-standard-secondary-active: #eaefff;
2156
+ --wds-button-border-standard-secondary: #7896ff;
2157
+ --wds-button-border-standard-secondary-active: #d5dfff;
2155
2158
  --wds-button-border-standard-secondary-disabled: #f0efef;
2156
- --wds-button-border-standard-secondary-hover: #eaefff;
2159
+ --wds-button-border-standard-secondary-hover: #acbeff;
2157
2160
  --wds-button-border-width-secondary-hover: 1px;
2158
2161
  --wds-button-fill-dark-primary-disabled: #f0efef;
2159
2162
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
2160
- --wds-button-fill-dark-secondary-active: #f0efef;
2163
+ --wds-button-fill-dark-secondary-active: #dedede;
2161
2164
  --wds-button-fill-dark-secondary-disabled: #f0efef;
2162
- --wds-button-fill-dark-secondary-hover: #f8f6f6;
2165
+ --wds-button-fill-dark-secondary-hover: #f0efef;
2163
2166
  --wds-button-fill-destructive-primary-disabled: #f0efef;
2164
2167
  --wds-button-fill-destructive-secondary: rgba(255, 255, 255, 0);
2165
2168
  --wds-button-fill-destructive-secondary-active: #f4b8b9;
@@ -2211,7 +2214,7 @@
2211
2214
  --wds-button-label-fill-destructive-secondary: #df3336;
2212
2215
  --wds-button-label-fill-destructive-secondary-active: #9c2426;
2213
2216
  --wds-button-label-fill-destructive-secondary-disabled: #9c2426;
2214
- --wds-button-label-fill-destructive-secondary-hover: #9c2426;
2217
+ --wds-button-label-fill-destructive-secondary-hover: #be2b2e;
2215
2218
  --wds-button-label-fill-premium-primary-disabled: #a8a6a5;
2216
2219
  --wds-button-label-fill-premium-secondary: #2f5dff;
2217
2220
  --wds-button-label-fill-premium-secondary-active: #0f2ccf;
@@ -2242,6 +2245,7 @@
2242
2245
  --wds-button-size-x-tiny: 18px;
2243
2246
  --wds-card-content-paddings-horizontal: 12px;
2244
2247
  --wds-card-content-paddings-vertical: 12px;
2248
+ --wds-card-gallery-item-buttons-gap: 8px;
2245
2249
  --wds-card-gallery-item-content-margin-horizontal: 8px;
2246
2250
  --wds-card-gallery-item-content-margin-vertical: 0px;
2247
2251
  --wds-card-gallery-item-fill: #ffffff;
@@ -2403,7 +2407,7 @@
2403
2407
  --wds-color-border-premium-tertiary-disabled: rgba(19, 23, 32, .1);
2404
2408
  --wds-color-border-premium-tertiary-hover: #d5dfff;
2405
2409
  --wds-color-border-stage-wip: #ffffff;
2406
- --wds-color-border-standard-primary: #acbeff;
2410
+ --wds-color-border-standard-primary: #7896ff;
2407
2411
  --wds-color-border-standard-primary-active: #2f5dff;
2408
2412
  --wds-color-border-standard-primary-disabled: rgba(19, 23, 32, .1);
2409
2413
  --wds-color-border-standard-primary-hover: #597dff;
@@ -2869,14 +2873,14 @@
2869
2873
  --wds-font-line-height-200: 16px;
2870
2874
  --wds-font-line-height-300: 18px;
2871
2875
  --wds-font-line-height-400: 24px;
2872
- --wds-font-line-height-500: 32px;
2876
+ --wds-font-line-height-500: 30px;
2873
2877
  --wds-font-line-height-600: 40px;
2874
2878
  --wds-font-line-height-body-extra-tiny: 12px;
2875
2879
  --wds-font-line-height-body-medium: 24px;
2876
2880
  --wds-font-line-height-body-small: 18px;
2877
2881
  --wds-font-line-height-body-tiny: 16px;
2878
2882
  --wds-font-line-height-heading-1: 40px;
2879
- --wds-font-line-height-heading-2: 32px;
2883
+ --wds-font-line-height-heading-2: 30px;
2880
2884
  --wds-font-line-height-heading-3: 24px;
2881
2885
  --wds-font-line-height-heading-4: 18px;
2882
2886
  --wds-font-line-height-heading-5: 12px;
@@ -2901,12 +2905,12 @@
2901
2905
  --wds-font-size-heading-5: 10px;
2902
2906
  --wds-font-size-heading-6: 12px;
2903
2907
  --wds-font-weight-body-bold: 600;
2904
- --wds-font-weight-bold: 700;
2908
+ --wds-font-weight-bold: 600;
2905
2909
  --wds-font-weight-heading-1: 400;
2906
2910
  --wds-font-weight-heading-2: 500;
2907
- --wds-font-weight-heading-3: 700;
2908
- --wds-font-weight-heading-4: 700;
2909
- --wds-font-weight-heading-5: 700;
2911
+ --wds-font-weight-heading-3: 600;
2912
+ --wds-font-weight-heading-4: 600;
2913
+ --wds-font-weight-heading-5: 600;
2910
2914
  --wds-font-weight-heading-6: 400;
2911
2915
  --wds-font-weight-medium: 500;
2912
2916
  --wds-font-weight-regular: 400;
@@ -2930,7 +2934,7 @@
2930
2934
  --wds-icon-button-color-border-premium-secondary: #acbeff;
2931
2935
  --wds-icon-button-color-border-premium-secondary-active: #acbeff;
2932
2936
  --wds-icon-button-color-border-premium-secondary-disabled: #f0efef;
2933
- --wds-icon-button-color-border-standard-secondary: #acbeff;
2937
+ --wds-icon-button-color-border-standard-secondary: #7896ff;
2934
2938
  --wds-icon-button-color-border-standard-secondary-active: #d5dfff;
2935
2939
  --wds-icon-button-color-border-standard-secondary-disabled: #f0efef;
2936
2940
  --wds-icon-button-color-border-standard-secondary-hover: #eaefff;
@@ -3063,7 +3067,7 @@
3063
3067
  --wds-input-border-color: rgba(19, 23, 32, 0);
3064
3068
  --wds-input-border-color-disabled: #f0efef;
3065
3069
  --wds-input-border-color-focus: #2f5dff;
3066
- --wds-input-border-color-hover: #acbeff;
3070
+ --wds-input-border-color-hover: #7896ff;
3067
3071
  --wds-input-border-color-readonly: rgba(19, 23, 32, 0);
3068
3072
  --wds-input-border-radius-default-large: 8px;
3069
3073
  --wds-input-border-radius-default-medium: 8px;
@@ -3127,16 +3131,16 @@
3127
3131
  --wds-list-item-action-label-font-size-small: 12px;
3128
3132
  --wds-list-item-action-padding-horizontal-medium: 12px;
3129
3133
  --wds-list-item-action-padding-horizontal-small: 12px;
3130
- --wds-list-item-action-padding-vertical-medium: 12px;
3134
+ --wds-list-item-action-padding-vertical-medium: 8px;
3131
3135
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
3132
- --wds-list-item-action-padding-vertical-small: 12px;
3136
+ --wds-list-item-action-padding-vertical-small: 8px;
3133
3137
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
3134
3138
  --wds-list-item-action-subtitle-font-line-height: 16px;
3135
3139
  --wds-list-item-action-subtitle-font-size: 12px;
3136
3140
  --wds-list-item-action-suffix-fill: #151414;
3137
3141
  --wds-list-item-action-suffix-fill-active: #151414;
3138
3142
  --wds-list-item-action-title-font-weight: 500;
3139
- --wds-list-item-action-title-font-weight-active: 700;
3143
+ --wds-list-item-action-title-font-weight-active: 600;
3140
3144
  --wds-list-item-section-divider-padding-horizontal: 0px;
3141
3145
  --wds-list-item-section-fill: #ffffff;
3142
3146
  --wds-list-item-section-font-line-height: 16px;
@@ -3171,7 +3175,7 @@
3171
3175
  --wds-list-item-select-label-font-line-height-small: 18px;
3172
3176
  --wds-list-item-select-label-font-size-medium: 14px;
3173
3177
  --wds-list-item-select-label-font-size-small: 12px;
3174
- --wds-list-item-select-label-font-weight-active: 700;
3178
+ --wds-list-item-select-label-font-weight-active: 600;
3175
3179
  --wds-list-item-select-label-font-weight-medium: 500;
3176
3180
  --wds-list-item-select-label-hover-font-weight-medium: 600;
3177
3181
  --wds-list-item-select-padding-horizontal-medium: 12px;
@@ -3180,9 +3184,9 @@
3180
3184
  --wds-list-item-select-padding-left-small: 12px;
3181
3185
  --wds-list-item-select-padding-right-medium: 16px;
3182
3186
  --wds-list-item-select-padding-right-small: 16px;
3183
- --wds-list-item-select-padding-vertical-medium: 12px;
3187
+ --wds-list-item-select-padding-vertical-medium: 8px;
3184
3188
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3185
- --wds-list-item-select-padding-vertical-small: 12px;
3189
+ --wds-list-item-select-padding-vertical-small: 8px;
3186
3190
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
3187
3191
  --wds-list-item-select-subtitle: #767574;
3188
3192
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
@@ -3203,11 +3207,11 @@
3203
3207
  --wds-marketing-page-paddings-vertical-medium: 20px;
3204
3208
  --wds-message-modal-content-gap: 12px;
3205
3209
  --wds-message-modal-padding-horizontal: 24px;
3206
- --wds-message-modal-padding-vertical: 20px;
3210
+ --wds-message-modal-padding-vertical: 24px;
3207
3211
  --wds-message-modal-text-font-line-height: 18px;
3208
3212
  --wds-message-modal-text-font-size: 14px;
3209
3213
  --wds-message-modal-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3210
- --wds-message-modal-title-font-line-height: 32px;
3214
+ --wds-message-modal-title-font-line-height: 30px;
3211
3215
  --wds-message-modal-title-font-size: 24px;
3212
3216
  --wds-message-modal-top-controls-paddings: 10px;
3213
3217
  --wds-mobile-modal-content-padding-horizontal: 24px;
@@ -3348,6 +3352,7 @@
3348
3352
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3349
3353
  --wds-segmented-toggle-label-font-size-medium: 16px;
3350
3354
  --wds-segmented-toggle-label-font-size-small: 14px;
3355
+ --wds-segmented-toggle-label-font-weight: 600;
3351
3356
  --wds-segmented-toggle-padding-container: 4px;
3352
3357
  --wds-segmented-toggle-padding-horizontal-medium: 16px;
3353
3358
  --wds-segmented-toggle-padding-horizontal-small: 12px;
@@ -3370,7 +3375,7 @@
3370
3375
  --wds-select-area-padding-vertical: 12px;
3371
3376
  --wds-selector-button-border-color: rgba(19, 23, 32, 0);
3372
3377
  --wds-selector-button-border-color-disabled: rgba(19, 23, 32, 0);
3373
- --wds-selector-button-border-color-hover: #acbeff;
3378
+ --wds-selector-button-border-color-hover: #7896ff;
3374
3379
  --wds-selector-button-border-color-pressed: #2f5dff;
3375
3380
  --wds-selector-button-fill: #f8f6f6;
3376
3381
  --wds-selector-button-fill-disabled: #f8f6f6;
@@ -3399,7 +3404,7 @@
3399
3404
  --wds-selector-list-item-padding-vertical-small: 4px;
3400
3405
  --wds-shadow-100: 0 2px 1px rgba(19, 23, 32, .5), 0 0 3px rgba(19, 23, 32, .1);
3401
3406
  --wds-shadow-200: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
3402
- --wds-shadow-300: 0 0 6px rgba(19, 23, 32, .05), 0 0 18px rgba(19, 23, 32, .1);
3407
+ --wds-shadow-300: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
3403
3408
  --wds-shadow-400: 0 8px 8px rgba(19, 23, 32, .1), 0 3px 24px rgba(19, 23, 32, .2);
3404
3409
  --wds-shadow-blur-0: 0px;
3405
3410
  --wds-shadow-blur-25: 2px;
@@ -3470,8 +3475,8 @@
3470
3475
  --wds-shadow-inner-400-vertical: 0 22px 18px -18px rgba(19, 23, 32, .1) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset, 0 -22px 18px -18px rgba(19, 23, 32, .1) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset;
3471
3476
  --wds-shadow-spread-secondary-raised: -0.70;
3472
3477
  --wds-shadow-surface-modal: 0 8px 8px rgba(19, 23, 32, .1), 0 3px 24px rgba(19, 23, 32, .2);
3473
- --wds-shadow-surface-overlay: 0 0 6px rgba(19, 23, 32, .05), 0 0 18px rgba(19, 23, 32, .1);
3474
- --wds-shadow-surface-overlay-dark: 0 0 6px rgba(19, 23, 32, .05), 0 0 18px rgba(19, 23, 32, .1);
3478
+ --wds-shadow-surface-overlay: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
3479
+ --wds-shadow-surface-overlay-dark: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
3475
3480
  --wds-shadow-surface-raised: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
3476
3481
  --wds-shadow-x-0: 0px;
3477
3482
  --wds-shadow-x-25: 1px;
@@ -3508,6 +3513,7 @@
3508
3513
  --wds-side-panel-control-layout-divider-border-width: false;
3509
3514
  --wds-side-panel-field-padding-horizontal: 16px;
3510
3515
  --wds-side-panel-field-padding-vertical: 12px;
3516
+ --wds-side-panel-floating-border-radius: 12px;
3511
3517
  --wds-side-panel-floating-header-padding-left: 16px;
3512
3518
  --wds-side-panel-floating-header-padding-right: 12px;
3513
3519
  --wds-side-panel-floating-header-padding-vertical: 16px;
@@ -3787,7 +3793,7 @@
3787
3793
  --wds-toggle-button-fill-dark-hover: #e8e7e7;
3788
3794
  --wds-toggle-button-fill-dark-selected: #dedede;
3789
3795
  --wds-toggle-button-fill-dark-selected-disabled: #f0efef;
3790
- --wds-toggle-button-fill-dark-selected-hover: #a8a6a5;
3796
+ --wds-toggle-button-fill-dark-selected-hover: #dedede;
3791
3797
  --wds-toggle-button-fill-inverted: rgba(19, 23, 32, 0);
3792
3798
  --wds-toggle-button-fill-inverted-disabled: rgba(19, 23, 32, 0);
3793
3799
  --wds-toggle-button-fill-inverted-hover: #e8e7e7;
@@ -3974,7 +3980,7 @@
3974
3980
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
3975
3981
  --wds-vertical-tabs-section-text-font-line-height-small: 16px;
3976
3982
  --wds-vertical-tabs-section-text-font-size-small: 12px;
3977
- --wds-vertical-tabs-section-text-font-weight-small: 700;
3983
+ --wds-vertical-tabs-section-text-font-weight-small: 600;
3978
3984
  --wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
3979
3985
  --wds-vertical-tabs-section-title-padding-bottom-small: 12px;
3980
3986
  --wds-vertical-tabs-section-title-padding-bottom-tiny: 4px;
package/odeditor/component.st.css CHANGED
@@ -211,6 +211,7 @@
211
211
  @property st-global(--wds-button-size-x-tiny);
212
212
  @property st-global(--wds-card-content-paddings-horizontal);
213
213
  @property st-global(--wds-card-content-paddings-vertical);
214
+ @property st-global(--wds-card-gallery-item-buttons-gap);
214
215
  @property st-global(--wds-card-gallery-item-content-margin-horizontal);
215
216
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
216
217
  @property st-global(--wds-card-gallery-item-fill);
@@ -797,6 +798,7 @@
797
798
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
798
799
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
799
800
  @property st-global(--wds-segmented-toggle-label-font-size-small);
801
+ @property st-global(--wds-segmented-toggle-label-font-weight);
800
802
  @property st-global(--wds-segmented-toggle-padding-container);
801
803
  @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
802
804
  @property st-global(--wds-segmented-toggle-padding-horizontal-small);
@@ -852,6 +854,7 @@
852
854
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
853
855
  @property st-global(--wds-side-panel-field-padding-horizontal);
854
856
  @property st-global(--wds-side-panel-field-padding-vertical);
857
+ @property st-global(--wds-side-panel-floating-border-radius);
855
858
  @property st-global(--wds-side-panel-floating-header-padding-left);
856
859
  @property st-global(--wds-side-panel-floating-header-padding-right);
857
860
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -1334,7 +1337,7 @@
1334
1337
  --wds-announcement-modal-padding-vertical: 44px;
1335
1338
  --wds-announcement-modal-text-font-line-height: 18px;
1336
1339
  --wds-announcement-modal-text-font-size: 16px;
1337
- --wds-announcement-modal-title-font-line-height: 32px;
1340
+ --wds-announcement-modal-title-font-line-height: 30px;
1338
1341
  --wds-announcement-modal-title-font-size: 24px;
1339
1342
  --wds-avatar-group-gap-condensed: -2px;
1340
1343
  --wds-avatar-group-gap-default: 4px;
@@ -1355,7 +1358,7 @@
1355
1358
  --wds-badge-outline-premium-border-color: #acbeff;
1356
1359
  --wds-badge-outline-premium-fill: #eaefff;
1357
1360
  --wds-badge-outline-premium-label-color: #2f5dff;
1358
- --wds-badge-outline-standard-border-color: #acbeff;
1361
+ --wds-badge-outline-standard-border-color: #7896ff;
1359
1362
  --wds-badge-outline-standard-fill: #eaefff;
1360
1363
  --wds-badge-outline-standard-label-color: #1c3fe5;
1361
1364
  --wds-badge-outline-success-border-color: #bde2a7;
@@ -1389,33 +1392,33 @@
1389
1392
  --wds-breadcrumbs-padding-vertical-small: 2px;
1390
1393
  --wds-breadcrumbs-text-line-height-small: 16px;
1391
1394
  --wds-breadcrumbs-text-weight-default: 400;
1392
- --wds-breadcrumbs-text-weight-selected: 700;
1395
+ --wds-breadcrumbs-text-weight-selected: 600;
1393
1396
  --wds-button-border-dark-secondary: #767574;
1394
- --wds-button-border-dark-secondary-active: #383838;
1397
+ --wds-button-border-dark-secondary-active: #dedede;
1395
1398
  --wds-button-border-dark-secondary-disabled: #f0efef;
1396
- --wds-button-border-dark-secondary-hover: #525150;
1399
+ --wds-button-border-dark-secondary-hover: #dedede;
1397
1400
  --wds-button-border-destructive-secondary: #ed8f90;
1398
1401
  --wds-button-border-destructive-secondary-active: #f4b8b9;
1399
1402
  --wds-button-border-destructive-secondary-disabled: #f0efef;
1400
- --wds-button-border-destructive-secondary-hover: #f9d6d7;
1403
+ --wds-button-border-destructive-secondary-hover: #f4b8b9;
1401
1404
  --wds-button-border-premium-secondary: #acbeff;
1402
- --wds-button-border-premium-secondary-active: #acbeff;
1405
+ --wds-button-border-premium-secondary-active: #d5dfff;
1403
1406
  --wds-button-border-premium-secondary-disabled: #f0efef;
1404
- --wds-button-border-premium-secondary-hover: #d5dfff;
1407
+ --wds-button-border-premium-secondary-hover: #acbeff;
1405
1408
  --wds-button-border-radius-large: 8px;
1406
1409
  --wds-button-border-radius-medium: 8px;
1407
1410
  --wds-button-border-radius-small: 6px;
1408
1411
  --wds-button-border-radius-tiny: 6px;
1409
- --wds-button-border-standard-secondary: #acbeff;
1410
- --wds-button-border-standard-secondary-active: #eaefff;
1412
+ --wds-button-border-standard-secondary: #7896ff;
1413
+ --wds-button-border-standard-secondary-active: #d5dfff;
1411
1414
  --wds-button-border-standard-secondary-disabled: #f0efef;
1412
- --wds-button-border-standard-secondary-hover: #eaefff;
1415
+ --wds-button-border-standard-secondary-hover: #acbeff;
1413
1416
  --wds-button-border-width-secondary-hover: 1px;
1414
1417
  --wds-button-fill-dark-primary-disabled: #f0efef;
1415
1418
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
1416
- --wds-button-fill-dark-secondary-active: #f0efef;
1419
+ --wds-button-fill-dark-secondary-active: #dedede;
1417
1420
  --wds-button-fill-dark-secondary-disabled: #f0efef;
1418
- --wds-button-fill-dark-secondary-hover: #f8f6f6;
1421
+ --wds-button-fill-dark-secondary-hover: #f0efef;
1419
1422
  --wds-button-fill-destructive-primary-disabled: #f0efef;
1420
1423
  --wds-button-fill-destructive-secondary: rgba(255, 255, 255, 0);
1421
1424
  --wds-button-fill-destructive-secondary-active: #f4b8b9;
@@ -1467,7 +1470,7 @@
1467
1470
  --wds-button-label-fill-destructive-secondary: #df3336;
1468
1471
  --wds-button-label-fill-destructive-secondary-active: #9c2426;
1469
1472
  --wds-button-label-fill-destructive-secondary-disabled: #9c2426;
1470
- --wds-button-label-fill-destructive-secondary-hover: #9c2426;
1473
+ --wds-button-label-fill-destructive-secondary-hover: #be2b2e;
1471
1474
  --wds-button-label-fill-premium-primary-disabled: #a8a6a5;
1472
1475
  --wds-button-label-fill-premium-secondary: #2f5dff;
1473
1476
  --wds-button-label-fill-premium-secondary-active: #0f2ccf;
@@ -1498,6 +1501,7 @@
1498
1501
  --wds-button-size-x-tiny: 18px;
1499
1502
  --wds-card-content-paddings-horizontal: 12px;
1500
1503
  --wds-card-content-paddings-vertical: 12px;
1504
+ --wds-card-gallery-item-buttons-gap: 8px;
1501
1505
  --wds-card-gallery-item-content-margin-horizontal: 8px;
1502
1506
  --wds-card-gallery-item-content-margin-vertical: 0px;
1503
1507
  --wds-card-gallery-item-fill: #ffffff;
@@ -1679,7 +1683,7 @@
1679
1683
  --wds-icon-button-color-border-premium-secondary: #acbeff;
1680
1684
  --wds-icon-button-color-border-premium-secondary-active: #acbeff;
1681
1685
  --wds-icon-button-color-border-premium-secondary-disabled: #f0efef;
1682
- --wds-icon-button-color-border-standard-secondary: #acbeff;
1686
+ --wds-icon-button-color-border-standard-secondary: #7896ff;
1683
1687
  --wds-icon-button-color-border-standard-secondary-active: #d5dfff;
1684
1688
  --wds-icon-button-color-border-standard-secondary-disabled: #f0efef;
1685
1689
  --wds-icon-button-color-border-standard-secondary-hover: #eaefff;
@@ -1799,7 +1803,7 @@
1799
1803
  --wds-input-border-color: rgba(19, 23, 32, 0);
1800
1804
  --wds-input-border-color-disabled: #f0efef;
1801
1805
  --wds-input-border-color-focus: #2f5dff;
1802
- --wds-input-border-color-hover: #acbeff;
1806
+ --wds-input-border-color-hover: #7896ff;
1803
1807
  --wds-input-border-color-readonly: rgba(19, 23, 32, 0);
1804
1808
  --wds-input-border-radius-default-large: 8px;
1805
1809
  --wds-input-border-radius-default-medium: 8px;
@@ -1863,16 +1867,16 @@
1863
1867
  --wds-list-item-action-label-font-size-small: 12px;
1864
1868
  --wds-list-item-action-padding-horizontal-medium: 12px;
1865
1869
  --wds-list-item-action-padding-horizontal-small: 12px;
1866
- --wds-list-item-action-padding-vertical-medium: 12px;
1870
+ --wds-list-item-action-padding-vertical-medium: 8px;
1867
1871
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
1868
- --wds-list-item-action-padding-vertical-small: 12px;
1872
+ --wds-list-item-action-padding-vertical-small: 8px;
1869
1873
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
1870
1874
  --wds-list-item-action-subtitle-font-line-height: 16px;
1871
1875
  --wds-list-item-action-subtitle-font-size: 12px;
1872
1876
  --wds-list-item-action-suffix-fill: #151414;
1873
1877
  --wds-list-item-action-suffix-fill-active: #151414;
1874
1878
  --wds-list-item-action-title-font-weight: 500;
1875
- --wds-list-item-action-title-font-weight-active: 700;
1879
+ --wds-list-item-action-title-font-weight-active: 600;
1876
1880
  --wds-list-item-section-divider-padding-horizontal: 0px;
1877
1881
  --wds-list-item-section-fill: #ffffff;
1878
1882
  --wds-list-item-section-font-line-height: 16px;
@@ -1907,7 +1911,7 @@
1907
1911
  --wds-list-item-select-label-font-line-height-small: 18px;
1908
1912
  --wds-list-item-select-label-font-size-medium: 14px;
1909
1913
  --wds-list-item-select-label-font-size-small: 12px;
1910
- --wds-list-item-select-label-font-weight-active: 700;
1914
+ --wds-list-item-select-label-font-weight-active: 600;
1911
1915
  --wds-list-item-select-label-font-weight-medium: 500;
1912
1916
  --wds-list-item-select-label-hover-font-weight-medium: 600;
1913
1917
  --wds-list-item-select-padding-horizontal-medium: 12px;
@@ -1916,9 +1920,9 @@
1916
1920
  --wds-list-item-select-padding-left-small: 12px;
1917
1921
  --wds-list-item-select-padding-right-medium: 16px;
1918
1922
  --wds-list-item-select-padding-right-small: 16px;
1919
- --wds-list-item-select-padding-vertical-medium: 12px;
1923
+ --wds-list-item-select-padding-vertical-medium: 8px;
1920
1924
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
1921
- --wds-list-item-select-padding-vertical-small: 12px;
1925
+ --wds-list-item-select-padding-vertical-small: 8px;
1922
1926
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
1923
1927
  --wds-list-item-select-subtitle: #767574;
1924
1928
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
@@ -1939,11 +1943,11 @@
1939
1943
  --wds-marketing-page-paddings-vertical-medium: 20px;
1940
1944
  --wds-message-modal-content-gap: 12px;
1941
1945
  --wds-message-modal-padding-horizontal: 24px;
1942
- --wds-message-modal-padding-vertical: 20px;
1946
+ --wds-message-modal-padding-vertical: 24px;
1943
1947
  --wds-message-modal-text-font-line-height: 18px;
1944
1948
  --wds-message-modal-text-font-size: 14px;
1945
1949
  --wds-message-modal-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1946
- --wds-message-modal-title-font-line-height: 32px;
1950
+ --wds-message-modal-title-font-line-height: 30px;
1947
1951
  --wds-message-modal-title-font-size: 24px;
1948
1952
  --wds-message-modal-top-controls-paddings: 10px;
1949
1953
  --wds-mobile-modal-content-padding-horizontal: 24px;
@@ -2084,6 +2088,7 @@
2084
2088
  --wds-segmented-toggle-label-font-line-height-small: 18px;
2085
2089
  --wds-segmented-toggle-label-font-size-medium: 16px;
2086
2090
  --wds-segmented-toggle-label-font-size-small: 14px;
2091
+ --wds-segmented-toggle-label-font-weight: 600;
2087
2092
  --wds-segmented-toggle-padding-container: 4px;
2088
2093
  --wds-segmented-toggle-padding-horizontal-medium: 16px;
2089
2094
  --wds-segmented-toggle-padding-horizontal-small: 12px;
@@ -2106,7 +2111,7 @@
2106
2111
  --wds-select-area-padding-vertical: 12px;
2107
2112
  --wds-selector-button-border-color: rgba(19, 23, 32, 0);
2108
2113
  --wds-selector-button-border-color-disabled: rgba(19, 23, 32, 0);
2109
- --wds-selector-button-border-color-hover: #acbeff;
2114
+ --wds-selector-button-border-color-hover: #7896ff;
2110
2115
  --wds-selector-button-border-color-pressed: #2f5dff;
2111
2116
  --wds-selector-button-fill: #f8f6f6;
2112
2117
  --wds-selector-button-fill-disabled: #f8f6f6;
@@ -2139,6 +2144,7 @@
2139
2144
  --wds-side-panel-control-layout-divider-border-width: false;
2140
2145
  --wds-side-panel-field-padding-horizontal: 16px;
2141
2146
  --wds-side-panel-field-padding-vertical: 12px;
2147
+ --wds-side-panel-floating-border-radius: 12px;
2142
2148
  --wds-side-panel-floating-header-padding-left: 16px;
2143
2149
  --wds-side-panel-floating-header-padding-right: 12px;
2144
2150
  --wds-side-panel-floating-header-padding-vertical: 16px;
@@ -2373,7 +2379,7 @@
2373
2379
  --wds-toggle-button-fill-dark-hover: #e8e7e7;
2374
2380
  --wds-toggle-button-fill-dark-selected: #dedede;
2375
2381
  --wds-toggle-button-fill-dark-selected-disabled: #f0efef;
2376
- --wds-toggle-button-fill-dark-selected-hover: #a8a6a5;
2382
+ --wds-toggle-button-fill-dark-selected-hover: #dedede;
2377
2383
  --wds-toggle-button-fill-inverted: rgba(19, 23, 32, 0);
2378
2384
  --wds-toggle-button-fill-inverted-disabled: rgba(19, 23, 32, 0);
2379
2385
  --wds-toggle-button-fill-inverted-hover: #e8e7e7;
@@ -2560,7 +2566,7 @@
2560
2566
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
2561
2567
  --wds-vertical-tabs-section-text-font-line-height-small: 16px;
2562
2568
  --wds-vertical-tabs-section-text-font-size-small: 12px;
2563
- --wds-vertical-tabs-section-text-font-weight-small: 700;
2569
+ --wds-vertical-tabs-section-text-font-weight-small: 600;
2564
2570
  --wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
2565
2571
  --wds-vertical-tabs-section-title-padding-bottom-small: 12px;
2566
2572
  --wds-vertical-tabs-section-title-padding-bottom-tiny: 4px;
package/odeditor/foundation.st.css CHANGED
@@ -359,7 +359,7 @@
359
359
  --wds-font-line-height-200: 16px;
360
360
  --wds-font-line-height-300: 18px;
361
361
  --wds-font-line-height-400: 24px;
362
- --wds-font-line-height-500: 32px;
362
+ --wds-font-line-height-500: 30px;
363
363
  --wds-font-line-height-600: 40px;
364
364
  --wds-font-size-100: 10px;
365
365
  --wds-font-size-200: 12px;
@@ -370,13 +370,13 @@
370
370
  --wds-font-size-700: 20px;
371
371
  --wds-font-size-800: 24px;
372
372
  --wds-font-size-900: 32px;
373
- --wds-font-weight-bold: 700;
373
+ --wds-font-weight-bold: 600;
374
374
  --wds-font-weight-medium: 500;
375
375
  --wds-font-weight-regular: 400;
376
376
  --wds-font-weight-semi-bold: 600;
377
377
  --wds-shadow-100: 0 2px 1px rgba(19, 23, 32, .5), 0 0 3px rgba(19, 23, 32, .1);
378
378
  --wds-shadow-200: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
379
- --wds-shadow-300: 0 0 6px rgba(19, 23, 32, .05), 0 0 18px rgba(19, 23, 32, .1);
379
+ --wds-shadow-300: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
380
380
  --wds-shadow-400: 0 8px 8px rgba(19, 23, 32, .1), 0 3px 24px rgba(19, 23, 32, .2);
381
381
  --wds-shadow-blur-0: 0px;
382
382
  --wds-shadow-blur-25: 2px;
package/odeditor/semantic.st.css CHANGED
@@ -535,7 +535,7 @@
535
535
  --wds-color-border-premium-tertiary-disabled: rgba(19, 23, 32, .1);
536
536
  --wds-color-border-premium-tertiary-hover: #d5dfff;
537
537
  --wds-color-border-stage-wip: #ffffff;
538
- --wds-color-border-standard-primary: #acbeff;
538
+ --wds-color-border-standard-primary: #7896ff;
539
539
  --wds-color-border-standard-primary-active: #2f5dff;
540
540
  --wds-color-border-standard-primary-disabled: rgba(19, 23, 32, .1);
541
541
  --wds-color-border-standard-primary-hover: #597dff;
@@ -855,7 +855,7 @@
855
855
  --wds-font-line-height-body-small: 18px;
856
856
  --wds-font-line-height-body-tiny: 16px;
857
857
  --wds-font-line-height-heading-1: 40px;
858
- --wds-font-line-height-heading-2: 32px;
858
+ --wds-font-line-height-heading-2: 30px;
859
859
  --wds-font-line-height-heading-3: 24px;
860
860
  --wds-font-line-height-heading-4: 18px;
861
861
  --wds-font-line-height-heading-5: 12px;
@@ -873,9 +873,9 @@
873
873
  --wds-font-weight-body-bold: 600;
874
874
  --wds-font-weight-heading-1: 400;
875
875
  --wds-font-weight-heading-2: 500;
876
- --wds-font-weight-heading-3: 700;
877
- --wds-font-weight-heading-4: 700;
878
- --wds-font-weight-heading-5: 700;
876
+ --wds-font-weight-heading-3: 600;
877
+ --wds-font-weight-heading-4: 600;
878
+ --wds-font-weight-heading-5: 600;
879
879
  --wds-font-weight-heading-6: 400;
880
880
  --wds-inner-shadow-blur-input: 3px;
881
881
  --wds-inner-shadow-blur-primary: 2px;
@@ -930,8 +930,8 @@
930
930
  --wds-shadow-focus-warning: 0 0 0 #fdead2;
931
931
  --wds-shadow-spread-secondary-raised: -0.70;
932
932
  --wds-shadow-surface-modal: 0 8px 8px rgba(19, 23, 32, .1), 0 3px 24px rgba(19, 23, 32, .2);
933
- --wds-shadow-surface-overlay: 0 0 6px rgba(19, 23, 32, .05), 0 0 18px rgba(19, 23, 32, .1);
934
- --wds-shadow-surface-overlay-dark: 0 0 6px rgba(19, 23, 32, .05), 0 0 18px rgba(19, 23, 32, .1);
933
+ --wds-shadow-surface-overlay: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
934
+ --wds-shadow-surface-overlay-dark: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
935
935
  --wds-shadow-surface-raised: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
936
936
  --wds-shadow-x-input: 1px;
937
937
  --wds-shadow-x-primary-toggle-button: 1px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.134.0",
3
+ "version": "1.134.2",
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": "7f048ef6134442a318c0116d4facd9487a16fd5501edc9f9b021b4db"
36
+ "falconPackageHash": "b2f21e4c209b2e46bdcdb9224e4ce710cb41f2c66e7c82b5ea53b52e"
37
37
  }
package/studio/all.css CHANGED
@@ -1042,6 +1042,7 @@
1042
1042
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
1043
1043
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1044
1044
  --wds-segmented-toggle-padding-container: var(--wds-space-0);
1045
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-regular);
1045
1046
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1046
1047
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1047
1048
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
@@ -1355,6 +1356,7 @@
1355
1356
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1356
1357
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1357
1358
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1359
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-100);
1358
1360
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1359
1361
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
1360
1362
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
package/studio/all.scss CHANGED
@@ -725,6 +725,7 @@
725
725
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
726
726
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
727
727
  --wds-segmented-toggle-padding-container: var(--wds-space-0);
728
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-regular);
728
729
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
729
730
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
730
731
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
@@ -1353,6 +1354,7 @@
1353
1354
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1354
1355
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1355
1356
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1357
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-100);
1356
1358
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1357
1359
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
1358
1360
  --wds-card-content-paddings-vertical: var(--wds-space-600);
package/studio/all.st.css CHANGED
@@ -250,6 +250,7 @@
250
250
  @property st-global(--wds-card-content-paddings-vertical);
251
251
  @property st-global(--wds-card-gallery-item-border-radius-0);
252
252
  @property st-global(--wds-card-gallery-item-border-radius-100);
253
+ @property st-global(--wds-card-gallery-item-buttons-gap);
253
254
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
254
255
  @property st-global(--wds-card-gallery-item-fill);
255
256
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
@@ -1393,6 +1394,7 @@
1393
1394
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1394
1395
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
1395
1396
  @property st-global(--wds-segmented-toggle-label-font-size-small);
1397
+ @property st-global(--wds-segmented-toggle-label-font-weight);
1396
1398
  @property st-global(--wds-segmented-toggle-padding-container);
1397
1399
  @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
1398
1400
  @property st-global(--wds-segmented-toggle-padding-horizontal-small);
@@ -2284,6 +2286,7 @@
2284
2286
  --wds-card-content-paddings-vertical: 24px;
2285
2287
  --wds-card-gallery-item-border-radius-0: 0px;
2286
2288
  --wds-card-gallery-item-border-radius-100: 8px;
2289
+ --wds-card-gallery-item-buttons-gap: 4px;
2287
2290
  --wds-card-gallery-item-content-margin-vertical: 0px;
2288
2291
  --wds-card-gallery-item-fill: #ffffff;
2289
2292
  --wds-card-gallery-item-image-border-radius-bottom: 0px;
@@ -3427,6 +3430,7 @@
3427
3430
  --wds-segmented-toggle-label-font-line-height-small: 16px;
3428
3431
  --wds-segmented-toggle-label-font-size-medium: 16px;
3429
3432
  --wds-segmented-toggle-label-font-size-small: 14px;
3433
+ --wds-segmented-toggle-label-font-weight: 400;
3430
3434
  --wds-segmented-toggle-padding-container: 0px;
3431
3435
  --wds-segmented-toggle-padding-horizontal-medium: 16px;
3432
3436
  --wds-segmented-toggle-padding-horizontal-small: 12px;
package/studio/component.st.css CHANGED
@@ -216,6 +216,7 @@
216
216
  @property st-global(--wds-card-content-paddings-vertical);
217
217
  @property st-global(--wds-card-gallery-item-border-radius-0);
218
218
  @property st-global(--wds-card-gallery-item-border-radius-100);
219
+ @property st-global(--wds-card-gallery-item-buttons-gap);
219
220
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
220
221
  @property st-global(--wds-card-gallery-item-fill);
221
222
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
@@ -839,6 +840,7 @@
839
840
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
840
841
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
841
842
  @property st-global(--wds-segmented-toggle-label-font-size-small);
843
+ @property st-global(--wds-segmented-toggle-label-font-weight);
842
844
  @property st-global(--wds-segmented-toggle-padding-container);
843
845
  @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
844
846
  @property st-global(--wds-segmented-toggle-padding-horizontal-small);
@@ -1545,6 +1547,7 @@
1545
1547
  --wds-card-content-paddings-vertical: 24px;
1546
1548
  --wds-card-gallery-item-border-radius-0: 0px;
1547
1549
  --wds-card-gallery-item-border-radius-100: 8px;
1550
+ --wds-card-gallery-item-buttons-gap: 4px;
1548
1551
  --wds-card-gallery-item-content-margin-vertical: 0px;
1549
1552
  --wds-card-gallery-item-fill: #ffffff;
1550
1553
  --wds-card-gallery-item-image-border-radius-bottom: 0px;
@@ -2168,6 +2171,7 @@
2168
2171
  --wds-segmented-toggle-label-font-line-height-small: 16px;
2169
2172
  --wds-segmented-toggle-label-font-size-medium: 16px;
2170
2173
  --wds-segmented-toggle-label-font-size-small: 14px;
2174
+ --wds-segmented-toggle-label-font-weight: 400;
2171
2175
  --wds-segmented-toggle-padding-container: 0px;
2172
2176
  --wds-segmented-toggle-padding-horizontal-medium: 16px;
2173
2177
  --wds-segmented-toggle-padding-horizontal-small: 12px;
package/wixel/all.css CHANGED
@@ -282,8 +282,8 @@
282
282
  --wds-background-blur-250: 20px;
283
283
  --wds-background-blur-200: 16px;
284
284
  --wds-background-blur-150: 12px;
285
- --wds-background-blur-100: 4px;
286
- --wds-background-blur-50: 8px;
285
+ --wds-background-blur-100: 8px;
286
+ --wds-background-blur-50: 4px;
287
287
  --wds-background-blur-0: 0px;
288
288
  --wds-toggle-switch-width-small: 24px;
289
289
  --wds-toggle-switch-width-medium: 32px;
@@ -1023,6 +1023,7 @@
1023
1023
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
1024
1024
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1025
1025
  --wds-segmented-toggle-padding-container: var(--wds-space-0);
1026
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-regular);
1026
1027
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-175);
1027
1028
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-175);
1028
1029
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-175);
@@ -1318,6 +1319,7 @@
1318
1319
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1319
1320
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1320
1321
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-100);
1322
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-100);
1321
1323
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-600);
1322
1324
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-600);
1323
1325
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
package/wixel/all.scss CHANGED
@@ -347,8 +347,8 @@
347
347
  --wds-background-blur-250: 20px;
348
348
  --wds-background-blur-200: 16px;
349
349
  --wds-background-blur-150: 12px;
350
- --wds-background-blur-100: 4px;
351
- --wds-background-blur-50: 8px;
350
+ --wds-background-blur-100: 8px;
351
+ --wds-background-blur-50: 4px;
352
352
  --wds-background-blur-0: 0px;
353
353
  --wds-avatar-group-gap-condensed: -2px;
354
354
  --wds-width-default-2: var(--wds-border-width-none);
@@ -707,6 +707,7 @@
707
707
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
708
708
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
709
709
  --wds-segmented-toggle-padding-container: var(--wds-space-0);
710
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-regular);
710
711
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-175);
711
712
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-175);
712
713
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-175);
@@ -1316,6 +1317,7 @@
1316
1317
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1317
1318
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0);
1318
1319
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-100);
1320
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-100);
1319
1321
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-600);
1320
1322
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-600);
1321
1323
  --wds-card-content-paddings-vertical: var(--wds-space-600);
package/wixel/all.st.css CHANGED
@@ -250,6 +250,7 @@
250
250
  @property st-global(--wds-card-content-paddings-vertical);
251
251
  @property st-global(--wds-card-gallery-item-border-radius-0);
252
252
  @property st-global(--wds-card-gallery-item-border-radius-100);
253
+ @property st-global(--wds-card-gallery-item-buttons-gap);
253
254
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
254
255
  @property st-global(--wds-card-gallery-item-fill);
255
256
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
@@ -1374,6 +1375,7 @@
1374
1375
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1375
1376
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
1376
1377
  @property st-global(--wds-segmented-toggle-label-font-size-small);
1378
+ @property st-global(--wds-segmented-toggle-label-font-weight);
1377
1379
  @property st-global(--wds-segmented-toggle-padding-container);
1378
1380
  @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
1379
1381
  @property st-global(--wds-segmented-toggle-padding-horizontal-small);
@@ -2047,8 +2049,8 @@
2047
2049
  --wds-avatar-group-gap-condensed: -2px;
2048
2050
  --wds-avatar-group-gap-default: 4px;
2049
2051
  --wds-background-blur-0: 0px;
2050
- --wds-background-blur-50: 8px;
2051
- --wds-background-blur-100: 4px;
2052
+ --wds-background-blur-50: 4px;
2053
+ --wds-background-blur-100: 8px;
2052
2054
  --wds-background-blur-150: 12px;
2053
2055
  --wds-background-blur-200: 16px;
2054
2056
  --wds-background-blur-250: 20px;
@@ -2250,6 +2252,7 @@
2250
2252
  --wds-card-content-paddings-vertical: 24px;
2251
2253
  --wds-card-gallery-item-border-radius-0: 12px;
2252
2254
  --wds-card-gallery-item-border-radius-100: 12px;
2255
+ --wds-card-gallery-item-buttons-gap: 4px;
2253
2256
  --wds-card-gallery-item-content-margin-vertical: 4px;
2254
2257
  --wds-card-gallery-item-fill: #eef0ff;
2255
2258
  --wds-card-gallery-item-image-border-radius-bottom: 0px;
@@ -3374,6 +3377,7 @@
3374
3377
  --wds-segmented-toggle-label-font-line-height-small: 16px;
3375
3378
  --wds-segmented-toggle-label-font-size-medium: 14px;
3376
3379
  --wds-segmented-toggle-label-font-size-small: 12px;
3380
+ --wds-segmented-toggle-label-font-weight: 400;
3377
3381
  --wds-segmented-toggle-padding-container: 0px;
3378
3382
  --wds-segmented-toggle-padding-horizontal-medium: 16px;
3379
3383
  --wds-segmented-toggle-padding-horizontal-small: 12px;
package/wixel/component.st.css CHANGED
@@ -216,6 +216,7 @@
216
216
  @property st-global(--wds-card-content-paddings-vertical);
217
217
  @property st-global(--wds-card-gallery-item-border-radius-0);
218
218
  @property st-global(--wds-card-gallery-item-border-radius-100);
219
+ @property st-global(--wds-card-gallery-item-buttons-gap);
219
220
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
220
221
  @property st-global(--wds-card-gallery-item-fill);
221
222
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
@@ -820,6 +821,7 @@
820
821
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
821
822
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
822
823
  @property st-global(--wds-segmented-toggle-label-font-size-small);
824
+ @property st-global(--wds-segmented-toggle-label-font-weight);
823
825
  @property st-global(--wds-segmented-toggle-padding-container);
824
826
  @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
825
827
  @property st-global(--wds-segmented-toggle-padding-horizontal-small);
@@ -1523,6 +1525,7 @@
1523
1525
  --wds-card-content-paddings-vertical: 24px;
1524
1526
  --wds-card-gallery-item-border-radius-0: 12px;
1525
1527
  --wds-card-gallery-item-border-radius-100: 12px;
1528
+ --wds-card-gallery-item-buttons-gap: 4px;
1526
1529
  --wds-card-gallery-item-content-margin-vertical: 4px;
1527
1530
  --wds-card-gallery-item-fill: #eef0ff;
1528
1531
  --wds-card-gallery-item-image-border-radius-bottom: 0px;
@@ -2127,6 +2130,7 @@
2127
2130
  --wds-segmented-toggle-label-font-line-height-small: 16px;
2128
2131
  --wds-segmented-toggle-label-font-size-medium: 14px;
2129
2132
  --wds-segmented-toggle-label-font-size-small: 12px;
2133
+ --wds-segmented-toggle-label-font-weight: 400;
2130
2134
  --wds-segmented-toggle-padding-container: 0px;
2131
2135
  --wds-segmented-toggle-padding-horizontal-medium: 16px;
2132
2136
  --wds-segmented-toggle-padding-horizontal-small: 12px;
package/wixel/foundation.st.css CHANGED
@@ -222,8 +222,8 @@
222
222
 
223
223
  .root {
224
224
  --wds-background-blur-0: 0px;
225
- --wds-background-blur-50: 8px;
226
- --wds-background-blur-100: 4px;
225
+ --wds-background-blur-50: 4px;
226
+ --wds-background-blur-100: 8px;
227
227
  --wds-background-blur-150: 12px;
228
228
  --wds-background-blur-200: 16px;
229
229
  --wds-background-blur-250: 20px;