@wix/design-system-tokens 1.3.19 → 1.3.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/all.st.css +76 -16
  2. package/component.st.css +76 -16
  3. package/package.json +2 -2
  4. package/studio/all.st.css +80 -20
  5. package/studio/component.st.css +80 -20
package/all.st.css CHANGED
@@ -42,6 +42,14 @@
42
42
  @property st-global(--wds-button-border-radius-medium);
43
43
  @property st-global(--wds-button-border-radius-small);
44
44
  @property st-global(--wds-button-border-radius-tiny);
45
+ @property st-global(--wds-button-font-line-height-large);
46
+ @property st-global(--wds-button-font-line-height-medium);
47
+ @property st-global(--wds-button-font-line-height-small);
48
+ @property st-global(--wds-button-font-line-height-tiny);
49
+ @property st-global(--wds-button-font-size-large);
50
+ @property st-global(--wds-button-font-size-medium);
51
+ @property st-global(--wds-button-font-size-small);
52
+ @property st-global(--wds-button-font-size-tiny);
45
53
  @property st-global(--wds-button-gap-large);
46
54
  @property st-global(--wds-button-gap-medium);
47
55
  @property st-global(--wds-button-gap-small);
@@ -85,6 +93,7 @@
85
93
  @property st-global(--wds-checkbox-fill-active-hover);
86
94
  @property st-global(--wds-checkbox-fill-disabled);
87
95
  @property st-global(--wds-checkbox-fill-hover);
96
+ @property st-global(--wds-checkbox-group-gap-vertical);
88
97
  @property st-global(--wds-checkbox-icon);
89
98
  @property st-global(--wds-checkbox-icon-disabled);
90
99
  @property st-global(--wds-circular-progress-bar-background-fill-error);
@@ -519,6 +528,10 @@
519
528
  @property st-global(--wds-field-set-gap-large);
520
529
  @property st-global(--wds-field-set-gap-medium);
521
530
  @property st-global(--wds-field-set-gap-small);
531
+ @property st-global(--wds-field-set-label-font-line-height-small);
532
+ @property st-global(--wds-field-set-label-font-line-height-tiny);
533
+ @property st-global(--wds-field-set-label-font-size-small);
534
+ @property st-global(--wds-field-set-label-font-size-tiny);
522
535
  @property st-global(--wds-field-set-label-gap);
523
536
  @property st-global(--wds-floating-helper-padding-horizontal);
524
537
  @property st-global(--wds-floating-helper-padding-vertical);
@@ -574,6 +587,10 @@
574
587
  @property st-global(--wds-font-weight-heading-6);
575
588
  @property st-global(--wds-font-weight-medium);
576
589
  @property st-global(--wds-font-weight-regular);
590
+ @property st-global(--wds-form-field-label-font-line-height-small);
591
+ @property st-global(--wds-form-field-label-font-line-height-tiny);
592
+ @property st-global(--wds-form-field-label-font-size-small);
593
+ @property st-global(--wds-form-field-label-font-size-tiny);
577
594
  @property st-global(--wds-form-field-label-gap-small);
578
595
  @property st-global(--wds-form-field-label-gap-tiny);
579
596
  @property st-global(--wds-gallery-item-border);
@@ -613,6 +630,14 @@
613
630
  @property st-global(--wds-input-size-medium);
614
631
  @property st-global(--wds-input-size-small);
615
632
  @property st-global(--wds-input-size-tiny);
633
+ @property st-global(--wds-input-value-font-line-height-large);
634
+ @property st-global(--wds-input-value-font-line-height-medium);
635
+ @property st-global(--wds-input-value-font-line-height-small);
636
+ @property st-global(--wds-input-value-font-line-height-tiny);
637
+ @property st-global(--wds-input-value-font-size-large);
638
+ @property st-global(--wds-input-value-font-size-medium);
639
+ @property st-global(--wds-input-value-font-size-small);
640
+ @property st-global(--wds-input-value-font-size-tiny);
616
641
  @property st-global(--wds-input-width-fixed);
617
642
  @property st-global(--wds-input-width-large);
618
643
  @property st-global(--wds-input-width-medium);
@@ -705,6 +730,7 @@
705
730
  @property st-global(--wds-radio-fill-active-disabled);
706
731
  @property st-global(--wds-radio-fill-disabled);
707
732
  @property st-global(--wds-radio-fill-hover);
733
+ @property st-global(--wds-radio-group-gap-vertical);
708
734
  @property st-global(--wds-radio-hover);
709
735
  @property st-global(--wds-search-border-radius-large);
710
736
  @property st-global(--wds-search-border-radius-medium);
@@ -722,14 +748,18 @@
722
748
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
723
749
  @property st-global(--wds-segmented-toggle-border-radius-medium);
724
750
  @property st-global(--wds-segmented-toggle-border-radius-small);
725
- @property st-global(--wds-segmented-toggle-icononly-padings-horizontal-medium);
726
- @property st-global(--wds-segmented-toggle-icononly-padings-horizontal-small);
727
- @property st-global(--wds-segmented-toggle-icononly-padings-vertical-medium);
728
- @property st-global(--wds-segmented-toggle-icononly-padings-vertical-small);
729
- @property st-global(--wds-segmented-toggle-padings-horizontal-medium);
730
- @property st-global(--wds-segmented-toggle-padings-horizontal-small);
731
- @property st-global(--wds-segmented-toggle-padings-vertical-medium);
732
- @property st-global(--wds-segmented-toggle-padings-vertical-small);
751
+ @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
752
+ @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
753
+ @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
754
+ @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
755
+ @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
756
+ @property st-global(--wds-segmented-toggle-label-font-line-height-small);
757
+ @property st-global(--wds-segmented-toggle-label-font-size-medium);
758
+ @property st-global(--wds-segmented-toggle-label-font-size-small);
759
+ @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
760
+ @property st-global(--wds-segmented-toggle-padding-horizontal-small);
761
+ @property st-global(--wds-segmented-toggle-padding-vertical-medium);
762
+ @property st-global(--wds-segmented-toggle-padding-vertical-small);
733
763
  @property st-global(--wds-segmented-toggle-size-medium);
734
764
  @property st-global(--wds-segmented-toggle-size-small);
735
765
  @property st-global(--wds-select-area-border);
@@ -1018,6 +1048,14 @@
1018
1048
  --wds-button-border-radius-medium: 1000px;
1019
1049
  --wds-button-border-radius-small: 1000px;
1020
1050
  --wds-button-border-radius-tiny: 1000px;
1051
+ --wds-button-font-line-height-large: 24px;
1052
+ --wds-button-font-line-height-medium: 24px;
1053
+ --wds-button-font-line-height-small: 18px;
1054
+ --wds-button-font-line-height-tiny: 18px;
1055
+ --wds-button-font-size-large: 16px;
1056
+ --wds-button-font-size-medium: 16px;
1057
+ --wds-button-font-size-small: 14px;
1058
+ --wds-button-font-size-tiny: 12px;
1021
1059
  --wds-button-gap-large: 12px;
1022
1060
  --wds-button-gap-medium: 6px;
1023
1061
  --wds-button-gap-small: 6px;
@@ -1061,6 +1099,7 @@
1061
1099
  --wds-checkbox-fill-active-hover: #0f62e6;
1062
1100
  --wds-checkbox-fill-disabled: rgba(0, 6, 36, .1);
1063
1101
  --wds-checkbox-fill-hover: #e7f0ff;
1102
+ --wds-checkbox-group-gap-vertical: 12px;
1064
1103
  --wds-checkbox-icon: #ffffff;
1065
1104
  --wds-checkbox-icon-disabled: rgba(0, 6, 36, .3);
1066
1105
  --wds-circular-progress-bar-background-fill-error: #fbd0cd;
@@ -1495,6 +1534,10 @@
1495
1534
  --wds-field-set-gap-large: 18px;
1496
1535
  --wds-field-set-gap-medium: 12px;
1497
1536
  --wds-field-set-gap-small: 6px;
1537
+ --wds-field-set-label-font-line-height-small: 18px;
1538
+ --wds-field-set-label-font-line-height-tiny: 18px;
1539
+ --wds-field-set-label-font-size-small: 14px;
1540
+ --wds-field-set-label-font-size-tiny: 12px;
1498
1541
  --wds-field-set-label-gap: 9px;
1499
1542
  --wds-floating-helper-padding-horizontal: 36px;
1500
1543
  --wds-floating-helper-padding-vertical: 30px;
@@ -1550,6 +1593,10 @@
1550
1593
  --wds-font-weight-heading-6: 400;
1551
1594
  --wds-font-weight-medium: 500;
1552
1595
  --wds-font-weight-regular: 400;
1596
+ --wds-form-field-label-font-line-height-small: 18px;
1597
+ --wds-form-field-label-font-line-height-tiny: 18px;
1598
+ --wds-form-field-label-font-size-small: 14px;
1599
+ --wds-form-field-label-font-size-tiny: 12px;
1553
1600
  --wds-form-field-label-gap-small: 9px;
1554
1601
  --wds-form-field-label-gap-tiny: 6px;
1555
1602
  --wds-gallery-item-border: 8px;
@@ -1589,6 +1636,14 @@
1589
1636
  --wds-input-size-medium: 36px;
1590
1637
  --wds-input-size-small: 30px;
1591
1638
  --wds-input-size-tiny: 24px;
1639
+ --wds-input-value-font-line-height-large: 24px;
1640
+ --wds-input-value-font-line-height-medium: 24px;
1641
+ --wds-input-value-font-line-height-small: 18px;
1642
+ --wds-input-value-font-line-height-tiny: 18px;
1643
+ --wds-input-value-font-size-large: 16px;
1644
+ --wds-input-value-font-size-medium: 16px;
1645
+ --wds-input-value-font-size-small: 14px;
1646
+ --wds-input-value-font-size-tiny: 12px;
1592
1647
  --wds-input-width-fixed: 288px;
1593
1648
  --wds-input-width-large: 96px;
1594
1649
  --wds-input-width-medium: 72px;
@@ -1681,6 +1736,7 @@
1681
1736
  --wds-radio-fill-active-disabled: rgba(0, 6, 36, .1);
1682
1737
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
1683
1738
  --wds-radio-fill-hover: #e7f0ff;
1739
+ --wds-radio-group-gap-vertical: 12px;
1684
1740
  --wds-radio-hover: #116dff;
1685
1741
  --wds-search-border-radius-large: 1000px;
1686
1742
  --wds-search-border-radius-medium: 1000px;
@@ -1698,14 +1754,18 @@
1698
1754
  --wds-section-helper-fullwidth-vertical-padding-small: 9px;
1699
1755
  --wds-segmented-toggle-border-radius-medium: 6px;
1700
1756
  --wds-segmented-toggle-border-radius-small: 6px;
1701
- --wds-segmented-toggle-icononly-padings-horizontal-medium: 6px;
1702
- --wds-segmented-toggle-icononly-padings-horizontal-small: 6px;
1703
- --wds-segmented-toggle-icononly-padings-vertical-medium: 6px;
1704
- --wds-segmented-toggle-icononly-padings-vertical-small: 6px;
1705
- --wds-segmented-toggle-padings-horizontal-medium: 24px;
1706
- --wds-segmented-toggle-padings-horizontal-small: 12px;
1707
- --wds-segmented-toggle-padings-vertical-medium: 6px;
1708
- --wds-segmented-toggle-padings-vertical-small: 6px;
1757
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: 6px;
1758
+ --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
1759
+ --wds-segmented-toggle-icononly-padding-vertical-medium: 6px;
1760
+ --wds-segmented-toggle-icononly-padding-vertical-small: 6px;
1761
+ --wds-segmented-toggle-label-font-line-height-medium: 24px;
1762
+ --wds-segmented-toggle-label-font-line-height-small: 18px;
1763
+ --wds-segmented-toggle-label-font-size-medium: 16px;
1764
+ --wds-segmented-toggle-label-font-size-small: 14px;
1765
+ --wds-segmented-toggle-padding-horizontal-medium: 24px;
1766
+ --wds-segmented-toggle-padding-horizontal-small: 12px;
1767
+ --wds-segmented-toggle-padding-vertical-medium: 6px;
1768
+ --wds-segmented-toggle-padding-vertical-small: 6px;
1709
1769
  --wds-segmented-toggle-size-medium: 36px;
1710
1770
  --wds-segmented-toggle-size-small: 30px;
1711
1771
  --wds-select-area-border: 8px;
package/component.st.css CHANGED
@@ -29,6 +29,14 @@
29
29
  @property st-global(--wds-button-border-radius-medium);
30
30
  @property st-global(--wds-button-border-radius-small);
31
31
  @property st-global(--wds-button-border-radius-tiny);
32
+ @property st-global(--wds-button-font-line-height-large);
33
+ @property st-global(--wds-button-font-line-height-medium);
34
+ @property st-global(--wds-button-font-line-height-small);
35
+ @property st-global(--wds-button-font-line-height-tiny);
36
+ @property st-global(--wds-button-font-size-large);
37
+ @property st-global(--wds-button-font-size-medium);
38
+ @property st-global(--wds-button-font-size-small);
39
+ @property st-global(--wds-button-font-size-tiny);
32
40
  @property st-global(--wds-button-gap-large);
33
41
  @property st-global(--wds-button-gap-medium);
34
42
  @property st-global(--wds-button-gap-small);
@@ -72,6 +80,7 @@
72
80
  @property st-global(--wds-checkbox-fill-active-hover);
73
81
  @property st-global(--wds-checkbox-fill-disabled);
74
82
  @property st-global(--wds-checkbox-fill-hover);
83
+ @property st-global(--wds-checkbox-group-gap-vertical);
75
84
  @property st-global(--wds-checkbox-icon);
76
85
  @property st-global(--wds-checkbox-icon-disabled);
77
86
  @property st-global(--wds-circular-progress-bar-background-fill-error);
@@ -138,9 +147,17 @@
138
147
  @property st-global(--wds-field-set-gap-large);
139
148
  @property st-global(--wds-field-set-gap-medium);
140
149
  @property st-global(--wds-field-set-gap-small);
150
+ @property st-global(--wds-field-set-label-font-line-height-small);
151
+ @property st-global(--wds-field-set-label-font-line-height-tiny);
152
+ @property st-global(--wds-field-set-label-font-size-small);
153
+ @property st-global(--wds-field-set-label-font-size-tiny);
141
154
  @property st-global(--wds-field-set-label-gap);
142
155
  @property st-global(--wds-floating-helper-padding-horizontal);
143
156
  @property st-global(--wds-floating-helper-padding-vertical);
157
+ @property st-global(--wds-form-field-label-font-line-height-small);
158
+ @property st-global(--wds-form-field-label-font-line-height-tiny);
159
+ @property st-global(--wds-form-field-label-font-size-small);
160
+ @property st-global(--wds-form-field-label-font-size-tiny);
144
161
  @property st-global(--wds-form-field-label-gap-small);
145
162
  @property st-global(--wds-form-field-label-gap-tiny);
146
163
  @property st-global(--wds-gallery-item-border);
@@ -180,6 +197,14 @@
180
197
  @property st-global(--wds-input-size-medium);
181
198
  @property st-global(--wds-input-size-small);
182
199
  @property st-global(--wds-input-size-tiny);
200
+ @property st-global(--wds-input-value-font-line-height-large);
201
+ @property st-global(--wds-input-value-font-line-height-medium);
202
+ @property st-global(--wds-input-value-font-line-height-small);
203
+ @property st-global(--wds-input-value-font-line-height-tiny);
204
+ @property st-global(--wds-input-value-font-size-large);
205
+ @property st-global(--wds-input-value-font-size-medium);
206
+ @property st-global(--wds-input-value-font-size-small);
207
+ @property st-global(--wds-input-value-font-size-tiny);
183
208
  @property st-global(--wds-input-width-fixed);
184
209
  @property st-global(--wds-input-width-large);
185
210
  @property st-global(--wds-input-width-medium);
@@ -272,6 +297,7 @@
272
297
  @property st-global(--wds-radio-fill-active-disabled);
273
298
  @property st-global(--wds-radio-fill-disabled);
274
299
  @property st-global(--wds-radio-fill-hover);
300
+ @property st-global(--wds-radio-group-gap-vertical);
275
301
  @property st-global(--wds-radio-hover);
276
302
  @property st-global(--wds-search-border-radius-large);
277
303
  @property st-global(--wds-search-border-radius-medium);
@@ -289,14 +315,18 @@
289
315
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
290
316
  @property st-global(--wds-segmented-toggle-border-radius-medium);
291
317
  @property st-global(--wds-segmented-toggle-border-radius-small);
292
- @property st-global(--wds-segmented-toggle-icononly-padings-horizontal-medium);
293
- @property st-global(--wds-segmented-toggle-icononly-padings-horizontal-small);
294
- @property st-global(--wds-segmented-toggle-icononly-padings-vertical-medium);
295
- @property st-global(--wds-segmented-toggle-icononly-padings-vertical-small);
296
- @property st-global(--wds-segmented-toggle-padings-horizontal-medium);
297
- @property st-global(--wds-segmented-toggle-padings-horizontal-small);
298
- @property st-global(--wds-segmented-toggle-padings-vertical-medium);
299
- @property st-global(--wds-segmented-toggle-padings-vertical-small);
318
+ @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
319
+ @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
320
+ @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
321
+ @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
322
+ @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
323
+ @property st-global(--wds-segmented-toggle-label-font-line-height-small);
324
+ @property st-global(--wds-segmented-toggle-label-font-size-medium);
325
+ @property st-global(--wds-segmented-toggle-label-font-size-small);
326
+ @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
327
+ @property st-global(--wds-segmented-toggle-padding-horizontal-small);
328
+ @property st-global(--wds-segmented-toggle-padding-vertical-medium);
329
+ @property st-global(--wds-segmented-toggle-padding-vertical-small);
300
330
  @property st-global(--wds-segmented-toggle-size-medium);
301
331
  @property st-global(--wds-segmented-toggle-size-small);
302
332
  @property st-global(--wds-select-area-border);
@@ -521,6 +551,14 @@
521
551
  --wds-button-border-radius-medium: 1000px;
522
552
  --wds-button-border-radius-small: 1000px;
523
553
  --wds-button-border-radius-tiny: 1000px;
554
+ --wds-button-font-line-height-large: 24px;
555
+ --wds-button-font-line-height-medium: 24px;
556
+ --wds-button-font-line-height-small: 18px;
557
+ --wds-button-font-line-height-tiny: 18px;
558
+ --wds-button-font-size-large: 16px;
559
+ --wds-button-font-size-medium: 16px;
560
+ --wds-button-font-size-small: 14px;
561
+ --wds-button-font-size-tiny: 12px;
524
562
  --wds-button-gap-large: 12px;
525
563
  --wds-button-gap-medium: 6px;
526
564
  --wds-button-gap-small: 6px;
@@ -564,6 +602,7 @@
564
602
  --wds-checkbox-fill-active-hover: #0f62e6;
565
603
  --wds-checkbox-fill-disabled: rgba(0, 6, 36, .1);
566
604
  --wds-checkbox-fill-hover: #e7f0ff;
605
+ --wds-checkbox-group-gap-vertical: 12px;
567
606
  --wds-checkbox-icon: #ffffff;
568
607
  --wds-checkbox-icon-disabled: rgba(0, 6, 36, .3);
569
608
  --wds-circular-progress-bar-background-fill-error: #fbd0cd;
@@ -630,9 +669,17 @@
630
669
  --wds-field-set-gap-large: 18px;
631
670
  --wds-field-set-gap-medium: 12px;
632
671
  --wds-field-set-gap-small: 6px;
672
+ --wds-field-set-label-font-line-height-small: 18px;
673
+ --wds-field-set-label-font-line-height-tiny: 18px;
674
+ --wds-field-set-label-font-size-small: 14px;
675
+ --wds-field-set-label-font-size-tiny: 12px;
633
676
  --wds-field-set-label-gap: 9px;
634
677
  --wds-floating-helper-padding-horizontal: 36px;
635
678
  --wds-floating-helper-padding-vertical: 30px;
679
+ --wds-form-field-label-font-line-height-small: 18px;
680
+ --wds-form-field-label-font-line-height-tiny: 18px;
681
+ --wds-form-field-label-font-size-small: 14px;
682
+ --wds-form-field-label-font-size-tiny: 12px;
636
683
  --wds-form-field-label-gap-small: 9px;
637
684
  --wds-form-field-label-gap-tiny: 6px;
638
685
  --wds-gallery-item-border: 8px;
@@ -672,6 +719,14 @@
672
719
  --wds-input-size-medium: 36px;
673
720
  --wds-input-size-small: 30px;
674
721
  --wds-input-size-tiny: 24px;
722
+ --wds-input-value-font-line-height-large: 24px;
723
+ --wds-input-value-font-line-height-medium: 24px;
724
+ --wds-input-value-font-line-height-small: 18px;
725
+ --wds-input-value-font-line-height-tiny: 18px;
726
+ --wds-input-value-font-size-large: 16px;
727
+ --wds-input-value-font-size-medium: 16px;
728
+ --wds-input-value-font-size-small: 14px;
729
+ --wds-input-value-font-size-tiny: 12px;
675
730
  --wds-input-width-fixed: 288px;
676
731
  --wds-input-width-large: 96px;
677
732
  --wds-input-width-medium: 72px;
@@ -764,6 +819,7 @@
764
819
  --wds-radio-fill-active-disabled: rgba(0, 6, 36, .1);
765
820
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
766
821
  --wds-radio-fill-hover: #e7f0ff;
822
+ --wds-radio-group-gap-vertical: 12px;
767
823
  --wds-radio-hover: #116dff;
768
824
  --wds-search-border-radius-large: 1000px;
769
825
  --wds-search-border-radius-medium: 1000px;
@@ -781,14 +837,18 @@
781
837
  --wds-section-helper-fullwidth-vertical-padding-small: 9px;
782
838
  --wds-segmented-toggle-border-radius-medium: 6px;
783
839
  --wds-segmented-toggle-border-radius-small: 6px;
784
- --wds-segmented-toggle-icononly-padings-horizontal-medium: 6px;
785
- --wds-segmented-toggle-icononly-padings-horizontal-small: 6px;
786
- --wds-segmented-toggle-icononly-padings-vertical-medium: 6px;
787
- --wds-segmented-toggle-icononly-padings-vertical-small: 6px;
788
- --wds-segmented-toggle-padings-horizontal-medium: 24px;
789
- --wds-segmented-toggle-padings-horizontal-small: 12px;
790
- --wds-segmented-toggle-padings-vertical-medium: 6px;
791
- --wds-segmented-toggle-padings-vertical-small: 6px;
840
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: 6px;
841
+ --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
842
+ --wds-segmented-toggle-icononly-padding-vertical-medium: 6px;
843
+ --wds-segmented-toggle-icononly-padding-vertical-small: 6px;
844
+ --wds-segmented-toggle-label-font-line-height-medium: 24px;
845
+ --wds-segmented-toggle-label-font-line-height-small: 18px;
846
+ --wds-segmented-toggle-label-font-size-medium: 16px;
847
+ --wds-segmented-toggle-label-font-size-small: 14px;
848
+ --wds-segmented-toggle-padding-horizontal-medium: 24px;
849
+ --wds-segmented-toggle-padding-horizontal-small: 12px;
850
+ --wds-segmented-toggle-padding-vertical-medium: 6px;
851
+ --wds-segmented-toggle-padding-vertical-small: 6px;
792
852
  --wds-segmented-toggle-size-medium: 36px;
793
853
  --wds-segmented-toggle-size-small: 30px;
794
854
  --wds-select-area-border: 8px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.3.19",
3
+ "version": "1.3.20",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -33,5 +33,5 @@
33
33
  "groupId": "com.wixpress"
34
34
  }
35
35
  },
36
- "falconPackageHash": "ae25937d0b40c8183f69578d7d6e0451d255df8b597d2179c5b82779"
36
+ "falconPackageHash": "01889e2cb81a4b50021e4137dff197b524bd910b7e7c0c1e4e0fa012"
37
37
  }
package/studio/all.st.css CHANGED
@@ -42,6 +42,14 @@
42
42
  @property st-global(--wds-button-border-radius-medium);
43
43
  @property st-global(--wds-button-border-radius-small);
44
44
  @property st-global(--wds-button-border-radius-tiny);
45
+ @property st-global(--wds-button-font-line-height-large);
46
+ @property st-global(--wds-button-font-line-height-medium);
47
+ @property st-global(--wds-button-font-line-height-small);
48
+ @property st-global(--wds-button-font-line-height-tiny);
49
+ @property st-global(--wds-button-font-size-large);
50
+ @property st-global(--wds-button-font-size-medium);
51
+ @property st-global(--wds-button-font-size-small);
52
+ @property st-global(--wds-button-font-size-tiny);
45
53
  @property st-global(--wds-button-gap-large);
46
54
  @property st-global(--wds-button-gap-medium);
47
55
  @property st-global(--wds-button-gap-small);
@@ -85,6 +93,7 @@
85
93
  @property st-global(--wds-checkbox-fill-active-hover);
86
94
  @property st-global(--wds-checkbox-fill-disabled);
87
95
  @property st-global(--wds-checkbox-fill-hover);
96
+ @property st-global(--wds-checkbox-group-gap-vertical);
88
97
  @property st-global(--wds-checkbox-icon);
89
98
  @property st-global(--wds-checkbox-icon-disabled);
90
99
  @property st-global(--wds-circular-progress-bar-background-fill-error);
@@ -515,6 +524,10 @@
515
524
  @property st-global(--wds-field-set-gap-large);
516
525
  @property st-global(--wds-field-set-gap-medium);
517
526
  @property st-global(--wds-field-set-gap-small);
527
+ @property st-global(--wds-field-set-label-font-line-height-small);
528
+ @property st-global(--wds-field-set-label-font-line-height-tiny);
529
+ @property st-global(--wds-field-set-label-font-size-small);
530
+ @property st-global(--wds-field-set-label-font-size-tiny);
518
531
  @property st-global(--wds-field-set-label-gap);
519
532
  @property st-global(--wds-floating-helper-padding-horizontal);
520
533
  @property st-global(--wds-floating-helper-padding-vertical);
@@ -570,6 +583,10 @@
570
583
  @property st-global(--wds-font-weight-heading-6);
571
584
  @property st-global(--wds-font-weight-medium);
572
585
  @property st-global(--wds-font-weight-regular);
586
+ @property st-global(--wds-form-field-label-font-line-height-small);
587
+ @property st-global(--wds-form-field-label-font-line-height-tiny);
588
+ @property st-global(--wds-form-field-label-font-size-small);
589
+ @property st-global(--wds-form-field-label-font-size-tiny);
573
590
  @property st-global(--wds-form-field-label-gap-small);
574
591
  @property st-global(--wds-form-field-label-gap-tiny);
575
592
  @property st-global(--wds-gallery-item-border);
@@ -609,6 +626,14 @@
609
626
  @property st-global(--wds-input-size-medium);
610
627
  @property st-global(--wds-input-size-small);
611
628
  @property st-global(--wds-input-size-tiny);
629
+ @property st-global(--wds-input-value-font-line-height-large);
630
+ @property st-global(--wds-input-value-font-line-height-medium);
631
+ @property st-global(--wds-input-value-font-line-height-small);
632
+ @property st-global(--wds-input-value-font-line-height-tiny);
633
+ @property st-global(--wds-input-value-font-size-large);
634
+ @property st-global(--wds-input-value-font-size-medium);
635
+ @property st-global(--wds-input-value-font-size-small);
636
+ @property st-global(--wds-input-value-font-size-tiny);
612
637
  @property st-global(--wds-input-width-fixed);
613
638
  @property st-global(--wds-input-width-large);
614
639
  @property st-global(--wds-input-width-medium);
@@ -701,6 +726,7 @@
701
726
  @property st-global(--wds-radio-fill-active-disabled);
702
727
  @property st-global(--wds-radio-fill-disabled);
703
728
  @property st-global(--wds-radio-fill-hover);
729
+ @property st-global(--wds-radio-group-gap-vertical);
704
730
  @property st-global(--wds-radio-hover);
705
731
  @property st-global(--wds-search-border-radius-large);
706
732
  @property st-global(--wds-search-border-radius-medium);
@@ -718,14 +744,18 @@
718
744
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
719
745
  @property st-global(--wds-segmented-toggle-border-radius-medium);
720
746
  @property st-global(--wds-segmented-toggle-border-radius-small);
721
- @property st-global(--wds-segmented-toggle-icononly-padings-horizontal-medium);
722
- @property st-global(--wds-segmented-toggle-icononly-padings-horizontal-small);
723
- @property st-global(--wds-segmented-toggle-icononly-padings-vertical-medium);
724
- @property st-global(--wds-segmented-toggle-icononly-padings-vertical-small);
725
- @property st-global(--wds-segmented-toggle-padings-horizontal-medium);
726
- @property st-global(--wds-segmented-toggle-padings-horizontal-small);
727
- @property st-global(--wds-segmented-toggle-padings-vertical-medium);
728
- @property st-global(--wds-segmented-toggle-padings-vertical-small);
747
+ @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
748
+ @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
749
+ @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
750
+ @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
751
+ @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
752
+ @property st-global(--wds-segmented-toggle-label-font-line-height-small);
753
+ @property st-global(--wds-segmented-toggle-label-font-size-medium);
754
+ @property st-global(--wds-segmented-toggle-label-font-size-small);
755
+ @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
756
+ @property st-global(--wds-segmented-toggle-padding-horizontal-small);
757
+ @property st-global(--wds-segmented-toggle-padding-vertical-medium);
758
+ @property st-global(--wds-segmented-toggle-padding-vertical-small);
729
759
  @property st-global(--wds-segmented-toggle-size-medium);
730
760
  @property st-global(--wds-segmented-toggle-size-small);
731
761
  @property st-global(--wds-select-area-border);
@@ -991,6 +1021,14 @@
991
1021
  --wds-button-border-radius-medium: 4px;
992
1022
  --wds-button-border-radius-small: 4px;
993
1023
  --wds-button-border-radius-tiny: 4px;
1024
+ --wds-button-font-line-height-large: 24px;
1025
+ --wds-button-font-line-height-medium: 20px;
1026
+ --wds-button-font-line-height-small: 16px;
1027
+ --wds-button-font-line-height-tiny: 16px;
1028
+ --wds-button-font-size-large: 16px;
1029
+ --wds-button-font-size-medium: 14px;
1030
+ --wds-button-font-size-small: 12px;
1031
+ --wds-button-font-size-tiny: 12px;
994
1032
  --wds-button-gap-large: 4px;
995
1033
  --wds-button-gap-medium: 4px;
996
1034
  --wds-button-gap-small: 4px;
@@ -1034,6 +1072,7 @@
1034
1072
  --wds-checkbox-fill-active-hover: #0f62e6;
1035
1073
  --wds-checkbox-fill-disabled: #e5e5e5;
1036
1074
  --wds-checkbox-fill-hover: #f7f8f8;
1075
+ --wds-checkbox-group-gap-vertical: 12px;
1037
1076
  --wds-checkbox-icon: #ffffff;
1038
1077
  --wds-checkbox-icon-disabled: rgba(255, 255, 255, .7);
1039
1078
  --wds-circular-progress-bar-background-fill-error: #e5e5e5;
@@ -1464,6 +1503,10 @@
1464
1503
  --wds-field-set-gap-large: 16px;
1465
1504
  --wds-field-set-gap-medium: 12px;
1466
1505
  --wds-field-set-gap-small: 6px;
1506
+ --wds-field-set-label-font-line-height-small: 16px;
1507
+ --wds-field-set-label-font-line-height-tiny: 16px;
1508
+ --wds-field-set-label-font-size-small: 12px;
1509
+ --wds-field-set-label-font-size-tiny: 11px;
1467
1510
  --wds-field-set-label-gap: 8px;
1468
1511
  --wds-floating-helper-padding-horizontal: 32px;
1469
1512
  --wds-floating-helper-padding-vertical: 28px;
@@ -1519,6 +1562,10 @@
1519
1562
  --wds-font-weight-heading-6: 400;
1520
1563
  --wds-font-weight-medium: 500;
1521
1564
  --wds-font-weight-regular: 400;
1565
+ --wds-form-field-label-font-line-height-small: 16px;
1566
+ --wds-form-field-label-font-line-height-tiny: 16px;
1567
+ --wds-form-field-label-font-size-small: 12px;
1568
+ --wds-form-field-label-font-size-tiny: 11px;
1522
1569
  --wds-form-field-label-gap-small: 8px;
1523
1570
  --wds-form-field-label-gap-tiny: 6px;
1524
1571
  --wds-gallery-item-border: 4px;
@@ -1533,9 +1580,9 @@
1533
1580
  --wds-input-area-border-radius-default-medium: 4px;
1534
1581
  --wds-input-area-border-radius-default-small: 4px;
1535
1582
  --wds-input-area-padding-left-medium: 12px;
1536
- --wds-input-area-padding-left-small: 12px;
1583
+ --wds-input-area-padding-left-small: 8px;
1537
1584
  --wds-input-area-padding-right-medium: 10px;
1538
- --wds-input-area-padding-right-small: 10px;
1585
+ --wds-input-area-padding-right-small: 6px;
1539
1586
  --wds-input-area-padding-vertical-medium: 4px;
1540
1587
  --wds-input-area-padding-vertical-small: 4px;
1541
1588
  --wds-input-border-radius-default-large: 4px;
@@ -1548,8 +1595,8 @@
1548
1595
  --wds-input-border-radius-round-tiny: 1000px;
1549
1596
  --wds-input-padding-horizontal-large: 8px;
1550
1597
  --wds-input-padding-horizontal-medium: 8px;
1551
- --wds-input-padding-horizontal-small: 8px;
1552
- --wds-input-padding-horizontal-tiny: 8px;
1598
+ --wds-input-padding-horizontal-small: 4px;
1599
+ --wds-input-padding-horizontal-tiny: 4px;
1553
1600
  --wds-input-padding-vertical-large: 6px;
1554
1601
  --wds-input-padding-vertical-medium: 4px;
1555
1602
  --wds-input-padding-vertical-small: 4px;
@@ -1558,6 +1605,14 @@
1558
1605
  --wds-input-size-medium: 32px;
1559
1606
  --wds-input-size-small: 28px;
1560
1607
  --wds-input-size-tiny: 24px;
1608
+ --wds-input-value-font-line-height-large: 24px;
1609
+ --wds-input-value-font-line-height-medium: 20px;
1610
+ --wds-input-value-font-line-height-small: 16px;
1611
+ --wds-input-value-font-line-height-tiny: 16px;
1612
+ --wds-input-value-font-size-large: 16px;
1613
+ --wds-input-value-font-size-medium: 14px;
1614
+ --wds-input-value-font-size-small: 12px;
1615
+ --wds-input-value-font-size-tiny: 12px;
1561
1616
  --wds-input-width-fixed: 260px;
1562
1617
  --wds-input-width-large: 96px;
1563
1618
  --wds-input-width-medium: 72px;
@@ -1650,6 +1705,7 @@
1650
1705
  --wds-radio-fill-active-disabled: #bebebe;
1651
1706
  --wds-radio-fill-disabled: #e5e5e5;
1652
1707
  --wds-radio-fill-hover: #f7f8f8;
1708
+ --wds-radio-group-gap-vertical: 12px;
1653
1709
  --wds-radio-hover: #868aa5;
1654
1710
  --wds-search-border-radius-large: 4px;
1655
1711
  --wds-search-border-radius-medium: 4px;
@@ -1667,14 +1723,18 @@
1667
1723
  --wds-section-helper-fullwidth-vertical-padding-small: 6px;
1668
1724
  --wds-segmented-toggle-border-radius-medium: 4px;
1669
1725
  --wds-segmented-toggle-border-radius-small: 4px;
1670
- --wds-segmented-toggle-icononly-padings-horizontal-medium: 4px;
1671
- --wds-segmented-toggle-icononly-padings-horizontal-small: 4px;
1672
- --wds-segmented-toggle-icononly-padings-vertical-medium: 4px;
1673
- --wds-segmented-toggle-icononly-padings-vertical-small: 4px;
1674
- --wds-segmented-toggle-padings-horizontal-medium: 16px;
1675
- --wds-segmented-toggle-padings-horizontal-small: 12px;
1676
- --wds-segmented-toggle-padings-vertical-medium: 4px;
1677
- --wds-segmented-toggle-padings-vertical-small: 4px;
1726
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: 4px;
1727
+ --wds-segmented-toggle-icononly-padding-horizontal-small: 4px;
1728
+ --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
1729
+ --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
1730
+ --wds-segmented-toggle-label-font-line-height-medium: 20px;
1731
+ --wds-segmented-toggle-label-font-line-height-small: 16px;
1732
+ --wds-segmented-toggle-label-font-size-medium: 14px;
1733
+ --wds-segmented-toggle-label-font-size-small: 12px;
1734
+ --wds-segmented-toggle-padding-horizontal-medium: 16px;
1735
+ --wds-segmented-toggle-padding-horizontal-small: 12px;
1736
+ --wds-segmented-toggle-padding-vertical-medium: 4px;
1737
+ --wds-segmented-toggle-padding-vertical-small: 4px;
1678
1738
  --wds-segmented-toggle-size-medium: 32px;
1679
1739
  --wds-segmented-toggle-size-small: 28px;
1680
1740
  --wds-select-area-border: 4px;
package/studio/component.st.css CHANGED
@@ -29,6 +29,14 @@
29
29
  @property st-global(--wds-button-border-radius-medium);
30
30
  @property st-global(--wds-button-border-radius-small);
31
31
  @property st-global(--wds-button-border-radius-tiny);
32
+ @property st-global(--wds-button-font-line-height-large);
33
+ @property st-global(--wds-button-font-line-height-medium);
34
+ @property st-global(--wds-button-font-line-height-small);
35
+ @property st-global(--wds-button-font-line-height-tiny);
36
+ @property st-global(--wds-button-font-size-large);
37
+ @property st-global(--wds-button-font-size-medium);
38
+ @property st-global(--wds-button-font-size-small);
39
+ @property st-global(--wds-button-font-size-tiny);
32
40
  @property st-global(--wds-button-gap-large);
33
41
  @property st-global(--wds-button-gap-medium);
34
42
  @property st-global(--wds-button-gap-small);
@@ -72,6 +80,7 @@
72
80
  @property st-global(--wds-checkbox-fill-active-hover);
73
81
  @property st-global(--wds-checkbox-fill-disabled);
74
82
  @property st-global(--wds-checkbox-fill-hover);
83
+ @property st-global(--wds-checkbox-group-gap-vertical);
75
84
  @property st-global(--wds-checkbox-icon);
76
85
  @property st-global(--wds-checkbox-icon-disabled);
77
86
  @property st-global(--wds-circular-progress-bar-background-fill-error);
@@ -138,9 +147,17 @@
138
147
  @property st-global(--wds-field-set-gap-large);
139
148
  @property st-global(--wds-field-set-gap-medium);
140
149
  @property st-global(--wds-field-set-gap-small);
150
+ @property st-global(--wds-field-set-label-font-line-height-small);
151
+ @property st-global(--wds-field-set-label-font-line-height-tiny);
152
+ @property st-global(--wds-field-set-label-font-size-small);
153
+ @property st-global(--wds-field-set-label-font-size-tiny);
141
154
  @property st-global(--wds-field-set-label-gap);
142
155
  @property st-global(--wds-floating-helper-padding-horizontal);
143
156
  @property st-global(--wds-floating-helper-padding-vertical);
157
+ @property st-global(--wds-form-field-label-font-line-height-small);
158
+ @property st-global(--wds-form-field-label-font-line-height-tiny);
159
+ @property st-global(--wds-form-field-label-font-size-small);
160
+ @property st-global(--wds-form-field-label-font-size-tiny);
144
161
  @property st-global(--wds-form-field-label-gap-small);
145
162
  @property st-global(--wds-form-field-label-gap-tiny);
146
163
  @property st-global(--wds-gallery-item-border);
@@ -180,6 +197,14 @@
180
197
  @property st-global(--wds-input-size-medium);
181
198
  @property st-global(--wds-input-size-small);
182
199
  @property st-global(--wds-input-size-tiny);
200
+ @property st-global(--wds-input-value-font-line-height-large);
201
+ @property st-global(--wds-input-value-font-line-height-medium);
202
+ @property st-global(--wds-input-value-font-line-height-small);
203
+ @property st-global(--wds-input-value-font-line-height-tiny);
204
+ @property st-global(--wds-input-value-font-size-large);
205
+ @property st-global(--wds-input-value-font-size-medium);
206
+ @property st-global(--wds-input-value-font-size-small);
207
+ @property st-global(--wds-input-value-font-size-tiny);
183
208
  @property st-global(--wds-input-width-fixed);
184
209
  @property st-global(--wds-input-width-large);
185
210
  @property st-global(--wds-input-width-medium);
@@ -272,6 +297,7 @@
272
297
  @property st-global(--wds-radio-fill-active-disabled);
273
298
  @property st-global(--wds-radio-fill-disabled);
274
299
  @property st-global(--wds-radio-fill-hover);
300
+ @property st-global(--wds-radio-group-gap-vertical);
275
301
  @property st-global(--wds-radio-hover);
276
302
  @property st-global(--wds-search-border-radius-large);
277
303
  @property st-global(--wds-search-border-radius-medium);
@@ -289,14 +315,18 @@
289
315
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
290
316
  @property st-global(--wds-segmented-toggle-border-radius-medium);
291
317
  @property st-global(--wds-segmented-toggle-border-radius-small);
292
- @property st-global(--wds-segmented-toggle-icononly-padings-horizontal-medium);
293
- @property st-global(--wds-segmented-toggle-icononly-padings-horizontal-small);
294
- @property st-global(--wds-segmented-toggle-icononly-padings-vertical-medium);
295
- @property st-global(--wds-segmented-toggle-icononly-padings-vertical-small);
296
- @property st-global(--wds-segmented-toggle-padings-horizontal-medium);
297
- @property st-global(--wds-segmented-toggle-padings-horizontal-small);
298
- @property st-global(--wds-segmented-toggle-padings-vertical-medium);
299
- @property st-global(--wds-segmented-toggle-padings-vertical-small);
318
+ @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
319
+ @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
320
+ @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
321
+ @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
322
+ @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
323
+ @property st-global(--wds-segmented-toggle-label-font-line-height-small);
324
+ @property st-global(--wds-segmented-toggle-label-font-size-medium);
325
+ @property st-global(--wds-segmented-toggle-label-font-size-small);
326
+ @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
327
+ @property st-global(--wds-segmented-toggle-padding-horizontal-small);
328
+ @property st-global(--wds-segmented-toggle-padding-vertical-medium);
329
+ @property st-global(--wds-segmented-toggle-padding-vertical-small);
300
330
  @property st-global(--wds-segmented-toggle-size-medium);
301
331
  @property st-global(--wds-segmented-toggle-size-small);
302
332
  @property st-global(--wds-select-area-border);
@@ -521,6 +551,14 @@
521
551
  --wds-button-border-radius-medium: 4px;
522
552
  --wds-button-border-radius-small: 4px;
523
553
  --wds-button-border-radius-tiny: 4px;
554
+ --wds-button-font-line-height-large: 24px;
555
+ --wds-button-font-line-height-medium: 20px;
556
+ --wds-button-font-line-height-small: 16px;
557
+ --wds-button-font-line-height-tiny: 16px;
558
+ --wds-button-font-size-large: 16px;
559
+ --wds-button-font-size-medium: 14px;
560
+ --wds-button-font-size-small: 12px;
561
+ --wds-button-font-size-tiny: 12px;
524
562
  --wds-button-gap-large: 4px;
525
563
  --wds-button-gap-medium: 4px;
526
564
  --wds-button-gap-small: 4px;
@@ -564,6 +602,7 @@
564
602
  --wds-checkbox-fill-active-hover: #0f62e6;
565
603
  --wds-checkbox-fill-disabled: #e5e5e5;
566
604
  --wds-checkbox-fill-hover: #f7f8f8;
605
+ --wds-checkbox-group-gap-vertical: 12px;
567
606
  --wds-checkbox-icon: #ffffff;
568
607
  --wds-checkbox-icon-disabled: rgba(255, 255, 255, .7);
569
608
  --wds-circular-progress-bar-background-fill-error: #e5e5e5;
@@ -630,9 +669,17 @@
630
669
  --wds-field-set-gap-large: 16px;
631
670
  --wds-field-set-gap-medium: 12px;
632
671
  --wds-field-set-gap-small: 6px;
672
+ --wds-field-set-label-font-line-height-small: 16px;
673
+ --wds-field-set-label-font-line-height-tiny: 16px;
674
+ --wds-field-set-label-font-size-small: 12px;
675
+ --wds-field-set-label-font-size-tiny: 11px;
633
676
  --wds-field-set-label-gap: 8px;
634
677
  --wds-floating-helper-padding-horizontal: 32px;
635
678
  --wds-floating-helper-padding-vertical: 28px;
679
+ --wds-form-field-label-font-line-height-small: 16px;
680
+ --wds-form-field-label-font-line-height-tiny: 16px;
681
+ --wds-form-field-label-font-size-small: 12px;
682
+ --wds-form-field-label-font-size-tiny: 11px;
636
683
  --wds-form-field-label-gap-small: 8px;
637
684
  --wds-form-field-label-gap-tiny: 6px;
638
685
  --wds-gallery-item-border: 4px;
@@ -647,9 +694,9 @@
647
694
  --wds-input-area-border-radius-default-medium: 4px;
648
695
  --wds-input-area-border-radius-default-small: 4px;
649
696
  --wds-input-area-padding-left-medium: 12px;
650
- --wds-input-area-padding-left-small: 12px;
697
+ --wds-input-area-padding-left-small: 8px;
651
698
  --wds-input-area-padding-right-medium: 10px;
652
- --wds-input-area-padding-right-small: 10px;
699
+ --wds-input-area-padding-right-small: 6px;
653
700
  --wds-input-area-padding-vertical-medium: 4px;
654
701
  --wds-input-area-padding-vertical-small: 4px;
655
702
  --wds-input-border-radius-default-large: 4px;
@@ -662,8 +709,8 @@
662
709
  --wds-input-border-radius-round-tiny: 1000px;
663
710
  --wds-input-padding-horizontal-large: 8px;
664
711
  --wds-input-padding-horizontal-medium: 8px;
665
- --wds-input-padding-horizontal-small: 8px;
666
- --wds-input-padding-horizontal-tiny: 8px;
712
+ --wds-input-padding-horizontal-small: 4px;
713
+ --wds-input-padding-horizontal-tiny: 4px;
667
714
  --wds-input-padding-vertical-large: 6px;
668
715
  --wds-input-padding-vertical-medium: 4px;
669
716
  --wds-input-padding-vertical-small: 4px;
@@ -672,6 +719,14 @@
672
719
  --wds-input-size-medium: 32px;
673
720
  --wds-input-size-small: 28px;
674
721
  --wds-input-size-tiny: 24px;
722
+ --wds-input-value-font-line-height-large: 24px;
723
+ --wds-input-value-font-line-height-medium: 20px;
724
+ --wds-input-value-font-line-height-small: 16px;
725
+ --wds-input-value-font-line-height-tiny: 16px;
726
+ --wds-input-value-font-size-large: 16px;
727
+ --wds-input-value-font-size-medium: 14px;
728
+ --wds-input-value-font-size-small: 12px;
729
+ --wds-input-value-font-size-tiny: 12px;
675
730
  --wds-input-width-fixed: 260px;
676
731
  --wds-input-width-large: 96px;
677
732
  --wds-input-width-medium: 72px;
@@ -764,6 +819,7 @@
764
819
  --wds-radio-fill-active-disabled: #bebebe;
765
820
  --wds-radio-fill-disabled: #e5e5e5;
766
821
  --wds-radio-fill-hover: #f7f8f8;
822
+ --wds-radio-group-gap-vertical: 12px;
767
823
  --wds-radio-hover: #868aa5;
768
824
  --wds-search-border-radius-large: 4px;
769
825
  --wds-search-border-radius-medium: 4px;
@@ -781,14 +837,18 @@
781
837
  --wds-section-helper-fullwidth-vertical-padding-small: 6px;
782
838
  --wds-segmented-toggle-border-radius-medium: 4px;
783
839
  --wds-segmented-toggle-border-radius-small: 4px;
784
- --wds-segmented-toggle-icononly-padings-horizontal-medium: 4px;
785
- --wds-segmented-toggle-icononly-padings-horizontal-small: 4px;
786
- --wds-segmented-toggle-icononly-padings-vertical-medium: 4px;
787
- --wds-segmented-toggle-icononly-padings-vertical-small: 4px;
788
- --wds-segmented-toggle-padings-horizontal-medium: 16px;
789
- --wds-segmented-toggle-padings-horizontal-small: 12px;
790
- --wds-segmented-toggle-padings-vertical-medium: 4px;
791
- --wds-segmented-toggle-padings-vertical-small: 4px;
840
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: 4px;
841
+ --wds-segmented-toggle-icononly-padding-horizontal-small: 4px;
842
+ --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
843
+ --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
844
+ --wds-segmented-toggle-label-font-line-height-medium: 20px;
845
+ --wds-segmented-toggle-label-font-line-height-small: 16px;
846
+ --wds-segmented-toggle-label-font-size-medium: 14px;
847
+ --wds-segmented-toggle-label-font-size-small: 12px;
848
+ --wds-segmented-toggle-padding-horizontal-medium: 16px;
849
+ --wds-segmented-toggle-padding-horizontal-small: 12px;
850
+ --wds-segmented-toggle-padding-vertical-medium: 4px;
851
+ --wds-segmented-toggle-padding-vertical-small: 4px;
792
852
  --wds-segmented-toggle-size-medium: 32px;
793
853
  --wds-segmented-toggle-size-small: 28px;
794
854
  --wds-select-area-border: 4px;