@wix/design-system-tokens 1.3.12 → 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 +14 -0
  2. package/component.st.css +14 -0
  3. package/package.json +2 -2
  4. package/studio/all.st.css +14 -0
  5. package/studio/component.st.css +14 -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);
@@ -785,6 +788,10 @@
785
788
  @property st-global(--wds-slider-track-border-radius-transparent);
786
789
  @property st-global(--wds-slider-track-size);
787
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);
788
795
  @property st-global(--wds-space-0);
789
796
  @property st-global(--wds-space-25);
790
797
  @property st-global(--wds-space-50);
@@ -963,12 +970,15 @@
963
970
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
964
971
 
965
972
  .root {
973
+ --wds-add-item-border-radius: 8px;
966
974
  --wds-add-item-padding-horizontal-large: 30px;
967
975
  --wds-add-item-padding-horizontal-tiny: 12px;
968
976
  --wds-add-item-padding-vertical-large: 30px;
969
977
  --wds-add-item-padding-vertical-medium: 24px;
970
978
  --wds-add-item-padding-vertical-small: 18px;
971
979
  --wds-add-item-padding-vertical-tiny: 12px;
980
+ --wds-avatar-group-gap-condensed: -3px;
981
+ --wds-avatar-group-gap-default: 6px;
972
982
  --wds-badge-border-radius-medium: 2px;
973
983
  --wds-badge-border-radius-small: 2px;
974
984
  --wds-badge-border-radius-tiny: 2px;
@@ -1750,6 +1760,10 @@
1750
1760
  --wds-slider-track-border-radius-transparent: 1000px;
1751
1761
  --wds-slider-track-size: 4px;
1752
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;
1753
1767
  --wds-space-0: 0;
1754
1768
  --wds-space-25: 1px;
1755
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);
@@ -327,6 +330,10 @@
327
330
  @property st-global(--wds-slider-track-border-radius-transparent);
328
331
  @property st-global(--wds-slider-track-size);
329
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);
330
337
  @property st-global(--wds-stepper-prefix-size-circle);
331
338
  @property st-global(--wds-stepper-prefix-size-number);
332
339
  @property st-global(--wds-swatches-list-gap);
@@ -481,12 +488,15 @@
481
488
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
482
489
 
483
490
  .root {
491
+ --wds-add-item-border-radius: 8px;
484
492
  --wds-add-item-padding-horizontal-large: 30px;
485
493
  --wds-add-item-padding-horizontal-tiny: 12px;
486
494
  --wds-add-item-padding-vertical-large: 30px;
487
495
  --wds-add-item-padding-vertical-medium: 24px;
488
496
  --wds-add-item-padding-vertical-small: 18px;
489
497
  --wds-add-item-padding-vertical-tiny: 12px;
498
+ --wds-avatar-group-gap-condensed: -3px;
499
+ --wds-avatar-group-gap-default: 6px;
490
500
  --wds-badge-border-radius-medium: 2px;
491
501
  --wds-badge-border-radius-small: 2px;
492
502
  --wds-badge-border-radius-tiny: 2px;
@@ -810,6 +820,10 @@
810
820
  --wds-slider-track-border-radius-transparent: 1000px;
811
821
  --wds-slider-track-size: 4px;
812
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;
813
827
  --wds-stepper-prefix-size-circle: 30px;
814
828
  --wds-stepper-prefix-size-number: 24px;
815
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.12",
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": "f7484c4b4b52bb83a1061a73be8fec4cc46c53f48cd4bc90a4700359"
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);
@@ -758,6 +761,10 @@
758
761
  @property st-global(--wds-slider-track-border-radius);
759
762
  @property st-global(--wds-slider-track-size);
760
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);
761
768
  @property st-global(--wds-space-0);
762
769
  @property st-global(--wds-space-25);
763
770
  @property st-global(--wds-space-50);
@@ -936,12 +943,15 @@
936
943
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
937
944
 
938
945
  .root {
946
+ --wds-add-item-border-radius: 4px;
939
947
  --wds-add-item-padding-horizontal-large: 28px;
940
948
  --wds-add-item-padding-horizontal-tiny: 12px;
941
949
  --wds-add-item-padding-vertical-large: 28px;
942
950
  --wds-add-item-padding-vertical-medium: 24px;
943
951
  --wds-add-item-padding-vertical-small: 16px;
944
952
  --wds-add-item-padding-vertical-tiny: 12px;
953
+ --wds-avatar-group-gap-condensed: -2px;
954
+ --wds-avatar-group-gap-default: 4px;
945
955
  --wds-badge-border-radius-medium: 2px;
946
956
  --wds-badge-border-radius-small: 2px;
947
957
  --wds-badge-border-radius-tiny: 2px;
@@ -1696,6 +1706,10 @@
1696
1706
  --wds-slider-track-border-radius: 1000px;
1697
1707
  --wds-slider-track-size: 2px;
1698
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;
1699
1713
  --wds-space-0: 0;
1700
1714
  --wds-space-25: 1px;
1701
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);
@@ -327,6 +330,10 @@
327
330
  @property st-global(--wds-slider-track-border-radius);
328
331
  @property st-global(--wds-slider-track-size);
329
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);
330
337
  @property st-global(--wds-stepper-prefix-size-circle);
331
338
  @property st-global(--wds-stepper-prefix-size-number);
332
339
  @property st-global(--wds-swatches-list-gap);
@@ -481,12 +488,15 @@
481
488
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
482
489
 
483
490
  .root {
491
+ --wds-add-item-border-radius: 4px;
484
492
  --wds-add-item-padding-horizontal-large: 28px;
485
493
  --wds-add-item-padding-horizontal-tiny: 12px;
486
494
  --wds-add-item-padding-vertical-large: 28px;
487
495
  --wds-add-item-padding-vertical-medium: 24px;
488
496
  --wds-add-item-padding-vertical-small: 16px;
489
497
  --wds-add-item-padding-vertical-tiny: 12px;
498
+ --wds-avatar-group-gap-condensed: -2px;
499
+ --wds-avatar-group-gap-default: 4px;
490
500
  --wds-badge-border-radius-medium: 2px;
491
501
  --wds-badge-border-radius-small: 2px;
492
502
  --wds-badge-border-radius-tiny: 2px;
@@ -810,6 +820,10 @@
810
820
  --wds-slider-track-border-radius: 1000px;
811
821
  --wds-slider-track-size: 2px;
812
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;
813
827
  --wds-stepper-prefix-size-circle: 20px;
814
828
  --wds-stepper-prefix-size-number: 16px;
815
829
  --wds-swatches-list-gap: 12px;