@wix/design-system-tokens 1.218.0 → 1.219.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +34 -4
- package/all.css +26 -0
- package/all.scss +26 -0
- package/all.st.css +52 -0
- package/component.st.css +50 -0
- package/odeditor/all.css +29 -3
- package/odeditor/all.scss +29 -3
- package/odeditor/all.st.css +55 -3
- package/odeditor/component.st.css +53 -3
- package/odeditor/semantic.st.css +2 -0
- package/odeditor-dark/all.css +38 -12
- package/odeditor-dark/all.scss +38 -12
- package/odeditor-dark/all.st.css +65 -13
- package/odeditor-dark/component.st.css +61 -11
- package/odeditor-dark/semantic.st.css +4 -2
- package/package.json +2 -2
- package/semantic.st.css +2 -0
- package/studio/all.css +26 -0
- package/studio/all.scss +26 -0
- package/studio/all.st.css +52 -0
- package/studio/component.st.css +50 -0
- package/studio/semantic.st.css +2 -0
- package/wixel/all.css +26 -0
- package/wixel/all.scss +26 -0
- package/wixel/all.st.css +52 -0
- package/wixel/component.st.css +50 -0
- package/wixel/semantic.st.css +2 -0
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);
|
|
@@ -66,8 +67,10 @@
|
|
|
66
67
|
@property st-global(--wds-announcement-modal-top-controls-gap);
|
|
67
68
|
@property st-global(--wds-announcement-modal-top-controls-padding-end);
|
|
68
69
|
@property st-global(--wds-announcement-modal-top-controls-padding-top);
|
|
70
|
+
@property st-global(--wds-avatar-color-7-fill);
|
|
69
71
|
@property st-global(--wds-avatar-group-gap-condensed);
|
|
70
72
|
@property st-global(--wds-avatar-group-gap-default);
|
|
73
|
+
@property st-global(--wds-avatar-size-tiny);
|
|
71
74
|
@property st-global(--wds-avatar-text-fill);
|
|
72
75
|
@property st-global(--wds-badge-border-radius-medium);
|
|
73
76
|
@property st-global(--wds-badge-border-radius-small);
|
|
@@ -107,6 +110,9 @@
|
|
|
107
110
|
@property st-global(--wds-badge-size-medium);
|
|
108
111
|
@property st-global(--wds-badge-size-small);
|
|
109
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);
|
|
110
116
|
@property st-global(--wds-breadcrumbs-border-radius);
|
|
111
117
|
@property st-global(--wds-breadcrumbs-divider-margin-horizontal);
|
|
112
118
|
@property st-global(--wds-breadcrumbs-font-size-small);
|
|
@@ -282,6 +288,7 @@
|
|
|
282
288
|
@property st-global(--wds-card-header-divider-width);
|
|
283
289
|
@property st-global(--wds-card-header-padding-horizontal);
|
|
284
290
|
@property st-global(--wds-card-header-padding-vertical);
|
|
291
|
+
@property st-global(--wds-card-header-suffix-align);
|
|
285
292
|
@property st-global(--wds-card-header-title-subtitle-gap);
|
|
286
293
|
@property st-global(--wds-card-shadow);
|
|
287
294
|
@property st-global(--wds-card-subtitle-color);
|
|
@@ -387,6 +394,9 @@
|
|
|
387
394
|
@property st-global(--wds-counter-badge-size-small);
|
|
388
395
|
@property st-global(--wds-counter-badge-size-tiny);
|
|
389
396
|
@property st-global(--wds-custom-modal-border-radius);
|
|
397
|
+
@property st-global(--wds-custom-modal-close-button-fill);
|
|
398
|
+
@property st-global(--wds-custom-modal-close-button-icon-size);
|
|
399
|
+
@property st-global(--wds-custom-modal-close-button-size);
|
|
390
400
|
@property st-global(--wds-custom-modal-content-padding-horizontal);
|
|
391
401
|
@property st-global(--wds-custom-modal-content-padding-vertical);
|
|
392
402
|
@property st-global(--wds-custom-modal-footer-padding-horizontal);
|
|
@@ -849,6 +859,7 @@
|
|
|
849
859
|
@property st-global(--wds-message-modal-close-button-icon-size);
|
|
850
860
|
@property st-global(--wds-message-modal-close-button-size);
|
|
851
861
|
@property st-global(--wds-message-modal-content-gap);
|
|
862
|
+
@property st-global(--wds-message-modal-help-button-icon-size);
|
|
852
863
|
@property st-global(--wds-message-modal-help-button-size);
|
|
853
864
|
@property st-global(--wds-message-modal-illustration-content-gap);
|
|
854
865
|
@property st-global(--wds-message-modal-illustration-margin-start);
|
|
@@ -857,6 +868,7 @@
|
|
|
857
868
|
@property st-global(--wds-message-modal-padding-vertical);
|
|
858
869
|
@property st-global(--wds-message-modal-text-font-line-height);
|
|
859
870
|
@property st-global(--wds-message-modal-text-font-size);
|
|
871
|
+
@property st-global(--wds-message-modal-text-font-weight);
|
|
860
872
|
@property st-global(--wds-message-modal-title-font-family);
|
|
861
873
|
@property st-global(--wds-message-modal-title-font-line-height);
|
|
862
874
|
@property st-global(--wds-message-modal-title-font-size);
|
|
@@ -878,6 +890,9 @@
|
|
|
878
890
|
@property st-global(--wds-notification-padding-vertical);
|
|
879
891
|
@property st-global(--wds-number-input-icon-fill);
|
|
880
892
|
@property st-global(--wds-page-header-back-button-gap);
|
|
893
|
+
@property st-global(--wds-page-header-breadcrumbs-offset-large);
|
|
894
|
+
@property st-global(--wds-page-header-breadcrumbs-offset-medium);
|
|
895
|
+
@property st-global(--wds-page-header-breadcrumbs-offset-small);
|
|
881
896
|
@property st-global(--wds-page-header-padding-horizontal);
|
|
882
897
|
@property st-global(--wds-page-header-padding-horizontal-small);
|
|
883
898
|
@property st-global(--wds-page-header-padding-vertical);
|
|
@@ -1195,6 +1210,15 @@
|
|
|
1195
1210
|
@property st-global(--wds-social-post-preview-content-padding-vertical);
|
|
1196
1211
|
@property st-global(--wds-social-preview-content-padding-horizontal);
|
|
1197
1212
|
@property st-global(--wds-social-preview-content-padding-vertical);
|
|
1213
|
+
@property st-global(--wds-statistics-widget-description-font-line-height);
|
|
1214
|
+
@property st-global(--wds-statistics-widget-description-font-size);
|
|
1215
|
+
@property st-global(--wds-statistics-widget-description-info-gap);
|
|
1216
|
+
@property st-global(--wds-statistics-widget-trend-space-top);
|
|
1217
|
+
@property st-global(--wds-statistics-widget-value-font-family-tiny);
|
|
1218
|
+
@property st-global(--wds-statistics-widget-value-font-letter-spacing);
|
|
1219
|
+
@property st-global(--wds-statistics-widget-value-font-line-height-tiny);
|
|
1220
|
+
@property st-global(--wds-statistics-widget-value-font-size-tiny);
|
|
1221
|
+
@property st-global(--wds-statistics-widget-value-font-weight-tiny);
|
|
1198
1222
|
@property st-global(--wds-status-toast-info-icon-fill);
|
|
1199
1223
|
@property st-global(--wds-status-toast-text-font-line-height);
|
|
1200
1224
|
@property st-global(--wds-status-toast-text-font-size);
|
|
@@ -1472,6 +1496,7 @@
|
|
|
1472
1496
|
@property st-global(--wds-tooltip-text-fill);
|
|
1473
1497
|
@property st-global(--wds-top-banner-border-color);
|
|
1474
1498
|
@property st-global(--wds-top-banner-border-radius);
|
|
1499
|
+
@property st-global(--wds-top-banner-content-color);
|
|
1475
1500
|
@property st-global(--wds-top-banner-content-gap);
|
|
1476
1501
|
@property st-global(--wds-top-banner-dismiss-gap);
|
|
1477
1502
|
@property st-global(--wds-top-banner-fill);
|
|
@@ -1574,6 +1599,7 @@
|
|
|
1574
1599
|
--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;
|
|
1575
1600
|
--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;
|
|
1576
1601
|
--wds-accordion-padding-horizontal-large: 24px;
|
|
1602
|
+
--wds-accordion-padding-horizontal-medium: 18px;
|
|
1577
1603
|
--wds-accordion-title-fill: #000624;
|
|
1578
1604
|
--wds-accordion-title-fill-hover: #000624;
|
|
1579
1605
|
--wds-accordion-title-font-line-height-medium: 24px;
|
|
@@ -1628,8 +1654,10 @@
|
|
|
1628
1654
|
--wds-announcement-modal-top-controls-gap: 3px;
|
|
1629
1655
|
--wds-announcement-modal-top-controls-padding-end: 12px;
|
|
1630
1656
|
--wds-announcement-modal-top-controls-padding-top: 18px;
|
|
1657
|
+
--wds-avatar-color-7-fill: #ACAFC4;
|
|
1631
1658
|
--wds-avatar-group-gap-condensed: -3px;
|
|
1632
1659
|
--wds-avatar-group-gap-default: 6px;
|
|
1660
|
+
--wds-avatar-size-tiny: 18px;
|
|
1633
1661
|
--wds-avatar-text-fill: #ffffff;
|
|
1634
1662
|
--wds-badge-border-radius-medium: 2px;
|
|
1635
1663
|
--wds-badge-border-radius-small: 2px;
|
|
@@ -1669,6 +1697,9 @@
|
|
|
1669
1697
|
--wds-badge-size-medium: 24px;
|
|
1670
1698
|
--wds-badge-size-small: 18px;
|
|
1671
1699
|
--wds-badge-size-tiny: 18px;
|
|
1700
|
+
--wds-badge-solid-neutral-danger-label-color: #44485f;
|
|
1701
|
+
--wds-badge-solid-neutral-success-label-color: #44485f;
|
|
1702
|
+
--wds-badge-solid-warning-light-label-color: #44485f;
|
|
1672
1703
|
--wds-breadcrumbs-border-radius: 1000px;
|
|
1673
1704
|
--wds-breadcrumbs-divider-margin-horizontal: 8px;
|
|
1674
1705
|
--wds-breadcrumbs-font-size-small: 14px;
|
|
@@ -1844,6 +1875,7 @@
|
|
|
1844
1875
|
--wds-card-header-divider-width: 0px;
|
|
1845
1876
|
--wds-card-header-padding-horizontal: 24px;
|
|
1846
1877
|
--wds-card-header-padding-vertical: 18px;
|
|
1878
|
+
--wds-card-header-suffix-align: center;
|
|
1847
1879
|
--wds-card-header-title-subtitle-gap: 0px;
|
|
1848
1880
|
--wds-card-shadow: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
|
|
1849
1881
|
--wds-card-subtitle-color: #44485f;
|
|
@@ -1949,6 +1981,9 @@
|
|
|
1949
1981
|
--wds-counter-badge-size-small: 18px;
|
|
1950
1982
|
--wds-counter-badge-size-tiny: 21px;
|
|
1951
1983
|
--wds-custom-modal-border-radius: 8px;
|
|
1984
|
+
--wds-custom-modal-close-button-fill: transparent;
|
|
1985
|
+
--wds-custom-modal-close-button-icon-size: 12px;
|
|
1986
|
+
--wds-custom-modal-close-button-size: 30px;
|
|
1952
1987
|
--wds-custom-modal-content-padding-horizontal: 24px;
|
|
1953
1988
|
--wds-custom-modal-content-padding-vertical: 24px;
|
|
1954
1989
|
--wds-custom-modal-footer-padding-horizontal: 24px;
|
|
@@ -2411,6 +2446,7 @@
|
|
|
2411
2446
|
--wds-message-modal-close-button-icon-size: 12px;
|
|
2412
2447
|
--wds-message-modal-close-button-size: 30px;
|
|
2413
2448
|
--wds-message-modal-content-gap: 12px;
|
|
2449
|
+
--wds-message-modal-help-button-icon-size: 24px;
|
|
2414
2450
|
--wds-message-modal-help-button-size: 30px;
|
|
2415
2451
|
--wds-message-modal-illustration-content-gap: 24px;
|
|
2416
2452
|
--wds-message-modal-illustration-margin-start: 24px;
|
|
@@ -2419,6 +2455,7 @@
|
|
|
2419
2455
|
--wds-message-modal-padding-vertical: 24px;
|
|
2420
2456
|
--wds-message-modal-text-font-line-height: 24px;
|
|
2421
2457
|
--wds-message-modal-text-font-size: 16px;
|
|
2458
|
+
--wds-message-modal-text-font-weight: 500;
|
|
2422
2459
|
--wds-message-modal-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
2423
2460
|
--wds-message-modal-title-font-line-height: 28px;
|
|
2424
2461
|
--wds-message-modal-title-font-size: 21px;
|
|
@@ -2440,6 +2477,9 @@
|
|
|
2440
2477
|
--wds-notification-padding-vertical: 9px;
|
|
2441
2478
|
--wds-number-input-icon-fill: #116dff;
|
|
2442
2479
|
--wds-page-header-back-button-gap: 8px;
|
|
2480
|
+
--wds-page-header-breadcrumbs-offset-large: -15px;
|
|
2481
|
+
--wds-page-header-breadcrumbs-offset-medium: -9px;
|
|
2482
|
+
--wds-page-header-breadcrumbs-offset-small: -6px;
|
|
2443
2483
|
--wds-page-header-padding-horizontal: 48px;
|
|
2444
2484
|
--wds-page-header-padding-horizontal-small: 24px;
|
|
2445
2485
|
--wds-page-header-padding-vertical: 24px;
|
|
@@ -2757,6 +2797,15 @@
|
|
|
2757
2797
|
--wds-social-post-preview-content-padding-vertical: 12px;
|
|
2758
2798
|
--wds-social-preview-content-padding-horizontal: 12px;
|
|
2759
2799
|
--wds-social-preview-content-padding-vertical: 9px;
|
|
2800
|
+
--wds-statistics-widget-description-font-line-height: 18px;
|
|
2801
|
+
--wds-statistics-widget-description-font-size: 14px;
|
|
2802
|
+
--wds-statistics-widget-description-info-gap: 6px;
|
|
2803
|
+
--wds-statistics-widget-trend-space-top: 5px;
|
|
2804
|
+
--wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
2805
|
+
--wds-statistics-widget-value-font-letter-spacing: 0px;
|
|
2806
|
+
--wds-statistics-widget-value-font-line-height-tiny: 24px;
|
|
2807
|
+
--wds-statistics-widget-value-font-size-tiny: 16px;
|
|
2808
|
+
--wds-statistics-widget-value-font-weight-tiny: 700;
|
|
2760
2809
|
--wds-status-toast-info-icon-fill: #ffffff;
|
|
2761
2810
|
--wds-status-toast-text-font-line-height: 24px;
|
|
2762
2811
|
--wds-status-toast-text-font-size: 16px;
|
|
@@ -3034,6 +3083,7 @@
|
|
|
3034
3083
|
--wds-tooltip-text-fill: #ffffff;
|
|
3035
3084
|
--wds-top-banner-border-color: rgba(255, 255, 255, 0);
|
|
3036
3085
|
--wds-top-banner-border-radius: 0px;
|
|
3086
|
+
--wds-top-banner-content-color: #ffffff;
|
|
3037
3087
|
--wds-top-banner-content-gap: 12px;
|
|
3038
3088
|
--wds-top-banner-dismiss-gap: 12px;
|
|
3039
3089
|
--wds-top-banner-fill: #c161f0;
|
package/odeditor/all.css
CHANGED
|
@@ -99,6 +99,7 @@
|
|
|
99
99
|
--wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
100
100
|
--wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
101
101
|
--wds-color-text-stage-section: #6f56f9;
|
|
102
|
+
--wds-color-fill-surface-stage: #F7F7F7;
|
|
102
103
|
--wds-color-fill-stage-section-secondary-hover: #d9d2ff;
|
|
103
104
|
--wds-color-fill-stage-section-secondary-active: #d9d2ff;
|
|
104
105
|
--wds-color-fill-stage-section-secondary: #d9d2ff;
|
|
@@ -337,6 +338,7 @@
|
|
|
337
338
|
--wds-tabs-selection-height: 3px;
|
|
338
339
|
--wds-swatches-swatch-size-tiny: 22px;
|
|
339
340
|
--wds-status-toast-width: 600px;
|
|
341
|
+
--wds-statistics-widget-value-font-letter-spacing: -0.5px;
|
|
340
342
|
--wds-slider-track-size-transparent: 2px;
|
|
341
343
|
--wds-slider-track-size: 2px;
|
|
342
344
|
--wds-slider-slider-knob-size-transparent: 16px;
|
|
@@ -369,6 +371,9 @@
|
|
|
369
371
|
--wds-side-panel-control-layout-divider-border-width: false;
|
|
370
372
|
--wds-section-helper-prefix-offset-margin: 0px;
|
|
371
373
|
--wds-radio-dot-size: 4px;
|
|
374
|
+
--wds-page-header-breadcrumbs-offset-small: 0px;
|
|
375
|
+
--wds-page-header-breadcrumbs-offset-medium: 0px;
|
|
376
|
+
--wds-page-header-breadcrumbs-offset-large: 0px;
|
|
372
377
|
--wds-marketing-layout-badge-top: auto;
|
|
373
378
|
--wds-marketing-layout-badge-side: auto;
|
|
374
379
|
--wds-marketing-layout-badge-position: static;
|
|
@@ -405,11 +410,14 @@
|
|
|
405
410
|
--wds-color-picker-width: 236px;
|
|
406
411
|
--wds-card-subtitle-color: #44485f;
|
|
407
412
|
--wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
|
|
413
|
+
--wds-card-header-suffix-align: flex-start;
|
|
408
414
|
--wds-card-divider-opacity: 0;
|
|
409
415
|
--wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
|
|
410
416
|
--wds-breadcrumbs-height-medium: 26px;
|
|
411
417
|
--wds-avatar-group-gap-condensed: -2px;
|
|
412
418
|
--wds-avatar-group-counter-background-blur: 4px;
|
|
419
|
+
--wds-avatar-size-tiny: 20px;
|
|
420
|
+
--wds-announcement-modal-help-button-fill: transparent;
|
|
413
421
|
--wds-announcement-modal-footnote-content-alignment: start;
|
|
414
422
|
--wds-announcement-modal-close-button-icon-size: 8px;
|
|
415
423
|
--wds-angle-input-knob-size: 6px;
|
|
@@ -1045,6 +1053,9 @@
|
|
|
1045
1053
|
--wds-suffix-active-font-weight: var(--wds-font-weight-semi-bold);
|
|
1046
1054
|
--wds-stepper-prefix-size-number: var(--wds-space-600);
|
|
1047
1055
|
--wds-stepper-prefix-size-circle: var(--wds-space-700);
|
|
1056
|
+
--wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
|
|
1057
|
+
--wds-statistics-widget-trend-space-top: var(--wds-space-0);
|
|
1058
|
+
--wds-statistics-widget-description-info-gap: var(--wds-space-50);
|
|
1048
1059
|
--wds-social-preview-content-padding-vertical: var(--wds-space-200);
|
|
1049
1060
|
--wds-social-preview-content-padding-horizontal: var(--wds-space-300);
|
|
1050
1061
|
--wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
|
|
@@ -1278,12 +1289,14 @@
|
|
|
1278
1289
|
--wds-message-modal-title-font-size: var(--wds-font-size-800);
|
|
1279
1290
|
--wds-message-modal-title-font-line-height: var(--wds-space-800);
|
|
1280
1291
|
--wds-message-modal-title-font-family: var(--wds-font-family-display);
|
|
1292
|
+
--wds-message-modal-text-font-weight: var(--wds-font-weight-regular);
|
|
1281
1293
|
--wds-message-modal-padding-vertical: var(--wds-space-600);
|
|
1282
1294
|
--wds-message-modal-padding-horizontal: var(--wds-space-600);
|
|
1283
1295
|
--wds-message-modal-illustration-margin-top: var(--wds-space-600);
|
|
1284
1296
|
--wds-message-modal-illustration-margin-start: var(--wds-space-600);
|
|
1285
1297
|
--wds-message-modal-illustration-content-gap: var(--wds-space-400);
|
|
1286
|
-
--wds-message-modal-help-button-size: var(--wds-space-
|
|
1298
|
+
--wds-message-modal-help-button-size: var(--wds-space-600);
|
|
1299
|
+
--wds-message-modal-help-button-icon-size: var(--wds-space-475);
|
|
1287
1300
|
--wds-message-modal-content-gap: var(--wds-space-300);
|
|
1288
1301
|
--wds-message-modal-close-button-size: var(--wds-space-600);
|
|
1289
1302
|
--wds-message-modal-close-button-icon-size: var(--wds-space-200);
|
|
@@ -1488,6 +1501,8 @@
|
|
|
1488
1501
|
--wds-custom-modal-footer-padding-horizontal: var(--wds-space-600);
|
|
1489
1502
|
--wds-custom-modal-content-padding-vertical: var(--wds-space-600);
|
|
1490
1503
|
--wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
|
|
1504
|
+
--wds-custom-modal-close-button-size: var(--wds-space-600);
|
|
1505
|
+
--wds-custom-modal-close-button-icon-size: var(--wds-space-200);
|
|
1491
1506
|
--wds-counter-badge-size-tiny: var(--wds-space-350);
|
|
1492
1507
|
--wds-counter-badge-size-small: var(--wds-space-475);
|
|
1493
1508
|
--wds-counter-badge-size-medium: var(--wds-space-600);
|
|
@@ -1565,7 +1580,7 @@
|
|
|
1565
1580
|
--wds-card-header-divider-width: var(--wds-border-width-none);
|
|
1566
1581
|
--wds-card-content-paddings-vertical: var(--wds-space-300);
|
|
1567
1582
|
--wds-card-content-paddings-horizontal: var(--wds-space-300);
|
|
1568
|
-
--wds-card-content-padding-medium-top: var(--wds-space-
|
|
1583
|
+
--wds-card-content-padding-medium-top: var(--wds-space-100);
|
|
1569
1584
|
--wds-card-content-padding-medium-horizontal: var(--wds-space-600);
|
|
1570
1585
|
--wds-card-content-padding-medium-bottom: var(--wds-space-600);
|
|
1571
1586
|
--wds-card-content-padding-medium: var(--wds-space-300);
|
|
@@ -1678,6 +1693,7 @@
|
|
|
1678
1693
|
--wds-avatar-group-counter-fill: var(--wds-color-white-transparent-50);
|
|
1679
1694
|
--wds-avatar-group-counter-border-width: var(--wds-border-width-100);
|
|
1680
1695
|
--wds-avatar-group-counter-border-fill: var(--wds-color-white);
|
|
1696
|
+
--wds-avatar-color-7-fill: var(--wds-color-fill-accent-7);
|
|
1681
1697
|
--wds-announcement-modal-top-controls-padding-top: var(--wds-space-300);
|
|
1682
1698
|
--wds-announcement-modal-top-controls-padding-end: var(--wds-space-300);
|
|
1683
1699
|
--wds-announcement-modal-top-controls-gap: var(--wds-space-100);
|
|
@@ -1761,6 +1777,7 @@
|
|
|
1761
1777
|
--wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
|
|
1762
1778
|
--wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
|
|
1763
1779
|
--wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
|
|
1780
|
+
--wds-top-banner-content-color: var(--wds-color-text-standard-primary);
|
|
1764
1781
|
--wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
|
|
1765
1782
|
--wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
|
|
1766
1783
|
--wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
|
|
@@ -1834,6 +1851,9 @@
|
|
|
1834
1851
|
--wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
|
|
1835
1852
|
--wds-status-toast-text-font-size: var(--wds-font-size-body-small);
|
|
1836
1853
|
--wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
|
|
1854
|
+
--wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-heading-2);
|
|
1855
|
+
--wds-statistics-widget-value-font-size-tiny: var(--wds-font-size-heading-2);
|
|
1856
|
+
--wds-statistics-widget-description-font-size: var(--wds-font-size-body-tiny);
|
|
1837
1857
|
--wds-slider-track-color: var(--wds-color-fill-dark-secondary-hover);
|
|
1838
1858
|
--wds-slider-slider-marks-label-font-line-height: var(--wds-font-line-height-100);
|
|
1839
1859
|
--wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-tertiary);
|
|
@@ -2083,6 +2103,7 @@
|
|
|
2083
2103
|
--wds-date-picker-icon-fill: var(--wds-color-text-standard-secondary);
|
|
2084
2104
|
--wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
|
|
2085
2105
|
--wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
|
|
2106
|
+
--wds-custom-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
|
|
2086
2107
|
--wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
|
|
2087
2108
|
--wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
|
|
2088
2109
|
--wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
|
|
@@ -2171,6 +2192,9 @@
|
|
|
2171
2192
|
--wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
|
|
2172
2193
|
--wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
|
|
2173
2194
|
--wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
|
|
2195
|
+
--wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
|
|
2196
|
+
--wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
|
|
2197
|
+
--wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
|
|
2174
2198
|
--wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
|
|
2175
2199
|
--wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
|
|
2176
2200
|
--wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
|
|
@@ -2191,7 +2215,6 @@
|
|
|
2191
2215
|
--wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
|
|
2192
2216
|
--wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
|
|
2193
2217
|
--wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
|
|
2194
|
-
--wds-announcement-modal-help-button-fill: var(--wds-color-fill-dark-secondary);
|
|
2195
2218
|
--wds-announcement-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
|
|
2196
2219
|
--wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
|
|
2197
2220
|
--wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
|
|
@@ -2209,6 +2232,7 @@
|
|
|
2209
2232
|
--wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
|
|
2210
2233
|
--wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
|
|
2211
2234
|
--wds-accordion-title-fill: var(--wds-color-text-standard-primary);
|
|
2235
|
+
--wds-accordion-padding-horizontal-medium: var(--wds-space-padding-horizontal-medium);
|
|
2212
2236
|
--wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
|
|
2213
2237
|
--wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
|
|
2214
2238
|
--wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-active);
|
|
@@ -2227,6 +2251,8 @@
|
|
|
2227
2251
|
--wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-small);
|
|
2228
2252
|
--wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
|
|
2229
2253
|
--wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
|
|
2254
|
+
--wds-statistics-widget-value-font-line-height-tiny: var(--wds-font-line-height-heading-2);
|
|
2255
|
+
--wds-statistics-widget-description-font-line-height: var(--wds-font-line-height-body-tiny);
|
|
2230
2256
|
--wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
|
|
2231
2257
|
--wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
|
|
2232
2258
|
--wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
|
package/odeditor/all.scss
CHANGED
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
--wds-tabs-selection-height: 3px;
|
|
33
33
|
--wds-swatches-swatch-size-tiny: 22px;
|
|
34
34
|
--wds-status-toast-width: 600px;
|
|
35
|
+
--wds-statistics-widget-value-font-letter-spacing: -0.5px;
|
|
35
36
|
--wds-space-2400: 96px;
|
|
36
37
|
--wds-space-1700: 68px;
|
|
37
38
|
--wds-space-1600: 64px;
|
|
@@ -130,6 +131,9 @@
|
|
|
130
131
|
--wds-shadow-blur-0: 0px;
|
|
131
132
|
--wds-section-helper-prefix-offset-margin: 0px;
|
|
132
133
|
--wds-radio-dot-size: 4px;
|
|
134
|
+
--wds-page-header-breadcrumbs-offset-small: 0px;
|
|
135
|
+
--wds-page-header-breadcrumbs-offset-medium: 0px;
|
|
136
|
+
--wds-page-header-breadcrumbs-offset-large: 0px;
|
|
133
137
|
--wds-marketing-layout-badge-top: auto;
|
|
134
138
|
--wds-marketing-layout-badge-side: auto;
|
|
135
139
|
--wds-marketing-layout-badge-position: static;
|
|
@@ -267,6 +271,7 @@
|
|
|
267
271
|
--wds-color-green-100: #4b916d;
|
|
268
272
|
--wds-color-green-50: #11664f;
|
|
269
273
|
--wds-color-green-0: #0d4f3d;
|
|
274
|
+
--wds-color-fill-surface-stage: #F7F7F7;
|
|
270
275
|
--wds-color-fill-stage-section-secondary-hover: #d9d2ff;
|
|
271
276
|
--wds-color-fill-stage-section-secondary-active: #d9d2ff;
|
|
272
277
|
--wds-color-fill-stage-section-secondary: #d9d2ff;
|
|
@@ -375,6 +380,7 @@
|
|
|
375
380
|
--wds-color-black-100: #151414;
|
|
376
381
|
--wds-card-subtitle-color: #44485f;
|
|
377
382
|
--wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
|
|
383
|
+
--wds-card-header-suffix-align: flex-start;
|
|
378
384
|
--wds-card-divider-opacity: 0;
|
|
379
385
|
--wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
|
|
380
386
|
--wds-breakpoint-x-large: 1572px;
|
|
@@ -408,8 +414,10 @@
|
|
|
408
414
|
--wds-background-blur-100: 8px;
|
|
409
415
|
--wds-background-blur-50: 4px;
|
|
410
416
|
--wds-background-blur-0: 0px;
|
|
417
|
+
--wds-avatar-size-tiny: 20px;
|
|
411
418
|
--wds-avatar-group-gap-condensed: -2px;
|
|
412
419
|
--wds-avatar-group-counter-background-blur: 4px;
|
|
420
|
+
--wds-announcement-modal-help-button-fill: transparent;
|
|
413
421
|
--wds-announcement-modal-footnote-content-alignment: start;
|
|
414
422
|
--wds-announcement-modal-close-button-icon-size: 8px;
|
|
415
423
|
--wds-angle-input-knob-size: 6px;
|
|
@@ -624,6 +632,9 @@
|
|
|
624
632
|
--wds-suffix-active-font-weight: var(--wds-font-weight-semi-bold);
|
|
625
633
|
--wds-stepper-prefix-size-number: var(--wds-space-600);
|
|
626
634
|
--wds-stepper-prefix-size-circle: var(--wds-space-700);
|
|
635
|
+
--wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
|
|
636
|
+
--wds-statistics-widget-trend-space-top: var(--wds-space-0);
|
|
637
|
+
--wds-statistics-widget-description-info-gap: var(--wds-space-50);
|
|
627
638
|
--wds-space-viewport-spacing: var(--wds-space-1200);
|
|
628
639
|
--wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
|
|
629
640
|
--wds-space-padding-vertical-x-tiny: var(--wds-space-200);
|
|
@@ -940,12 +951,14 @@
|
|
|
940
951
|
--wds-message-modal-title-font-size: var(--wds-font-size-800);
|
|
941
952
|
--wds-message-modal-title-font-line-height: var(--wds-space-800);
|
|
942
953
|
--wds-message-modal-title-font-family: var(--wds-font-family-display);
|
|
954
|
+
--wds-message-modal-text-font-weight: var(--wds-font-weight-regular);
|
|
943
955
|
--wds-message-modal-padding-vertical: var(--wds-space-600);
|
|
944
956
|
--wds-message-modal-padding-horizontal: var(--wds-space-600);
|
|
945
957
|
--wds-message-modal-illustration-margin-top: var(--wds-space-600);
|
|
946
958
|
--wds-message-modal-illustration-margin-start: var(--wds-space-600);
|
|
947
959
|
--wds-message-modal-illustration-content-gap: var(--wds-space-400);
|
|
948
|
-
--wds-message-modal-help-button-size: var(--wds-space-
|
|
960
|
+
--wds-message-modal-help-button-size: var(--wds-space-600);
|
|
961
|
+
--wds-message-modal-help-button-icon-size: var(--wds-space-475);
|
|
949
962
|
--wds-message-modal-content-gap: var(--wds-space-300);
|
|
950
963
|
--wds-message-modal-close-button-size: var(--wds-space-600);
|
|
951
964
|
--wds-message-modal-close-button-icon-size: var(--wds-space-200);
|
|
@@ -1189,6 +1202,8 @@
|
|
|
1189
1202
|
--wds-custom-modal-footer-padding-horizontal: var(--wds-space-600);
|
|
1190
1203
|
--wds-custom-modal-content-padding-vertical: var(--wds-space-600);
|
|
1191
1204
|
--wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
|
|
1205
|
+
--wds-custom-modal-close-button-size: var(--wds-space-600);
|
|
1206
|
+
--wds-custom-modal-close-button-icon-size: var(--wds-space-200);
|
|
1192
1207
|
--wds-counter-badge-size-tiny: var(--wds-space-350);
|
|
1193
1208
|
--wds-counter-badge-size-small: var(--wds-space-475);
|
|
1194
1209
|
--wds-counter-badge-size-medium: var(--wds-space-600);
|
|
@@ -1554,7 +1569,7 @@
|
|
|
1554
1569
|
--wds-card-gallery-item-buttons-gap: var(--wds-space-200);
|
|
1555
1570
|
--wds-card-content-paddings-vertical: var(--wds-space-300);
|
|
1556
1571
|
--wds-card-content-paddings-horizontal: var(--wds-space-300);
|
|
1557
|
-
--wds-card-content-padding-medium-top: var(--wds-space-
|
|
1572
|
+
--wds-card-content-padding-medium-top: var(--wds-space-100);
|
|
1558
1573
|
--wds-card-content-padding-medium-horizontal: var(--wds-space-600);
|
|
1559
1574
|
--wds-card-content-padding-medium-bottom: var(--wds-space-600);
|
|
1560
1575
|
--wds-card-content-padding-medium: var(--wds-space-300);
|
|
@@ -1678,6 +1693,7 @@
|
|
|
1678
1693
|
--wds-avatar-group-counter-fill: var(--wds-color-white-transparent-50);
|
|
1679
1694
|
--wds-avatar-group-counter-border-width: var(--wds-border-width-100);
|
|
1680
1695
|
--wds-avatar-group-counter-border-fill: var(--wds-color-white);
|
|
1696
|
+
--wds-avatar-color-7-fill: var(--wds-color-fill-accent-7);
|
|
1681
1697
|
--wds-announcement-modal-top-controls-padding-top: var(--wds-space-300);
|
|
1682
1698
|
--wds-announcement-modal-top-controls-padding-end: var(--wds-space-300);
|
|
1683
1699
|
--wds-announcement-modal-top-controls-gap: var(--wds-space-100);
|
|
@@ -1743,6 +1759,7 @@
|
|
|
1743
1759
|
--wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
|
|
1744
1760
|
--wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
|
|
1745
1761
|
--wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
|
|
1762
|
+
--wds-top-banner-content-color: var(--wds-color-text-standard-primary);
|
|
1746
1763
|
--wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
|
|
1747
1764
|
--wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
|
|
1748
1765
|
--wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
|
|
@@ -1816,6 +1833,9 @@
|
|
|
1816
1833
|
--wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
|
|
1817
1834
|
--wds-status-toast-text-font-size: var(--wds-font-size-body-small);
|
|
1818
1835
|
--wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
|
|
1836
|
+
--wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-heading-2);
|
|
1837
|
+
--wds-statistics-widget-value-font-size-tiny: var(--wds-font-size-heading-2);
|
|
1838
|
+
--wds-statistics-widget-description-font-size: var(--wds-font-size-body-tiny);
|
|
1819
1839
|
--wds-slider-track-color: var(--wds-color-fill-dark-secondary-hover);
|
|
1820
1840
|
--wds-slider-slider-marks-label-font-line-height: var(--wds-font-line-height-100);
|
|
1821
1841
|
--wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-tertiary);
|
|
@@ -2081,6 +2101,7 @@
|
|
|
2081
2101
|
--wds-date-picker-icon-fill: var(--wds-color-text-standard-secondary);
|
|
2082
2102
|
--wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
|
|
2083
2103
|
--wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
|
|
2104
|
+
--wds-custom-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
|
|
2084
2105
|
--wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
|
|
2085
2106
|
--wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
|
|
2086
2107
|
--wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
|
|
@@ -2171,6 +2192,9 @@
|
|
|
2171
2192
|
--wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
|
|
2172
2193
|
--wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
|
|
2173
2194
|
--wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
|
|
2195
|
+
--wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
|
|
2196
|
+
--wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
|
|
2197
|
+
--wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
|
|
2174
2198
|
--wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
|
|
2175
2199
|
--wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
|
|
2176
2200
|
--wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
|
|
@@ -2191,7 +2215,6 @@
|
|
|
2191
2215
|
--wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
|
|
2192
2216
|
--wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
|
|
2193
2217
|
--wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
|
|
2194
|
-
--wds-announcement-modal-help-button-fill: var(--wds-color-fill-dark-secondary);
|
|
2195
2218
|
--wds-announcement-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
|
|
2196
2219
|
--wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
|
|
2197
2220
|
--wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
|
|
@@ -2209,6 +2232,7 @@
|
|
|
2209
2232
|
--wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
|
|
2210
2233
|
--wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
|
|
2211
2234
|
--wds-accordion-title-fill: var(--wds-color-text-standard-primary);
|
|
2235
|
+
--wds-accordion-padding-horizontal-medium: var(--wds-space-padding-horizontal-medium);
|
|
2212
2236
|
--wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
|
|
2213
2237
|
--wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
|
|
2214
2238
|
--wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-active);
|
|
@@ -2227,6 +2251,8 @@
|
|
|
2227
2251
|
--wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-small);
|
|
2228
2252
|
--wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
|
|
2229
2253
|
--wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
|
|
2254
|
+
--wds-statistics-widget-value-font-line-height-tiny: var(--wds-font-line-height-heading-2);
|
|
2255
|
+
--wds-statistics-widget-description-font-line-height: var(--wds-font-line-height-body-tiny);
|
|
2230
2256
|
--wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
|
|
2231
2257
|
--wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
|
|
2232
2258
|
--wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
|