@wix/design-system-tokens 1.223.0 → 1.224.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 +60 -0
  2. package/all.css +71 -0
  3. package/all.scss +71 -0
  4. package/all.st.css +142 -0
  5. package/component.st.css +142 -0
  6. package/odeditor/all.css +78 -7
  7. package/odeditor/all.scss +78 -7
  8. package/odeditor/all.st.css +149 -7
  9. package/odeditor/component.st.css +149 -7
  10. package/odeditor-dark/all.css +79 -8
  11. package/odeditor-dark/all.scss +79 -8
  12. package/odeditor-dark/all.st.css +150 -8
  13. package/odeditor-dark/component.st.css +149 -7
  14. package/odeditor-dark/semantic.st.css +1 -1
  15. package/package.json +2 -2
  16. package/studio/all.css +71 -0
  17. package/studio/all.scss +71 -0
  18. package/studio/all.st.css +142 -0
  19. package/studio/component.st.css +142 -0
  20. package/wixel/all.css +71 -0
  21. package/wixel/all.scss +71 -0
  22. package/wixel/all.st.css +142 -0
  23. package/wixel/component.st.css +142 -0
package/studio/all.scss CHANGED
@@ -22,6 +22,10 @@
22
22
  --wds-table-toolbar-divider-gap-group-start: 24px;
23
23
  --wds-table-toolbar-divider-gap: 12px;
24
24
  --wds-table-toolbar-button-gap: 6px;
25
+ --wds-table-sub-toolbar-padding-block-start: 9px;
26
+ --wds-table-sub-toolbar-padding-block-end: 9px;
27
+ --wds-table-cell-padding-inline: 12px;
28
+ --wds-table-action-cell-backdrop-opacity: 0;
25
29
  --wds-swatches-swatch-active-border-radius-small: 5px;
26
30
  --wds-swatches-swatch-active-border-radius-medium: 7px;
27
31
  --wds-status-toast-width: 600px;
@@ -66,6 +70,7 @@
66
70
  --wds-slider-slider-knob-shadow: false;
67
71
  --wds-slider-slider-knob-border-width-hover: 12px;
68
72
  --wds-slider-slider-knob-border-width: 4px;
73
+ --wds-sidebar-submenu-level-2-padding-bottom: 6px;
69
74
  --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
70
75
  --wds-sidebar-scrollbar-fill-light-hover: rgba(19, 23, 32, 0.6600);
71
76
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -85,9 +90,11 @@
85
90
  --wds-sidebar-item-level-1-fill-dark-hover: #2B2E36;
86
91
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
87
92
  --wds-sidebar-item-level-1-fill-dark-active: #42454C;
93
+ --wds-sidebar-footer-fade-height: 0px;
88
94
  --wds-sidebar-divider-padding-bottom: 9px;
89
95
  --wds-sidebar-divider-fill-dark-default: #42454C;
90
96
  --wds-sidebar-clear-button-fill: #5a5d63;
97
+ --wds-sidebar-border-inner-fill: transparent;
91
98
  --wds-side-panel-standard-shadow: none;
92
99
  --wds-side-panel-standard-overflow: visible;
93
100
  --wds-side-panel-floating-max-height: 576px;
@@ -147,7 +154,18 @@
147
154
  --wds-marketing-page-footer-grid-column: span 12;
148
155
  --wds-marketing-page-footer-divider-display: block;
149
156
  --wds-marketing-layout-title-font-size-tiny: 20px;
157
+ --wds-marketing-layout-min-height-tiny: auto;
158
+ --wds-marketing-layout-min-height-small: auto;
159
+ --wds-marketing-layout-min-height-medium: auto;
160
+ --wds-marketing-layout-image-wrapper-width: auto;
161
+ --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
162
+ --wds-marketing-layout-image-wrapper-contain: none;
163
+ --wds-marketing-layout-image-width: 100%;
164
+ --wds-marketing-layout-image-object-fit: fill;
165
+ --wds-marketing-layout-image-height: auto;
150
166
  --wds-marketing-layout-image-border-radius: 0px;
167
+ --wds-marketing-layout-image-aspect-ratio: auto;
168
+ --wds-marketing-layout-description-max-width: none;
151
169
  --wds-marketing-layout-badge-top: 9px;
152
170
  --wds-marketing-layout-badge-side: -3px;
153
171
  --wds-marketing-layout-badge-position: absolute;
@@ -155,6 +173,7 @@
155
173
  --wds-marketing-layout-badge-offset-small: 12px;
156
174
  --wds-marketing-layout-badge-offset-medium: 12px;
157
175
  --wds-marketing-layout-badge-gap: 0px;
176
+ --wds-marketing-layout-actions-alignment-inverted: auto;
158
177
  --wds-loader-stroke-width-tiny: 3px;
159
178
  --wds-loader-stroke-width-small: 4px;
160
179
  --wds-loader-stroke-width-medium: 4px;
@@ -431,6 +450,23 @@
431
450
  --wds-color-black-100: #131720;
432
451
  --wds-circular-progress-bar-label-font-line-height: 18px;
433
452
  --wds-circular-progress-bar-border-width: 4px;
453
+ --wds-carousel-gradient-opacity: 50%;
454
+ --wds-carousel-dots-height: 4px;
455
+ --wds-carousel-dots-gap-bottom-shift: 0.5;
456
+ --wds-carousel-dots-gap-bottom: 10px;
457
+ --wds-carousel-dots-border-radius: 2px;
458
+ --wds-carousel-controls-shadow-hover: none;
459
+ --wds-carousel-controls-shadow-default: none;
460
+ --wds-carousel-controls-shadow-active: none;
461
+ --wds-carousel-controls-offset-sides-gradient: 12px;
462
+ --wds-carousel-controls-offset-sides: 0px;
463
+ --wds-carousel-controls-offset-overlay: 12px;
464
+ --wds-carousel-controls-offset-bottom-gradient: 12px;
465
+ --wds-carousel-controls-offset-bottom: 0px;
466
+ --wds-carousel-controls-bottom-shift: 0;
467
+ --wds-carousel-controls-bottom-offset-dots: 10px;
468
+ --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
469
+ --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
434
470
  --wds-card-header-suffix-align: center;
435
471
  --wds-card-gallery-item-title-gap: 0px;
436
472
  --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
@@ -671,6 +707,7 @@
671
707
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
672
708
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
673
709
  --wds-table-list-item-gap: var(--wds-space-600);
710
+ --wds-table-list-item-fill-overlay: var(--wds-color-blue-600);
674
711
  --wds-table-list-item-fill-hover-draggable: var(--wds-color-blue-500);
675
712
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
676
713
  --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
@@ -683,6 +720,7 @@
683
720
  --wds-table-list-header-min-height: var(--wds-space-1050);
684
721
  --wds-table-list-header-checkbox-padding-right: var(--wds-space-300);
685
722
  --wds-table-list-header-checkbox-padding-left: var(--wds-space-150);
723
+ --wds-table-header-font-weight: var(--wds-font-weight-regular);
686
724
  --wds-swatches-swatch-size-tiny: var(--wds-space-600);
687
725
  --wds-swatches-swatch-size-small: var(--wds-space-700);
688
726
  --wds-swatches-swatch-size-medium: var(--wds-space-800);
@@ -789,6 +827,7 @@
789
827
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
790
828
  --wds-sidebar-item-content-gap: var(--wds-space-200);
791
829
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
830
+ --wds-sidebar-fill-dark: var(--wds-sidebar-item-level-1-fill-dark-default);
792
831
  --wds-sidebar-divider-padding-top: var(--wds-space-200);
793
832
  --wds-sidebar-divider-padding-inline: var(--wds-space-500);
794
833
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
@@ -1070,6 +1109,7 @@
1070
1109
  --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1071
1110
  --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1072
1111
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1112
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-default);
1073
1113
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1074
1114
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
1075
1115
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
@@ -1627,7 +1667,18 @@
1627
1667
  --wds-checkbox-border-radius: var(--wds-border-radius-200);
1628
1668
  --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1629
1669
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1670
+ --wds-carousel-gradient-color: var(--wds-color-white);
1630
1671
  --wds-carousel-dots-width: var(--wds-space-300);
1672
+ --wds-carousel-dots-gap: var(--wds-space-400);
1673
+ --wds-carousel-dots-fill-hover: var(--wds-color-blue-200);
1674
+ --wds-carousel-dots-fill-active: var(--wds-color-blue-0);
1675
+ --wds-carousel-dots-fill: var(--wds-color-blue-300);
1676
+ --wds-carousel-controls-gap-tiny: var(--wds-space-400);
1677
+ --wds-carousel-controls-gap-small: var(--wds-space-300);
1678
+ --wds-carousel-controls-gap-medium: var(--wds-space-200);
1679
+ --wds-carousel-controls-gap-large: var(--wds-space-200);
1680
+ --wds-carousel-controls-bottom-offset-no-dots: var(--wds-carousel-dots-height);
1681
+ --wds-carousel-controls-border-radius: var(--wds-border-radius-200);
1631
1682
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1632
1683
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1633
1684
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -1658,6 +1709,8 @@
1658
1709
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1659
1710
  --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
1660
1711
  --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-200);
1712
+ --wds-card-controls-padding-vertical: var(--wds-space-400);
1713
+ --wds-card-controls-padding-horizontal: var(--wds-space-600);
1661
1714
  --wds-card-content-paddings-vertical: var(--wds-space-600);
1662
1715
  --wds-card-content-paddings-horizontal: var(--wds-space-600);
1663
1716
  --wds-card-content-padding-medium-top: var(--wds-space-600);
@@ -1902,6 +1955,8 @@
1902
1955
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1903
1956
  --wds-tabs-label-fill-active: var(--wds-color-text-primary);
1904
1957
  --wds-tabs-label-fill: var(--wds-color-text-standard-primary);
1958
+ --wds-table-row-divider-fill: var(--wds-color-border-dark-secondary);
1959
+ --wds-table-region-divider-fill: var(--wds-color-border-dark-secondary);
1905
1960
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1906
1961
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1907
1962
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
@@ -1927,6 +1982,9 @@
1927
1982
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1928
1983
  --wds-sidebar-item-text-font-size: var(--wds-font-size-body-tiny);
1929
1984
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1985
+ --wds-sidebar-fill-neutral: var(--wds-sidebar-item-level-1-fill-neutral-default);
1986
+ --wds-sidebar-fill-light: var(--wds-sidebar-item-level-1-fill-light-default);
1987
+ --wds-sidebar-border-outer-fill: var(--wds-sidebar-divider-fill-light-default);
1930
1988
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1931
1989
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
1932
1990
  --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary);
@@ -2083,6 +2141,7 @@
2083
2141
  --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
2084
2142
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
2085
2143
  --wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly);
2144
+ --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2086
2145
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
2087
2146
  --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2088
2147
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
@@ -2250,7 +2309,14 @@
2250
2309
  --wds-checkbox-border-disabled: var(--wds-color-border-dark-primary-disabled);
2251
2310
  --wds-checkbox-border-active: var(--wds-color-border-standard-secondary-active);
2252
2311
  --wds-checkbox-border: var(--wds-color-border-dark-primary);
2312
+ --wds-carousel-gradient-width: var(--wds-button-size-medium);
2313
+ --wds-carousel-controls-size-tiny: var(--wds-button-size-tiny);
2314
+ --wds-carousel-controls-size-small: var(--wds-button-size-small);
2315
+ --wds-carousel-controls-size-medium: var(--wds-button-size-medium);
2316
+ --wds-carousel-controls-size-large: var(--wds-button-size-large);
2317
+ --wds-carousel-controls-shadow-disabled: var(--wds-shadow-300);
2253
2318
  --wds-carousel-controls-shadow: var(--wds-shadow-300);
2319
+ --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2254
2320
  --wds-card-subtitle-font-size: var(--wds-font-size-body-medium);
2255
2321
  --wds-card-subtitle-color: var(--wds-color-text-standard-secondary);
2256
2322
  --wds-card-shadow: var(--wds-shadow-surface-raised);
@@ -2455,6 +2521,11 @@
2455
2521
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2456
2522
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
2457
2523
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2524
+ --wds-carousel-controls-icon-fill-hover: var(--wds-icon-button-color-text-standard-secondary-hover);
2525
+ --wds-carousel-controls-icon-fill-active: var(--wds-icon-button-color-text-standard-secondary-active);
2526
+ --wds-carousel-controls-icon-fill: var(--wds-icon-button-color-text-standard-secondary);
2527
+ --wds-carousel-controls-fill-hover: var(--wds-icon-button-color-fill-standard-secondary-hover);
2528
+ --wds-carousel-controls-fill-active: var(--wds-icon-button-color-fill-standard-secondary-active);
2458
2529
  --wds-card-subtitle-line-height: var(--wds-font-line-height-body-medium);
2459
2530
  --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
2460
2531
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/studio/all.st.css CHANGED
@@ -306,6 +306,8 @@
306
306
  @property st-global(--wds-card-content-padding-medium-top);
307
307
  @property st-global(--wds-card-content-paddings-horizontal);
308
308
  @property st-global(--wds-card-content-paddings-vertical);
309
+ @property st-global(--wds-card-controls-padding-horizontal);
310
+ @property st-global(--wds-card-controls-padding-vertical);
309
311
  @property st-global(--wds-card-divider-opacity);
310
312
  @property st-global(--wds-card-gallery-item-action-button-border-radius);
311
313
  @property st-global(--wds-card-gallery-item-action-button-font-size);
@@ -372,8 +374,48 @@
372
374
  @property st-global(--wds-card-tab-padding-horizontal-small);
373
375
  @property st-global(--wds-card-tab-padding-vertical-medium);
374
376
  @property st-global(--wds-card-tab-padding-vertical-small);
377
+ @property st-global(--wds-carousel-controls-border);
378
+ @property st-global(--wds-carousel-controls-border-disabled);
379
+ @property st-global(--wds-carousel-controls-border-radius);
380
+ @property st-global(--wds-carousel-controls-bottom-offset-dots);
381
+ @property st-global(--wds-carousel-controls-bottom-offset-no-dots);
382
+ @property st-global(--wds-carousel-controls-bottom-shift);
383
+ @property st-global(--wds-carousel-controls-fill-active);
384
+ @property st-global(--wds-carousel-controls-fill-hover);
385
+ @property st-global(--wds-carousel-controls-gap-large);
386
+ @property st-global(--wds-carousel-controls-gap-medium);
387
+ @property st-global(--wds-carousel-controls-gap-small);
388
+ @property st-global(--wds-carousel-controls-gap-tiny);
389
+ @property st-global(--wds-carousel-controls-icon-fill);
390
+ @property st-global(--wds-carousel-controls-icon-fill-active);
391
+ @property st-global(--wds-carousel-controls-icon-fill-disabled);
392
+ @property st-global(--wds-carousel-controls-icon-fill-hover);
393
+ @property st-global(--wds-carousel-controls-offset-bottom);
394
+ @property st-global(--wds-carousel-controls-offset-bottom-gradient);
395
+ @property st-global(--wds-carousel-controls-offset-overlay);
396
+ @property st-global(--wds-carousel-controls-offset-sides);
397
+ @property st-global(--wds-carousel-controls-offset-sides-gradient);
375
398
  @property st-global(--wds-carousel-controls-shadow);
399
+ @property st-global(--wds-carousel-controls-shadow-active);
400
+ @property st-global(--wds-carousel-controls-shadow-default);
401
+ @property st-global(--wds-carousel-controls-shadow-disabled);
402
+ @property st-global(--wds-carousel-controls-shadow-hover);
403
+ @property st-global(--wds-carousel-controls-size-large);
404
+ @property st-global(--wds-carousel-controls-size-medium);
405
+ @property st-global(--wds-carousel-controls-size-small);
406
+ @property st-global(--wds-carousel-controls-size-tiny);
407
+ @property st-global(--wds-carousel-dots-border-radius);
408
+ @property st-global(--wds-carousel-dots-fill);
409
+ @property st-global(--wds-carousel-dots-fill-active);
410
+ @property st-global(--wds-carousel-dots-fill-hover);
411
+ @property st-global(--wds-carousel-dots-gap);
412
+ @property st-global(--wds-carousel-dots-gap-bottom);
413
+ @property st-global(--wds-carousel-dots-gap-bottom-shift);
414
+ @property st-global(--wds-carousel-dots-height);
376
415
  @property st-global(--wds-carousel-dots-width);
416
+ @property st-global(--wds-carousel-gradient-color);
417
+ @property st-global(--wds-carousel-gradient-opacity);
418
+ @property st-global(--wds-carousel-gradient-width);
377
419
  @property st-global(--wds-checkbox-border);
378
420
  @property st-global(--wds-checkbox-border-active);
379
421
  @property st-global(--wds-checkbox-border-active-disabled);
@@ -1240,6 +1282,7 @@
1240
1282
  @property st-global(--wds-input-background-fill-default);
1241
1283
  @property st-global(--wds-input-background-fill-disabled);
1242
1284
  @property st-global(--wds-input-background-fill-hover);
1285
+ @property st-global(--wds-input-background-fill-on-stage);
1243
1286
  @property st-global(--wds-input-background-fill-readonly);
1244
1287
  @property st-global(--wds-input-border-color);
1245
1288
  @property st-global(--wds-input-border-color-disabled);
@@ -1426,6 +1469,7 @@
1426
1469
  @property st-global(--wds-loader-stroke-width-medium);
1427
1470
  @property st-global(--wds-loader-stroke-width-small);
1428
1471
  @property st-global(--wds-loader-stroke-width-tiny);
1472
+ @property st-global(--wds-marketing-layout-actions-alignment-inverted);
1429
1473
  @property st-global(--wds-marketing-layout-actions-gap-medium);
1430
1474
  @property st-global(--wds-marketing-layout-actions-gap-small);
1431
1475
  @property st-global(--wds-marketing-layout-actions-gap-tiny);
@@ -1447,7 +1491,11 @@
1447
1491
  @property st-global(--wds-marketing-layout-description-line-height-medium);
1448
1492
  @property st-global(--wds-marketing-layout-description-line-height-small);
1449
1493
  @property st-global(--wds-marketing-layout-description-line-height-tiny);
1494
+ @property st-global(--wds-marketing-layout-description-max-width);
1495
+ @property st-global(--wds-marketing-layout-image-aspect-ratio);
1450
1496
  @property st-global(--wds-marketing-layout-image-border-radius);
1497
+ @property st-global(--wds-marketing-layout-image-height);
1498
+ @property st-global(--wds-marketing-layout-image-object-fit);
1451
1499
  @property st-global(--wds-marketing-layout-image-padding-left-medium);
1452
1500
  @property st-global(--wds-marketing-layout-image-padding-left-small);
1453
1501
  @property st-global(--wds-marketing-layout-image-padding-left-tiny);
@@ -1457,6 +1505,13 @@
1457
1505
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1458
1506
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1459
1507
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1508
+ @property st-global(--wds-marketing-layout-image-width);
1509
+ @property st-global(--wds-marketing-layout-image-wrapper-contain);
1510
+ @property st-global(--wds-marketing-layout-image-wrapper-flex);
1511
+ @property st-global(--wds-marketing-layout-image-wrapper-width);
1512
+ @property st-global(--wds-marketing-layout-min-height-medium);
1513
+ @property st-global(--wds-marketing-layout-min-height-small);
1514
+ @property st-global(--wds-marketing-layout-min-height-tiny);
1460
1515
  @property st-global(--wds-marketing-layout-padding-left-medium);
1461
1516
  @property st-global(--wds-marketing-layout-padding-left-small);
1462
1517
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -1466,6 +1521,7 @@
1466
1521
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
1467
1522
  @property st-global(--wds-marketing-layout-padding-vertical-small);
1468
1523
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1524
+ @property st-global(--wds-marketing-layout-title-font-family-tiny);
1469
1525
  @property st-global(--wds-marketing-layout-title-font-size-medium);
1470
1526
  @property st-global(--wds-marketing-layout-title-font-size-small);
1471
1527
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1915,6 +1971,8 @@
1915
1971
  @property st-global(--wds-side-panel-title-font-letter-spacing);
1916
1972
  @property st-global(--wds-side-panel-title-font-line-height);
1917
1973
  @property st-global(--wds-side-panel-title-font-size);
1974
+ @property st-global(--wds-sidebar-border-inner-fill);
1975
+ @property st-global(--wds-sidebar-border-outer-fill);
1918
1976
  @property st-global(--wds-sidebar-clear-button-fill);
1919
1977
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1920
1978
  @property st-global(--wds-sidebar-divider-fill-light-default);
@@ -1922,6 +1980,10 @@
1922
1980
  @property st-global(--wds-sidebar-divider-padding-bottom);
1923
1981
  @property st-global(--wds-sidebar-divider-padding-inline);
1924
1982
  @property st-global(--wds-sidebar-divider-padding-top);
1983
+ @property st-global(--wds-sidebar-fill-dark);
1984
+ @property st-global(--wds-sidebar-fill-light);
1985
+ @property st-global(--wds-sidebar-fill-neutral);
1986
+ @property st-global(--wds-sidebar-footer-fade-height);
1925
1987
  @property st-global(--wds-sidebar-header-margin-bottom);
1926
1988
  @property st-global(--wds-sidebar-header-text-dark-default);
1927
1989
  @property st-global(--wds-sidebar-item-content-gap);
@@ -2004,6 +2066,7 @@
2004
2066
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
2005
2067
  @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
2006
2068
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
2069
+ @property st-global(--wds-sidebar-submenu-level-2-padding-bottom);
2007
2070
  @property st-global(--wds-skeleton-border-radius-circle);
2008
2071
  @property st-global(--wds-skeleton-border-radius-line);
2009
2072
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -2109,6 +2172,9 @@
2109
2172
  @property st-global(--wds-swatches-swatch-size-medium);
2110
2173
  @property st-global(--wds-swatches-swatch-size-small);
2111
2174
  @property st-global(--wds-swatches-swatch-size-tiny);
2175
+ @property st-global(--wds-table-action-cell-backdrop-opacity);
2176
+ @property st-global(--wds-table-cell-padding-inline);
2177
+ @property st-global(--wds-table-header-font-weight);
2112
2178
  @property st-global(--wds-table-list-header-checkbox-padding-left);
2113
2179
  @property st-global(--wds-table-list-header-checkbox-padding-right);
2114
2180
  @property st-global(--wds-table-list-header-divider-fill-bottom);
@@ -2131,10 +2197,15 @@
2131
2197
  @property st-global(--wds-table-list-item-fill-highlight);
2132
2198
  @property st-global(--wds-table-list-item-fill-hover);
2133
2199
  @property st-global(--wds-table-list-item-fill-hover-draggable);
2200
+ @property st-global(--wds-table-list-item-fill-overlay);
2134
2201
  @property st-global(--wds-table-list-item-gap);
2135
2202
  @property st-global(--wds-table-list-item-indentation-level-2);
2136
2203
  @property st-global(--wds-table-list-item-indentation-level-3);
2137
2204
  @property st-global(--wds-table-list-item-paddings);
2205
+ @property st-global(--wds-table-region-divider-fill);
2206
+ @property st-global(--wds-table-row-divider-fill);
2207
+ @property st-global(--wds-table-sub-toolbar-padding-block-end);
2208
+ @property st-global(--wds-table-sub-toolbar-padding-block-start);
2138
2209
  @property st-global(--wds-table-toolbar-button-gap);
2139
2210
  @property st-global(--wds-table-toolbar-divider-gap);
2140
2211
  @property st-global(--wds-table-toolbar-divider-gap-group-start);
@@ -2778,6 +2849,8 @@
2778
2849
  --wds-card-content-padding-medium-top: 24px;
2779
2850
  --wds-card-content-paddings-horizontal: 24px;
2780
2851
  --wds-card-content-paddings-vertical: 24px;
2852
+ --wds-card-controls-padding-horizontal: 24px;
2853
+ --wds-card-controls-padding-vertical: 16px;
2781
2854
  --wds-card-divider-opacity: 1;
2782
2855
  --wds-card-gallery-item-action-button-border-radius: 4px;
2783
2856
  --wds-card-gallery-item-action-button-font-size: 14px;
@@ -2844,8 +2917,48 @@
2844
2917
  --wds-card-tab-padding-horizontal-small: 20px;
2845
2918
  --wds-card-tab-padding-vertical-medium: 16px;
2846
2919
  --wds-card-tab-padding-vertical-small: 16px;
2920
+ --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
2921
+ --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
2922
+ --wds-carousel-controls-border-radius: 4px;
2923
+ --wds-carousel-controls-bottom-offset-dots: 10px;
2924
+ --wds-carousel-controls-bottom-offset-no-dots: 4px;
2925
+ --wds-carousel-controls-bottom-shift: 0;
2926
+ --wds-carousel-controls-fill-active: #116dff;
2927
+ --wds-carousel-controls-fill-hover: #0f62e6;
2928
+ --wds-carousel-controls-gap-large: 8px;
2929
+ --wds-carousel-controls-gap-medium: 8px;
2930
+ --wds-carousel-controls-gap-small: 12px;
2931
+ --wds-carousel-controls-gap-tiny: 16px;
2932
+ --wds-carousel-controls-icon-fill: #116dff;
2933
+ --wds-carousel-controls-icon-fill-active: #ffffff;
2934
+ --wds-carousel-controls-icon-fill-disabled: #bebebe;
2935
+ --wds-carousel-controls-icon-fill-hover: #ffffff;
2936
+ --wds-carousel-controls-offset-bottom: 0px;
2937
+ --wds-carousel-controls-offset-bottom-gradient: 12px;
2938
+ --wds-carousel-controls-offset-overlay: 12px;
2939
+ --wds-carousel-controls-offset-sides: 0px;
2940
+ --wds-carousel-controls-offset-sides-gradient: 12px;
2847
2941
  --wds-carousel-controls-shadow: 0 12px 20px rgba(19, 23, 32, .1);
2942
+ --wds-carousel-controls-shadow-active: none;
2943
+ --wds-carousel-controls-shadow-default: none;
2944
+ --wds-carousel-controls-shadow-disabled: 0 12px 20px rgba(19, 23, 32, .1);
2945
+ --wds-carousel-controls-shadow-hover: none;
2946
+ --wds-carousel-controls-size-large: 36px;
2947
+ --wds-carousel-controls-size-medium: 32px;
2948
+ --wds-carousel-controls-size-small: 28px;
2949
+ --wds-carousel-controls-size-tiny: 24px;
2950
+ --wds-carousel-dots-border-radius: 2px;
2951
+ --wds-carousel-dots-fill: #c3daff;
2952
+ --wds-carousel-dots-fill-active: #084ebd;
2953
+ --wds-carousel-dots-fill-hover: #418aff;
2954
+ --wds-carousel-dots-gap: 16px;
2955
+ --wds-carousel-dots-gap-bottom: 10px;
2956
+ --wds-carousel-dots-gap-bottom-shift: 0.5;
2957
+ --wds-carousel-dots-height: 4px;
2848
2958
  --wds-carousel-dots-width: 12px;
2959
+ --wds-carousel-gradient-color: #ffffff;
2960
+ --wds-carousel-gradient-opacity: 50%;
2961
+ --wds-carousel-gradient-width: 32px;
2849
2962
  --wds-checkbox-border: #868aa5;
2850
2963
  --wds-checkbox-border-active: #116dff;
2851
2964
  --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
@@ -3712,6 +3825,7 @@
3712
3825
  --wds-input-background-fill-default: #ffffff;
3713
3826
  --wds-input-background-fill-disabled: #ffffff;
3714
3827
  --wds-input-background-fill-hover: #f7f8f8;
3828
+ --wds-input-background-fill-on-stage: #f7f8f8;
3715
3829
  --wds-input-background-fill-readonly: #edeef2;
3716
3830
  --wds-input-border-color: #e2e3ea;
3717
3831
  --wds-input-border-color-disabled: rgba(19, 23, 32, .1);
@@ -3898,6 +4012,7 @@
3898
4012
  --wds-loader-stroke-width-medium: 4px;
3899
4013
  --wds-loader-stroke-width-small: 4px;
3900
4014
  --wds-loader-stroke-width-tiny: 3px;
4015
+ --wds-marketing-layout-actions-alignment-inverted: auto;
3901
4016
  --wds-marketing-layout-actions-gap-medium: 16px;
3902
4017
  --wds-marketing-layout-actions-gap-small: 12px;
3903
4018
  --wds-marketing-layout-actions-gap-tiny: 12px;
@@ -3919,7 +4034,11 @@
3919
4034
  --wds-marketing-layout-description-line-height-medium: 24px;
3920
4035
  --wds-marketing-layout-description-line-height-small: 20px;
3921
4036
  --wds-marketing-layout-description-line-height-tiny: 20px;
4037
+ --wds-marketing-layout-description-max-width: none;
4038
+ --wds-marketing-layout-image-aspect-ratio: auto;
3922
4039
  --wds-marketing-layout-image-border-radius: 0px;
4040
+ --wds-marketing-layout-image-height: auto;
4041
+ --wds-marketing-layout-image-object-fit: fill;
3923
4042
  --wds-marketing-layout-image-padding-left-medium: 48px;
3924
4043
  --wds-marketing-layout-image-padding-left-small: 24px;
3925
4044
  --wds-marketing-layout-image-padding-left-tiny: 24px;
@@ -3929,6 +4048,13 @@
3929
4048
  --wds-marketing-layout-image-padding-vertical-medium: 24px;
3930
4049
  --wds-marketing-layout-image-padding-vertical-small: 24px;
3931
4050
  --wds-marketing-layout-image-padding-vertical-tiny: 20px;
4051
+ --wds-marketing-layout-image-width: 100%;
4052
+ --wds-marketing-layout-image-wrapper-contain: none;
4053
+ --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
4054
+ --wds-marketing-layout-image-wrapper-width: auto;
4055
+ --wds-marketing-layout-min-height-medium: auto;
4056
+ --wds-marketing-layout-min-height-small: auto;
4057
+ --wds-marketing-layout-min-height-tiny: auto;
3932
4058
  --wds-marketing-layout-padding-left-medium: 48px;
3933
4059
  --wds-marketing-layout-padding-left-small: 24px;
3934
4060
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -3938,6 +4064,7 @@
3938
4064
  --wds-marketing-layout-padding-vertical-medium: 24px;
3939
4065
  --wds-marketing-layout-padding-vertical-small: 24px;
3940
4066
  --wds-marketing-layout-padding-vertical-tiny: 20px;
4067
+ --wds-marketing-layout-title-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3941
4068
  --wds-marketing-layout-title-font-size-medium: 22px;
3942
4069
  --wds-marketing-layout-title-font-size-small: 20px;
3943
4070
  --wds-marketing-layout-title-font-size-tiny: 20px;
@@ -4387,6 +4514,8 @@
4387
4514
  --wds-side-panel-title-font-letter-spacing: 0px;
4388
4515
  --wds-side-panel-title-font-line-height: 28px;
4389
4516
  --wds-side-panel-title-font-size: 20px;
4517
+ --wds-sidebar-border-inner-fill: transparent;
4518
+ --wds-sidebar-border-outer-fill: #cfd1dc;
4390
4519
  --wds-sidebar-clear-button-fill: #5a5d63;
4391
4520
  --wds-sidebar-divider-fill-dark-default: #42454C;
4392
4521
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
@@ -4394,6 +4523,10 @@
4394
4523
  --wds-sidebar-divider-padding-bottom: 9px;
4395
4524
  --wds-sidebar-divider-padding-inline: 20px;
4396
4525
  --wds-sidebar-divider-padding-top: 8px;
4526
+ --wds-sidebar-fill-dark: #131720;
4527
+ --wds-sidebar-fill-light: #ffffff;
4528
+ --wds-sidebar-fill-neutral: #edeef2;
4529
+ --wds-sidebar-footer-fade-height: 0px;
4397
4530
  --wds-sidebar-header-margin-bottom: 12px;
4398
4531
  --wds-sidebar-header-text-dark-default: #ffffff;
4399
4532
  --wds-sidebar-item-content-gap: 8px;
@@ -4476,6 +4609,7 @@
4476
4609
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
4477
4610
  --wds-sidebar-scrollbar-fill-light-hover: rgba(19, 23, 32, 0.6600);
4478
4611
  --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
4612
+ --wds-sidebar-submenu-level-2-padding-bottom: 6px;
4479
4613
  --wds-skeleton-border-radius-circle: 1000px;
4480
4614
  --wds-skeleton-border-radius-line: 4px;
4481
4615
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -4581,6 +4715,9 @@
4581
4715
  --wds-swatches-swatch-size-medium: 32px;
4582
4716
  --wds-swatches-swatch-size-small: 28px;
4583
4717
  --wds-swatches-swatch-size-tiny: 24px;
4718
+ --wds-table-action-cell-backdrop-opacity: 0;
4719
+ --wds-table-cell-padding-inline: 12px;
4720
+ --wds-table-header-font-weight: 400;
4584
4721
  --wds-table-list-header-checkbox-padding-left: 6px;
4585
4722
  --wds-table-list-header-checkbox-padding-right: 12px;
4586
4723
  --wds-table-list-header-divider-fill-bottom: #c3daff;
@@ -4603,10 +4740,15 @@
4603
4740
  --wds-table-list-item-fill-highlight: #f8faff;
4604
4741
  --wds-table-list-item-fill-hover: #f7f8f8;
4605
4742
  --wds-table-list-item-fill-hover-draggable: #ebf2ff;
4743
+ --wds-table-list-item-fill-overlay: #f8faff;
4606
4744
  --wds-table-list-item-gap: 24px;
4607
4745
  --wds-table-list-item-indentation-level-2: 12px;
4608
4746
  --wds-table-list-item-indentation-level-3: 28px;
4609
4747
  --wds-table-list-item-paddings: 0px;
4748
+ --wds-table-region-divider-fill: #e2e3ea;
4749
+ --wds-table-row-divider-fill: #e2e3ea;
4750
+ --wds-table-sub-toolbar-padding-block-end: 9px;
4751
+ --wds-table-sub-toolbar-padding-block-start: 9px;
4610
4752
  --wds-table-toolbar-button-gap: 6px;
4611
4753
  --wds-table-toolbar-divider-gap: 12px;
4612
4754
  --wds-table-toolbar-divider-gap-group-start: 24px;