@wix/design-system-tokens 1.126.0 → 1.128.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 +23 -0
- package/all.css +53 -23
- package/all.scss +53 -23
- package/all.st.css +103 -43
- package/component.st.css +103 -43
- package/odeditor/all.css +64 -41
- package/odeditor/all.scss +64 -41
- package/odeditor/all.st.css +104 -58
- package/odeditor/component.st.css +102 -58
- package/odeditor/foundation.st.css +2 -0
- package/package.json +2 -2
- package/studio/all.css +60 -26
- package/studio/all.scss +60 -26
- package/studio/all.st.css +114 -46
- package/studio/component.st.css +114 -46
- package/wixel/all.css +53 -25
- package/wixel/all.scss +53 -25
- package/wixel/all.st.css +101 -45
- package/wixel/component.st.css +101 -45
package/all.st.css
CHANGED
|
@@ -24,8 +24,14 @@
|
|
|
24
24
|
@property st-global(--wds-add-item-title-font-line-height-tiny);
|
|
25
25
|
@property st-global(--wds-add-item-title-font-size-medium);
|
|
26
26
|
@property st-global(--wds-add-item-title-font-size-small);
|
|
27
|
+
@property st-global(--wds-announcement-modal-actions-padding);
|
|
28
|
+
@property st-global(--wds-announcement-modal-content-gap);
|
|
29
|
+
@property st-global(--wds-announcement-modal-padding-horizontal);
|
|
30
|
+
@property st-global(--wds-announcement-modal-padding-vertical);
|
|
27
31
|
@property st-global(--wds-announcement-modal-text-font-line-height);
|
|
28
32
|
@property st-global(--wds-announcement-modal-text-font-size);
|
|
33
|
+
@property st-global(--wds-announcement-modal-title-font-line-height);
|
|
34
|
+
@property st-global(--wds-announcement-modal-title-font-size);
|
|
29
35
|
@property st-global(--wds-avatar-group-gap-condensed);
|
|
30
36
|
@property st-global(--wds-avatar-group-gap-default);
|
|
31
37
|
@property st-global(--wds-background-blur-0);
|
|
@@ -242,6 +248,7 @@
|
|
|
242
248
|
@property st-global(--wds-checkbox-label-font-line-height-small);
|
|
243
249
|
@property st-global(--wds-checkbox-label-font-size-medium);
|
|
244
250
|
@property st-global(--wds-checkbox-label-font-size-small);
|
|
251
|
+
@property st-global(--wds-checkbox-size);
|
|
245
252
|
@property st-global(--wds-circular-progress-bar-background-fill-error);
|
|
246
253
|
@property st-global(--wds-circular-progress-bar-background-fill-premium);
|
|
247
254
|
@property st-global(--wds-circular-progress-bar-background-fill-standard);
|
|
@@ -759,20 +766,20 @@
|
|
|
759
766
|
@property st-global(--wds-counter-badge-size-medium);
|
|
760
767
|
@property st-global(--wds-counter-badge-size-small);
|
|
761
768
|
@property st-global(--wds-custom-modal-border-radius);
|
|
762
|
-
@property st-global(--wds-custom-modal-content-padding-
|
|
769
|
+
@property st-global(--wds-custom-modal-content-padding-horizontal);
|
|
763
770
|
@property st-global(--wds-custom-modal-content-padding-vertical);
|
|
764
|
-
@property st-global(--wds-custom-modal-footer-padding-
|
|
771
|
+
@property st-global(--wds-custom-modal-footer-padding-horizontal);
|
|
765
772
|
@property st-global(--wds-custom-modal-footer-padding-vertical);
|
|
766
773
|
@property st-global(--wds-custom-modal-footnote-link-font-weight);
|
|
767
|
-
@property st-global(--wds-custom-modal-footnote-padding-
|
|
774
|
+
@property st-global(--wds-custom-modal-footnote-padding-horizontal);
|
|
768
775
|
@property st-global(--wds-custom-modal-footnote-padding-vertical);
|
|
769
776
|
@property st-global(--wds-custom-modal-footnote-text-font-line-height);
|
|
770
777
|
@property st-global(--wds-custom-modal-footnote-text-font-size);
|
|
771
778
|
@property st-global(--wds-custom-modal-header-padding-left);
|
|
772
779
|
@property st-global(--wds-custom-modal-header-padding-right);
|
|
773
780
|
@property st-global(--wds-custom-modal-header-padding-vertical);
|
|
774
|
-
@property st-global(--wds-custom-modal-header-
|
|
775
|
-
@property st-global(--wds-custom-modal-header-
|
|
781
|
+
@property st-global(--wds-custom-modal-header-subtitle-font-line-height);
|
|
782
|
+
@property st-global(--wds-custom-modal-header-subtitle-font-size);
|
|
776
783
|
@property st-global(--wds-divider-fill-color-light);
|
|
777
784
|
@property st-global(--wds-divider-fill-color-light-primary);
|
|
778
785
|
@property st-global(--wds-divider-fill-color-light-secondary);
|
|
@@ -866,8 +873,6 @@
|
|
|
866
873
|
@property st-global(--wds-font-weight-regular);
|
|
867
874
|
@property st-global(--wds-font-weight-semi-bold);
|
|
868
875
|
@property st-global(--wds-form-field-label-fill);
|
|
869
|
-
@property st-global(--wds-form-field-label-font-line-height-small);
|
|
870
|
-
@property st-global(--wds-form-field-label-font-line-height-tiny);
|
|
871
876
|
@property st-global(--wds-form-field-label-font-size-small);
|
|
872
877
|
@property st-global(--wds-form-field-label-font-size-tiny);
|
|
873
878
|
@property st-global(--wds-form-field-label-font-weight);
|
|
@@ -1017,7 +1022,9 @@
|
|
|
1017
1022
|
@property st-global(--wds-input-area-padding-right-small);
|
|
1018
1023
|
@property st-global(--wds-input-area-padding-vertical-medium);
|
|
1019
1024
|
@property st-global(--wds-input-area-padding-vertical-small);
|
|
1025
|
+
@property st-global(--wds-input-background-fill);
|
|
1020
1026
|
@property st-global(--wds-input-background-fill-default);
|
|
1027
|
+
@property st-global(--wds-input-background-fill-disabled);
|
|
1021
1028
|
@property st-global(--wds-input-background-fill-hover);
|
|
1022
1029
|
@property st-global(--wds-input-border-color);
|
|
1023
1030
|
@property st-global(--wds-input-border-color-hover);
|
|
@@ -1075,12 +1082,12 @@
|
|
|
1075
1082
|
@property st-global(--wds-internal-thumbnail-illustration-size-small);
|
|
1076
1083
|
@property st-global(--wds-internal-thumbnail-illustration-size-tiny);
|
|
1077
1084
|
@property st-global(--wds-linear-progress-bar-border-radius);
|
|
1078
|
-
@property st-global(--wds-list-item-action-affix-margin-medium);
|
|
1079
|
-
@property st-global(--wds-list-item-action-affix-margin-small);
|
|
1080
1085
|
@property st-global(--wds-list-item-action-border-radius);
|
|
1081
1086
|
@property st-global(--wds-list-item-action-fill);
|
|
1082
1087
|
@property st-global(--wds-list-item-action-fill-active);
|
|
1083
1088
|
@property st-global(--wds-list-item-action-fill-hover);
|
|
1089
|
+
@property st-global(--wds-list-item-action-gap-medium);
|
|
1090
|
+
@property st-global(--wds-list-item-action-gap-small);
|
|
1084
1091
|
@property st-global(--wds-list-item-action-label-fill-active);
|
|
1085
1092
|
@property st-global(--wds-list-item-action-label-font-line-height-medium);
|
|
1086
1093
|
@property st-global(--wds-list-item-action-label-font-line-height-small);
|
|
@@ -1187,14 +1194,15 @@
|
|
|
1187
1194
|
@property st-global(--wds-marketing-page-paddings-horizontal-medium);
|
|
1188
1195
|
@property st-global(--wds-marketing-page-paddings-vertical-large);
|
|
1189
1196
|
@property st-global(--wds-marketing-page-paddings-vertical-medium);
|
|
1190
|
-
@property st-global(--wds-message-modal-content-
|
|
1191
|
-
@property st-global(--wds-message-modal-
|
|
1192
|
-
@property st-global(--wds-message-modal-
|
|
1193
|
-
@property st-global(--wds-message-modal-footer-padding-vertical);
|
|
1197
|
+
@property st-global(--wds-message-modal-content-gap);
|
|
1198
|
+
@property st-global(--wds-message-modal-padding-horizontal);
|
|
1199
|
+
@property st-global(--wds-message-modal-padding-vertical);
|
|
1194
1200
|
@property st-global(--wds-message-modal-text-font-line-height);
|
|
1195
1201
|
@property st-global(--wds-message-modal-text-font-size);
|
|
1202
|
+
@property st-global(--wds-message-modal-title-font-family);
|
|
1196
1203
|
@property st-global(--wds-message-modal-title-font-line-height);
|
|
1197
1204
|
@property st-global(--wds-message-modal-title-font-size);
|
|
1205
|
+
@property st-global(--wds-message-modal-top-controls-paddings);
|
|
1198
1206
|
@property st-global(--wds-mobile-modal-content-padding-horizontal);
|
|
1199
1207
|
@property st-global(--wds-mobile-modal-content-padding-vertical);
|
|
1200
1208
|
@property st-global(--wds-mobile-modal-footer-padding-horizontal);
|
|
@@ -1260,6 +1268,7 @@
|
|
|
1260
1268
|
@property st-global(--wds-radio-label-font-line-height-small);
|
|
1261
1269
|
@property st-global(--wds-radio-label-font-size-medium);
|
|
1262
1270
|
@property st-global(--wds-radio-label-font-size-small);
|
|
1271
|
+
@property st-global(--wds-radio-size);
|
|
1263
1272
|
@property st-global(--wds-scrollbar-fill);
|
|
1264
1273
|
@property st-global(--wds-scrollbar-fill-active);
|
|
1265
1274
|
@property st-global(--wds-scrollbar-fill-hover);
|
|
@@ -1267,15 +1276,20 @@
|
|
|
1267
1276
|
@property st-global(--wds-search-border-radius-medium);
|
|
1268
1277
|
@property st-global(--wds-search-border-radius-small);
|
|
1269
1278
|
@property st-global(--wds-search-border-radius-tiny);
|
|
1270
|
-
@property st-global(--wds-section-header-
|
|
1279
|
+
@property st-global(--wds-section-header-fill-neutral);
|
|
1280
|
+
@property st-global(--wds-section-header-font-weight);
|
|
1281
|
+
@property st-global(--wds-section-header-label-fill-neutral);
|
|
1282
|
+
@property st-global(--wds-section-header-label-font-size-medium);
|
|
1283
|
+
@property st-global(--wds-section-header-label-font-size-small);
|
|
1284
|
+
@property st-global(--wds-section-header-padding-vertical-medium);
|
|
1285
|
+
@property st-global(--wds-section-header-padding-vertical-small);
|
|
1286
|
+
@property st-global(--wds-section-helper-action-padding-medium);
|
|
1287
|
+
@property st-global(--wds-section-helper-action-padding-small);
|
|
1271
1288
|
@property st-global(--wds-section-helper-border-preview);
|
|
1289
|
+
@property st-global(--wds-section-helper-border-radius);
|
|
1272
1290
|
@property st-global(--wds-section-helper-close-button-offset);
|
|
1273
|
-
@property st-global(--wds-section-helper-default-action-padding-medium);
|
|
1274
|
-
@property st-global(--wds-section-helper-default-action-padding-small);
|
|
1275
|
-
@property st-global(--wds-section-helper-default-border-radius);
|
|
1276
|
-
@property st-global(--wds-section-helper-default-vertical-padding-medium);
|
|
1277
|
-
@property st-global(--wds-section-helper-default-vertical-padding-small);
|
|
1278
1291
|
@property st-global(--wds-section-helper-fill-preview);
|
|
1292
|
+
@property st-global(--wds-section-helper-fill-standard);
|
|
1279
1293
|
@property st-global(--wds-section-helper-fullwidth-horizontal-padding-medium);
|
|
1280
1294
|
@property st-global(--wds-section-helper-fullwidth-horizontal-padding-small);
|
|
1281
1295
|
@property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
|
|
@@ -1287,8 +1301,11 @@
|
|
|
1287
1301
|
@property st-global(--wds-section-helper-prefix-offset-medium);
|
|
1288
1302
|
@property st-global(--wds-section-helper-text-font-line-height);
|
|
1289
1303
|
@property st-global(--wds-section-helper-text-font-size);
|
|
1304
|
+
@property st-global(--wds-section-helper-title-font-size);
|
|
1305
|
+
@property st-global(--wds-section-helper-title-font-weight);
|
|
1290
1306
|
@property st-global(--wds-section-helper-vertical-margin);
|
|
1291
1307
|
@property st-global(--wds-section-helper-vertical-padding-medium);
|
|
1308
|
+
@property st-global(--wds-section-helper-vertical-padding-small);
|
|
1292
1309
|
@property st-global(--wds-segmented-toggle-border-color);
|
|
1293
1310
|
@property st-global(--wds-segmented-toggle-border-color-disabled);
|
|
1294
1311
|
@property st-global(--wds-segmented-toggle-border-color-hover);
|
|
@@ -1334,6 +1351,14 @@
|
|
|
1334
1351
|
@property st-global(--wds-select-area-fill-hover);
|
|
1335
1352
|
@property st-global(--wds-select-area-padding-horizontal);
|
|
1336
1353
|
@property st-global(--wds-select-area-padding-vertical);
|
|
1354
|
+
@property st-global(--wds-selector-button-border-color);
|
|
1355
|
+
@property st-global(--wds-selector-button-border-color-disabled);
|
|
1356
|
+
@property st-global(--wds-selector-button-border-color-hover);
|
|
1357
|
+
@property st-global(--wds-selector-button-border-color-pressed);
|
|
1358
|
+
@property st-global(--wds-selector-button-fill);
|
|
1359
|
+
@property st-global(--wds-selector-button-fill-disabled);
|
|
1360
|
+
@property st-global(--wds-selector-button-fill-hover);
|
|
1361
|
+
@property st-global(--wds-selector-button-fill-pressed);
|
|
1337
1362
|
@property st-global(--wds-selector-button-padding-horizontal-left-large);
|
|
1338
1363
|
@property st-global(--wds-selector-button-padding-horizontal-left-medium);
|
|
1339
1364
|
@property st-global(--wds-selector-button-padding-horizontal-left-small);
|
|
@@ -1346,6 +1371,10 @@
|
|
|
1346
1371
|
@property st-global(--wds-selector-button-size-large);
|
|
1347
1372
|
@property st-global(--wds-selector-button-size-medium);
|
|
1348
1373
|
@property st-global(--wds-selector-button-size-small);
|
|
1374
|
+
@property st-global(--wds-selector-button-text-fill);
|
|
1375
|
+
@property st-global(--wds-selector-button-text-fill-disabled);
|
|
1376
|
+
@property st-global(--wds-selector-button-text-fill-hover);
|
|
1377
|
+
@property st-global(--wds-selector-button-text-fill-pressed);
|
|
1349
1378
|
@property st-global(--wds-selector-list-item-padding-horizontal-medium);
|
|
1350
1379
|
@property st-global(--wds-selector-list-item-padding-horizontal-small);
|
|
1351
1380
|
@property st-global(--wds-selector-list-item-padding-vertical-medium);
|
|
@@ -1663,7 +1692,6 @@
|
|
|
1663
1692
|
@property st-global(--wds-tag-border-radius-medium);
|
|
1664
1693
|
@property st-global(--wds-tag-border-radius-small);
|
|
1665
1694
|
@property st-global(--wds-tag-border-radius-tiny);
|
|
1666
|
-
@property st-global(--wds-tag-fill-standard);
|
|
1667
1695
|
@property st-global(--wds-tag-label-font-line-height-small);
|
|
1668
1696
|
@property st-global(--wds-tag-label-font-size-small);
|
|
1669
1697
|
@property st-global(--wds-tag-padding-horizontal-large);
|
|
@@ -1679,6 +1707,8 @@
|
|
|
1679
1707
|
@property st-global(--wds-tag-size-small);
|
|
1680
1708
|
@property st-global(--wds-tag-size-tiny);
|
|
1681
1709
|
@property st-global(--wds-testimonial-list-gap);
|
|
1710
|
+
@property st-global(--wds-text-button-font-weight-normal);
|
|
1711
|
+
@property st-global(--wds-text-button-font-weight-thin);
|
|
1682
1712
|
@property st-global(--wds-thumbnail-border-color);
|
|
1683
1713
|
@property st-global(--wds-thumbnail-border-radius);
|
|
1684
1714
|
@property st-global(--wds-thumbnail-border-width-default);
|
|
@@ -1950,8 +1980,14 @@
|
|
|
1950
1980
|
--wds-add-item-title-font-line-height-tiny: 18px;
|
|
1951
1981
|
--wds-add-item-title-font-size-medium: 16px;
|
|
1952
1982
|
--wds-add-item-title-font-size-small: 14px;
|
|
1953
|
-
--wds-announcement-modal-
|
|
1983
|
+
--wds-announcement-modal-actions-padding: 42px;
|
|
1984
|
+
--wds-announcement-modal-content-gap: 12px;
|
|
1985
|
+
--wds-announcement-modal-padding-horizontal: 78px;
|
|
1986
|
+
--wds-announcement-modal-padding-vertical: 48px;
|
|
1987
|
+
--wds-announcement-modal-text-font-line-height: 36px;
|
|
1954
1988
|
--wds-announcement-modal-text-font-size: 16px;
|
|
1989
|
+
--wds-announcement-modal-title-font-line-height: 36px;
|
|
1990
|
+
--wds-announcement-modal-title-font-size: 28px;
|
|
1955
1991
|
--wds-avatar-group-gap-condensed: -3px;
|
|
1956
1992
|
--wds-avatar-group-gap-default: 6px;
|
|
1957
1993
|
--wds-background-blur-0: 0;
|
|
@@ -2168,6 +2204,7 @@
|
|
|
2168
2204
|
--wds-checkbox-label-font-line-height-small: 18px;
|
|
2169
2205
|
--wds-checkbox-label-font-size-medium: 16px;
|
|
2170
2206
|
--wds-checkbox-label-font-size-small: 14px;
|
|
2207
|
+
--wds-checkbox-size: 16px;
|
|
2171
2208
|
--wds-circular-progress-bar-background-fill-error: #fbd0cd;
|
|
2172
2209
|
--wds-circular-progress-bar-background-fill-premium: #e3c3f4;
|
|
2173
2210
|
--wds-circular-progress-bar-background-fill-standard: #d6e6fe;
|
|
@@ -2685,20 +2722,20 @@
|
|
|
2685
2722
|
--wds-counter-badge-size-medium: 24px;
|
|
2686
2723
|
--wds-counter-badge-size-small: 18px;
|
|
2687
2724
|
--wds-custom-modal-border-radius: 8px;
|
|
2688
|
-
--wds-custom-modal-content-padding-
|
|
2725
|
+
--wds-custom-modal-content-padding-horizontal: 24px;
|
|
2689
2726
|
--wds-custom-modal-content-padding-vertical: 24px;
|
|
2690
|
-
--wds-custom-modal-footer-padding-
|
|
2727
|
+
--wds-custom-modal-footer-padding-horizontal: 24px;
|
|
2691
2728
|
--wds-custom-modal-footer-padding-vertical: 18px;
|
|
2692
2729
|
--wds-custom-modal-footnote-link-font-weight: 500;
|
|
2693
|
-
--wds-custom-modal-footnote-padding-
|
|
2730
|
+
--wds-custom-modal-footnote-padding-horizontal: 24px;
|
|
2694
2731
|
--wds-custom-modal-footnote-padding-vertical: 12px;
|
|
2695
2732
|
--wds-custom-modal-footnote-text-font-line-height: 18px;
|
|
2696
2733
|
--wds-custom-modal-footnote-text-font-size: 14px;
|
|
2697
2734
|
--wds-custom-modal-header-padding-left: 24px;
|
|
2698
|
-
--wds-custom-modal-header-padding-right:
|
|
2735
|
+
--wds-custom-modal-header-padding-right: 12px;
|
|
2699
2736
|
--wds-custom-modal-header-padding-vertical: 18px;
|
|
2700
|
-
--wds-custom-modal-header-
|
|
2701
|
-
--wds-custom-modal-header-
|
|
2737
|
+
--wds-custom-modal-header-subtitle-font-line-height: 24px;
|
|
2738
|
+
--wds-custom-modal-header-subtitle-font-size: 16px;
|
|
2702
2739
|
--wds-divider-fill-color-light: #dfe5eb;
|
|
2703
2740
|
--wds-divider-fill-color-light-primary: #dfe5eb;
|
|
2704
2741
|
--wds-divider-fill-color-light-secondary: #dfe5eb;
|
|
@@ -2792,8 +2829,6 @@
|
|
|
2792
2829
|
--wds-font-weight-regular: 400;
|
|
2793
2830
|
--wds-font-weight-semi-bold: 600;
|
|
2794
2831
|
--wds-form-field-label-fill: #44485f;
|
|
2795
|
-
--wds-form-field-label-font-line-height-small: 18px;
|
|
2796
|
-
--wds-form-field-label-font-line-height-tiny: 18px;
|
|
2797
2832
|
--wds-form-field-label-font-size-small: 14px;
|
|
2798
2833
|
--wds-form-field-label-font-size-tiny: 12px;
|
|
2799
2834
|
--wds-form-field-label-font-weight: 400;
|
|
@@ -2943,10 +2978,12 @@
|
|
|
2943
2978
|
--wds-input-area-padding-right-small: 9px;
|
|
2944
2979
|
--wds-input-area-padding-vertical-medium: 6px;
|
|
2945
2980
|
--wds-input-area-padding-vertical-small: 6px;
|
|
2981
|
+
--wds-input-background-fill: #ffffff;
|
|
2946
2982
|
--wds-input-background-fill-default: #ffffff;
|
|
2983
|
+
--wds-input-background-fill-disabled: #ffffff;
|
|
2947
2984
|
--wds-input-background-fill-hover: #e7f0ff;
|
|
2948
2985
|
--wds-input-border-color: #d6e6fe;
|
|
2949
|
-
--wds-input-border-color-hover: #
|
|
2986
|
+
--wds-input-border-color-hover: #d6e6fe;
|
|
2950
2987
|
--wds-input-border-color-readonly: #dfe5eb;
|
|
2951
2988
|
--wds-input-border-radius-default-large: 6px;
|
|
2952
2989
|
--wds-input-border-radius-default-medium: 6px;
|
|
@@ -3001,12 +3038,12 @@
|
|
|
3001
3038
|
--wds-internal-thumbnail-illustration-size-small: 51px;
|
|
3002
3039
|
--wds-internal-thumbnail-illustration-size-tiny: 38px;
|
|
3003
3040
|
--wds-linear-progress-bar-border-radius: 1000px;
|
|
3004
|
-
--wds-list-item-action-affix-margin-medium: 6px;
|
|
3005
|
-
--wds-list-item-action-affix-margin-small: 6px;
|
|
3006
3041
|
--wds-list-item-action-border-radius: 0;
|
|
3007
3042
|
--wds-list-item-action-fill: #ffffff;
|
|
3008
3043
|
--wds-list-item-action-fill-active: #d6e6fe;
|
|
3009
3044
|
--wds-list-item-action-fill-hover: #e7f0ff;
|
|
3045
|
+
--wds-list-item-action-gap-medium: 6px;
|
|
3046
|
+
--wds-list-item-action-gap-small: 6px;
|
|
3010
3047
|
--wds-list-item-action-label-fill-active: #116dff;
|
|
3011
3048
|
--wds-list-item-action-label-font-line-height-medium: 24px;
|
|
3012
3049
|
--wds-list-item-action-label-font-line-height-small: 18px;
|
|
@@ -3113,14 +3150,15 @@
|
|
|
3113
3150
|
--wds-marketing-page-paddings-horizontal-medium: 48px;
|
|
3114
3151
|
--wds-marketing-page-paddings-vertical-large: 48px;
|
|
3115
3152
|
--wds-marketing-page-paddings-vertical-medium: 30px;
|
|
3116
|
-
--wds-message-modal-content-
|
|
3117
|
-
--wds-message-modal-
|
|
3118
|
-
--wds-message-modal-
|
|
3119
|
-
--wds-message-modal-footer-padding-vertical: 36px;
|
|
3153
|
+
--wds-message-modal-content-gap: 12px;
|
|
3154
|
+
--wds-message-modal-padding-horizontal: 24px;
|
|
3155
|
+
--wds-message-modal-padding-vertical: 24px;
|
|
3120
3156
|
--wds-message-modal-text-font-line-height: 24px;
|
|
3121
3157
|
--wds-message-modal-text-font-size: 16px;
|
|
3158
|
+
--wds-message-modal-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
3122
3159
|
--wds-message-modal-title-font-line-height: 28px;
|
|
3123
3160
|
--wds-message-modal-title-font-size: 21px;
|
|
3161
|
+
--wds-message-modal-top-controls-paddings: 6px;
|
|
3124
3162
|
--wds-mobile-modal-content-padding-horizontal: 24px;
|
|
3125
3163
|
--wds-mobile-modal-content-padding-vertical: 24px;
|
|
3126
3164
|
--wds-mobile-modal-footer-padding-horizontal: 24px;
|
|
@@ -3186,6 +3224,7 @@
|
|
|
3186
3224
|
--wds-radio-label-font-line-height-small: 18px;
|
|
3187
3225
|
--wds-radio-label-font-size-medium: 16px;
|
|
3188
3226
|
--wds-radio-label-font-size-small: 14px;
|
|
3227
|
+
--wds-radio-size: 16px;
|
|
3189
3228
|
--wds-scrollbar-fill: #a8caff;
|
|
3190
3229
|
--wds-scrollbar-fill-active: #116dff;
|
|
3191
3230
|
--wds-scrollbar-fill-hover: #5999ff;
|
|
@@ -3193,15 +3232,20 @@
|
|
|
3193
3232
|
--wds-search-border-radius-medium: 1000px;
|
|
3194
3233
|
--wds-search-border-radius-small: 1000px;
|
|
3195
3234
|
--wds-search-border-radius-tiny: 1000px;
|
|
3196
|
-
--wds-section-header-
|
|
3235
|
+
--wds-section-header-fill-neutral: #f6f7f9;
|
|
3236
|
+
--wds-section-header-font-weight: 400;
|
|
3237
|
+
--wds-section-header-label-fill-neutral: #000624;
|
|
3238
|
+
--wds-section-header-label-font-size-medium: 16px;
|
|
3239
|
+
--wds-section-header-label-font-size-small: 14px;
|
|
3240
|
+
--wds-section-header-padding-vertical-medium: 9px;
|
|
3241
|
+
--wds-section-header-padding-vertical-small: 9px;
|
|
3242
|
+
--wds-section-helper-action-padding-medium: 12px;
|
|
3243
|
+
--wds-section-helper-action-padding-small: 9px;
|
|
3197
3244
|
--wds-section-helper-border-preview: #868aa5;
|
|
3245
|
+
--wds-section-helper-border-radius: 6px;
|
|
3198
3246
|
--wds-section-helper-close-button-offset: 12px;
|
|
3199
|
-
--wds-section-helper-default-action-padding-medium: 12px;
|
|
3200
|
-
--wds-section-helper-default-action-padding-small: 9px;
|
|
3201
|
-
--wds-section-helper-default-border-radius: 6px;
|
|
3202
|
-
--wds-section-helper-default-vertical-padding-medium: 18px;
|
|
3203
|
-
--wds-section-helper-default-vertical-padding-small: 9px;
|
|
3204
3247
|
--wds-section-helper-fill-preview: #f6f7f9;
|
|
3248
|
+
--wds-section-helper-fill-standard: #e7f0ff;
|
|
3205
3249
|
--wds-section-helper-fullwidth-horizontal-padding-medium: 24px;
|
|
3206
3250
|
--wds-section-helper-fullwidth-horizontal-padding-small: 24px;
|
|
3207
3251
|
--wds-section-helper-fullwidth-vertical-padding-medium: 12px;
|
|
@@ -3213,8 +3257,11 @@
|
|
|
3213
3257
|
--wds-section-helper-prefix-offset-medium: 18px;
|
|
3214
3258
|
--wds-section-helper-text-font-line-height: 18px;
|
|
3215
3259
|
--wds-section-helper-text-font-size: 14px;
|
|
3260
|
+
--wds-section-helper-title-font-size: 14px;
|
|
3261
|
+
--wds-section-helper-title-font-weight: 700;
|
|
3216
3262
|
--wds-section-helper-vertical-margin: 6px;
|
|
3217
3263
|
--wds-section-helper-vertical-padding-medium: 18px;
|
|
3264
|
+
--wds-section-helper-vertical-padding-small: 9px;
|
|
3218
3265
|
--wds-segmented-toggle-border-color: #d6e6fe;
|
|
3219
3266
|
--wds-segmented-toggle-border-color-disabled: rgba(0, 6, 36, .1);
|
|
3220
3267
|
--wds-segmented-toggle-border-color-hover: #a8caff;
|
|
@@ -3260,6 +3307,14 @@
|
|
|
3260
3307
|
--wds-select-area-fill-hover: #e7f0ff;
|
|
3261
3308
|
--wds-select-area-padding-horizontal: 18px;
|
|
3262
3309
|
--wds-select-area-padding-vertical: 12px;
|
|
3310
|
+
--wds-selector-button-border-color: #d6e6fe;
|
|
3311
|
+
--wds-selector-button-border-color-disabled: rgba(0, 6, 36, .1);
|
|
3312
|
+
--wds-selector-button-border-color-hover: #a8caff;
|
|
3313
|
+
--wds-selector-button-border-color-pressed: #116dff;
|
|
3314
|
+
--wds-selector-button-fill: #ffffff;
|
|
3315
|
+
--wds-selector-button-fill-disabled: #ffffff;
|
|
3316
|
+
--wds-selector-button-fill-hover: #e7f0ff;
|
|
3317
|
+
--wds-selector-button-fill-pressed: #d6e6fe;
|
|
3263
3318
|
--wds-selector-button-padding-horizontal-left-large: 12px;
|
|
3264
3319
|
--wds-selector-button-padding-horizontal-left-medium: 12px;
|
|
3265
3320
|
--wds-selector-button-padding-horizontal-left-small: 12px;
|
|
@@ -3272,6 +3327,10 @@
|
|
|
3272
3327
|
--wds-selector-button-size-large: 42px;
|
|
3273
3328
|
--wds-selector-button-size-medium: 36px;
|
|
3274
3329
|
--wds-selector-button-size-small: 30px;
|
|
3330
|
+
--wds-selector-button-text-fill: #000624;
|
|
3331
|
+
--wds-selector-button-text-fill-disabled: rgba(0, 6, 36, .3);
|
|
3332
|
+
--wds-selector-button-text-fill-hover: #116dff;
|
|
3333
|
+
--wds-selector-button-text-fill-pressed: #116dff;
|
|
3275
3334
|
--wds-selector-list-item-padding-horizontal-medium: 24px;
|
|
3276
3335
|
--wds-selector-list-item-padding-horizontal-small: 18px;
|
|
3277
3336
|
--wds-selector-list-item-padding-vertical-medium: 12px;
|
|
@@ -3589,7 +3648,6 @@
|
|
|
3589
3648
|
--wds-tag-border-radius-medium: 1000px;
|
|
3590
3649
|
--wds-tag-border-radius-small: 1000px;
|
|
3591
3650
|
--wds-tag-border-radius-tiny: 1000px;
|
|
3592
|
-
--wds-tag-fill-standard: #d6e6fe;
|
|
3593
3651
|
--wds-tag-label-font-line-height-small: 18px;
|
|
3594
3652
|
--wds-tag-label-font-size-small: 14px;
|
|
3595
3653
|
--wds-tag-padding-horizontal-large: 18px;
|
|
@@ -3605,6 +3663,8 @@
|
|
|
3605
3663
|
--wds-tag-size-small: 24px;
|
|
3606
3664
|
--wds-tag-size-tiny: 18px;
|
|
3607
3665
|
--wds-testimonial-list-gap: 30px;
|
|
3666
|
+
--wds-text-button-font-weight-normal: 500;
|
|
3667
|
+
--wds-text-button-font-weight-thin: 400;
|
|
3608
3668
|
--wds-thumbnail-border-color: #d6e6fe;
|
|
3609
3669
|
--wds-thumbnail-border-radius: 6px;
|
|
3610
3670
|
--wds-thumbnail-border-width-default: 1px;
|