@wix/design-system-tokens 1.145.0 → 1.148.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 +34 -0
- package/all.css +19 -3
- package/all.scss +19 -3
- package/all.st.css +37 -5
- package/component.st.css +30 -4
- package/foundation.st.css +6 -0
- package/odeditor/all.css +38 -21
- package/odeditor/all.scss +38 -21
- package/odeditor/all.st.css +58 -24
- package/odeditor/component.st.css +47 -21
- package/odeditor/foundation.st.css +6 -0
- package/odeditor/semantic.st.css +5 -3
- package/package.json +2 -2
- package/semantic.st.css +1 -1
- package/studio/all.css +20 -3
- package/studio/all.scss +20 -3
- package/studio/all.st.css +38 -4
- package/studio/component.st.css +32 -4
- package/studio/foundation.st.css +6 -0
- package/wixel/all.css +4 -2
- package/wixel/all.scss +4 -2
- package/wixel/all.st.css +8 -4
- package/wixel/component.st.css +8 -4
package/wixel/all.scss
CHANGED
|
@@ -503,6 +503,7 @@
|
|
|
503
503
|
--wds-tabs-item-fill-hover: var(--wds-color-black-100-transparent-0);
|
|
504
504
|
--wds-tabs-item-fill-active: var(--wds-color-black-100-transparent-0);
|
|
505
505
|
--wds-tabs-gap-horizontal: var(--wds-space-0);
|
|
506
|
+
--wds-tabs-container-padding-horizontal: var(--wds-space-0);
|
|
506
507
|
--wds-tabs-border-radius: var(--wds-border-radius-0);
|
|
507
508
|
--wds-table-toolbar-padding-horizontal: var(--wds-space-600);
|
|
508
509
|
--wds-table-list-item-paddings: var(--wds-space-100);
|
|
@@ -828,7 +829,6 @@
|
|
|
828
829
|
--wds-list-item-select-padding-left-medium: var(--wds-space-300);
|
|
829
830
|
--wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
|
|
830
831
|
--wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
|
|
831
|
-
--wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-regular);
|
|
832
832
|
--wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
|
|
833
833
|
--wds-list-item-select-label-font-weight-active: var(--wds-font-weight-regular);
|
|
834
834
|
--wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
|
|
@@ -840,6 +840,7 @@
|
|
|
840
840
|
--wds-list-item-select-affix-margin: var(--wds-space-100);
|
|
841
841
|
--wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
|
|
842
842
|
--wds-list-item-section-padding-horizontal: var(--wds-space-400);
|
|
843
|
+
--wds-list-item-section-font-weight-neutral: var(--wds-font-weight-medium);
|
|
843
844
|
--wds-list-item-section-font-weight: var(--wds-font-weight-bold);
|
|
844
845
|
--wds-list-item-section-divider-padding-horizontal: var(--wds-space-400);
|
|
845
846
|
--wds-list-item-padding-vertical-xx-tiny: var(--wds-space-100);
|
|
@@ -1513,6 +1514,7 @@
|
|
|
1513
1514
|
--wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
|
|
1514
1515
|
--wds-toggle-button-fill-standard-selected-hover: var(--wds-color-fill-standard-secondary-hover);
|
|
1515
1516
|
--wds-toggle-button-fill-standard-selected: var(--wds-color-fill-standard-secondary);
|
|
1517
|
+
--wds-toggle-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary);
|
|
1516
1518
|
--wds-toggle-button-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
|
|
1517
1519
|
--wds-toggle-button-fill-standard-disabled: var(--wds-color-fill-standard-tertiary-disabled);
|
|
1518
1520
|
--wds-toggle-button-fill-standard: var(--wds-color-fill-standard-tertiary);
|
|
@@ -1654,6 +1656,7 @@
|
|
|
1654
1656
|
--wds-list-item-select-active-fill: var(--wds-color-fill-standard-secondary);
|
|
1655
1657
|
--wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
|
|
1656
1658
|
--wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
|
|
1659
|
+
--wds-list-item-section-fill-neutral: var(--wds-color-fill-surface-neutral);
|
|
1657
1660
|
--wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
|
|
1658
1661
|
--wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
|
|
1659
1662
|
--wds-list-item-action-suffix-fill: var(--wds-color-text-placeholder);
|
|
@@ -1671,7 +1674,6 @@
|
|
|
1671
1674
|
--wds-input-value-font-size-medium: var(--wds-font-size-body-small);
|
|
1672
1675
|
--wds-input-value-font-size-large: var(--wds-font-size-body-medium);
|
|
1673
1676
|
--wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
|
|
1674
|
-
--wds-input-border-color-readonly: var(--wds-color-fill-standard-tertiary-readonly);
|
|
1675
1677
|
--wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
|
|
1676
1678
|
--wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
|
|
1677
1679
|
--wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly);
|
package/wixel/all.st.css
CHANGED
|
@@ -1070,7 +1070,6 @@
|
|
|
1070
1070
|
@property st-global(--wds-input-border-color-disabled);
|
|
1071
1071
|
@property st-global(--wds-input-border-color-focus);
|
|
1072
1072
|
@property st-global(--wds-input-border-color-hover);
|
|
1073
|
-
@property st-global(--wds-input-border-color-readonly);
|
|
1074
1073
|
@property st-global(--wds-input-border-radius-default-large);
|
|
1075
1074
|
@property st-global(--wds-input-border-radius-default-medium);
|
|
1076
1075
|
@property st-global(--wds-input-border-radius-default-small);
|
|
@@ -1168,9 +1167,11 @@
|
|
|
1168
1167
|
@property st-global(--wds-list-item-padding-vertical-xx-tiny);
|
|
1169
1168
|
@property st-global(--wds-list-item-section-divider-padding-horizontal);
|
|
1170
1169
|
@property st-global(--wds-list-item-section-fill);
|
|
1170
|
+
@property st-global(--wds-list-item-section-fill-neutral);
|
|
1171
1171
|
@property st-global(--wds-list-item-section-font-line-height);
|
|
1172
1172
|
@property st-global(--wds-list-item-section-font-size);
|
|
1173
1173
|
@property st-global(--wds-list-item-section-font-weight);
|
|
1174
|
+
@property st-global(--wds-list-item-section-font-weight-neutral);
|
|
1174
1175
|
@property st-global(--wds-list-item-section-padding-horizontal);
|
|
1175
1176
|
@property st-global(--wds-list-item-section-title-label-fill);
|
|
1176
1177
|
@property st-global(--wds-list-item-select-active-fill);
|
|
@@ -1204,7 +1205,6 @@
|
|
|
1204
1205
|
@property st-global(--wds-list-item-select-label-font-size-small);
|
|
1205
1206
|
@property st-global(--wds-list-item-select-label-font-weight-active);
|
|
1206
1207
|
@property st-global(--wds-list-item-select-label-font-weight-medium);
|
|
1207
|
-
@property st-global(--wds-list-item-select-label-hover-font-weight-medium);
|
|
1208
1208
|
@property st-global(--wds-list-item-select-padding-horizontal-medium);
|
|
1209
1209
|
@property st-global(--wds-list-item-select-padding-horizontal-small);
|
|
1210
1210
|
@property st-global(--wds-list-item-select-padding-left-medium);
|
|
@@ -1710,6 +1710,7 @@
|
|
|
1710
1710
|
@property st-global(--wds-table-list-item-paddings);
|
|
1711
1711
|
@property st-global(--wds-table-toolbar-padding-horizontal);
|
|
1712
1712
|
@property st-global(--wds-tabs-border-radius);
|
|
1713
|
+
@property st-global(--wds-tabs-container-padding-horizontal);
|
|
1713
1714
|
@property st-global(--wds-tabs-gap-horizontal);
|
|
1714
1715
|
@property st-global(--wds-tabs-item-fill-active);
|
|
1715
1716
|
@property st-global(--wds-tabs-item-fill-hover);
|
|
@@ -1801,6 +1802,7 @@
|
|
|
1801
1802
|
@property st-global(--wds-toggle-button-fill-standard);
|
|
1802
1803
|
@property st-global(--wds-toggle-button-fill-standard-disabled);
|
|
1803
1804
|
@property st-global(--wds-toggle-button-fill-standard-hover);
|
|
1805
|
+
@property st-global(--wds-toggle-button-fill-standard-secondary-hover);
|
|
1804
1806
|
@property st-global(--wds-toggle-button-fill-standard-selected);
|
|
1805
1807
|
@property st-global(--wds-toggle-button-fill-standard-selected-disabled);
|
|
1806
1808
|
@property st-global(--wds-toggle-button-fill-standard-selected-hover);
|
|
@@ -3076,7 +3078,6 @@
|
|
|
3076
3078
|
--wds-input-border-color-disabled: rgba(38, 37, 36, 0.1000);
|
|
3077
3079
|
--wds-input-border-color-focus: #4a57ff;
|
|
3078
3080
|
--wds-input-border-color-hover: #dce2ff;
|
|
3079
|
-
--wds-input-border-color-readonly: #edeef2;
|
|
3080
3081
|
--wds-input-border-radius-default-large: 8px;
|
|
3081
3082
|
--wds-input-border-radius-default-medium: 8px;
|
|
3082
3083
|
--wds-input-border-radius-default-small: 8px;
|
|
@@ -3174,9 +3175,11 @@
|
|
|
3174
3175
|
--wds-list-item-padding-vertical-xx-tiny: 4px;
|
|
3175
3176
|
--wds-list-item-section-divider-padding-horizontal: 16px;
|
|
3176
3177
|
--wds-list-item-section-fill: #ffffff;
|
|
3178
|
+
--wds-list-item-section-fill-neutral: #f7f8f8;
|
|
3177
3179
|
--wds-list-item-section-font-line-height: 16px;
|
|
3178
3180
|
--wds-list-item-section-font-size: 12px;
|
|
3179
3181
|
--wds-list-item-section-font-weight: 700;
|
|
3182
|
+
--wds-list-item-section-font-weight-neutral: 500;
|
|
3180
3183
|
--wds-list-item-section-padding-horizontal: 16px;
|
|
3181
3184
|
--wds-list-item-section-title-label-fill: #868aa5;
|
|
3182
3185
|
--wds-list-item-select-active-fill: #eef0ff;
|
|
@@ -3210,7 +3213,6 @@
|
|
|
3210
3213
|
--wds-list-item-select-label-font-size-small: 12px;
|
|
3211
3214
|
--wds-list-item-select-label-font-weight-active: 400;
|
|
3212
3215
|
--wds-list-item-select-label-font-weight-medium: 400;
|
|
3213
|
-
--wds-list-item-select-label-hover-font-weight-medium: 400;
|
|
3214
3216
|
--wds-list-item-select-padding-horizontal-medium: 12px;
|
|
3215
3217
|
--wds-list-item-select-padding-horizontal-small: 12px;
|
|
3216
3218
|
--wds-list-item-select-padding-left-medium: 12px;
|
|
@@ -3716,6 +3718,7 @@
|
|
|
3716
3718
|
--wds-table-list-item-paddings: 4px;
|
|
3717
3719
|
--wds-table-toolbar-padding-horizontal: 24px;
|
|
3718
3720
|
--wds-tabs-border-radius: 0px;
|
|
3721
|
+
--wds-tabs-container-padding-horizontal: 0px;
|
|
3719
3722
|
--wds-tabs-gap-horizontal: 0px;
|
|
3720
3723
|
--wds-tabs-item-fill-active: rgba(38, 37, 36, 0.0000);
|
|
3721
3724
|
--wds-tabs-item-fill-hover: rgba(38, 37, 36, 0.0000);
|
|
@@ -3807,6 +3810,7 @@
|
|
|
3807
3810
|
--wds-toggle-button-fill-standard: #ffffff;
|
|
3808
3811
|
--wds-toggle-button-fill-standard-disabled: #ffffff;
|
|
3809
3812
|
--wds-toggle-button-fill-standard-hover: #f4f6ff;
|
|
3813
|
+
--wds-toggle-button-fill-standard-secondary-hover: #ffffff;
|
|
3810
3814
|
--wds-toggle-button-fill-standard-selected: #eef0ff;
|
|
3811
3815
|
--wds-toggle-button-fill-standard-selected-disabled: #bebebe;
|
|
3812
3816
|
--wds-toggle-button-fill-standard-selected-hover: #dce2ff;
|
package/wixel/component.st.css
CHANGED
|
@@ -513,7 +513,6 @@
|
|
|
513
513
|
@property st-global(--wds-input-border-color-disabled);
|
|
514
514
|
@property st-global(--wds-input-border-color-focus);
|
|
515
515
|
@property st-global(--wds-input-border-color-hover);
|
|
516
|
-
@property st-global(--wds-input-border-color-readonly);
|
|
517
516
|
@property st-global(--wds-input-border-radius-default-large);
|
|
518
517
|
@property st-global(--wds-input-border-radius-default-medium);
|
|
519
518
|
@property st-global(--wds-input-border-radius-default-small);
|
|
@@ -611,9 +610,11 @@
|
|
|
611
610
|
@property st-global(--wds-list-item-padding-vertical-xx-tiny);
|
|
612
611
|
@property st-global(--wds-list-item-section-divider-padding-horizontal);
|
|
613
612
|
@property st-global(--wds-list-item-section-fill);
|
|
613
|
+
@property st-global(--wds-list-item-section-fill-neutral);
|
|
614
614
|
@property st-global(--wds-list-item-section-font-line-height);
|
|
615
615
|
@property st-global(--wds-list-item-section-font-size);
|
|
616
616
|
@property st-global(--wds-list-item-section-font-weight);
|
|
617
|
+
@property st-global(--wds-list-item-section-font-weight-neutral);
|
|
617
618
|
@property st-global(--wds-list-item-section-padding-horizontal);
|
|
618
619
|
@property st-global(--wds-list-item-section-title-label-fill);
|
|
619
620
|
@property st-global(--wds-list-item-select-active-fill);
|
|
@@ -647,7 +648,6 @@
|
|
|
647
648
|
@property st-global(--wds-list-item-select-label-font-size-small);
|
|
648
649
|
@property st-global(--wds-list-item-select-label-font-weight-active);
|
|
649
650
|
@property st-global(--wds-list-item-select-label-font-weight-medium);
|
|
650
|
-
@property st-global(--wds-list-item-select-label-hover-font-weight-medium);
|
|
651
651
|
@property st-global(--wds-list-item-select-padding-horizontal-medium);
|
|
652
652
|
@property st-global(--wds-list-item-select-padding-horizontal-small);
|
|
653
653
|
@property st-global(--wds-list-item-select-padding-left-medium);
|
|
@@ -1016,6 +1016,7 @@
|
|
|
1016
1016
|
@property st-global(--wds-table-list-item-paddings);
|
|
1017
1017
|
@property st-global(--wds-table-toolbar-padding-horizontal);
|
|
1018
1018
|
@property st-global(--wds-tabs-border-radius);
|
|
1019
|
+
@property st-global(--wds-tabs-container-padding-horizontal);
|
|
1019
1020
|
@property st-global(--wds-tabs-gap-horizontal);
|
|
1020
1021
|
@property st-global(--wds-tabs-item-fill-active);
|
|
1021
1022
|
@property st-global(--wds-tabs-item-fill-hover);
|
|
@@ -1107,6 +1108,7 @@
|
|
|
1107
1108
|
@property st-global(--wds-toggle-button-fill-standard);
|
|
1108
1109
|
@property st-global(--wds-toggle-button-fill-standard-disabled);
|
|
1109
1110
|
@property st-global(--wds-toggle-button-fill-standard-hover);
|
|
1111
|
+
@property st-global(--wds-toggle-button-fill-standard-secondary-hover);
|
|
1110
1112
|
@property st-global(--wds-toggle-button-fill-standard-selected);
|
|
1111
1113
|
@property st-global(--wds-toggle-button-fill-standard-selected-disabled);
|
|
1112
1114
|
@property st-global(--wds-toggle-button-fill-standard-selected-hover);
|
|
@@ -1823,7 +1825,6 @@
|
|
|
1823
1825
|
--wds-input-border-color-disabled: rgba(38, 37, 36, 0.1000);
|
|
1824
1826
|
--wds-input-border-color-focus: #4a57ff;
|
|
1825
1827
|
--wds-input-border-color-hover: #dce2ff;
|
|
1826
|
-
--wds-input-border-color-readonly: #edeef2;
|
|
1827
1828
|
--wds-input-border-radius-default-large: 8px;
|
|
1828
1829
|
--wds-input-border-radius-default-medium: 8px;
|
|
1829
1830
|
--wds-input-border-radius-default-small: 8px;
|
|
@@ -1921,9 +1922,11 @@
|
|
|
1921
1922
|
--wds-list-item-padding-vertical-xx-tiny: 4px;
|
|
1922
1923
|
--wds-list-item-section-divider-padding-horizontal: 16px;
|
|
1923
1924
|
--wds-list-item-section-fill: #ffffff;
|
|
1925
|
+
--wds-list-item-section-fill-neutral: #f7f8f8;
|
|
1924
1926
|
--wds-list-item-section-font-line-height: 16px;
|
|
1925
1927
|
--wds-list-item-section-font-size: 12px;
|
|
1926
1928
|
--wds-list-item-section-font-weight: 700;
|
|
1929
|
+
--wds-list-item-section-font-weight-neutral: 500;
|
|
1927
1930
|
--wds-list-item-section-padding-horizontal: 16px;
|
|
1928
1931
|
--wds-list-item-section-title-label-fill: #868aa5;
|
|
1929
1932
|
--wds-list-item-select-active-fill: #eef0ff;
|
|
@@ -1957,7 +1960,6 @@
|
|
|
1957
1960
|
--wds-list-item-select-label-font-size-small: 12px;
|
|
1958
1961
|
--wds-list-item-select-label-font-weight-active: 400;
|
|
1959
1962
|
--wds-list-item-select-label-font-weight-medium: 400;
|
|
1960
|
-
--wds-list-item-select-label-hover-font-weight-medium: 400;
|
|
1961
1963
|
--wds-list-item-select-padding-horizontal-medium: 12px;
|
|
1962
1964
|
--wds-list-item-select-padding-horizontal-small: 12px;
|
|
1963
1965
|
--wds-list-item-select-padding-left-medium: 12px;
|
|
@@ -2326,6 +2328,7 @@
|
|
|
2326
2328
|
--wds-table-list-item-paddings: 4px;
|
|
2327
2329
|
--wds-table-toolbar-padding-horizontal: 24px;
|
|
2328
2330
|
--wds-tabs-border-radius: 0px;
|
|
2331
|
+
--wds-tabs-container-padding-horizontal: 0px;
|
|
2329
2332
|
--wds-tabs-gap-horizontal: 0px;
|
|
2330
2333
|
--wds-tabs-item-fill-active: rgba(38, 37, 36, 0.0000);
|
|
2331
2334
|
--wds-tabs-item-fill-hover: rgba(38, 37, 36, 0.0000);
|
|
@@ -2417,6 +2420,7 @@
|
|
|
2417
2420
|
--wds-toggle-button-fill-standard: #ffffff;
|
|
2418
2421
|
--wds-toggle-button-fill-standard-disabled: #ffffff;
|
|
2419
2422
|
--wds-toggle-button-fill-standard-hover: #f4f6ff;
|
|
2423
|
+
--wds-toggle-button-fill-standard-secondary-hover: #ffffff;
|
|
2420
2424
|
--wds-toggle-button-fill-standard-selected: #eef0ff;
|
|
2421
2425
|
--wds-toggle-button-fill-standard-selected-disabled: #bebebe;
|
|
2422
2426
|
--wds-toggle-button-fill-standard-selected-hover: #dce2ff;
|