@wix/design-system-tokens 1.211.0 → 1.213.0
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 +35 -0
- package/all.css +133 -3
- package/all.scss +133 -3
- package/all.st.css +263 -3
- package/component.st.css +263 -3
- package/odeditor/all.css +211 -59
- package/odeditor/all.scss +210 -58
- package/odeditor/all.st.css +363 -59
- package/odeditor/component.st.css +351 -47
- package/odeditor/foundation.st.css +1 -1
- package/odeditor/semantic.st.css +11 -11
- package/odeditor-dark/all.css +171 -33
- package/odeditor-dark/all.scss +171 -33
- package/odeditor-dark/all.st.css +308 -32
- package/odeditor-dark/component.st.css +297 -21
- package/odeditor-dark/semantic.st.css +11 -11
- package/package.json +6 -2
- package/studio/all.css +123 -1
- package/studio/all.scss +123 -1
- package/studio/all.st.css +245 -1
- package/studio/component.st.css +245 -1
- package/wixel/all.css +122 -0
- package/wixel/all.scss +122 -0
- package/wixel/all.st.css +244 -0
- package/wixel/component.st.css +244 -0
package/all.scss
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@mixin tokens {
|
|
2
|
+
--wds-top-banner-shadow: 0 0 0 transparent;
|
|
2
3
|
--wds-toggle-switch-width-small: 28px;
|
|
3
4
|
--wds-toggle-switch-width-medium: 34px;
|
|
4
5
|
--wds-toggle-switch-width-large: 46px;
|
|
@@ -66,6 +67,8 @@
|
|
|
66
67
|
--wds-sidebar-item-level-1-fill-dark-active: #42454C;
|
|
67
68
|
--wds-sidebar-divider-fill-dark-default: #42454C;
|
|
68
69
|
--wds-sidebar-clear-button-fill: #5a5d63;
|
|
70
|
+
--wds-side-panel-standard-shadow: none;
|
|
71
|
+
--wds-side-panel-standard-overflow: visible;
|
|
69
72
|
--wds-side-panel-floating-max-height: 576px;
|
|
70
73
|
--wds-side-panel-control-layout-divider-border-width: 1px;
|
|
71
74
|
--wds-shadow-y-600: 20px;
|
|
@@ -100,10 +103,24 @@
|
|
|
100
103
|
--wds-search-expandable-padding-small: 5px;
|
|
101
104
|
--wds-radio-size: 16px;
|
|
102
105
|
--wds-radio-dot-size: 10px;
|
|
106
|
+
--wds-page-header-title-minimised-line-height: 30px;
|
|
107
|
+
--wds-page-header-back-button-gap: 8px;
|
|
108
|
+
--wds-message-modal-close-button-fill: transparent;
|
|
109
|
+
--wds-marketing-layout-title-font-size-tiny: 20px;
|
|
110
|
+
--wds-marketing-layout-image-border-radius: 0px;
|
|
111
|
+
--wds-marketing-layout-badge-top: 9px;
|
|
112
|
+
--wds-marketing-layout-badge-side: -3px;
|
|
113
|
+
--wds-marketing-layout-badge-position: absolute;
|
|
114
|
+
--wds-marketing-layout-badge-offset-tiny: 18px;
|
|
115
|
+
--wds-marketing-layout-badge-offset-small: 12px;
|
|
116
|
+
--wds-marketing-layout-badge-offset-medium: 12px;
|
|
117
|
+
--wds-marketing-layout-badge-gap: 0px;
|
|
103
118
|
--wds-loader-stroke-width-tiny: 3px;
|
|
104
119
|
--wds-loader-stroke-width-small: 4px;
|
|
105
120
|
--wds-loader-stroke-width-medium: 4px;
|
|
106
121
|
--wds-loader-stroke-width-large: 4px;
|
|
122
|
+
--wds-list-item-select-min-height-medium: auto;
|
|
123
|
+
--wds-list-item-action-subtitle-offset: 0px;
|
|
107
124
|
--wds-internal-thumbnail-illustration-size-tiny: 38px;
|
|
108
125
|
--wds-internal-thumbnail-illustration-size-small: 51px;
|
|
109
126
|
--wds-internal-thumbnail-illustration-size-medium: 72px;
|
|
@@ -143,6 +160,7 @@
|
|
|
143
160
|
--wds-font-letter-spacing-0: 0px;
|
|
144
161
|
--wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
145
162
|
--wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
163
|
+
--wds-editable-title-marker-line-style: dashed;
|
|
146
164
|
--wds-counter-badge-padding-horizontal-tiny: 4px;
|
|
147
165
|
--wds-counter-badge-padding-horizontal-medium: 8px;
|
|
148
166
|
--wds-counter-badge-font-size-tiny: 10px;
|
|
@@ -324,6 +342,8 @@
|
|
|
324
342
|
--wds-color-black-100: #000624;
|
|
325
343
|
--wds-circular-progress-bar-border-width: 4px;
|
|
326
344
|
--wds-checkbox-size: 16px;
|
|
345
|
+
--wds-card-divider-opacity: 1;
|
|
346
|
+
--wds-card-base-shadow: none;
|
|
327
347
|
--wds-button-outline-hover: transparent;
|
|
328
348
|
--wds-button-icon-offset-tiny: 12px;
|
|
329
349
|
--wds-button-icon-offset-small: 12px;
|
|
@@ -333,6 +353,10 @@
|
|
|
333
353
|
--wds-breakpoint-small: 490px;
|
|
334
354
|
--wds-breakpoint-medium: 768px;
|
|
335
355
|
--wds-breakpoint-large: 1186px;
|
|
356
|
+
--wds-breadcrumbs-height-small: 24px;
|
|
357
|
+
--wds-breadcrumbs-height-medium: 30px;
|
|
358
|
+
--wds-breadcrumbs-height-large: 36px;
|
|
359
|
+
--wds-breadcrumbs-divider-margin-horizontal: 8px;
|
|
336
360
|
--wds-border-width-none: 0px;
|
|
337
361
|
--wds-border-width-200: 2px;
|
|
338
362
|
--wds-border-width-150: 1.5px;
|
|
@@ -357,6 +381,10 @@
|
|
|
357
381
|
--wds-background-blur-50: 0px;
|
|
358
382
|
--wds-background-blur-0: 0px;
|
|
359
383
|
--wds-avatar-group-gap-condensed: -3px;
|
|
384
|
+
--wds-announcement-modal-help-button-fill: transparent;
|
|
385
|
+
--wds-announcement-modal-footnote-content-alignment: center;
|
|
386
|
+
--wds-announcement-modal-close-button-icon-size: 12px;
|
|
387
|
+
--wds-announcement-modal-close-button-fill: transparent;
|
|
360
388
|
--wds-angle-input-knob-size: 6px;
|
|
361
389
|
--wds-angle-input-knob-border: 2px;
|
|
362
390
|
--wds-width-default-2: var(--wds-border-width-100);
|
|
@@ -405,7 +433,14 @@
|
|
|
405
433
|
--wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-400);
|
|
406
434
|
--wds-variable-input-padding-vertical-tiny: var(--wds-space-50);
|
|
407
435
|
--wds-variable-input-padding-vertical-small: var(--wds-space-100);
|
|
436
|
+
--wds-top-banner-padding-vertical: var(--wds-space-150);
|
|
437
|
+
--wds-top-banner-padding-horizontal-start: var(--wds-space-200);
|
|
438
|
+
--wds-top-banner-padding-horizontal-end: var(--wds-space-200);
|
|
408
439
|
--wds-top-banner-fill: var(--wds-color-purple-200);
|
|
440
|
+
--wds-top-banner-dismiss-gap: var(--wds-space-200);
|
|
441
|
+
--wds-top-banner-content-gap: var(--wds-space-200);
|
|
442
|
+
--wds-top-banner-border-radius: var(--wds-border-radius-0);
|
|
443
|
+
--wds-top-banner-border-color: var(--wds-color-white-transparent-0);
|
|
409
444
|
--wds-tooltip-padding-vertical-small: var(--wds-space-100);
|
|
410
445
|
--wds-tooltip-padding-vertical-medium: var(--wds-space-200);
|
|
411
446
|
--wds-tooltip-padding-horizontal-small: var(--wds-space-200);
|
|
@@ -492,6 +527,7 @@
|
|
|
492
527
|
--wds-tag-padding-horizontal-small: var(--wds-space-200);
|
|
493
528
|
--wds-tag-padding-horizontal-medium: var(--wds-space-200);
|
|
494
529
|
--wds-tag-padding-horizontal-large: var(--wds-space-300);
|
|
530
|
+
--wds-tag-list-action-gap: var(--wds-space-100);
|
|
495
531
|
--wds-tag-border-radius-tiny: var(--wds-border-radius-full);
|
|
496
532
|
--wds-tag-border-radius-small: var(--wds-border-radius-full);
|
|
497
533
|
--wds-tag-border-radius-medium: var(--wds-border-radius-full);
|
|
@@ -518,7 +554,16 @@
|
|
|
518
554
|
--wds-table-list-item-indentation-level-2: var(--wds-space-200);
|
|
519
555
|
--wds-table-list-item-gap: var(--wds-space-400);
|
|
520
556
|
--wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
|
|
557
|
+
--wds-table-list-item-controls-padding-medium: var(--wds-space-300);
|
|
558
|
+
--wds-table-list-item-controls-gap-medium: var(--wds-space-200);
|
|
559
|
+
--wds-table-list-item-checkbox-offset: var(--wds-space-0);
|
|
521
560
|
--wds-table-list-item-border-radius: var(--wds-border-radius-0);
|
|
561
|
+
--wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
|
|
562
|
+
--wds-table-action-cell-secondary-action-gap-small: var(--wds-space-200);
|
|
563
|
+
--wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-200);
|
|
564
|
+
--wds-table-action-cell-primary-action-gap-tiny: var(--wds-space-100);
|
|
565
|
+
--wds-table-action-cell-primary-action-gap-small: var(--wds-space-200);
|
|
566
|
+
--wds-table-action-cell-primary-action-gap-medium: var(--wds-space-200);
|
|
522
567
|
--wds-swatches-swatch-size-tiny: var(--wds-space-400);
|
|
523
568
|
--wds-swatches-swatch-size-small: var(--wds-space-500);
|
|
524
569
|
--wds-swatches-swatch-size-medium: var(--wds-space-600);
|
|
@@ -605,10 +650,13 @@
|
|
|
605
650
|
--wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
|
|
606
651
|
--wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
|
|
607
652
|
--wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
|
|
653
|
+
--wds-side-panel-subtitle-font-weight: var(--wds-font-weight-regular);
|
|
654
|
+
--wds-side-panel-standard-corner-radius: var(--wds-border-radius-0);
|
|
608
655
|
--wds-side-panel-header-padding-vertical: var(--wds-space-300);
|
|
609
656
|
--wds-side-panel-header-padding-right: var(--wds-space-150);
|
|
610
657
|
--wds-side-panel-header-padding-left: var(--wds-space-400);
|
|
611
658
|
--wds-side-panel-header-divider-height: var(--wds-border-width-100);
|
|
659
|
+
--wds-side-panel-header-content-padding-right: var(--wds-space-0);
|
|
612
660
|
--wds-side-panel-footnote-padding-vertical: var(--wds-space-200);
|
|
613
661
|
--wds-side-panel-footnote-padding-horizontal: var(--wds-space-400);
|
|
614
662
|
--wds-side-panel-footer-padding-vertical: var(--wds-space-300);
|
|
@@ -802,6 +850,9 @@
|
|
|
802
850
|
--wds-pagination-padding-vertical: var(--wds-space-50);
|
|
803
851
|
--wds-pagination-padding-horizontal: var(--wds-space-50);
|
|
804
852
|
--wds-pagination-gap: var(--wds-space-100);
|
|
853
|
+
--wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
|
|
854
|
+
--wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
|
|
855
|
+
--wds-page-header-title-actions-gap: var(--wds-space-0);
|
|
805
856
|
--wds-page-header-padding-vertical-small: var(--wds-space-300);
|
|
806
857
|
--wds-page-header-padding-vertical: var(--wds-space-400);
|
|
807
858
|
--wds-page-header-padding-horizontal-small: var(--wds-space-400);
|
|
@@ -819,14 +870,25 @@
|
|
|
819
870
|
--wds-mobile-modal-content-padding-vertical: var(--wds-space-400);
|
|
820
871
|
--wds-mobile-modal-content-padding-horizontal: var(--wds-space-400);
|
|
821
872
|
--wds-message-modal-top-controls-paddings: var(--wds-space-100);
|
|
873
|
+
--wds-message-modal-top-controls-gap: var(--wds-space-50);
|
|
822
874
|
--wds-message-modal-title-font-family: var(--wds-font-family-default);
|
|
823
875
|
--wds-message-modal-padding-vertical: var(--wds-space-400);
|
|
824
876
|
--wds-message-modal-padding-horizontal: var(--wds-space-400);
|
|
877
|
+
--wds-message-modal-illustration-margin-top: var(--wds-space-300);
|
|
878
|
+
--wds-message-modal-illustration-margin-start: var(--wds-space-400);
|
|
879
|
+
--wds-message-modal-illustration-content-gap: var(--wds-space-400);
|
|
880
|
+
--wds-message-modal-help-button-size: var(--wds-space-500);
|
|
825
881
|
--wds-message-modal-content-gap: var(--wds-space-200);
|
|
882
|
+
--wds-message-modal-close-button-size: var(--wds-space-500);
|
|
883
|
+
--wds-message-modal-close-button-icon-size: var(--wds-space-200);
|
|
826
884
|
--wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
|
|
827
885
|
--wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
|
|
828
886
|
--wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
|
|
829
887
|
--wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
|
|
888
|
+
--wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
|
|
889
|
+
--wds-marketing-layout-title-gap-small: var(--wds-space-100);
|
|
890
|
+
--wds-marketing-layout-title-gap-medium: var(--wds-space-200);
|
|
891
|
+
--wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
|
|
830
892
|
--wds-marketing-layout-padding-vertical-tiny: var(--wds-space-300);
|
|
831
893
|
--wds-marketing-layout-padding-vertical-small: var(--wds-space-400);
|
|
832
894
|
--wds-marketing-layout-padding-vertical-medium: var(--wds-space-400);
|
|
@@ -836,8 +898,24 @@
|
|
|
836
898
|
--wds-marketing-layout-padding-left-tiny: var(--wds-space-400);
|
|
837
899
|
--wds-marketing-layout-padding-left-small: var(--wds-space-400);
|
|
838
900
|
--wds-marketing-layout-padding-left-medium: var(--wds-space-800);
|
|
901
|
+
--wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
|
|
902
|
+
--wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
|
|
903
|
+
--wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
|
|
904
|
+
--wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
|
|
905
|
+
--wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
|
|
906
|
+
--wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
|
|
907
|
+
--wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
|
|
908
|
+
--wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
|
|
909
|
+
--wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
|
|
910
|
+
--wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
|
|
911
|
+
--wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
|
|
912
|
+
--wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
|
|
839
913
|
--wds-marketing-layout-border: var(--wds-border-radius-400);
|
|
914
|
+
--wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
|
|
915
|
+
--wds-marketing-layout-actions-gap-small: var(--wds-space-300);
|
|
916
|
+
--wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
|
|
840
917
|
--wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
|
|
918
|
+
--wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
|
|
841
919
|
--wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
|
|
842
920
|
--wds-list-item-select-padding-vertical-small: var(--wds-space-100);
|
|
843
921
|
--wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
|
|
@@ -889,6 +967,8 @@
|
|
|
889
967
|
--wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
|
|
890
968
|
--wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
|
|
891
969
|
--wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
|
|
970
|
+
--wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
|
|
971
|
+
--wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
|
|
892
972
|
--wds-list-item-action-gap: var(--wds-space-0);
|
|
893
973
|
--wds-list-item-action-border-radius: var(--wds-border-radius-0);
|
|
894
974
|
--wds-list-item-action-affix-margin: var(--wds-space-100);
|
|
@@ -995,6 +1075,9 @@
|
|
|
995
1075
|
--wds-empty-state-section-content-paddings: var(--wds-space-250);
|
|
996
1076
|
--wds-empty-state-page-content-paddings: var(--wds-space-300);
|
|
997
1077
|
--wds-empty-state-border-radius: var(--wds-border-radius-400);
|
|
1078
|
+
--wds-editable-title-placeholder-fill: var(--wds-color-black-550);
|
|
1079
|
+
--wds-editable-title-marker-fill-active: var(--wds-color-blue-100);
|
|
1080
|
+
--wds-editable-title-marker-fill: var(--wds-color-black-400);
|
|
998
1081
|
--wds-dropdown-list-paddings: var(--wds-space-0);
|
|
999
1082
|
--wds-dropdown-layout-option-size-small: var(--wds-space-600);
|
|
1000
1083
|
--wds-dropdown-layout-option-size-big: var(--wds-space-800);
|
|
@@ -1004,6 +1087,7 @@
|
|
|
1004
1087
|
--wds-custom-modal-header-padding-vertical: var(--wds-space-300);
|
|
1005
1088
|
--wds-custom-modal-header-padding-right: var(--wds-space-200);
|
|
1006
1089
|
--wds-custom-modal-header-padding-left: var(--wds-space-400);
|
|
1090
|
+
--wds-custom-modal-footnote-text-font-weight: var(--wds-font-weight-regular);
|
|
1007
1091
|
--wds-custom-modal-footnote-padding-vertical: var(--wds-space-200);
|
|
1008
1092
|
--wds-custom-modal-footnote-padding-horizontal: var(--wds-space-400);
|
|
1009
1093
|
--wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-medium);
|
|
@@ -1363,6 +1447,7 @@
|
|
|
1363
1447
|
--wds-card-header-padding-vertical: var(--wds-space-300);
|
|
1364
1448
|
--wds-card-header-padding-horizontal: var(--wds-space-400);
|
|
1365
1449
|
--wds-card-header-divider-width: var(--wds-border-width-none);
|
|
1450
|
+
--wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-medium);
|
|
1366
1451
|
--wds-card-gallery-item-padding-vertical-small: var(--wds-space-200);
|
|
1367
1452
|
--wds-card-gallery-item-padding-vertical-medium: var(--wds-space-300);
|
|
1368
1453
|
--wds-card-gallery-item-padding-right-small: var(--wds-space-300);
|
|
@@ -1377,6 +1462,9 @@
|
|
|
1377
1462
|
--wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
|
|
1378
1463
|
--wds-card-content-paddings-vertical: var(--wds-space-300);
|
|
1379
1464
|
--wds-card-content-paddings-horizontal: var(--wds-space-400);
|
|
1465
|
+
--wds-card-content-padding-medium-top: var(--wds-space-400);
|
|
1466
|
+
--wds-card-content-padding-medium-horizontal: var(--wds-space-400);
|
|
1467
|
+
--wds-card-content-padding-medium-bottom: var(--wds-space-400);
|
|
1380
1468
|
--wds-card-content-padding-medium: var(--wds-space-400);
|
|
1381
1469
|
--wds-card-content-padding-large: var(--wds-space-600);
|
|
1382
1470
|
--wds-card-border: var(--wds-border-radius-400);
|
|
@@ -1455,9 +1543,15 @@
|
|
|
1455
1543
|
--wds-background-blur-surface-overlay: var(--wds-background-blur-0);
|
|
1456
1544
|
--wds-background-blur-modal: var(--wds-background-blur-0);
|
|
1457
1545
|
--wds-avatar-group-gap-default: var(--wds-space-100);
|
|
1546
|
+
--wds-announcement-modal-top-controls-padding-top: var(--wds-space-300);
|
|
1547
|
+
--wds-announcement-modal-top-controls-padding-end: var(--wds-space-200);
|
|
1548
|
+
--wds-announcement-modal-top-controls-gap: var(--wds-space-50);
|
|
1458
1549
|
--wds-announcement-modal-padding-vertical: var(--wds-space-800);
|
|
1459
1550
|
--wds-announcement-modal-padding-horizontal: var(--wds-space-1300);
|
|
1551
|
+
--wds-announcement-modal-help-button-size: var(--wds-space-500);
|
|
1552
|
+
--wds-announcement-modal-help-button-icon-size: var(--wds-space-400);
|
|
1460
1553
|
--wds-announcement-modal-content-gap: var(--wds-space-200);
|
|
1554
|
+
--wds-announcement-modal-close-button-size: var(--wds-space-500);
|
|
1461
1555
|
--wds-announcement-modal-actions-padding: var(--wds-space-700);
|
|
1462
1556
|
--wds-add-item-padding-vertical-tiny: var(--wds-space-200);
|
|
1463
1557
|
--wds-add-item-padding-vertical-small: var(--wds-space-300);
|
|
@@ -1471,6 +1565,7 @@
|
|
|
1471
1565
|
--wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
|
|
1472
1566
|
--wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
|
|
1473
1567
|
--wds-accordion-title-font-weight: var(--wds-font-weight-medium);
|
|
1568
|
+
--wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
|
|
1474
1569
|
--wds-accordion-inner-content-padding-top: var(--wds-space-250);
|
|
1475
1570
|
--wds-accordion-inner-content-fill: var(--wds-color-blue-600);
|
|
1476
1571
|
--wds-accordion-border-radius: var(--wds-border-radius-0);
|
|
@@ -1632,6 +1727,7 @@
|
|
|
1632
1727
|
--wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
|
|
1633
1728
|
--wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
|
|
1634
1729
|
--wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
|
|
1730
|
+
--wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary);
|
|
1635
1731
|
--wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
|
|
1636
1732
|
--wds-side-panel-floating-title-font-size: var(--wds-font-size-body-medium);
|
|
1637
1733
|
--wds-shadow-surface-raised: var(--wds-shadow-200);
|
|
@@ -1684,7 +1780,10 @@
|
|
|
1684
1780
|
--wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
|
|
1685
1781
|
--wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
|
|
1686
1782
|
--wds-section-header-label-fill-neutral: var(--wds-color-text-standard-primary);
|
|
1783
|
+
--wds-section-header-fill-standard: var(--wds-color-fill-surface-standard);
|
|
1687
1784
|
--wds-section-header-fill-neutral: var(--wds-color-fill-surface-neutral);
|
|
1785
|
+
--wds-section-header-fill-light: var(--wds-color-fill-surface-default);
|
|
1786
|
+
--wds-section-header-border-light: var(--wds-color-border-dark-secondary);
|
|
1688
1787
|
--wds-radio-label-font-size-small: var(--wds-font-size-body-small);
|
|
1689
1788
|
--wds-radio-label-font-size-medium: var(--wds-font-size-body-medium);
|
|
1690
1789
|
--wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
|
|
@@ -1706,11 +1805,23 @@
|
|
|
1706
1805
|
--wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
|
|
1707
1806
|
--wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
|
|
1708
1807
|
--wds-pagination-arrow-fill: var(--wds-color-text-primary);
|
|
1808
|
+
--wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
|
|
1809
|
+
--wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
|
|
1810
|
+
--wds-page-header-title-font-size: var(--wds-font-size-heading-1);
|
|
1811
|
+
--wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
|
|
1709
1812
|
--wds-number-input-icon-fill: var(--wds-color-text-primary);
|
|
1710
1813
|
--wds-nestable-list-fill: var(--wds-color-fill-surface-default);
|
|
1711
1814
|
--wds-multiselect-icon-fill: var(--wds-color-text-primary);
|
|
1712
1815
|
--wds-message-modal-title-font-size: var(--wds-font-size-heading-2);
|
|
1713
1816
|
--wds-message-modal-text-font-size: var(--wds-font-size-body-medium);
|
|
1817
|
+
--wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
|
|
1818
|
+
--wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
|
|
1819
|
+
--wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
|
|
1820
|
+
--wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
|
|
1821
|
+
--wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
|
|
1822
|
+
--wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
|
|
1823
|
+
--wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
|
|
1824
|
+
--wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
|
|
1714
1825
|
--wds-loader-fill-success: var(--wds-color-fill-standard-primary);
|
|
1715
1826
|
--wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
|
|
1716
1827
|
--wds-loader-fill-loading: var(--wds-color-fill-standard-primary-active);
|
|
@@ -1757,7 +1868,11 @@
|
|
|
1757
1868
|
--wds-list-item-action-subtitle-destructive: var(--wds-color-text-placeholder);
|
|
1758
1869
|
--wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
|
|
1759
1870
|
--wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-medium);
|
|
1871
|
+
--wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
|
|
1872
|
+
--wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
|
|
1760
1873
|
--wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
|
|
1874
|
+
--wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
|
|
1875
|
+
--wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
|
|
1761
1876
|
--wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
|
|
1762
1877
|
--wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
|
|
1763
1878
|
--wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
|
|
@@ -1976,7 +2091,8 @@
|
|
|
1976
2091
|
--wds-carousel-controls-shadow: var(--wds-shadow-300);
|
|
1977
2092
|
--wds-card-subtitle-font-size: var(--wds-font-size-body-medium);
|
|
1978
2093
|
--wds-card-subtitle-color: var(--wds-color-text-standard-secondary);
|
|
1979
|
-
--wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-
|
|
2094
|
+
--wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-small);
|
|
2095
|
+
--wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-tiny);
|
|
1980
2096
|
--wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small);
|
|
1981
2097
|
--wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
|
|
1982
2098
|
--wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
|
|
@@ -2083,8 +2199,9 @@
|
|
|
2083
2199
|
--wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
|
|
2084
2200
|
--wds-badge-label-font-size-small: var(--wds-font-size-body-small);
|
|
2085
2201
|
--wds-avatar-text-fill: var(--wds-color-text-standard-primary-light);
|
|
2202
|
+
--wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-1);
|
|
2086
2203
|
--wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
|
|
2087
|
-
--wds-announcement-modal-text-font-size: var(--wds-font-size-body-
|
|
2204
|
+
--wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
|
|
2088
2205
|
--wds-announcement-modal-border-radius: var(--wds-border-radius-surface-modal);
|
|
2089
2206
|
--wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
|
|
2090
2207
|
--wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
|
|
@@ -2102,6 +2219,9 @@
|
|
|
2102
2219
|
--wds-accordion-title-font-size-medium: var(--wds-font-size-body-medium);
|
|
2103
2220
|
--wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
|
|
2104
2221
|
--wds-accordion-title-fill: var(--wds-color-text-standard-primary);
|
|
2222
|
+
--wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
|
|
2223
|
+
--wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
|
|
2224
|
+
--wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
|
|
2105
2225
|
--wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
|
|
2106
2226
|
--wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
|
|
2107
2227
|
--wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
|
|
@@ -2126,8 +2246,16 @@
|
|
|
2126
2246
|
--wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
|
|
2127
2247
|
--wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-small);
|
|
2128
2248
|
--wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
|
|
2249
|
+
--wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
|
|
2250
|
+
--wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
|
|
2129
2251
|
--wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
|
|
2130
2252
|
--wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-medium);
|
|
2253
|
+
--wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
|
|
2254
|
+
--wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
|
|
2255
|
+
--wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
|
|
2256
|
+
--wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
|
|
2257
|
+
--wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
|
|
2258
|
+
--wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
|
|
2131
2259
|
--wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-small);
|
|
2132
2260
|
--wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
|
|
2133
2261
|
--wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
|
|
@@ -2150,6 +2278,7 @@
|
|
|
2150
2278
|
--wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
|
|
2151
2279
|
--wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
|
|
2152
2280
|
--wds-card-subtitle-line-height: var(--wds-font-line-height-body-medium);
|
|
2281
|
+
--wds-card-shadow: var(--wds-shadow-surface-raised);
|
|
2153
2282
|
--wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
|
|
2154
2283
|
--wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-heading-4);
|
|
2155
2284
|
--wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
|
|
@@ -2159,9 +2288,10 @@
|
|
|
2159
2288
|
--wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
|
|
2160
2289
|
--wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-small);
|
|
2161
2290
|
--wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1);
|
|
2162
|
-
--wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-
|
|
2291
|
+
--wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-small);
|
|
2163
2292
|
--wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
|
|
2164
2293
|
--wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
|
|
2165
2294
|
--wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-small);
|
|
2166
2295
|
--wds-accordion-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
|
|
2296
|
+
--wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
|
|
2167
2297
|
}
|