@wix/design-system-tokens 1.219.1 → 1.219.3

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 (22) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/all.css +18 -2
  3. package/all.scss +18 -2
  4. package/all.st.css +34 -2
  5. package/component.st.css +34 -2
  6. package/odeditor/all.css +50 -34
  7. package/odeditor/all.scss +50 -34
  8. package/odeditor/all.st.css +66 -34
  9. package/odeditor/component.st.css +66 -34
  10. package/odeditor-dark/all.css +75 -50
  11. package/odeditor-dark/all.scss +75 -50
  12. package/odeditor-dark/all.st.css +100 -50
  13. package/odeditor-dark/component.st.css +100 -50
  14. package/package.json +2 -2
  15. package/studio/all.css +18 -2
  16. package/studio/all.scss +18 -2
  17. package/studio/all.st.css +34 -2
  18. package/studio/component.st.css +34 -2
  19. package/wixel/all.css +18 -2
  20. package/wixel/all.scss +18 -2
  21. package/wixel/all.st.css +34 -2
  22. package/wixel/component.st.css +34 -2
package/odeditor/component.st.css CHANGED
@@ -138,6 +138,7 @@
138
138
  @property st-global(--wds-breadcrumbs-text-line-height-small);
139
139
  @property st-global(--wds-breadcrumbs-text-weight-default);
140
140
  @property st-global(--wds-breadcrumbs-text-weight-selected);
141
+ @property st-global(--wds-button-border-ai-secondary-mask);
141
142
  @property st-global(--wds-button-border-dark-secondary);
142
143
  @property st-global(--wds-button-border-dark-secondary-active);
143
144
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -162,6 +163,7 @@
162
163
  @property st-global(--wds-button-fill-ai-primary);
163
164
  @property st-global(--wds-button-fill-ai-primary-active);
164
165
  @property st-global(--wds-button-fill-ai-primary-hover);
166
+ @property st-global(--wds-button-fill-ai-secondary);
165
167
  @property st-global(--wds-button-fill-dark-primary-disabled);
166
168
  @property st-global(--wds-button-fill-dark-secondary);
167
169
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -425,6 +427,7 @@
425
427
  @property st-global(--wds-dropdown-list-paddings);
426
428
  @property st-global(--wds-editable-title-marker-fill);
427
429
  @property st-global(--wds-editable-title-marker-fill-active);
430
+ @property st-global(--wds-editable-title-marker-gap);
428
431
  @property st-global(--wds-editable-title-marker-line-style);
429
432
  @property st-global(--wds-editable-title-placeholder-fill);
430
433
  @property st-global(--wds-empty-state-border-radius);
@@ -741,8 +744,10 @@
741
744
  @property st-global(--wds-list-item-select-subtitle-disabled);
742
745
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
743
746
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
747
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
744
748
  @property st-global(--wds-list-item-select-suffix);
745
749
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
750
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
746
751
  @property st-global(--wds-list-item-select-suffix-pressed);
747
752
  @property st-global(--wds-list-item-select-title);
748
753
  @property st-global(--wds-list-item-select-title-disabled);
@@ -857,15 +862,21 @@
857
862
  @property st-global(--wds-padding-vertical-small);
858
863
  @property st-global(--wds-padding-vertical-tiny);
859
864
  @property st-global(--wds-page-header-back-button-gap);
865
+ @property st-global(--wds-page-header-breadcrumbs-color);
866
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
860
867
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
861
868
  @property st-global(--wds-page-header-breadcrumbs-offset-medium);
862
869
  @property st-global(--wds-page-header-breadcrumbs-offset-small);
870
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
871
+ @property st-global(--wds-page-header-divider-color);
863
872
  @property st-global(--wds-page-header-padding-horizontal);
864
873
  @property st-global(--wds-page-header-padding-horizontal-small);
865
874
  @property st-global(--wds-page-header-padding-vertical);
866
875
  @property st-global(--wds-page-header-padding-vertical-small);
867
876
  @property st-global(--wds-page-header-subtitle-font-size);
877
+ @property st-global(--wds-page-header-subtitle-gap);
868
878
  @property st-global(--wds-page-header-subtitle-line-height);
879
+ @property st-global(--wds-page-header-subtitle-padding-start);
869
880
  @property st-global(--wds-page-header-title-actions-gap);
870
881
  @property st-global(--wds-page-header-title-font-size);
871
882
  @property st-global(--wds-page-header-title-font-weight);
@@ -1015,6 +1026,7 @@
1015
1026
  @property st-global(--wds-select-area-fill-hover);
1016
1027
  @property st-global(--wds-select-area-padding-horizontal);
1017
1028
  @property st-global(--wds-select-area-padding-vertical);
1029
+ @property st-global(--wds-selectable-accordion-fill);
1018
1030
  @property st-global(--wds-selector-button-border-color);
1019
1031
  @property st-global(--wds-selector-button-border-color-disabled);
1020
1032
  @property st-global(--wds-selector-button-border-color-hover);
@@ -1185,6 +1197,10 @@
1185
1197
  @property st-global(--wds-statistics-widget-description-font-line-height);
1186
1198
  @property st-global(--wds-statistics-widget-description-font-size);
1187
1199
  @property st-global(--wds-statistics-widget-description-info-gap);
1200
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1201
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1202
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1203
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1188
1204
  @property st-global(--wds-statistics-widget-trend-space-top);
1189
1205
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1190
1206
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1693,6 +1709,7 @@
1693
1709
  --wds-breadcrumbs-text-line-height-small: 16px;
1694
1710
  --wds-breadcrumbs-text-weight-default: 400;
1695
1711
  --wds-breadcrumbs-text-weight-selected: 500;
1712
+ --wds-button-border-ai-secondary-mask: none;
1696
1713
  --wds-button-border-dark-secondary: #767574;
1697
1714
  --wds-button-border-dark-secondary-active: #dedede;
1698
1715
  --wds-button-border-dark-secondary-disabled: #f0efef;
@@ -1717,6 +1734,7 @@
1717
1734
  --wds-button-fill-ai-primary: #5a48f5;
1718
1735
  --wds-button-fill-ai-primary-active: #5a48f5;
1719
1736
  --wds-button-fill-ai-primary-hover: #4d3dd0;
1737
+ --wds-button-fill-ai-secondary: #ffffff;
1720
1738
  --wds-button-fill-dark-primary-disabled: #f0efef;
1721
1739
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
1722
1740
  --wds-button-fill-dark-secondary-active: #dedede;
@@ -1980,6 +1998,7 @@
1980
1998
  --wds-dropdown-list-paddings: 8px;
1981
1999
  --wds-editable-title-marker-fill: #151414;
1982
2000
  --wds-editable-title-marker-fill-active: #597dff;
2001
+ --wds-editable-title-marker-gap: 4px;
1983
2002
  --wds-editable-title-marker-line-style: dotted;
1984
2003
  --wds-editable-title-placeholder-fill: #a8a6a5;
1985
2004
  --wds-empty-state-border-radius: 4px;
@@ -2280,13 +2299,13 @@
2280
2299
  --wds-list-item-select-label-font-size-small: 12px;
2281
2300
  --wds-list-item-select-label-font-weight-active: 500;
2282
2301
  --wds-list-item-select-label-font-weight-medium: 500;
2283
- --wds-list-item-select-min-height-medium: 52px;
2284
- --wds-list-item-select-padding-horizontal-medium: 12px;
2285
- --wds-list-item-select-padding-horizontal-small: 12px;
2302
+ --wds-list-item-select-min-height-medium: auto;
2303
+ --wds-list-item-select-padding-horizontal-medium: 8px;
2304
+ --wds-list-item-select-padding-horizontal-small: 8px;
2286
2305
  --wds-list-item-select-padding-left-medium: 12px;
2287
2306
  --wds-list-item-select-padding-left-small: 12px;
2288
- --wds-list-item-select-padding-right-medium: 16px;
2289
- --wds-list-item-select-padding-right-small: 16px;
2307
+ --wds-list-item-select-padding-right-medium: 12px;
2308
+ --wds-list-item-select-padding-right-small: 12px;
2290
2309
  --wds-list-item-select-padding-vertical-medium: 8px;
2291
2310
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2292
2311
  --wds-list-item-select-padding-vertical-small: 8px;
@@ -2296,8 +2315,10 @@
2296
2315
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
2297
2316
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2298
2317
  --wds-list-item-select-subtitle-font-size-medium: 12px;
2318
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
2299
2319
  --wds-list-item-select-suffix: #151414;
2300
2320
  --wds-list-item-select-suffix-active-font-weight: 500;
2321
+ --wds-list-item-select-suffix-font-line-height-small: 18px;
2301
2322
  --wds-list-item-select-suffix-pressed: #1c3fe5;
2302
2323
  --wds-list-item-select-title: #151414;
2303
2324
  --wds-list-item-select-title-disabled: #a8a6a5;
@@ -2311,10 +2332,10 @@
2311
2332
  --wds-loader-stroke-width-medium: 2px;
2312
2333
  --wds-loader-stroke-width-small: 2px;
2313
2334
  --wds-loader-stroke-width-tiny: 2px;
2314
- --wds-marketing-layout-actions-gap-medium: 12px;
2315
- --wds-marketing-layout-actions-gap-small: 12px;
2316
- --wds-marketing-layout-actions-gap-tiny: 12px;
2317
- --wds-marketing-layout-badge-gap: 12px;
2335
+ --wds-marketing-layout-actions-gap-medium: 24px;
2336
+ --wds-marketing-layout-actions-gap-small: 24px;
2337
+ --wds-marketing-layout-actions-gap-tiny: 24px;
2338
+ --wds-marketing-layout-badge-gap: 8px;
2318
2339
  --wds-marketing-layout-badge-offset-medium: 0px;
2319
2340
  --wds-marketing-layout-badge-offset-small: 0px;
2320
2341
  --wds-marketing-layout-badge-offset-tiny: 0px;
@@ -2322,7 +2343,7 @@
2322
2343
  --wds-marketing-layout-badge-side: auto;
2323
2344
  --wds-marketing-layout-badge-top: auto;
2324
2345
  --wds-marketing-layout-border: 4px;
2325
- --wds-marketing-layout-description-color: #767574;
2346
+ --wds-marketing-layout-description-color: #525150;
2326
2347
  --wds-marketing-layout-description-font-size-medium: 12px;
2327
2348
  --wds-marketing-layout-description-font-size-small: 12px;
2328
2349
  --wds-marketing-layout-description-font-size-tiny: 12px;
@@ -2333,36 +2354,36 @@
2333
2354
  --wds-marketing-layout-description-line-height-small: 16px;
2334
2355
  --wds-marketing-layout-description-line-height-tiny: 16px;
2335
2356
  --wds-marketing-layout-image-border-radius: 8px;
2336
- --wds-marketing-layout-image-padding-left-medium: 16px;
2337
- --wds-marketing-layout-image-padding-left-small: 16px;
2338
- --wds-marketing-layout-image-padding-left-tiny: 16px;
2339
- --wds-marketing-layout-image-padding-right-medium: 16px;
2340
- --wds-marketing-layout-image-padding-right-small: 16px;
2341
- --wds-marketing-layout-image-padding-right-tiny: 16px;
2342
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
2343
- --wds-marketing-layout-image-padding-vertical-small: 16px;
2344
- --wds-marketing-layout-image-padding-vertical-tiny: 16px;
2345
- --wds-marketing-layout-padding-left-medium: 24px;
2346
- --wds-marketing-layout-padding-left-small: 24px;
2347
- --wds-marketing-layout-padding-left-tiny: 24px;
2348
- --wds-marketing-layout-padding-right-medium: 24px;
2349
- --wds-marketing-layout-padding-right-small: 24px;
2350
- --wds-marketing-layout-padding-right-tiny: 24px;
2351
- --wds-marketing-layout-padding-vertical-medium: 24px;
2352
- --wds-marketing-layout-padding-vertical-small: 24px;
2353
- --wds-marketing-layout-padding-vertical-tiny: 24px;
2357
+ --wds-marketing-layout-image-padding-left-medium: 12px;
2358
+ --wds-marketing-layout-image-padding-left-small: 12px;
2359
+ --wds-marketing-layout-image-padding-left-tiny: 12px;
2360
+ --wds-marketing-layout-image-padding-right-medium: 12px;
2361
+ --wds-marketing-layout-image-padding-right-small: 12px;
2362
+ --wds-marketing-layout-image-padding-right-tiny: 12px;
2363
+ --wds-marketing-layout-image-padding-vertical-medium: 12px;
2364
+ --wds-marketing-layout-image-padding-vertical-small: 12px;
2365
+ --wds-marketing-layout-image-padding-vertical-tiny: 12px;
2366
+ --wds-marketing-layout-padding-left-medium: 20px;
2367
+ --wds-marketing-layout-padding-left-small: 8px;
2368
+ --wds-marketing-layout-padding-left-tiny: 8px;
2369
+ --wds-marketing-layout-padding-right-medium: 8px;
2370
+ --wds-marketing-layout-padding-right-small: 20px;
2371
+ --wds-marketing-layout-padding-right-tiny: 20px;
2372
+ --wds-marketing-layout-padding-vertical-medium: 20px;
2373
+ --wds-marketing-layout-padding-vertical-small: 20px;
2374
+ --wds-marketing-layout-padding-vertical-tiny: 20px;
2354
2375
  --wds-marketing-layout-title-font-size-medium: 16px;
2355
2376
  --wds-marketing-layout-title-font-size-small: 16px;
2356
2377
  --wds-marketing-layout-title-font-size-tiny: 16px;
2357
2378
  --wds-marketing-layout-title-font-weight-medium: 700;
2358
2379
  --wds-marketing-layout-title-font-weight-small: 700;
2359
2380
  --wds-marketing-layout-title-font-weight-tiny: 700;
2360
- --wds-marketing-layout-title-gap-medium: 4px;
2361
- --wds-marketing-layout-title-gap-small: 4px;
2362
- --wds-marketing-layout-title-gap-tiny: 4px;
2363
- --wds-marketing-layout-title-line-height-medium: 24px;
2364
- --wds-marketing-layout-title-line-height-small: 24px;
2365
- --wds-marketing-layout-title-line-height-tiny: 24px;
2381
+ --wds-marketing-layout-title-gap-medium: 8px;
2382
+ --wds-marketing-layout-title-gap-small: 8px;
2383
+ --wds-marketing-layout-title-gap-tiny: 8px;
2384
+ --wds-marketing-layout-title-line-height-medium: 20px;
2385
+ --wds-marketing-layout-title-line-height-small: 20px;
2386
+ --wds-marketing-layout-title-line-height-tiny: 20px;
2366
2387
  --wds-marketing-page-paddings-horizontal-large: 60px;
2367
2388
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2368
2389
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -2412,15 +2433,21 @@
2412
2433
  --wds-padding-vertical-small: 24px;
2413
2434
  --wds-padding-vertical-tiny: 20px;
2414
2435
  --wds-page-header-back-button-gap: 8px;
2436
+ --wds-page-header-breadcrumbs-color: #525150;
2437
+ --wds-page-header-breadcrumbs-font-size: 12px;
2415
2438
  --wds-page-header-breadcrumbs-offset-large: 0px;
2416
2439
  --wds-page-header-breadcrumbs-offset-medium: 0px;
2417
2440
  --wds-page-header-breadcrumbs-offset-small: 0px;
2441
+ --wds-page-header-breadcrumbs-selected-font-weight: 500;
2442
+ --wds-page-header-divider-color: transparent;
2418
2443
  --wds-page-header-padding-horizontal: 48px;
2419
2444
  --wds-page-header-padding-horizontal-small: 24px;
2420
2445
  --wds-page-header-padding-vertical: 24px;
2421
2446
  --wds-page-header-padding-vertical-small: 18px;
2422
2447
  --wds-page-header-subtitle-font-size: 12px;
2448
+ --wds-page-header-subtitle-gap: 4px;
2423
2449
  --wds-page-header-subtitle-line-height: 16px;
2450
+ --wds-page-header-subtitle-padding-start: 4px;
2424
2451
  --wds-page-header-title-actions-gap: 40px;
2425
2452
  --wds-page-header-title-font-size: 24px;
2426
2453
  --wds-page-header-title-font-weight: 500;
@@ -2570,6 +2597,7 @@
2570
2597
  --wds-select-area-fill-hover: #f0efef;
2571
2598
  --wds-select-area-padding-horizontal: 16px;
2572
2599
  --wds-select-area-padding-vertical: 12px;
2600
+ --wds-selectable-accordion-fill: #ffffff;
2573
2601
  --wds-selector-button-border-color: rgba(19, 23, 32, 0);
2574
2602
  --wds-selector-button-border-color-disabled: rgba(19, 23, 32, 0);
2575
2603
  --wds-selector-button-border-color-hover: #7896ff;
@@ -2740,6 +2768,10 @@
2740
2768
  --wds-statistics-widget-description-font-line-height: 16px;
2741
2769
  --wds-statistics-widget-description-font-size: 12px;
2742
2770
  --wds-statistics-widget-description-info-gap: 2px;
2771
+ --wds-statistics-widget-padding-horizontal-large: 12px;
2772
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
2773
+ --wds-statistics-widget-padding-vertical-large: 20px;
2774
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2743
2775
  --wds-statistics-widget-trend-space-top: 0px;
2744
2776
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2745
2777
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
package/odeditor-dark/all.css CHANGED
@@ -382,22 +382,18 @@
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-divider-color: transparent;
385
386
  --wds-page-header-breadcrumbs-offset-small: 0px;
386
387
  --wds-page-header-breadcrumbs-offset-medium: 0px;
387
388
  --wds-page-header-breadcrumbs-offset-large: 0px;
388
- --wds-marketing-layout-title-font-size-tiny: 20px;
389
- --wds-marketing-layout-image-border-radius: 0px;
390
- --wds-marketing-layout-badge-top: 9px;
391
- --wds-marketing-layout-badge-side: -3px;
392
- --wds-marketing-layout-badge-position: absolute;
393
- --wds-marketing-layout-badge-offset-tiny: 18px;
394
- --wds-marketing-layout-badge-offset-small: 12px;
395
- --wds-marketing-layout-badge-offset-medium: 12px;
396
- --wds-marketing-layout-badge-gap: 0px;
389
+ --wds-marketing-layout-badge-top: auto;
390
+ --wds-marketing-layout-badge-side: auto;
391
+ --wds-marketing-layout-badge-position: static;
397
392
  --wds-loader-stroke-width-tiny: 2px;
398
393
  --wds-loader-stroke-width-small: 2px;
399
394
  --wds-loader-stroke-width-medium: 2px;
400
395
  --wds-loader-stroke-width-large: 2px;
396
+ --wds-list-item-select-min-height-medium: auto;
401
397
  --wds-list-item-action-subtitle-offset: 0px;
402
398
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
403
399
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -430,6 +426,7 @@
430
426
  --wds-card-header-suffix-align: flex-start;
431
427
  --wds-card-divider-opacity: 0;
432
428
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
429
+ --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
433
430
  --wds-breadcrumbs-height-medium: 26px;
434
431
  --wds-avatar-group-gap-condensed: -2px;
435
432
  --wds-avatar-group-counter-background-blur: 4px;
@@ -869,6 +866,12 @@
869
866
  --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-300);
870
867
  --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-semi-bold);
871
868
  --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-medium);
869
+ --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-white-transparent-0);
870
+ --wds-vertical-tabs-item-fill-standard: var(--wds-color-white-transparent-0);
871
+ --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-white-transparent-0);
872
+ --wds-vertical-tabs-item-fill-neutral: var(--wds-color-white-transparent-0);
873
+ --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-white-transparent-0);
874
+ --wds-vertical-tabs-item-fill-light: var(--wds-color-white-transparent-0);
872
875
  --wds-vertical-tabs-section-title-padding-top-tiny: var(--wds-space-100);
873
876
  --wds-vertical-tabs-section-title-padding-top-small: var(--wds-space-400);
874
877
  --wds-vertical-tabs-section-title-padding-top-medium: var(--wds-space-600);
@@ -1063,6 +1066,10 @@
1063
1066
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
1064
1067
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
1065
1068
  --wds-statistics-widget-trend-space-top: var(--wds-space-0);
1069
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
1070
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
1071
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
1072
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
1066
1073
  --wds-statistics-widget-description-info-gap: var(--wds-space-50);
1067
1074
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
1068
1075
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
@@ -1168,6 +1175,7 @@
1168
1175
  --wds-selector-button-fill: var(--wds-color-black-750);
1169
1176
  --wds-selector-button-border-color-disabled: var(--wds-color-black-100-transparent-0);
1170
1177
  --wds-selector-button-border-color: var(--wds-color-black-100-transparent-0);
1178
+ --wds-selectable-accordion-fill: var(--wds-color-white-transparent-0);
1171
1179
  --wds-select-area-padding-vertical: var(--wds-space-300);
1172
1180
  --wds-select-area-padding-horizontal: var(--wds-space-400);
1173
1181
  --wds-select-area-fill-hover: var(--wds-color-black-700);
@@ -1225,6 +1233,9 @@
1225
1233
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
1226
1234
  --wds-section-header-padding-vertical-medium: var(--wds-space-300);
1227
1235
  --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
1236
+ --wds-section-header-fill-standard: var(--wds-color-white-transparent-0);
1237
+ --wds-section-header-fill-neutral: var(--wds-color-white-transparent-0);
1238
+ --wds-section-header-fill-light: var(--wds-color-white-transparent-0);
1228
1239
  --wds-search-expandable-padding-small: var(--wds-space-150);
1229
1240
  --wds-search-expandable-padding-medium: var(--wds-space-175);
1230
1241
  --wds-search-expandable-padding-large: var(--wds-space-300);
@@ -1270,10 +1281,15 @@
1270
1281
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1271
1282
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1272
1283
  --wds-page-header-title-actions-gap: var(--wds-space-0);
1284
+ --wds-page-header-subtitle-padding-start: var(--wds-space-100);
1285
+ --wds-page-header-subtitle-gap: var(--wds-space-100);
1273
1286
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1274
1287
  --wds-page-header-padding-vertical: var(--wds-space-600);
1275
1288
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1276
1289
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1290
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
1291
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
1292
+ --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
1277
1293
  --wds-page-header-back-button-gap: var(--wds-space-200);
1278
1294
  --wds-padding-vertical-tiny: var(--wds-space-500);
1279
1295
  --wds-padding-vertical-small: var(--wds-space-600);
@@ -1317,27 +1333,46 @@
1317
1333
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1318
1334
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1319
1335
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1320
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1321
- --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1336
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1337
+ --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1338
+ --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1339
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1340
+ --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1322
1341
  --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1323
- --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1342
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1324
1343
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1344
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1345
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1346
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1347
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
1348
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-500);
1349
+ --wds-marketing-layout-padding-right-small: var(--wds-space-500);
1350
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-200);
1351
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-200);
1352
+ --wds-marketing-layout-padding-left-small: var(--wds-space-200);
1353
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-500);
1325
1354
  --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1326
- --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1327
- --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1328
- --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
1329
- --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
1330
- --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
1331
- --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1332
- --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1333
- --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
1334
- --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1335
- --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1336
- --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1355
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-300);
1356
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-300);
1357
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-300);
1358
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-300);
1359
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-300);
1360
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1361
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1362
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1363
+ --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1364
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1365
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1366
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1367
+ --wds-marketing-layout-description-color: var(--wds-color-black-300);
1337
1368
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1338
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1339
- --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1340
- --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1369
+ --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1370
+ --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1371
+ --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1372
+ --wds-marketing-layout-badge-gap: var(--wds-space-200);
1373
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1374
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1375
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1341
1376
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1342
1377
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1343
1378
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
@@ -1345,18 +1380,18 @@
1345
1380
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1346
1381
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1347
1382
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1383
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1348
1384
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1349
1385
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1350
1386
  --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1351
1387
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1352
1388
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1353
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1354
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1389
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1390
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1355
1391
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1356
1392
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1357
1393
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1358
1394
  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1359
- --wds-list-item-select-min-height-medium: var(--wds-space-1300);
1360
1395
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1361
1396
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1362
1397
  --wds-list-item-select-gap: var(--wds-space-150);
@@ -1484,6 +1519,7 @@
1484
1519
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1485
1520
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1486
1521
  --wds-editable-title-placeholder-fill: var(--wds-color-black-550);
1522
+ --wds-editable-title-marker-gap: var(--wds-space-100);
1487
1523
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-100);
1488
1524
  --wds-editable-title-marker-fill: var(--wds-color-black-400);
1489
1525
  --wds-dropdown-layout-option-size-small: var(--wds-space-800);
@@ -1644,6 +1680,7 @@
1644
1680
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1645
1681
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1646
1682
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1683
+ --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1647
1684
  --wds-button-fill-ai-primary-hover: var(--wds-color-blue-200);
1648
1685
  --wds-button-fill-ai-primary-active: var(--wds-color-blue-100);
1649
1686
  --wds-button-fill-ai-primary: var(--wds-color-blue-150);
@@ -1759,27 +1796,21 @@
1759
1796
  --wds-vertical-tabs-item-fill-standard-premium-hover: var(--wds-color-fill-standard-tertiary-hover);
1760
1797
  --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-fill-standard-tertiary-hover);
1761
1798
  --wds-vertical-tabs-item-fill-standard-premium-active: var(--wds-color-fill-standard-tertiary-active);
1762
- --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-fill-standard-tertiary);
1763
1799
  --wds-vertical-tabs-item-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1764
1800
  --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-dark-tertiary-disabled);
1765
1801
  --wds-vertical-tabs-item-fill-standard-active: var(--wds-color-fill-dark-tertiary-active);
1766
- --wds-vertical-tabs-item-fill-standard: var(--wds-color-fill-standard-tertiary);
1767
1802
  --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-light-primary-hover);
1768
1803
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: var(--wds-color-fill-surface-neutral);
1769
1804
  --wds-vertical-tabs-item-fill-neutral-premium-active: var(--wds-color-fill-premium-tertiary-active);
1770
- --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-fill-surface-neutral);
1771
1805
  --wds-vertical-tabs-item-fill-neutral-hover: var(--wds-color-fill-dark-secondary-hover);
1772
1806
  --wds-vertical-tabs-item-fill-neutral-disabled: var(--wds-color-fill-surface-neutral);
1773
1807
  --wds-vertical-tabs-item-fill-neutral-active: var(--wds-color-fill-dark-tertiary-active);
1774
- --wds-vertical-tabs-item-fill-neutral: var(--wds-color-fill-surface-neutral);
1775
1808
  --wds-vertical-tabs-item-fill-light-premium-hover: var(--wds-color-fill-premium-tertiary-hover);
1776
1809
  --wds-vertical-tabs-item-fill-light-premium-disabled: var(--wds-color-fill-premium-tertiary-disabled);
1777
1810
  --wds-vertical-tabs-item-fill-light-premium-active: var(--wds-color-fill-premium-tertiary-active);
1778
- --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-fill-premium-tertiary);
1779
1811
  --wds-vertical-tabs-item-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1780
1812
  --wds-vertical-tabs-item-fill-light-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1781
1813
  --wds-vertical-tabs-item-fill-light-active: var(--wds-color-fill-dark-tertiary-active);
1782
- --wds-vertical-tabs-item-fill-light: var(--wds-color-fill-standard-tertiary);
1783
1814
  --wds-vertical-tabs-item-active-title-text-disabled: var(--wds-color-text-disabled);
1784
1815
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
1785
1816
  --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-standard-secondary);
@@ -1905,9 +1936,6 @@
1905
1936
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
1906
1937
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
1907
1938
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
1908
- --wds-section-header-fill-standard: var(--wds-color-fill-surface-default);
1909
- --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
1910
- --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
1911
1939
  --wds-section-header-border-light: var(--wds-color-border-standard-primary);
1912
1940
  --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
1913
1941
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
@@ -1934,13 +1962,12 @@
1934
1962
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1935
1963
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1936
1964
  --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
1937
- --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1965
+ --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
1938
1966
  --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1939
- --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1940
- --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1941
- --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1942
- --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1943
- --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1967
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
1968
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1969
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1970
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1944
1971
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1945
1972
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1946
1973
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -2256,12 +2283,10 @@
2256
2283
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2257
2284
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2258
2285
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2259
- --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2260
- --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2261
- --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2262
- --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2263
- --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2264
- --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2286
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2287
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2288
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2289
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2265
2290
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2266
2291
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2267
2292
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);