@wix/design-system-tokens 1.219.0 → 1.219.1

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 (23) hide show
  1. package/CHANGELOG.md +22 -4
  2. package/all.css +10 -0
  3. package/all.scss +10 -0
  4. package/all.st.css +20 -0
  5. package/component.st.css +20 -0
  6. package/odeditor/all.css +12 -2
  7. package/odeditor/all.scss +12 -2
  8. package/odeditor/all.st.css +22 -2
  9. package/odeditor/component.st.css +22 -2
  10. package/odeditor-dark/all.css +16 -6
  11. package/odeditor-dark/all.scss +16 -6
  12. package/odeditor-dark/all.st.css +27 -7
  13. package/odeditor-dark/component.st.css +25 -5
  14. package/odeditor-dark/semantic.st.css +2 -2
  15. package/package.json +2 -2
  16. package/studio/all.css +10 -0
  17. package/studio/all.scss +10 -0
  18. package/studio/all.st.css +20 -0
  19. package/studio/component.st.css +20 -0
  20. package/wixel/all.css +10 -0
  21. package/wixel/all.scss +10 -0
  22. package/wixel/all.st.css +20 -0
  23. package/wixel/component.st.css +20 -0
package/odeditor/component.st.css CHANGED
@@ -12,6 +12,7 @@
12
12
  @property st-global(--wds-accordion-inner-content-shadow);
13
13
  @property st-global(--wds-accordion-inner-content-shadow-last);
14
14
  @property st-global(--wds-accordion-padding-horizontal-large);
15
+ @property st-global(--wds-accordion-padding-horizontal-medium);
15
16
  @property st-global(--wds-accordion-title-fill);
16
17
  @property st-global(--wds-accordion-title-fill-hover);
17
18
  @property st-global(--wds-accordion-title-font-line-height-medium);
@@ -115,6 +116,9 @@
115
116
  @property st-global(--wds-badge-size-medium);
116
117
  @property st-global(--wds-badge-size-small);
117
118
  @property st-global(--wds-badge-size-tiny);
119
+ @property st-global(--wds-badge-solid-neutral-danger-label-color);
120
+ @property st-global(--wds-badge-solid-neutral-success-label-color);
121
+ @property st-global(--wds-badge-solid-warning-light-label-color);
118
122
  @property st-global(--wds-breadcrumbs-border-radius);
119
123
  @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
120
124
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -812,6 +816,7 @@
812
816
  @property st-global(--wds-message-modal-close-button-icon-size);
813
817
  @property st-global(--wds-message-modal-close-button-size);
814
818
  @property st-global(--wds-message-modal-content-gap);
819
+ @property st-global(--wds-message-modal-help-button-icon-size);
815
820
  @property st-global(--wds-message-modal-help-button-size);
816
821
  @property st-global(--wds-message-modal-illustration-content-gap);
817
822
  @property st-global(--wds-message-modal-illustration-margin-start);
@@ -820,6 +825,7 @@
820
825
  @property st-global(--wds-message-modal-padding-vertical);
821
826
  @property st-global(--wds-message-modal-text-font-line-height);
822
827
  @property st-global(--wds-message-modal-text-font-size);
828
+ @property st-global(--wds-message-modal-text-font-weight);
823
829
  @property st-global(--wds-message-modal-title-font-family);
824
830
  @property st-global(--wds-message-modal-title-font-line-height);
825
831
  @property st-global(--wds-message-modal-title-font-size);
@@ -851,6 +857,9 @@
851
857
  @property st-global(--wds-padding-vertical-small);
852
858
  @property st-global(--wds-padding-vertical-tiny);
853
859
  @property st-global(--wds-page-header-back-button-gap);
860
+ @property st-global(--wds-page-header-breadcrumbs-offset-large);
861
+ @property st-global(--wds-page-header-breadcrumbs-offset-medium);
862
+ @property st-global(--wds-page-header-breadcrumbs-offset-small);
854
863
  @property st-global(--wds-page-header-padding-horizontal);
855
864
  @property st-global(--wds-page-header-padding-horizontal-small);
856
865
  @property st-global(--wds-page-header-padding-vertical);
@@ -1466,6 +1475,7 @@
1466
1475
  @property st-global(--wds-tooltip-text-fill);
1467
1476
  @property st-global(--wds-top-banner-border-color);
1468
1477
  @property st-global(--wds-top-banner-border-radius);
1478
+ @property st-global(--wds-top-banner-content-color);
1469
1479
  @property st-global(--wds-top-banner-content-gap);
1470
1480
  @property st-global(--wds-top-banner-dismiss-gap);
1471
1481
  @property st-global(--wds-top-banner-fill);
@@ -1557,6 +1567,7 @@
1557
1567
  --wds-accordion-inner-content-shadow: none;
1558
1568
  --wds-accordion-inner-content-shadow-last: none;
1559
1569
  --wds-accordion-padding-horizontal-large: 16px;
1570
+ --wds-accordion-padding-horizontal-medium: 20px;
1560
1571
  --wds-accordion-title-fill: #151414;
1561
1572
  --wds-accordion-title-fill-hover: #151414;
1562
1573
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -1597,7 +1608,7 @@
1597
1608
  --wds-announcement-modal-close-button-size: 24px;
1598
1609
  --wds-announcement-modal-content-gap: 12px;
1599
1610
  --wds-announcement-modal-footnote-content-alignment: start;
1600
- --wds-announcement-modal-help-button-fill: #f0efef;
1611
+ --wds-announcement-modal-help-button-fill: transparent;
1601
1612
  --wds-announcement-modal-help-button-icon-size: 18px;
1602
1613
  --wds-announcement-modal-help-button-size: 24px;
1603
1614
  --wds-announcement-modal-padding-horizontal: 96px;
@@ -1660,6 +1671,9 @@
1660
1671
  --wds-badge-size-medium: 28px;
1661
1672
  --wds-badge-size-small: 24px;
1662
1673
  --wds-badge-size-tiny: 20px;
1674
+ --wds-badge-solid-neutral-danger-label-color: #383838;
1675
+ --wds-badge-solid-neutral-success-label-color: #383838;
1676
+ --wds-badge-solid-warning-light-label-color: #383838;
1663
1677
  --wds-breadcrumbs-border-radius: 6px;
1664
1678
  --wds-breadcrumbs-divider-margin-horizontal: 0px;
1665
1679
  --wds-breadcrumbs-font-size-small: 12px;
@@ -2357,7 +2371,8 @@
2357
2371
  --wds-message-modal-close-button-icon-size: 8px;
2358
2372
  --wds-message-modal-close-button-size: 24px;
2359
2373
  --wds-message-modal-content-gap: 12px;
2360
- --wds-message-modal-help-button-size: 28px;
2374
+ --wds-message-modal-help-button-icon-size: 18px;
2375
+ --wds-message-modal-help-button-size: 24px;
2361
2376
  --wds-message-modal-illustration-content-gap: 16px;
2362
2377
  --wds-message-modal-illustration-margin-start: 24px;
2363
2378
  --wds-message-modal-illustration-margin-top: 24px;
@@ -2365,6 +2380,7 @@
2365
2380
  --wds-message-modal-padding-vertical: 24px;
2366
2381
  --wds-message-modal-text-font-line-height: 18px;
2367
2382
  --wds-message-modal-text-font-size: 14px;
2383
+ --wds-message-modal-text-font-weight: 400;
2368
2384
  --wds-message-modal-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2369
2385
  --wds-message-modal-title-font-line-height: 32px;
2370
2386
  --wds-message-modal-title-font-size: 24px;
@@ -2396,6 +2412,9 @@
2396
2412
  --wds-padding-vertical-small: 24px;
2397
2413
  --wds-padding-vertical-tiny: 20px;
2398
2414
  --wds-page-header-back-button-gap: 8px;
2415
+ --wds-page-header-breadcrumbs-offset-large: 0px;
2416
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
2417
+ --wds-page-header-breadcrumbs-offset-small: 0px;
2399
2418
  --wds-page-header-padding-horizontal: 48px;
2400
2419
  --wds-page-header-padding-horizontal-small: 24px;
2401
2420
  --wds-page-header-padding-vertical: 24px;
@@ -3011,6 +3030,7 @@
3011
3030
  --wds-tooltip-text-fill: #ffffff;
3012
3031
  --wds-top-banner-border-color: #ffffff;
3013
3032
  --wds-top-banner-border-radius: 8px;
3033
+ --wds-top-banner-content-color: #151414;
3014
3034
  --wds-top-banner-content-gap: 12px;
3015
3035
  --wds-top-banner-dismiss-gap: 20px;
3016
3036
  --wds-top-banner-fill: #e7e4fe;
package/odeditor-dark/all.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --wds-illustration-color-opacity-25: #F8F6F640;
6
6
  --wds-illustration-color-background: #2D2D2E;
7
7
  --wds-illustration-color-7: #B8C4FF;
8
- --wds-illustration-color-6: #EAEFFF;
8
+ --wds-illustration-color-6: #002294;
9
9
  --wds-illustration-color-5: #EAEFFF;
10
10
  --wds-illustration-color-4: #D5DFFF;
11
11
  --wds-illustration-color-3: #B8C4FF;
@@ -102,7 +102,7 @@
102
102
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
103
103
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
104
104
  --wds-color-text-stage-section: #6f56f9;
105
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
105
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.98);
106
106
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
107
107
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
108
108
  --wds-color-fill-stage-section-secondary: #d9d2ff;
@@ -382,6 +382,9 @@
382
382
  --wds-side-panel-control-layout-divider-border-width: false;
383
383
  --wds-section-helper-prefix-offset-margin: 0px;
384
384
  --wds-radio-dot-size: 4px;
385
+ --wds-page-header-breadcrumbs-offset-small: 0px;
386
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
387
+ --wds-page-header-breadcrumbs-offset-large: 0px;
385
388
  --wds-marketing-layout-title-font-size-tiny: 20px;
386
389
  --wds-marketing-layout-image-border-radius: 0px;
387
390
  --wds-marketing-layout-badge-top: 9px;
@@ -431,6 +434,7 @@
431
434
  --wds-avatar-group-gap-condensed: -2px;
432
435
  --wds-avatar-group-counter-background-blur: 4px;
433
436
  --wds-avatar-size-tiny: 20px;
437
+ --wds-announcement-modal-help-button-fill: transparent;
434
438
  --wds-announcement-modal-footnote-content-alignment: start;
435
439
  --wds-announcement-modal-close-button-icon-size: 8px;
436
440
  --wds-angle-input-knob-size: 6px;
@@ -1258,7 +1262,7 @@
1258
1262
  --wds-popover-fill: var(--wds-color-fill-surface-overlay-blur);
1259
1263
  --wds-popover-border-width: var(--wds-border-width-100);
1260
1264
  --wds-popover-border-radius: var(--wds-border-radius-600);
1261
- --wds-popover-border-fill: var(--wds-color-black-700);
1265
+ --wds-popover-border-fill: var(--wds-color-black-750);
1262
1266
  --wds-palette-border: var(--wds-border-radius-200);
1263
1267
  --wds-pagination-padding-vertical: var(--wds-space-50);
1264
1268
  --wds-pagination-padding-horizontal: var(--wds-space-50);
@@ -1298,12 +1302,14 @@
1298
1302
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
1299
1303
  --wds-message-modal-title-font-line-height: var(--wds-space-800);
1300
1304
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
1305
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-regular);
1301
1306
  --wds-message-modal-padding-vertical: var(--wds-space-600);
1302
1307
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1303
1308
  --wds-message-modal-illustration-margin-top: var(--wds-space-600);
1304
1309
  --wds-message-modal-illustration-margin-start: var(--wds-space-600);
1305
1310
  --wds-message-modal-illustration-content-gap: var(--wds-space-400);
1306
- --wds-message-modal-help-button-size: var(--wds-space-700);
1311
+ --wds-message-modal-help-button-size: var(--wds-space-600);
1312
+ --wds-message-modal-help-button-icon-size: var(--wds-space-475);
1307
1313
  --wds-message-modal-content-gap: var(--wds-space-300);
1308
1314
  --wds-message-modal-close-button-size: var(--wds-space-600);
1309
1315
  --wds-message-modal-close-button-icon-size: var(--wds-space-200);
@@ -1723,6 +1729,8 @@
1723
1729
  --wds-add-item-border-radius: var(--wds-border-radius-600);
1724
1730
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1725
1731
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1732
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-300);
1733
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
1726
1734
  --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
1727
1735
  --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
1728
1736
  --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
@@ -1778,6 +1786,7 @@
1778
1786
  --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
1779
1787
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1780
1788
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
1789
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary-light);
1781
1790
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary);
1782
1791
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
1783
1792
  --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-dark-primary-hover);
@@ -2174,6 +2183,9 @@
2174
2183
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2175
2184
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2176
2185
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2186
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-primary);
2187
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-primary);
2188
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2177
2189
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2178
2190
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2179
2191
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
@@ -2194,7 +2206,6 @@
2194
2206
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
2195
2207
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
2196
2208
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
2197
- --wds-announcement-modal-help-button-fill: var(--wds-color-fill-dark-secondary);
2198
2209
  --wds-announcement-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2199
2210
  --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
2200
2211
  --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
@@ -2212,7 +2223,6 @@
2212
2223
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2213
2224
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2214
2225
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2215
- --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2216
2226
  --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2217
2227
  --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
2218
2228
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
package/odeditor-dark/all.scss CHANGED
@@ -141,6 +141,9 @@
141
141
  --wds-shadow-blur-0: 0px;
142
142
  --wds-section-helper-prefix-offset-margin: 0px;
143
143
  --wds-radio-dot-size: 4px;
144
+ --wds-page-header-breadcrumbs-offset-small: 0px;
145
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
146
+ --wds-page-header-breadcrumbs-offset-large: 0px;
144
147
  --wds-marketing-layout-title-font-size-tiny: 20px;
145
148
  --wds-marketing-layout-image-border-radius: 0px;
146
149
  --wds-marketing-layout-badge-top: 9px;
@@ -175,7 +178,7 @@
175
178
  --wds-illustration-color-opacity-25: #F8F6F640;
176
179
  --wds-illustration-color-background: #2D2D2E;
177
180
  --wds-illustration-color-7: #B8C4FF;
178
- --wds-illustration-color-6: #EAEFFF;
181
+ --wds-illustration-color-6: #002294;
179
182
  --wds-illustration-color-5: #EAEFFF;
180
183
  --wds-illustration-color-4: #D5DFFF;
181
184
  --wds-illustration-color-3: #B8C4FF;
@@ -285,7 +288,7 @@
285
288
  --wds-color-green-100: #53DA98;
286
289
  --wds-color-green-50: #A3E5C5;
287
290
  --wds-color-green-0: #D6ECE1;
288
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
291
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.98);
289
292
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
290
293
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
291
294
  --wds-color-fill-stage-section-secondary: #d9d2ff;
@@ -431,6 +434,7 @@
431
434
  --wds-avatar-size-tiny: 20px;
432
435
  --wds-avatar-group-gap-condensed: -2px;
433
436
  --wds-avatar-group-counter-background-blur: 4px;
437
+ --wds-announcement-modal-help-button-fill: transparent;
434
438
  --wds-announcement-modal-footnote-content-alignment: start;
435
439
  --wds-announcement-modal-close-button-icon-size: 8px;
436
440
  --wds-angle-input-knob-size: 6px;
@@ -918,7 +922,7 @@
918
922
  --wds-popover-fill: var(--wds-color-fill-surface-overlay-blur);
919
923
  --wds-popover-border-width: var(--wds-border-width-100);
920
924
  --wds-popover-border-radius: var(--wds-border-radius-600);
921
- --wds-popover-border-fill: var(--wds-color-black-700);
925
+ --wds-popover-border-fill: var(--wds-color-black-750);
922
926
  --wds-palette-border: var(--wds-border-radius-200);
923
927
  --wds-pagination-padding-vertical: var(--wds-space-50);
924
928
  --wds-pagination-padding-horizontal: var(--wds-space-50);
@@ -958,12 +962,14 @@
958
962
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
959
963
  --wds-message-modal-title-font-line-height: var(--wds-space-800);
960
964
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
965
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-regular);
961
966
  --wds-message-modal-padding-vertical: var(--wds-space-600);
962
967
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
963
968
  --wds-message-modal-illustration-margin-top: var(--wds-space-600);
964
969
  --wds-message-modal-illustration-margin-start: var(--wds-space-600);
965
970
  --wds-message-modal-illustration-content-gap: var(--wds-space-400);
966
- --wds-message-modal-help-button-size: var(--wds-space-700);
971
+ --wds-message-modal-help-button-size: var(--wds-space-600);
972
+ --wds-message-modal-help-button-icon-size: var(--wds-space-475);
967
973
  --wds-message-modal-content-gap: var(--wds-space-300);
968
974
  --wds-message-modal-close-button-size: var(--wds-space-600);
969
975
  --wds-message-modal-close-button-icon-size: var(--wds-space-200);
@@ -1723,6 +1729,8 @@
1723
1729
  --wds-add-item-border-radius: var(--wds-border-radius-600);
1724
1730
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1725
1731
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1732
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-300);
1733
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
1726
1734
  --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
1727
1735
  --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
1728
1736
  --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
@@ -1763,6 +1771,7 @@
1763
1771
  --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
1764
1772
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1765
1773
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
1774
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary-light);
1766
1775
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary);
1767
1776
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
1768
1777
  --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-dark-primary-hover);
@@ -2174,6 +2183,9 @@
2174
2183
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2175
2184
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2176
2185
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2186
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-primary);
2187
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-primary);
2188
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2177
2189
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2178
2190
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2179
2191
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
@@ -2194,7 +2206,6 @@
2194
2206
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
2195
2207
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
2196
2208
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
2197
- --wds-announcement-modal-help-button-fill: var(--wds-color-fill-dark-secondary);
2198
2209
  --wds-announcement-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2199
2210
  --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
2200
2211
  --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
@@ -2212,7 +2223,6 @@
2212
2223
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2213
2224
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2214
2225
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2215
- --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2216
2226
  --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2217
2227
  --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
2218
2228
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
package/odeditor-dark/all.st.css CHANGED
@@ -12,6 +12,7 @@
12
12
  @property st-global(--wds-accordion-inner-content-shadow);
13
13
  @property st-global(--wds-accordion-inner-content-shadow-last);
14
14
  @property st-global(--wds-accordion-padding-horizontal-large);
15
+ @property st-global(--wds-accordion-padding-horizontal-medium);
15
16
  @property st-global(--wds-accordion-title-fill);
16
17
  @property st-global(--wds-accordion-title-fill-hover);
17
18
  @property st-global(--wds-accordion-title-font-line-height-medium);
@@ -129,6 +130,9 @@
129
130
  @property st-global(--wds-badge-size-medium);
130
131
  @property st-global(--wds-badge-size-small);
131
132
  @property st-global(--wds-badge-size-tiny);
133
+ @property st-global(--wds-badge-solid-neutral-danger-label-color);
134
+ @property st-global(--wds-badge-solid-neutral-success-label-color);
135
+ @property st-global(--wds-badge-solid-warning-light-label-color);
132
136
  @property st-global(--wds-border-radius-0);
133
137
  @property st-global(--wds-border-radius-100);
134
138
  @property st-global(--wds-border-radius-200);
@@ -1399,6 +1403,7 @@
1399
1403
  @property st-global(--wds-message-modal-close-button-icon-size);
1400
1404
  @property st-global(--wds-message-modal-close-button-size);
1401
1405
  @property st-global(--wds-message-modal-content-gap);
1406
+ @property st-global(--wds-message-modal-help-button-icon-size);
1402
1407
  @property st-global(--wds-message-modal-help-button-size);
1403
1408
  @property st-global(--wds-message-modal-illustration-content-gap);
1404
1409
  @property st-global(--wds-message-modal-illustration-margin-start);
@@ -1407,6 +1412,7 @@
1407
1412
  @property st-global(--wds-message-modal-padding-vertical);
1408
1413
  @property st-global(--wds-message-modal-text-font-line-height);
1409
1414
  @property st-global(--wds-message-modal-text-font-size);
1415
+ @property st-global(--wds-message-modal-text-font-weight);
1410
1416
  @property st-global(--wds-message-modal-title-font-family);
1411
1417
  @property st-global(--wds-message-modal-title-font-line-height);
1412
1418
  @property st-global(--wds-message-modal-title-font-size);
@@ -1438,6 +1444,9 @@
1438
1444
  @property st-global(--wds-padding-vertical-small);
1439
1445
  @property st-global(--wds-padding-vertical-tiny);
1440
1446
  @property st-global(--wds-page-header-back-button-gap);
1447
+ @property st-global(--wds-page-header-breadcrumbs-offset-large);
1448
+ @property st-global(--wds-page-header-breadcrumbs-offset-medium);
1449
+ @property st-global(--wds-page-header-breadcrumbs-offset-small);
1441
1450
  @property st-global(--wds-page-header-padding-horizontal);
1442
1451
  @property st-global(--wds-page-header-padding-horizontal-small);
1443
1452
  @property st-global(--wds-page-header-padding-vertical);
@@ -2204,6 +2213,7 @@
2204
2213
  @property st-global(--wds-tooltip-text-fill);
2205
2214
  @property st-global(--wds-top-banner-border-color);
2206
2215
  @property st-global(--wds-top-banner-border-radius);
2216
+ @property st-global(--wds-top-banner-content-color);
2207
2217
  @property st-global(--wds-top-banner-content-gap);
2208
2218
  @property st-global(--wds-top-banner-dismiss-gap);
2209
2219
  @property st-global(--wds-top-banner-fill);
@@ -2296,7 +2306,8 @@
2296
2306
  --wds-accordion-inner-content-padding-top-flat: 0px;
2297
2307
  --wds-accordion-inner-content-shadow: 0;
2298
2308
  --wds-accordion-inner-content-shadow-last: 0 0 0;
2299
- --wds-accordion-padding-horizontal-large: 24px;
2309
+ --wds-accordion-padding-horizontal-large: 16px;
2310
+ --wds-accordion-padding-horizontal-medium: 12px;
2300
2311
  --wds-accordion-title-fill: #FFFFFF;
2301
2312
  --wds-accordion-title-fill-hover: #FFFFFF;
2302
2313
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -2337,7 +2348,7 @@
2337
2348
  --wds-announcement-modal-close-button-size: 24px;
2338
2349
  --wds-announcement-modal-content-gap: 12px;
2339
2350
  --wds-announcement-modal-footnote-content-alignment: start;
2340
- --wds-announcement-modal-help-button-fill: #3A3A3B;
2351
+ --wds-announcement-modal-help-button-fill: transparent;
2341
2352
  --wds-announcement-modal-help-button-icon-size: 18px;
2342
2353
  --wds-announcement-modal-help-button-size: 24px;
2343
2354
  --wds-announcement-modal-padding-horizontal: 96px;
@@ -2414,6 +2425,9 @@
2414
2425
  --wds-badge-size-medium: 28px;
2415
2426
  --wds-badge-size-small: 24px;
2416
2427
  --wds-badge-size-tiny: 20px;
2428
+ --wds-badge-solid-neutral-danger-label-color: #FFFFFF;
2429
+ --wds-badge-solid-neutral-success-label-color: #FFFFFF;
2430
+ --wds-badge-solid-warning-light-label-color: #FFFFFF;
2417
2431
  --wds-border-radius-0: 0px;
2418
2432
  --wds-border-radius-100: 2px;
2419
2433
  --wds-border-radius-200: 4px;
@@ -3005,7 +3019,7 @@
3005
3019
  --wds-color-fill-surface-modal-backdrop: rgba(0, 0, 0, .2);
3006
3020
  --wds-color-fill-surface-neutral: #2D2D2E;
3007
3021
  --wds-color-fill-surface-overlay: #212122;
3008
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
3022
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.98);
3009
3023
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
3010
3024
  --wds-color-fill-surface-premium: #111214;
3011
3025
  --wds-color-fill-surface-raised: #212122;
@@ -3432,7 +3446,7 @@
3432
3446
  --wds-illustration-color-3: #B8C4FF;
3433
3447
  --wds-illustration-color-4: #D5DFFF;
3434
3448
  --wds-illustration-color-5: #EAEFFF;
3435
- --wds-illustration-color-6: #EAEFFF;
3449
+ --wds-illustration-color-6: #002294;
3436
3450
  --wds-illustration-color-7: #B8C4FF;
3437
3451
  --wds-illustration-color-background: #2D2D2E;
3438
3452
  --wds-illustration-color-opacity-25: #F8F6F640;
@@ -3684,7 +3698,8 @@
3684
3698
  --wds-message-modal-close-button-icon-size: 8px;
3685
3699
  --wds-message-modal-close-button-size: 24px;
3686
3700
  --wds-message-modal-content-gap: 12px;
3687
- --wds-message-modal-help-button-size: 28px;
3701
+ --wds-message-modal-help-button-icon-size: 18px;
3702
+ --wds-message-modal-help-button-size: 24px;
3688
3703
  --wds-message-modal-illustration-content-gap: 16px;
3689
3704
  --wds-message-modal-illustration-margin-start: 24px;
3690
3705
  --wds-message-modal-illustration-margin-top: 24px;
@@ -3692,6 +3707,7 @@
3692
3707
  --wds-message-modal-padding-vertical: 24px;
3693
3708
  --wds-message-modal-text-font-line-height: 18px;
3694
3709
  --wds-message-modal-text-font-size: 14px;
3710
+ --wds-message-modal-text-font-weight: 400;
3695
3711
  --wds-message-modal-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3696
3712
  --wds-message-modal-title-font-line-height: 32px;
3697
3713
  --wds-message-modal-title-font-size: 24px;
@@ -3723,6 +3739,9 @@
3723
3739
  --wds-padding-vertical-small: 24px;
3724
3740
  --wds-padding-vertical-tiny: 20px;
3725
3741
  --wds-page-header-back-button-gap: 8px;
3742
+ --wds-page-header-breadcrumbs-offset-large: 0px;
3743
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
3744
+ --wds-page-header-breadcrumbs-offset-small: 0px;
3726
3745
  --wds-page-header-padding-horizontal: 48px;
3727
3746
  --wds-page-header-padding-horizontal-small: 24px;
3728
3747
  --wds-page-header-padding-vertical: 24px;
@@ -3745,10 +3764,10 @@
3745
3764
  --wds-pagination-padding-horizontal: 2px;
3746
3765
  --wds-pagination-padding-vertical: 2px;
3747
3766
  --wds-palette-border: 4px;
3748
- --wds-popover-border-fill: #3A3A3B;
3767
+ --wds-popover-border-fill: #2D2D2E;
3749
3768
  --wds-popover-border-radius: 12px;
3750
3769
  --wds-popover-border-width: 1px;
3751
- --wds-popover-fill: rgba(33, 33, 34, 0.96);
3770
+ --wds-popover-fill: rgba(33, 33, 34, 0.98);
3752
3771
  --wds-popover-menu-border-radius: 12px;
3753
3772
  --wds-popover-menu-paddings-horizontal: 8px;
3754
3773
  --wds-popover-menu-paddings-vertical: 8px;
@@ -4489,6 +4508,7 @@
4489
4508
  --wds-tooltip-text-fill: #FFFFFF;
4490
4509
  --wds-top-banner-border-color: rgba(0, 0, 0, 0);
4491
4510
  --wds-top-banner-border-radius: 0px;
4511
+ --wds-top-banner-content-color: #212122;
4492
4512
  --wds-top-banner-content-gap: 8px;
4493
4513
  --wds-top-banner-dismiss-gap: 8px;
4494
4514
  --wds-top-banner-fill: #d7b7fb;
package/odeditor-dark/component.st.css CHANGED
@@ -12,6 +12,7 @@
12
12
  @property st-global(--wds-accordion-inner-content-shadow);
13
13
  @property st-global(--wds-accordion-inner-content-shadow-last);
14
14
  @property st-global(--wds-accordion-padding-horizontal-large);
15
+ @property st-global(--wds-accordion-padding-horizontal-medium);
15
16
  @property st-global(--wds-accordion-title-fill);
16
17
  @property st-global(--wds-accordion-title-fill-hover);
17
18
  @property st-global(--wds-accordion-title-font-line-height-medium);
@@ -115,6 +116,9 @@
115
116
  @property st-global(--wds-badge-size-medium);
116
117
  @property st-global(--wds-badge-size-small);
117
118
  @property st-global(--wds-badge-size-tiny);
119
+ @property st-global(--wds-badge-solid-neutral-danger-label-color);
120
+ @property st-global(--wds-badge-solid-neutral-success-label-color);
121
+ @property st-global(--wds-badge-solid-warning-light-label-color);
118
122
  @property st-global(--wds-breadcrumbs-border-radius);
119
123
  @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
120
124
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -808,6 +812,7 @@
808
812
  @property st-global(--wds-message-modal-close-button-icon-size);
809
813
  @property st-global(--wds-message-modal-close-button-size);
810
814
  @property st-global(--wds-message-modal-content-gap);
815
+ @property st-global(--wds-message-modal-help-button-icon-size);
811
816
  @property st-global(--wds-message-modal-help-button-size);
812
817
  @property st-global(--wds-message-modal-illustration-content-gap);
813
818
  @property st-global(--wds-message-modal-illustration-margin-start);
@@ -816,6 +821,7 @@
816
821
  @property st-global(--wds-message-modal-padding-vertical);
817
822
  @property st-global(--wds-message-modal-text-font-line-height);
818
823
  @property st-global(--wds-message-modal-text-font-size);
824
+ @property st-global(--wds-message-modal-text-font-weight);
819
825
  @property st-global(--wds-message-modal-title-font-family);
820
826
  @property st-global(--wds-message-modal-title-font-line-height);
821
827
  @property st-global(--wds-message-modal-title-font-size);
@@ -847,6 +853,9 @@
847
853
  @property st-global(--wds-padding-vertical-small);
848
854
  @property st-global(--wds-padding-vertical-tiny);
849
855
  @property st-global(--wds-page-header-back-button-gap);
856
+ @property st-global(--wds-page-header-breadcrumbs-offset-large);
857
+ @property st-global(--wds-page-header-breadcrumbs-offset-medium);
858
+ @property st-global(--wds-page-header-breadcrumbs-offset-small);
850
859
  @property st-global(--wds-page-header-padding-horizontal);
851
860
  @property st-global(--wds-page-header-padding-horizontal-small);
852
861
  @property st-global(--wds-page-header-padding-vertical);
@@ -1458,6 +1467,7 @@
1458
1467
  @property st-global(--wds-tooltip-text-fill);
1459
1468
  @property st-global(--wds-top-banner-border-color);
1460
1469
  @property st-global(--wds-top-banner-border-radius);
1470
+ @property st-global(--wds-top-banner-content-color);
1461
1471
  @property st-global(--wds-top-banner-content-gap);
1462
1472
  @property st-global(--wds-top-banner-dismiss-gap);
1463
1473
  @property st-global(--wds-top-banner-fill);
@@ -1548,7 +1558,8 @@
1548
1558
  --wds-accordion-inner-content-padding-top-flat: 0px;
1549
1559
  --wds-accordion-inner-content-shadow: 0;
1550
1560
  --wds-accordion-inner-content-shadow-last: 0 0 0;
1551
- --wds-accordion-padding-horizontal-large: 24px;
1561
+ --wds-accordion-padding-horizontal-large: 16px;
1562
+ --wds-accordion-padding-horizontal-medium: 12px;
1552
1563
  --wds-accordion-title-fill: #FFFFFF;
1553
1564
  --wds-accordion-title-fill-hover: #FFFFFF;
1554
1565
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -1589,7 +1600,7 @@
1589
1600
  --wds-announcement-modal-close-button-size: 24px;
1590
1601
  --wds-announcement-modal-content-gap: 12px;
1591
1602
  --wds-announcement-modal-footnote-content-alignment: start;
1592
- --wds-announcement-modal-help-button-fill: #3A3A3B;
1603
+ --wds-announcement-modal-help-button-fill: transparent;
1593
1604
  --wds-announcement-modal-help-button-icon-size: 18px;
1594
1605
  --wds-announcement-modal-help-button-size: 24px;
1595
1606
  --wds-announcement-modal-padding-horizontal: 96px;
@@ -1652,6 +1663,9 @@
1652
1663
  --wds-badge-size-medium: 28px;
1653
1664
  --wds-badge-size-small: 24px;
1654
1665
  --wds-badge-size-tiny: 20px;
1666
+ --wds-badge-solid-neutral-danger-label-color: #FFFFFF;
1667
+ --wds-badge-solid-neutral-success-label-color: #FFFFFF;
1668
+ --wds-badge-solid-warning-light-label-color: #FFFFFF;
1655
1669
  --wds-breadcrumbs-border-radius: 6px;
1656
1670
  --wds-breadcrumbs-divider-margin-horizontal: 0px;
1657
1671
  --wds-breadcrumbs-font-size-small: 12px;
@@ -2345,7 +2359,8 @@
2345
2359
  --wds-message-modal-close-button-icon-size: 8px;
2346
2360
  --wds-message-modal-close-button-size: 24px;
2347
2361
  --wds-message-modal-content-gap: 12px;
2348
- --wds-message-modal-help-button-size: 28px;
2362
+ --wds-message-modal-help-button-icon-size: 18px;
2363
+ --wds-message-modal-help-button-size: 24px;
2349
2364
  --wds-message-modal-illustration-content-gap: 16px;
2350
2365
  --wds-message-modal-illustration-margin-start: 24px;
2351
2366
  --wds-message-modal-illustration-margin-top: 24px;
@@ -2353,6 +2368,7 @@
2353
2368
  --wds-message-modal-padding-vertical: 24px;
2354
2369
  --wds-message-modal-text-font-line-height: 18px;
2355
2370
  --wds-message-modal-text-font-size: 14px;
2371
+ --wds-message-modal-text-font-weight: 400;
2356
2372
  --wds-message-modal-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2357
2373
  --wds-message-modal-title-font-line-height: 32px;
2358
2374
  --wds-message-modal-title-font-size: 24px;
@@ -2384,6 +2400,9 @@
2384
2400
  --wds-padding-vertical-small: 24px;
2385
2401
  --wds-padding-vertical-tiny: 20px;
2386
2402
  --wds-page-header-back-button-gap: 8px;
2403
+ --wds-page-header-breadcrumbs-offset-large: 0px;
2404
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
2405
+ --wds-page-header-breadcrumbs-offset-small: 0px;
2387
2406
  --wds-page-header-padding-horizontal: 48px;
2388
2407
  --wds-page-header-padding-horizontal-small: 24px;
2389
2408
  --wds-page-header-padding-vertical: 24px;
@@ -2406,10 +2425,10 @@
2406
2425
  --wds-pagination-padding-horizontal: 2px;
2407
2426
  --wds-pagination-padding-vertical: 2px;
2408
2427
  --wds-palette-border: 4px;
2409
- --wds-popover-border-fill: #3A3A3B;
2428
+ --wds-popover-border-fill: #2D2D2E;
2410
2429
  --wds-popover-border-radius: 12px;
2411
2430
  --wds-popover-border-width: 1px;
2412
- --wds-popover-fill: rgba(33, 33, 34, 0.96);
2431
+ --wds-popover-fill: rgba(33, 33, 34, 0.98);
2413
2432
  --wds-popover-menu-border-radius: 12px;
2414
2433
  --wds-popover-menu-paddings-horizontal: 8px;
2415
2434
  --wds-popover-menu-paddings-vertical: 8px;
@@ -2995,6 +3014,7 @@
2995
3014
  --wds-tooltip-text-fill: #FFFFFF;
2996
3015
  --wds-top-banner-border-color: rgba(0, 0, 0, 0);
2997
3016
  --wds-top-banner-border-radius: 0px;
3017
+ --wds-top-banner-content-color: #212122;
2998
3018
  --wds-top-banner-content-gap: 8px;
2999
3019
  --wds-top-banner-dismiss-gap: 8px;
3000
3020
  --wds-top-banner-fill: #d7b7fb;
package/odeditor-dark/semantic.st.css CHANGED
@@ -800,7 +800,7 @@
800
800
  --wds-color-fill-surface-modal-backdrop: rgba(0, 0, 0, .2);
801
801
  --wds-color-fill-surface-neutral: #2D2D2E;
802
802
  --wds-color-fill-surface-overlay: #212122;
803
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
803
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.98);
804
804
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
805
805
  --wds-color-fill-surface-premium: #111214;
806
806
  --wds-color-fill-surface-raised: #212122;
@@ -913,7 +913,7 @@
913
913
  --wds-illustration-color-3: #B8C4FF;
914
914
  --wds-illustration-color-4: #D5DFFF;
915
915
  --wds-illustration-color-5: #EAEFFF;
916
- --wds-illustration-color-6: #EAEFFF;
916
+ --wds-illustration-color-6: #002294;
917
917
  --wds-illustration-color-7: #B8C4FF;
918
918
  --wds-illustration-color-background: #2D2D2E;
919
919
  --wds-illustration-color-opacity-25: #F8F6F640;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.219.0",
3
+ "version": "1.219.1",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "08e6285c8311e46d3feefaea473b36eddd6b9e8102bcde9355fcd7b5"
39
+ "falconPackageHash": "1d953e53fbb2238203778a6509cbd23bf55c10d6ea1407400b4ead6c"
40
40
  }
package/studio/all.css CHANGED
@@ -361,6 +361,9 @@
361
361
  --wds-search-expandable-padding-large: 5px;
362
362
  --wds-radio-dot-size: 4px;
363
363
  --wds-page-header-title-minimised-line-height: 30px;
364
+ --wds-page-header-breadcrumbs-offset-small: -4px;
365
+ --wds-page-header-breadcrumbs-offset-medium: -8px;
366
+ --wds-page-header-breadcrumbs-offset-large: -16px;
364
367
  --wds-message-modal-close-button-fill: transparent;
365
368
  --wds-marketing-layout-title-font-size-tiny: 20px;
366
369
  --wds-marketing-layout-image-border-radius: 0px;
@@ -1260,12 +1263,14 @@
1260
1263
  --wds-message-modal-top-controls-paddings: var(--wds-space-100);
1261
1264
  --wds-message-modal-top-controls-gap: var(--wds-space-50);
1262
1265
  --wds-message-modal-title-font-family: var(--wds-font-family-default);
1266
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-medium);
1263
1267
  --wds-message-modal-padding-vertical: var(--wds-space-500);
1264
1268
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1265
1269
  --wds-message-modal-illustration-margin-top: var(--wds-space-300);
1266
1270
  --wds-message-modal-illustration-margin-start: var(--wds-space-400);
1267
1271
  --wds-message-modal-illustration-content-gap: var(--wds-space-600);
1268
1272
  --wds-message-modal-help-button-size: var(--wds-space-700);
1273
+ --wds-message-modal-help-button-icon-size: var(--wds-space-600);
1269
1274
  --wds-message-modal-content-gap: var(--wds-space-200);
1270
1275
  --wds-message-modal-close-button-size: var(--wds-space-700);
1271
1276
  --wds-message-modal-close-button-icon-size: var(--wds-space-300);
@@ -1704,6 +1709,7 @@
1704
1709
  --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-primary);
1705
1710
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1706
1711
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1712
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary-light);
1707
1713
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary);
1708
1714
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-small);
1709
1715
  --wds-tooltip-border-radius: var(--wds-border-radius-surface-overlay);
@@ -2185,6 +2191,9 @@
2185
2191
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
2186
2192
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2187
2193
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2194
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2195
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2196
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2188
2197
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2189
2198
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2190
2199
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2231,6 +2240,7 @@
2231
2240
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2232
2241
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2233
2242
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2243
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-padding-horizontal-medium);
2234
2244
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
2235
2245
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
2236
2246
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);