@wix/design-system-tokens 1.3.11 → 1.3.13

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 +40 -0
  2. package/component.st.css +40 -0
  3. package/package.json +2 -2
  4. package/studio/all.st.css +40 -0
  5. package/studio/component.st.css +40 -0
package/all.st.css CHANGED
@@ -1,9 +1,12 @@
1
+ @property st-global(--wds-add-item-border-radius);
1
2
  @property st-global(--wds-add-item-padding-horizontal-large);
2
3
  @property st-global(--wds-add-item-padding-horizontal-tiny);
3
4
  @property st-global(--wds-add-item-padding-vertical-large);
4
5
  @property st-global(--wds-add-item-padding-vertical-medium);
5
6
  @property st-global(--wds-add-item-padding-vertical-small);
6
7
  @property st-global(--wds-add-item-padding-vertical-tiny);
8
+ @property st-global(--wds-avatar-group-gap-condensed);
9
+ @property st-global(--wds-avatar-group-gap-default);
7
10
  @property st-global(--wds-badge-border-radius-medium);
8
11
  @property st-global(--wds-badge-border-radius-small);
9
12
  @property st-global(--wds-badge-border-radius-tiny);
@@ -515,6 +518,8 @@
515
518
  @property st-global(--wds-field-set-gap-medium);
516
519
  @property st-global(--wds-field-set-gap-small);
517
520
  @property st-global(--wds-field-set-label-gap);
521
+ @property st-global(--wds-floating-helper-padding-horizontal);
522
+ @property st-global(--wds-floating-helper-padding-vertical);
518
523
  @property st-global(--wds-font-family-default);
519
524
  @property st-global(--wds-font-letter-spacing-0);
520
525
  @property st-global(--wds-font-letter-spacing-100);
@@ -612,6 +617,10 @@
612
617
  @property st-global(--wds-input-width-small);
613
618
  @property st-global(--wds-input-width-tiny);
614
619
  @property st-global(--wds-linear-progress-bar-linear-progress-bar-border);
620
+ @property st-global(--wds-list-item-action-padding-horizontal-medium);
621
+ @property st-global(--wds-list-item-action-padding-horizontal-small);
622
+ @property st-global(--wds-list-item-action-padding-vertical-medium);
623
+ @property st-global(--wds-list-item-action-padding-vertical-small);
615
624
  @property st-global(--wds-list-item-gap-columns);
616
625
  @property st-global(--wds-list-item-indentation-level-2);
617
626
  @property st-global(--wds-list-item-indentation-level-3);
@@ -627,6 +636,7 @@
627
636
  @property st-global(--wds-list-item-padding-vertical-tiny);
628
637
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
629
638
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
639
+ @property st-global(--wds-list-item-section-padding-horizontal);
630
640
  @property st-global(--wds-list-item-select-active-fill);
631
641
  @property st-global(--wds-list-item-select-active-fill-active);
632
642
  @property st-global(--wds-list-item-select-active-fill-disabled);
@@ -661,6 +671,12 @@
661
671
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
662
672
  @property st-global(--wds-marketing-page-paddings-vertical-large);
663
673
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
674
+ @property st-global(--wds-message-modal-content-padding-horizontal);
675
+ @property st-global(--wds-message-modal-content-padding-top);
676
+ @property st-global(--wds-mobile-modal-content-padding-horizontal);
677
+ @property st-global(--wds-mobile-modal-content-padding-vertical);
678
+ @property st-global(--wds-mobile-modal-footer-padding-horizontal);
679
+ @property st-global(--wds-mobile-modal-footer-padding-vertical);
664
680
  @property st-global(--wds-notification-padding-horizontal);
665
681
  @property st-global(--wds-notification-padding-vertical);
666
682
  @property st-global(--wds-page-header-padding-horizontal);
@@ -772,6 +788,10 @@
772
788
  @property st-global(--wds-slider-track-border-radius-transparent);
773
789
  @property st-global(--wds-slider-track-size);
774
790
  @property st-global(--wds-slider-track-size-transparent);
791
+ @property st-global(--wds-social-post-preview-content-padding-horizontal);
792
+ @property st-global(--wds-social-post-preview-content-padding-vertical);
793
+ @property st-global(--wds-social-preview-content-padding-horizontal);
794
+ @property st-global(--wds-social-preview-content-padding-vertical);
775
795
  @property st-global(--wds-space-0);
776
796
  @property st-global(--wds-space-25);
777
797
  @property st-global(--wds-space-50);
@@ -950,12 +970,15 @@
950
970
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
951
971
 
952
972
  .root {
973
+ --wds-add-item-border-radius: 8px;
953
974
  --wds-add-item-padding-horizontal-large: 30px;
954
975
  --wds-add-item-padding-horizontal-tiny: 12px;
955
976
  --wds-add-item-padding-vertical-large: 30px;
956
977
  --wds-add-item-padding-vertical-medium: 24px;
957
978
  --wds-add-item-padding-vertical-small: 18px;
958
979
  --wds-add-item-padding-vertical-tiny: 12px;
980
+ --wds-avatar-group-gap-condensed: -3px;
981
+ --wds-avatar-group-gap-default: 6px;
959
982
  --wds-badge-border-radius-medium: 2px;
960
983
  --wds-badge-border-radius-small: 2px;
961
984
  --wds-badge-border-radius-tiny: 2px;
@@ -1467,6 +1490,8 @@
1467
1490
  --wds-field-set-gap-medium: 12px;
1468
1491
  --wds-field-set-gap-small: 6px;
1469
1492
  --wds-field-set-label-gap: 9px;
1493
+ --wds-floating-helper-padding-horizontal: 36px;
1494
+ --wds-floating-helper-padding-vertical: 30px;
1470
1495
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1471
1496
  --wds-font-letter-spacing-0: 0;
1472
1497
  --wds-font-letter-spacing-100: 1px;
@@ -1564,6 +1589,10 @@
1564
1589
  --wds-input-width-small: 54px;
1565
1590
  --wds-input-width-tiny: 48px;
1566
1591
  --wds-linear-progress-bar-linear-progress-bar-border: 1000px;
1592
+ --wds-list-item-action-padding-horizontal-medium: 18px;
1593
+ --wds-list-item-action-padding-horizontal-small: 18px;
1594
+ --wds-list-item-action-padding-vertical-medium: 6px;
1595
+ --wds-list-item-action-padding-vertical-small: 6px;
1567
1596
  --wds-list-item-gap-columns: 24px;
1568
1597
  --wds-list-item-indentation-level-2: 12px;
1569
1598
  --wds-list-item-indentation-level-3: 30px;
@@ -1579,6 +1608,7 @@
1579
1608
  --wds-list-item-padding-vertical-tiny: 12px;
1580
1609
  --wds-list-item-padding-vertical-x-tiny: 6px;
1581
1610
  --wds-list-item-padding-vertical-xx-tiny: 3px;
1611
+ --wds-list-item-section-padding-horizontal: 24px;
1582
1612
  --wds-list-item-select-active-fill: #116dff;
1583
1613
  --wds-list-item-select-active-fill-active: #084ebd;
1584
1614
  --wds-list-item-select-active-fill-disabled: rgba(0, 6, 36, .3);
@@ -1613,6 +1643,12 @@
1613
1643
  --wds-marketing-page-paddings-horizontal-medium: 48px;
1614
1644
  --wds-marketing-page-paddings-vertical-large: 48px;
1615
1645
  --wds-marketing-page-paddings-vertical-medium: 30px;
1646
+ --wds-message-modal-content-padding-horizontal: 24px;
1647
+ --wds-message-modal-content-padding-top: 24px;
1648
+ --wds-mobile-modal-content-padding-horizontal: 24px;
1649
+ --wds-mobile-modal-content-padding-vertical: 24px;
1650
+ --wds-mobile-modal-footer-padding-horizontal: 24px;
1651
+ --wds-mobile-modal-footer-padding-vertical: 24px;
1616
1652
  --wds-notification-padding-horizontal: 12px;
1617
1653
  --wds-notification-padding-vertical: 9px;
1618
1654
  --wds-page-header-padding-horizontal: 48px;
@@ -1724,6 +1760,10 @@
1724
1760
  --wds-slider-track-border-radius-transparent: 1000px;
1725
1761
  --wds-slider-track-size: 4px;
1726
1762
  --wds-slider-track-size-transparent: 8px;
1763
+ --wds-social-post-preview-content-padding-horizontal: 12px;
1764
+ --wds-social-post-preview-content-padding-vertical: 12px;
1765
+ --wds-social-preview-content-padding-horizontal: 12px;
1766
+ --wds-social-preview-content-padding-vertical: 9px;
1727
1767
  --wds-space-0: 0;
1728
1768
  --wds-space-25: 1px;
1729
1769
  --wds-space-50: 3px;
package/component.st.css CHANGED
@@ -1,9 +1,12 @@
1
+ @property st-global(--wds-add-item-border-radius);
1
2
  @property st-global(--wds-add-item-padding-horizontal-large);
2
3
  @property st-global(--wds-add-item-padding-horizontal-tiny);
3
4
  @property st-global(--wds-add-item-padding-vertical-large);
4
5
  @property st-global(--wds-add-item-padding-vertical-medium);
5
6
  @property st-global(--wds-add-item-padding-vertical-small);
6
7
  @property st-global(--wds-add-item-padding-vertical-tiny);
8
+ @property st-global(--wds-avatar-group-gap-condensed);
9
+ @property st-global(--wds-avatar-group-gap-default);
7
10
  @property st-global(--wds-badge-border-radius-medium);
8
11
  @property st-global(--wds-badge-border-radius-small);
9
12
  @property st-global(--wds-badge-border-radius-tiny);
@@ -136,6 +139,8 @@
136
139
  @property st-global(--wds-field-set-gap-medium);
137
140
  @property st-global(--wds-field-set-gap-small);
138
141
  @property st-global(--wds-field-set-label-gap);
142
+ @property st-global(--wds-floating-helper-padding-horizontal);
143
+ @property st-global(--wds-floating-helper-padding-vertical);
139
144
  @property st-global(--wds-form-field-label-gap-small);
140
145
  @property st-global(--wds-form-field-label-gap-tiny);
141
146
  @property st-global(--wds-gallery-item-border);
@@ -181,6 +186,10 @@
181
186
  @property st-global(--wds-input-width-small);
182
187
  @property st-global(--wds-input-width-tiny);
183
188
  @property st-global(--wds-linear-progress-bar-linear-progress-bar-border);
189
+ @property st-global(--wds-list-item-action-padding-horizontal-medium);
190
+ @property st-global(--wds-list-item-action-padding-horizontal-small);
191
+ @property st-global(--wds-list-item-action-padding-vertical-medium);
192
+ @property st-global(--wds-list-item-action-padding-vertical-small);
184
193
  @property st-global(--wds-list-item-gap-columns);
185
194
  @property st-global(--wds-list-item-indentation-level-2);
186
195
  @property st-global(--wds-list-item-indentation-level-3);
@@ -196,6 +205,7 @@
196
205
  @property st-global(--wds-list-item-padding-vertical-tiny);
197
206
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
198
207
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
208
+ @property st-global(--wds-list-item-section-padding-horizontal);
199
209
  @property st-global(--wds-list-item-select-active-fill);
200
210
  @property st-global(--wds-list-item-select-active-fill-active);
201
211
  @property st-global(--wds-list-item-select-active-fill-disabled);
@@ -230,6 +240,12 @@
230
240
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
231
241
  @property st-global(--wds-marketing-page-paddings-vertical-large);
232
242
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
243
+ @property st-global(--wds-message-modal-content-padding-horizontal);
244
+ @property st-global(--wds-message-modal-content-padding-top);
245
+ @property st-global(--wds-mobile-modal-content-padding-horizontal);
246
+ @property st-global(--wds-mobile-modal-content-padding-vertical);
247
+ @property st-global(--wds-mobile-modal-footer-padding-horizontal);
248
+ @property st-global(--wds-mobile-modal-footer-padding-vertical);
233
249
  @property st-global(--wds-notification-padding-horizontal);
234
250
  @property st-global(--wds-notification-padding-vertical);
235
251
  @property st-global(--wds-page-header-padding-horizontal);
@@ -314,6 +330,10 @@
314
330
  @property st-global(--wds-slider-track-border-radius-transparent);
315
331
  @property st-global(--wds-slider-track-size);
316
332
  @property st-global(--wds-slider-track-size-transparent);
333
+ @property st-global(--wds-social-post-preview-content-padding-horizontal);
334
+ @property st-global(--wds-social-post-preview-content-padding-vertical);
335
+ @property st-global(--wds-social-preview-content-padding-horizontal);
336
+ @property st-global(--wds-social-preview-content-padding-vertical);
317
337
  @property st-global(--wds-stepper-prefix-size-circle);
318
338
  @property st-global(--wds-stepper-prefix-size-number);
319
339
  @property st-global(--wds-swatches-list-gap);
@@ -468,12 +488,15 @@
468
488
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
469
489
 
470
490
  .root {
491
+ --wds-add-item-border-radius: 8px;
471
492
  --wds-add-item-padding-horizontal-large: 30px;
472
493
  --wds-add-item-padding-horizontal-tiny: 12px;
473
494
  --wds-add-item-padding-vertical-large: 30px;
474
495
  --wds-add-item-padding-vertical-medium: 24px;
475
496
  --wds-add-item-padding-vertical-small: 18px;
476
497
  --wds-add-item-padding-vertical-tiny: 12px;
498
+ --wds-avatar-group-gap-condensed: -3px;
499
+ --wds-avatar-group-gap-default: 6px;
477
500
  --wds-badge-border-radius-medium: 2px;
478
501
  --wds-badge-border-radius-small: 2px;
479
502
  --wds-badge-border-radius-tiny: 2px;
@@ -606,6 +629,8 @@
606
629
  --wds-field-set-gap-medium: 12px;
607
630
  --wds-field-set-gap-small: 6px;
608
631
  --wds-field-set-label-gap: 9px;
632
+ --wds-floating-helper-padding-horizontal: 36px;
633
+ --wds-floating-helper-padding-vertical: 30px;
609
634
  --wds-form-field-label-gap-small: 9px;
610
635
  --wds-form-field-label-gap-tiny: 6px;
611
636
  --wds-gallery-item-border: 8px;
@@ -651,6 +676,10 @@
651
676
  --wds-input-width-small: 54px;
652
677
  --wds-input-width-tiny: 48px;
653
678
  --wds-linear-progress-bar-linear-progress-bar-border: 1000px;
679
+ --wds-list-item-action-padding-horizontal-medium: 18px;
680
+ --wds-list-item-action-padding-horizontal-small: 18px;
681
+ --wds-list-item-action-padding-vertical-medium: 6px;
682
+ --wds-list-item-action-padding-vertical-small: 6px;
654
683
  --wds-list-item-gap-columns: 24px;
655
684
  --wds-list-item-indentation-level-2: 12px;
656
685
  --wds-list-item-indentation-level-3: 30px;
@@ -666,6 +695,7 @@
666
695
  --wds-list-item-padding-vertical-tiny: 12px;
667
696
  --wds-list-item-padding-vertical-x-tiny: 6px;
668
697
  --wds-list-item-padding-vertical-xx-tiny: 3px;
698
+ --wds-list-item-section-padding-horizontal: 24px;
669
699
  --wds-list-item-select-active-fill: #116dff;
670
700
  --wds-list-item-select-active-fill-active: #084ebd;
671
701
  --wds-list-item-select-active-fill-disabled: rgba(0, 6, 36, .3);
@@ -700,6 +730,12 @@
700
730
  --wds-marketing-page-paddings-horizontal-medium: 48px;
701
731
  --wds-marketing-page-paddings-vertical-large: 48px;
702
732
  --wds-marketing-page-paddings-vertical-medium: 30px;
733
+ --wds-message-modal-content-padding-horizontal: 24px;
734
+ --wds-message-modal-content-padding-top: 24px;
735
+ --wds-mobile-modal-content-padding-horizontal: 24px;
736
+ --wds-mobile-modal-content-padding-vertical: 24px;
737
+ --wds-mobile-modal-footer-padding-horizontal: 24px;
738
+ --wds-mobile-modal-footer-padding-vertical: 24px;
703
739
  --wds-notification-padding-horizontal: 12px;
704
740
  --wds-notification-padding-vertical: 9px;
705
741
  --wds-page-header-padding-horizontal: 48px;
@@ -784,6 +820,10 @@
784
820
  --wds-slider-track-border-radius-transparent: 1000px;
785
821
  --wds-slider-track-size: 4px;
786
822
  --wds-slider-track-size-transparent: 8px;
823
+ --wds-social-post-preview-content-padding-horizontal: 12px;
824
+ --wds-social-post-preview-content-padding-vertical: 12px;
825
+ --wds-social-preview-content-padding-horizontal: 12px;
826
+ --wds-social-preview-content-padding-vertical: 9px;
787
827
  --wds-stepper-prefix-size-circle: 30px;
788
828
  --wds-stepper-prefix-size-number: 24px;
789
829
  --wds-swatches-list-gap: 12px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.3.11",
3
+ "version": "1.3.13",
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": "7197139a2c2f02976aadbf086ed0ab258314ef90bd7682220bccb716"
36
+ "falconPackageHash": "57f2e622aace3defbef63582b639f707bda0755462c44c5bf301f089"
37
37
  }
package/studio/all.st.css CHANGED
@@ -1,9 +1,12 @@
1
+ @property st-global(--wds-add-item-border-radius);
1
2
  @property st-global(--wds-add-item-padding-horizontal-large);
2
3
  @property st-global(--wds-add-item-padding-horizontal-tiny);
3
4
  @property st-global(--wds-add-item-padding-vertical-large);
4
5
  @property st-global(--wds-add-item-padding-vertical-medium);
5
6
  @property st-global(--wds-add-item-padding-vertical-small);
6
7
  @property st-global(--wds-add-item-padding-vertical-tiny);
8
+ @property st-global(--wds-avatar-group-gap-condensed);
9
+ @property st-global(--wds-avatar-group-gap-default);
7
10
  @property st-global(--wds-badge-border-radius-medium);
8
11
  @property st-global(--wds-badge-border-radius-small);
9
12
  @property st-global(--wds-badge-border-radius-tiny);
@@ -511,6 +514,8 @@
511
514
  @property st-global(--wds-field-set-gap-medium);
512
515
  @property st-global(--wds-field-set-gap-small);
513
516
  @property st-global(--wds-field-set-label-gap);
517
+ @property st-global(--wds-floating-helper-padding-horizontal);
518
+ @property st-global(--wds-floating-helper-padding-vertical);
514
519
  @property st-global(--wds-font-family-default);
515
520
  @property st-global(--wds-font-letter-spacing-0);
516
521
  @property st-global(--wds-font-letter-spacing-100);
@@ -608,6 +613,10 @@
608
613
  @property st-global(--wds-input-width-small);
609
614
  @property st-global(--wds-input-width-tiny);
610
615
  @property st-global(--wds-linear-progress-bar-border);
616
+ @property st-global(--wds-list-item-action-padding-horizontal-medium);
617
+ @property st-global(--wds-list-item-action-padding-horizontal-small);
618
+ @property st-global(--wds-list-item-action-padding-vertical-medium);
619
+ @property st-global(--wds-list-item-action-padding-vertical-small);
611
620
  @property st-global(--wds-list-item-gap-columns);
612
621
  @property st-global(--wds-list-item-indentation-level-2);
613
622
  @property st-global(--wds-list-item-indentation-level-3);
@@ -623,6 +632,7 @@
623
632
  @property st-global(--wds-list-item-padding-vertical-tiny);
624
633
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
625
634
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
635
+ @property st-global(--wds-list-item-section-padding-horizontal);
626
636
  @property st-global(--wds-list-item-select-active-fill);
627
637
  @property st-global(--wds-list-item-select-active-fill-active);
628
638
  @property st-global(--wds-list-item-select-active-fill-disabled);
@@ -657,6 +667,12 @@
657
667
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
658
668
  @property st-global(--wds-marketing-page-paddings-vertical-large);
659
669
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
670
+ @property st-global(--wds-message-modal-content-padding-horizontal);
671
+ @property st-global(--wds-message-modal-content-padding-top);
672
+ @property st-global(--wds-mobile-modal-content-padding-horizontal);
673
+ @property st-global(--wds-mobile-modal-content-padding-vertical);
674
+ @property st-global(--wds-mobile-modal-footer-padding-horizontal);
675
+ @property st-global(--wds-mobile-modal-footer-padding-vertical);
660
676
  @property st-global(--wds-notification-padding-horizontal);
661
677
  @property st-global(--wds-notification-padding-vertical);
662
678
  @property st-global(--wds-page-header-padding-horizontal);
@@ -745,6 +761,10 @@
745
761
  @property st-global(--wds-slider-track-border-radius);
746
762
  @property st-global(--wds-slider-track-size);
747
763
  @property st-global(--wds-slider-track-size-transparent);
764
+ @property st-global(--wds-social-post-preview-content-padding-horizontal);
765
+ @property st-global(--wds-social-post-preview-content-padding-vertical);
766
+ @property st-global(--wds-social-preview-content-padding-horizontal);
767
+ @property st-global(--wds-social-preview-content-padding-vertical);
748
768
  @property st-global(--wds-space-0);
749
769
  @property st-global(--wds-space-25);
750
770
  @property st-global(--wds-space-50);
@@ -923,12 +943,15 @@
923
943
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
924
944
 
925
945
  .root {
946
+ --wds-add-item-border-radius: 4px;
926
947
  --wds-add-item-padding-horizontal-large: 28px;
927
948
  --wds-add-item-padding-horizontal-tiny: 12px;
928
949
  --wds-add-item-padding-vertical-large: 28px;
929
950
  --wds-add-item-padding-vertical-medium: 24px;
930
951
  --wds-add-item-padding-vertical-small: 16px;
931
952
  --wds-add-item-padding-vertical-tiny: 12px;
953
+ --wds-avatar-group-gap-condensed: -2px;
954
+ --wds-avatar-group-gap-default: 4px;
932
955
  --wds-badge-border-radius-medium: 2px;
933
956
  --wds-badge-border-radius-small: 2px;
934
957
  --wds-badge-border-radius-tiny: 2px;
@@ -1436,6 +1459,8 @@
1436
1459
  --wds-field-set-gap-medium: 12px;
1437
1460
  --wds-field-set-gap-small: 6px;
1438
1461
  --wds-field-set-label-gap: 8px;
1462
+ --wds-floating-helper-padding-horizontal: 32px;
1463
+ --wds-floating-helper-padding-vertical: 28px;
1439
1464
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1440
1465
  --wds-font-letter-spacing-0: 0;
1441
1466
  --wds-font-letter-spacing-100: 1px;
@@ -1533,6 +1558,10 @@
1533
1558
  --wds-input-width-small: 56px;
1534
1559
  --wds-input-width-tiny: 48px;
1535
1560
  --wds-linear-progress-bar-border: 0;
1561
+ --wds-list-item-action-padding-horizontal-medium: 12px;
1562
+ --wds-list-item-action-padding-horizontal-small: 12px;
1563
+ --wds-list-item-action-padding-vertical-medium: 4px;
1564
+ --wds-list-item-action-padding-vertical-small: 4px;
1536
1565
  --wds-list-item-gap-columns: 24px;
1537
1566
  --wds-list-item-indentation-level-2: 12px;
1538
1567
  --wds-list-item-indentation-level-3: 28px;
@@ -1548,6 +1577,7 @@
1548
1577
  --wds-list-item-padding-vertical-tiny: 12px;
1549
1578
  --wds-list-item-padding-vertical-x-tiny: 8px;
1550
1579
  --wds-list-item-padding-vertical-xx-tiny: 4px;
1580
+ --wds-list-item-section-padding-horizontal: 16px;
1551
1581
  --wds-list-item-select-active-fill: #dce9ff;
1552
1582
  --wds-list-item-select-active-fill-active: #dce9ff;
1553
1583
  --wds-list-item-select-active-fill-disabled: #e5e5e5;
@@ -1582,6 +1612,12 @@
1582
1612
  --wds-marketing-page-paddings-horizontal-medium: 48px;
1583
1613
  --wds-marketing-page-paddings-vertical-large: 32px;
1584
1614
  --wds-marketing-page-paddings-vertical-medium: 20px;
1615
+ --wds-message-modal-content-padding-horizontal: 24px;
1616
+ --wds-message-modal-content-padding-top: 20px;
1617
+ --wds-mobile-modal-content-padding-horizontal: 24px;
1618
+ --wds-mobile-modal-content-padding-vertical: 24px;
1619
+ --wds-mobile-modal-footer-padding-horizontal: 24px;
1620
+ --wds-mobile-modal-footer-padding-vertical: 24px;
1585
1621
  --wds-notification-padding-horizontal: 8px;
1586
1622
  --wds-notification-padding-vertical: 8px;
1587
1623
  --wds-page-header-padding-horizontal: 48px;
@@ -1670,6 +1706,10 @@
1670
1706
  --wds-slider-track-border-radius: 1000px;
1671
1707
  --wds-slider-track-size: 2px;
1672
1708
  --wds-slider-track-size-transparent: 2px;
1709
+ --wds-social-post-preview-content-padding-horizontal: 12px;
1710
+ --wds-social-post-preview-content-padding-vertical: 12px;
1711
+ --wds-social-preview-content-padding-horizontal: 12px;
1712
+ --wds-social-preview-content-padding-vertical: 8px;
1673
1713
  --wds-space-0: 0;
1674
1714
  --wds-space-25: 1px;
1675
1715
  --wds-space-50: 2px;
package/studio/component.st.css CHANGED
@@ -1,9 +1,12 @@
1
+ @property st-global(--wds-add-item-border-radius);
1
2
  @property st-global(--wds-add-item-padding-horizontal-large);
2
3
  @property st-global(--wds-add-item-padding-horizontal-tiny);
3
4
  @property st-global(--wds-add-item-padding-vertical-large);
4
5
  @property st-global(--wds-add-item-padding-vertical-medium);
5
6
  @property st-global(--wds-add-item-padding-vertical-small);
6
7
  @property st-global(--wds-add-item-padding-vertical-tiny);
8
+ @property st-global(--wds-avatar-group-gap-condensed);
9
+ @property st-global(--wds-avatar-group-gap-default);
7
10
  @property st-global(--wds-badge-border-radius-medium);
8
11
  @property st-global(--wds-badge-border-radius-small);
9
12
  @property st-global(--wds-badge-border-radius-tiny);
@@ -136,6 +139,8 @@
136
139
  @property st-global(--wds-field-set-gap-medium);
137
140
  @property st-global(--wds-field-set-gap-small);
138
141
  @property st-global(--wds-field-set-label-gap);
142
+ @property st-global(--wds-floating-helper-padding-horizontal);
143
+ @property st-global(--wds-floating-helper-padding-vertical);
139
144
  @property st-global(--wds-form-field-label-gap-small);
140
145
  @property st-global(--wds-form-field-label-gap-tiny);
141
146
  @property st-global(--wds-gallery-item-border);
@@ -181,6 +186,10 @@
181
186
  @property st-global(--wds-input-width-small);
182
187
  @property st-global(--wds-input-width-tiny);
183
188
  @property st-global(--wds-linear-progress-bar-border);
189
+ @property st-global(--wds-list-item-action-padding-horizontal-medium);
190
+ @property st-global(--wds-list-item-action-padding-horizontal-small);
191
+ @property st-global(--wds-list-item-action-padding-vertical-medium);
192
+ @property st-global(--wds-list-item-action-padding-vertical-small);
184
193
  @property st-global(--wds-list-item-gap-columns);
185
194
  @property st-global(--wds-list-item-indentation-level-2);
186
195
  @property st-global(--wds-list-item-indentation-level-3);
@@ -196,6 +205,7 @@
196
205
  @property st-global(--wds-list-item-padding-vertical-tiny);
197
206
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
198
207
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
208
+ @property st-global(--wds-list-item-section-padding-horizontal);
199
209
  @property st-global(--wds-list-item-select-active-fill);
200
210
  @property st-global(--wds-list-item-select-active-fill-active);
201
211
  @property st-global(--wds-list-item-select-active-fill-disabled);
@@ -230,6 +240,12 @@
230
240
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
231
241
  @property st-global(--wds-marketing-page-paddings-vertical-large);
232
242
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
243
+ @property st-global(--wds-message-modal-content-padding-horizontal);
244
+ @property st-global(--wds-message-modal-content-padding-top);
245
+ @property st-global(--wds-mobile-modal-content-padding-horizontal);
246
+ @property st-global(--wds-mobile-modal-content-padding-vertical);
247
+ @property st-global(--wds-mobile-modal-footer-padding-horizontal);
248
+ @property st-global(--wds-mobile-modal-footer-padding-vertical);
233
249
  @property st-global(--wds-notification-padding-horizontal);
234
250
  @property st-global(--wds-notification-padding-vertical);
235
251
  @property st-global(--wds-page-header-padding-horizontal);
@@ -314,6 +330,10 @@
314
330
  @property st-global(--wds-slider-track-border-radius);
315
331
  @property st-global(--wds-slider-track-size);
316
332
  @property st-global(--wds-slider-track-size-transparent);
333
+ @property st-global(--wds-social-post-preview-content-padding-horizontal);
334
+ @property st-global(--wds-social-post-preview-content-padding-vertical);
335
+ @property st-global(--wds-social-preview-content-padding-horizontal);
336
+ @property st-global(--wds-social-preview-content-padding-vertical);
317
337
  @property st-global(--wds-stepper-prefix-size-circle);
318
338
  @property st-global(--wds-stepper-prefix-size-number);
319
339
  @property st-global(--wds-swatches-list-gap);
@@ -468,12 +488,15 @@
468
488
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
469
489
 
470
490
  .root {
491
+ --wds-add-item-border-radius: 4px;
471
492
  --wds-add-item-padding-horizontal-large: 28px;
472
493
  --wds-add-item-padding-horizontal-tiny: 12px;
473
494
  --wds-add-item-padding-vertical-large: 28px;
474
495
  --wds-add-item-padding-vertical-medium: 24px;
475
496
  --wds-add-item-padding-vertical-small: 16px;
476
497
  --wds-add-item-padding-vertical-tiny: 12px;
498
+ --wds-avatar-group-gap-condensed: -2px;
499
+ --wds-avatar-group-gap-default: 4px;
477
500
  --wds-badge-border-radius-medium: 2px;
478
501
  --wds-badge-border-radius-small: 2px;
479
502
  --wds-badge-border-radius-tiny: 2px;
@@ -606,6 +629,8 @@
606
629
  --wds-field-set-gap-medium: 12px;
607
630
  --wds-field-set-gap-small: 6px;
608
631
  --wds-field-set-label-gap: 8px;
632
+ --wds-floating-helper-padding-horizontal: 32px;
633
+ --wds-floating-helper-padding-vertical: 28px;
609
634
  --wds-form-field-label-gap-small: 8px;
610
635
  --wds-form-field-label-gap-tiny: 6px;
611
636
  --wds-gallery-item-border: 4px;
@@ -651,6 +676,10 @@
651
676
  --wds-input-width-small: 56px;
652
677
  --wds-input-width-tiny: 48px;
653
678
  --wds-linear-progress-bar-border: 0;
679
+ --wds-list-item-action-padding-horizontal-medium: 12px;
680
+ --wds-list-item-action-padding-horizontal-small: 12px;
681
+ --wds-list-item-action-padding-vertical-medium: 4px;
682
+ --wds-list-item-action-padding-vertical-small: 4px;
654
683
  --wds-list-item-gap-columns: 24px;
655
684
  --wds-list-item-indentation-level-2: 12px;
656
685
  --wds-list-item-indentation-level-3: 28px;
@@ -666,6 +695,7 @@
666
695
  --wds-list-item-padding-vertical-tiny: 12px;
667
696
  --wds-list-item-padding-vertical-x-tiny: 8px;
668
697
  --wds-list-item-padding-vertical-xx-tiny: 4px;
698
+ --wds-list-item-section-padding-horizontal: 16px;
669
699
  --wds-list-item-select-active-fill: #dce9ff;
670
700
  --wds-list-item-select-active-fill-active: #dce9ff;
671
701
  --wds-list-item-select-active-fill-disabled: #e5e5e5;
@@ -700,6 +730,12 @@
700
730
  --wds-marketing-page-paddings-horizontal-medium: 48px;
701
731
  --wds-marketing-page-paddings-vertical-large: 32px;
702
732
  --wds-marketing-page-paddings-vertical-medium: 20px;
733
+ --wds-message-modal-content-padding-horizontal: 24px;
734
+ --wds-message-modal-content-padding-top: 20px;
735
+ --wds-mobile-modal-content-padding-horizontal: 24px;
736
+ --wds-mobile-modal-content-padding-vertical: 24px;
737
+ --wds-mobile-modal-footer-padding-horizontal: 24px;
738
+ --wds-mobile-modal-footer-padding-vertical: 24px;
703
739
  --wds-notification-padding-horizontal: 8px;
704
740
  --wds-notification-padding-vertical: 8px;
705
741
  --wds-page-header-padding-horizontal: 48px;
@@ -784,6 +820,10 @@
784
820
  --wds-slider-track-border-radius: 1000px;
785
821
  --wds-slider-track-size: 2px;
786
822
  --wds-slider-track-size-transparent: 2px;
823
+ --wds-social-post-preview-content-padding-horizontal: 12px;
824
+ --wds-social-post-preview-content-padding-vertical: 12px;
825
+ --wds-social-preview-content-padding-horizontal: 12px;
826
+ --wds-social-preview-content-padding-vertical: 8px;
787
827
  --wds-stepper-prefix-size-circle: 20px;
788
828
  --wds-stepper-prefix-size-number: 16px;
789
829
  --wds-swatches-list-gap: 12px;