@wix/design-system-tokens 1.219.0 → 1.219.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 (23) hide show
  1. package/CHANGELOG.md +32 -4
  2. package/all.css +24 -2
  3. package/all.scss +24 -2
  4. package/all.st.css +46 -2
  5. package/component.st.css +46 -2
  6. package/odeditor/all.css +29 -7
  7. package/odeditor/all.scss +29 -7
  8. package/odeditor/all.st.css +51 -7
  9. package/odeditor/component.st.css +51 -7
  10. package/odeditor-dark/all.css +40 -18
  11. package/odeditor-dark/all.scss +40 -18
  12. package/odeditor-dark/all.st.css +63 -19
  13. package/odeditor-dark/component.st.css +61 -17
  14. package/odeditor-dark/semantic.st.css +2 -2
  15. package/package.json +2 -2
  16. package/studio/all.css +24 -2
  17. package/studio/all.scss +24 -2
  18. package/studio/all.st.css +46 -2
  19. package/studio/component.st.css +46 -2
  20. package/wixel/all.css +24 -2
  21. package/wixel/all.scss +24 -2
  22. package/wixel/all.st.css +46 -2
  23. package/wixel/component.st.css +46 -2
package/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);
@@ -109,6 +110,9 @@
109
110
  @property st-global(--wds-badge-size-medium);
110
111
  @property st-global(--wds-badge-size-small);
111
112
  @property st-global(--wds-badge-size-tiny);
113
+ @property st-global(--wds-badge-solid-neutral-danger-label-color);
114
+ @property st-global(--wds-badge-solid-neutral-success-label-color);
115
+ @property st-global(--wds-badge-solid-warning-light-label-color);
112
116
  @property st-global(--wds-breadcrumbs-border-radius);
113
117
  @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
114
118
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -128,6 +132,7 @@
128
132
  @property st-global(--wds-breadcrumbs-text-line-height-small);
129
133
  @property st-global(--wds-breadcrumbs-text-weight-default);
130
134
  @property st-global(--wds-breadcrumbs-text-weight-selected);
135
+ @property st-global(--wds-button-border-ai-secondary-mask);
131
136
  @property st-global(--wds-button-border-dark-secondary);
132
137
  @property st-global(--wds-button-border-dark-secondary-active);
133
138
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -151,6 +156,7 @@
151
156
  @property st-global(--wds-button-fill-ai-primary);
152
157
  @property st-global(--wds-button-fill-ai-primary-active);
153
158
  @property st-global(--wds-button-fill-ai-primary-hover);
159
+ @property st-global(--wds-button-fill-ai-secondary);
154
160
  @property st-global(--wds-button-fill-dark-primary-disabled);
155
161
  @property st-global(--wds-button-fill-dark-secondary);
156
162
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -431,6 +437,7 @@
431
437
  @property st-global(--wds-dropdown-list-paddings);
432
438
  @property st-global(--wds-editable-title-marker-fill);
433
439
  @property st-global(--wds-editable-title-marker-fill-active);
440
+ @property st-global(--wds-editable-title-marker-gap);
434
441
  @property st-global(--wds-editable-title-marker-line-style);
435
442
  @property st-global(--wds-editable-title-placeholder-fill);
436
443
  @property st-global(--wds-empty-state-border-radius);
@@ -780,8 +787,10 @@
780
787
  @property st-global(--wds-list-item-select-subtitle-disabled);
781
788
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
782
789
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
790
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
783
791
  @property st-global(--wds-list-item-select-suffix);
784
792
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
793
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
785
794
  @property st-global(--wds-list-item-select-suffix-pressed);
786
795
  @property st-global(--wds-list-item-select-title);
787
796
  @property st-global(--wds-list-item-select-title-disabled);
@@ -855,6 +864,7 @@
855
864
  @property st-global(--wds-message-modal-close-button-icon-size);
856
865
  @property st-global(--wds-message-modal-close-button-size);
857
866
  @property st-global(--wds-message-modal-content-gap);
867
+ @property st-global(--wds-message-modal-help-button-icon-size);
858
868
  @property st-global(--wds-message-modal-help-button-size);
859
869
  @property st-global(--wds-message-modal-illustration-content-gap);
860
870
  @property st-global(--wds-message-modal-illustration-margin-start);
@@ -863,6 +873,7 @@
863
873
  @property st-global(--wds-message-modal-padding-vertical);
864
874
  @property st-global(--wds-message-modal-text-font-line-height);
865
875
  @property st-global(--wds-message-modal-text-font-size);
876
+ @property st-global(--wds-message-modal-text-font-weight);
866
877
  @property st-global(--wds-message-modal-title-font-family);
867
878
  @property st-global(--wds-message-modal-title-font-line-height);
868
879
  @property st-global(--wds-message-modal-title-font-size);
@@ -884,12 +895,21 @@
884
895
  @property st-global(--wds-notification-padding-vertical);
885
896
  @property st-global(--wds-number-input-icon-fill);
886
897
  @property st-global(--wds-page-header-back-button-gap);
898
+ @property st-global(--wds-page-header-breadcrumbs-color);
899
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
900
+ @property st-global(--wds-page-header-breadcrumbs-offset-large);
901
+ @property st-global(--wds-page-header-breadcrumbs-offset-medium);
902
+ @property st-global(--wds-page-header-breadcrumbs-offset-small);
903
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
904
+ @property st-global(--wds-page-header-divider-color);
887
905
  @property st-global(--wds-page-header-padding-horizontal);
888
906
  @property st-global(--wds-page-header-padding-horizontal-small);
889
907
  @property st-global(--wds-page-header-padding-vertical);
890
908
  @property st-global(--wds-page-header-padding-vertical-small);
891
909
  @property st-global(--wds-page-header-subtitle-font-size);
910
+ @property st-global(--wds-page-header-subtitle-gap);
892
911
  @property st-global(--wds-page-header-subtitle-line-height);
912
+ @property st-global(--wds-page-header-subtitle-padding-start);
893
913
  @property st-global(--wds-page-header-title-actions-gap);
894
914
  @property st-global(--wds-page-header-title-font-size);
895
915
  @property st-global(--wds-page-header-title-font-weight);
@@ -1043,6 +1063,7 @@
1043
1063
  @property st-global(--wds-select-area-fill-hover);
1044
1064
  @property st-global(--wds-select-area-padding-horizontal);
1045
1065
  @property st-global(--wds-select-area-padding-vertical);
1066
+ @property st-global(--wds-selectable-accordion-fill);
1046
1067
  @property st-global(--wds-selector-button-border-color);
1047
1068
  @property st-global(--wds-selector-button-border-color-disabled);
1048
1069
  @property st-global(--wds-selector-button-border-color-hover);
@@ -1487,6 +1508,7 @@
1487
1508
  @property st-global(--wds-tooltip-text-fill);
1488
1509
  @property st-global(--wds-top-banner-border-color);
1489
1510
  @property st-global(--wds-top-banner-border-radius);
1511
+ @property st-global(--wds-top-banner-content-color);
1490
1512
  @property st-global(--wds-top-banner-content-gap);
1491
1513
  @property st-global(--wds-top-banner-dismiss-gap);
1492
1514
  @property st-global(--wds-top-banner-fill);
@@ -1589,6 +1611,7 @@
1589
1611
  --wds-accordion-inner-content-shadow: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset, 0 -22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
1590
1612
  --wds-accordion-inner-content-shadow-last: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
1591
1613
  --wds-accordion-padding-horizontal-large: 24px;
1614
+ --wds-accordion-padding-horizontal-medium: 18px;
1592
1615
  --wds-accordion-title-fill: #000624;
1593
1616
  --wds-accordion-title-fill-hover: #000624;
1594
1617
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -1686,6 +1709,9 @@
1686
1709
  --wds-badge-size-medium: 24px;
1687
1710
  --wds-badge-size-small: 18px;
1688
1711
  --wds-badge-size-tiny: 18px;
1712
+ --wds-badge-solid-neutral-danger-label-color: #44485f;
1713
+ --wds-badge-solid-neutral-success-label-color: #44485f;
1714
+ --wds-badge-solid-warning-light-label-color: #44485f;
1689
1715
  --wds-breadcrumbs-border-radius: 1000px;
1690
1716
  --wds-breadcrumbs-divider-margin-horizontal: 8px;
1691
1717
  --wds-breadcrumbs-font-size-small: 14px;
@@ -1705,6 +1731,7 @@
1705
1731
  --wds-breadcrumbs-text-line-height-small: 18px;
1706
1732
  --wds-breadcrumbs-text-weight-default: 400;
1707
1733
  --wds-breadcrumbs-text-weight-selected: 500;
1734
+ --wds-button-border-ai-secondary-mask: none;
1708
1735
  --wds-button-border-dark-secondary: #868aa5;
1709
1736
  --wds-button-border-dark-secondary-active: #000624;
1710
1737
  --wds-button-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -1728,6 +1755,7 @@
1728
1755
  --wds-button-fill-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
1729
1756
  --wds-button-fill-ai-primary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
1730
1757
  --wds-button-fill-ai-primary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
1758
+ --wds-button-fill-ai-secondary: #ffffff;
1731
1759
  --wds-button-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
1732
1760
  --wds-button-fill-dark-secondary: #ffffff;
1733
1761
  --wds-button-fill-dark-secondary-active: #000624;
@@ -2008,6 +2036,7 @@
2008
2036
  --wds-dropdown-list-paddings: 0px;
2009
2037
  --wds-editable-title-marker-fill: #868aa5;
2010
2038
  --wds-editable-title-marker-fill-active: #116dff;
2039
+ --wds-editable-title-marker-gap: 6px;
2011
2040
  --wds-editable-title-marker-line-style: dashed;
2012
2041
  --wds-editable-title-placeholder-fill: #cfd1dc;
2013
2042
  --wds-empty-state-border-radius: 8px;
@@ -2346,8 +2375,8 @@
2346
2375
  --wds-list-item-select-padding-horizontal-small: 18px;
2347
2376
  --wds-list-item-select-padding-left-medium: 18px;
2348
2377
  --wds-list-item-select-padding-left-small: 18px;
2349
- --wds-list-item-select-padding-right-medium: 24px;
2350
- --wds-list-item-select-padding-right-small: 24px;
2378
+ --wds-list-item-select-padding-right-medium: 18px;
2379
+ --wds-list-item-select-padding-right-small: 18px;
2351
2380
  --wds-list-item-select-padding-vertical-medium: 6px;
2352
2381
  --wds-list-item-select-padding-vertical-medium-screen-small: 12px;
2353
2382
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -2357,8 +2386,10 @@
2357
2386
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
2358
2387
  --wds-list-item-select-subtitle-font-line-height-medium: 18px;
2359
2388
  --wds-list-item-select-subtitle-font-size-medium: 14px;
2389
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
2360
2390
  --wds-list-item-select-suffix: #868aa5;
2361
2391
  --wds-list-item-select-suffix-active-font-weight: 400;
2392
+ --wds-list-item-select-suffix-font-line-height-small: 18px;
2362
2393
  --wds-list-item-select-suffix-pressed: #868aa5;
2363
2394
  --wds-list-item-select-title: #000624;
2364
2395
  --wds-list-item-select-title-disabled: rgba(0, 6, 36, .3);
@@ -2432,6 +2463,7 @@
2432
2463
  --wds-message-modal-close-button-icon-size: 12px;
2433
2464
  --wds-message-modal-close-button-size: 30px;
2434
2465
  --wds-message-modal-content-gap: 12px;
2466
+ --wds-message-modal-help-button-icon-size: 24px;
2435
2467
  --wds-message-modal-help-button-size: 30px;
2436
2468
  --wds-message-modal-illustration-content-gap: 24px;
2437
2469
  --wds-message-modal-illustration-margin-start: 24px;
@@ -2440,6 +2472,7 @@
2440
2472
  --wds-message-modal-padding-vertical: 24px;
2441
2473
  --wds-message-modal-text-font-line-height: 24px;
2442
2474
  --wds-message-modal-text-font-size: 16px;
2475
+ --wds-message-modal-text-font-weight: 500;
2443
2476
  --wds-message-modal-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2444
2477
  --wds-message-modal-title-font-line-height: 28px;
2445
2478
  --wds-message-modal-title-font-size: 21px;
@@ -2461,12 +2494,21 @@
2461
2494
  --wds-notification-padding-vertical: 9px;
2462
2495
  --wds-number-input-icon-fill: #116dff;
2463
2496
  --wds-page-header-back-button-gap: 8px;
2497
+ --wds-page-header-breadcrumbs-color: #000624;
2498
+ --wds-page-header-breadcrumbs-font-size: 14px;
2499
+ --wds-page-header-breadcrumbs-offset-large: -15px;
2500
+ --wds-page-header-breadcrumbs-offset-medium: -9px;
2501
+ --wds-page-header-breadcrumbs-offset-small: -6px;
2502
+ --wds-page-header-breadcrumbs-selected-font-weight: 500;
2503
+ --wds-page-header-divider-color: #dfe5eb;
2464
2504
  --wds-page-header-padding-horizontal: 48px;
2465
2505
  --wds-page-header-padding-horizontal-small: 24px;
2466
2506
  --wds-page-header-padding-vertical: 24px;
2467
2507
  --wds-page-header-padding-vertical-small: 18px;
2468
2508
  --wds-page-header-subtitle-font-size: 16px;
2509
+ --wds-page-header-subtitle-gap: 0px;
2469
2510
  --wds-page-header-subtitle-line-height: 24px;
2511
+ --wds-page-header-subtitle-padding-start: 0px;
2470
2512
  --wds-page-header-title-actions-gap: 0px;
2471
2513
  --wds-page-header-title-font-size: 28px;
2472
2514
  --wds-page-header-title-font-weight: 700;
@@ -2620,6 +2662,7 @@
2620
2662
  --wds-select-area-fill-hover: #e7f0ff;
2621
2663
  --wds-select-area-padding-horizontal: 18px;
2622
2664
  --wds-select-area-padding-vertical: 12px;
2665
+ --wds-selectable-accordion-fill: #ffffff;
2623
2666
  --wds-selector-button-border-color: #d6e6fe;
2624
2667
  --wds-selector-button-border-color-disabled: rgba(0, 6, 36, .1);
2625
2668
  --wds-selector-button-border-color-hover: #a8caff;
@@ -3064,6 +3107,7 @@
3064
3107
  --wds-tooltip-text-fill: #ffffff;
3065
3108
  --wds-top-banner-border-color: rgba(255, 255, 255, 0);
3066
3109
  --wds-top-banner-border-radius: 0px;
3110
+ --wds-top-banner-content-color: #ffffff;
3067
3111
  --wds-top-banner-content-gap: 12px;
3068
3112
  --wds-top-banner-dismiss-gap: 12px;
3069
3113
  --wds-top-banner-fill: #c161f0;
package/odeditor/all.css CHANGED
@@ -371,6 +371,10 @@
371
371
  --wds-side-panel-control-layout-divider-border-width: false;
372
372
  --wds-section-helper-prefix-offset-margin: 0px;
373
373
  --wds-radio-dot-size: 4px;
374
+ --wds-page-header-divider-color: transparent;
375
+ --wds-page-header-breadcrumbs-offset-small: 0px;
376
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
377
+ --wds-page-header-breadcrumbs-offset-large: 0px;
374
378
  --wds-marketing-layout-badge-top: auto;
375
379
  --wds-marketing-layout-badge-side: auto;
376
380
  --wds-marketing-layout-badge-position: static;
@@ -378,6 +382,7 @@
378
382
  --wds-loader-stroke-width-small: 2px;
379
383
  --wds-loader-stroke-width-medium: 2px;
380
384
  --wds-loader-stroke-width-large: 2px;
385
+ --wds-list-item-select-min-height-medium: auto;
381
386
  --wds-list-item-action-subtitle-offset: -2px;
382
387
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
383
388
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -410,10 +415,12 @@
410
415
  --wds-card-header-suffix-align: flex-start;
411
416
  --wds-card-divider-opacity: 0;
412
417
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
418
+ --wds-button-border-ai-secondary-mask: none;
413
419
  --wds-breadcrumbs-height-medium: 26px;
414
420
  --wds-avatar-group-gap-condensed: -2px;
415
421
  --wds-avatar-group-counter-background-blur: 4px;
416
422
  --wds-avatar-size-tiny: 20px;
423
+ --wds-announcement-modal-help-button-fill: transparent;
417
424
  --wds-announcement-modal-footnote-content-alignment: start;
418
425
  --wds-announcement-modal-close-button-icon-size: 8px;
419
426
  --wds-angle-input-knob-size: 6px;
@@ -1252,11 +1259,16 @@
1252
1259
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1253
1260
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1254
1261
  --wds-page-header-title-actions-gap: var(--wds-space-1000);
1262
+ --wds-page-header-subtitle-padding-start: var(--wds-space-100);
1263
+ --wds-page-header-subtitle-gap: var(--wds-space-100);
1255
1264
  --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
1256
1265
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1257
1266
  --wds-page-header-padding-vertical: var(--wds-space-600);
1258
1267
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1259
1268
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1269
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
1270
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
1271
+ --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
1260
1272
  --wds-page-header-back-button-gap: var(--wds-space-200);
1261
1273
  --wds-padding-vertical-tiny: var(--wds-space-500);
1262
1274
  --wds-padding-vertical-small: var(--wds-space-600);
@@ -1285,12 +1297,14 @@
1285
1297
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
1286
1298
  --wds-message-modal-title-font-line-height: var(--wds-space-800);
1287
1299
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
1300
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-regular);
1288
1301
  --wds-message-modal-padding-vertical: var(--wds-space-600);
1289
1302
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1290
1303
  --wds-message-modal-illustration-margin-top: var(--wds-space-600);
1291
1304
  --wds-message-modal-illustration-margin-start: var(--wds-space-600);
1292
1305
  --wds-message-modal-illustration-content-gap: var(--wds-space-400);
1293
- --wds-message-modal-help-button-size: var(--wds-space-700);
1306
+ --wds-message-modal-help-button-size: var(--wds-space-600);
1307
+ --wds-message-modal-help-button-icon-size: var(--wds-space-475);
1294
1308
  --wds-message-modal-content-gap: var(--wds-space-300);
1295
1309
  --wds-message-modal-close-button-size: var(--wds-space-600);
1296
1310
  --wds-message-modal-close-button-icon-size: var(--wds-space-200);
@@ -1341,18 +1355,18 @@
1341
1355
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1342
1356
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1343
1357
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1358
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1344
1359
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1345
1360
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1346
1361
  --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1347
1362
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1348
1363
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1349
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1350
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1364
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1365
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1351
1366
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1352
1367
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1353
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1354
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1355
- --wds-list-item-select-min-height-medium: var(--wds-space-1300);
1368
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
1369
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
1356
1370
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1357
1371
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1358
1372
  --wds-list-item-select-gap: var(--wds-space-150);
@@ -1478,6 +1492,7 @@
1478
1492
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1479
1493
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1480
1494
  --wds-editable-title-placeholder-fill: var(--wds-color-black-500);
1495
+ --wds-editable-title-marker-gap: var(--wds-space-100);
1481
1496
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-200);
1482
1497
  --wds-editable-title-marker-fill: var(--wds-color-black-100);
1483
1498
  --wds-dropdown-layout-option-size-small: var(--wds-space-800);
@@ -1771,6 +1786,7 @@
1771
1786
  --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
1772
1787
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1773
1788
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
1789
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary);
1774
1790
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
1775
1791
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
1776
1792
  --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
@@ -1878,6 +1894,7 @@
1878
1894
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1879
1895
  --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1880
1896
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
1897
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1881
1898
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1882
1899
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-primary);
1883
1900
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-primary);
@@ -2171,6 +2188,7 @@
2171
2188
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
2172
2189
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
2173
2190
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
2191
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2174
2192
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2175
2193
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2176
2194
  --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
@@ -2185,6 +2203,9 @@
2185
2203
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2186
2204
  --wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
2187
2205
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2206
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2207
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2208
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2188
2209
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2189
2210
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2190
2211
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
@@ -2205,7 +2226,6 @@
2205
2226
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
2206
2227
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
2207
2228
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
2208
- --wds-announcement-modal-help-button-fill: var(--wds-color-fill-dark-secondary);
2209
2229
  --wds-announcement-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2210
2230
  --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
2211
2231
  --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
@@ -2223,6 +2243,7 @@
2223
2243
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2224
2244
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2225
2245
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2246
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-padding-horizontal-medium);
2226
2247
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
2227
2248
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
2228
2249
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-active);
@@ -2259,6 +2280,7 @@
2259
2280
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2260
2281
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2261
2282
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2283
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-small);
2262
2284
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2263
2285
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2264
2286
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/odeditor/all.scss CHANGED
@@ -131,6 +131,10 @@
131
131
  --wds-shadow-blur-0: 0px;
132
132
  --wds-section-helper-prefix-offset-margin: 0px;
133
133
  --wds-radio-dot-size: 4px;
134
+ --wds-page-header-divider-color: transparent;
135
+ --wds-page-header-breadcrumbs-offset-small: 0px;
136
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
137
+ --wds-page-header-breadcrumbs-offset-large: 0px;
134
138
  --wds-marketing-layout-badge-top: auto;
135
139
  --wds-marketing-layout-badge-side: auto;
136
140
  --wds-marketing-layout-badge-position: static;
@@ -138,6 +142,7 @@
138
142
  --wds-loader-stroke-width-small: 2px;
139
143
  --wds-loader-stroke-width-medium: 2px;
140
144
  --wds-loader-stroke-width-large: 2px;
145
+ --wds-list-item-select-min-height-medium: auto;
141
146
  --wds-list-item-action-subtitle-offset: -2px;
142
147
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
143
148
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -380,6 +385,7 @@
380
385
  --wds-card-header-suffix-align: flex-start;
381
386
  --wds-card-divider-opacity: 0;
382
387
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
388
+ --wds-button-border-ai-secondary-mask: none;
383
389
  --wds-breakpoint-x-large: 1572px;
384
390
  --wds-breakpoint-small: 490px;
385
391
  --wds-breakpoint-medium: 768px;
@@ -414,6 +420,7 @@
414
420
  --wds-avatar-size-tiny: 20px;
415
421
  --wds-avatar-group-gap-condensed: -2px;
416
422
  --wds-avatar-group-counter-background-blur: 4px;
423
+ --wds-announcement-modal-help-button-fill: transparent;
417
424
  --wds-announcement-modal-footnote-content-alignment: start;
418
425
  --wds-announcement-modal-close-button-icon-size: 8px;
419
426
  --wds-angle-input-knob-size: 6px;
@@ -914,11 +921,16 @@
914
921
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
915
922
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
916
923
  --wds-page-header-title-actions-gap: var(--wds-space-1000);
924
+ --wds-page-header-subtitle-padding-start: var(--wds-space-100);
925
+ --wds-page-header-subtitle-gap: var(--wds-space-100);
917
926
  --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
918
927
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
919
928
  --wds-page-header-padding-vertical: var(--wds-space-600);
920
929
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
921
930
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
931
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
932
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
933
+ --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
922
934
  --wds-page-header-back-button-gap: var(--wds-space-200);
923
935
  --wds-padding-vertical-tiny: var(--wds-space-500);
924
936
  --wds-padding-vertical-small: var(--wds-space-600);
@@ -947,12 +959,14 @@
947
959
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
948
960
  --wds-message-modal-title-font-line-height: var(--wds-space-800);
949
961
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
962
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-regular);
950
963
  --wds-message-modal-padding-vertical: var(--wds-space-600);
951
964
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
952
965
  --wds-message-modal-illustration-margin-top: var(--wds-space-600);
953
966
  --wds-message-modal-illustration-margin-start: var(--wds-space-600);
954
967
  --wds-message-modal-illustration-content-gap: var(--wds-space-400);
955
- --wds-message-modal-help-button-size: var(--wds-space-700);
968
+ --wds-message-modal-help-button-size: var(--wds-space-600);
969
+ --wds-message-modal-help-button-icon-size: var(--wds-space-475);
956
970
  --wds-message-modal-content-gap: var(--wds-space-300);
957
971
  --wds-message-modal-close-button-size: var(--wds-space-600);
958
972
  --wds-message-modal-close-button-icon-size: var(--wds-space-200);
@@ -999,18 +1013,18 @@
999
1013
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1000
1014
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1001
1015
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1016
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1002
1017
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1003
1018
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1004
1019
  --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1005
1020
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1006
1021
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1007
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1008
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1022
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1023
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1009
1024
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1010
1025
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1011
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1012
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1013
- --wds-list-item-select-min-height-medium: var(--wds-space-1300);
1026
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
1027
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
1014
1028
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1015
1029
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1016
1030
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
@@ -1179,6 +1193,7 @@
1179
1193
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1180
1194
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1181
1195
  --wds-editable-title-placeholder-fill: var(--wds-color-black-500);
1196
+ --wds-editable-title-marker-gap: var(--wds-space-100);
1182
1197
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-200);
1183
1198
  --wds-editable-title-marker-fill: var(--wds-color-black-100);
1184
1199
  --wds-dropdown-list-paddings: var(--wds-space-200);
@@ -1753,6 +1768,7 @@
1753
1768
  --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
1754
1769
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1755
1770
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
1771
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary);
1756
1772
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
1757
1773
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
1758
1774
  --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
@@ -1866,6 +1882,7 @@
1866
1882
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1867
1883
  --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1868
1884
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
1885
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1869
1886
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1870
1887
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-primary);
1871
1888
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-primary);
@@ -2171,6 +2188,7 @@
2171
2188
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
2172
2189
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
2173
2190
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
2191
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2174
2192
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2175
2193
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2176
2194
  --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
@@ -2185,6 +2203,9 @@
2185
2203
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2186
2204
  --wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
2187
2205
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2206
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2207
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2208
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2188
2209
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2189
2210
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2190
2211
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
@@ -2205,7 +2226,6 @@
2205
2226
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
2206
2227
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
2207
2228
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
2208
- --wds-announcement-modal-help-button-fill: var(--wds-color-fill-dark-secondary);
2209
2229
  --wds-announcement-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2210
2230
  --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
2211
2231
  --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
@@ -2223,6 +2243,7 @@
2223
2243
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2224
2244
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2225
2245
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2246
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-padding-horizontal-medium);
2226
2247
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
2227
2248
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
2228
2249
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-active);
@@ -2259,6 +2280,7 @@
2259
2280
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2260
2281
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2261
2282
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2283
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-small);
2262
2284
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2263
2285
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2264
2286
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);