@wix/design-system-tokens 1.13.1 → 1.14.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.
Files changed (5) hide show
  1. package/all.st.css +24 -0
  2. package/package.json +2 -2
  3. package/semantic.st.css +24 -0
  4. package/studio/all.st.css +24 -0
  5. package/studio/semantic.st.css +24 -0
package/all.st.css CHANGED
@@ -881,6 +881,18 @@
881
881
  @property st-global(--wds-space-1600);
882
882
  @property st-global(--wds-space-1700);
883
883
  @property st-global(--wds-space-2400);
884
+ @property st-global(--wds-space-padding-horizontal-large);
885
+ @property st-global(--wds-space-padding-horizontal-medium);
886
+ @property st-global(--wds-space-padding-horizontal-small);
887
+ @property st-global(--wds-space-padding-horizontal-tiny);
888
+ @property st-global(--wds-space-padding-horizontal-x-tiny);
889
+ @property st-global(--wds-space-padding-horizontal-xx-tiny);
890
+ @property st-global(--wds-space-padding-vertical-large);
891
+ @property st-global(--wds-space-padding-vertical-medium);
892
+ @property st-global(--wds-space-padding-vertical-small);
893
+ @property st-global(--wds-space-padding-vertical-tiny);
894
+ @property st-global(--wds-space-padding-vertical-x-tiny);
895
+ @property st-global(--wds-space-padding-vertical-xx-tiny);
884
896
  @property st-global(--wds-stepper-prefix-size-circle);
885
897
  @property st-global(--wds-stepper-prefix-size-number);
886
898
  @property st-global(--wds-swatches-list-gap);
@@ -1918,6 +1930,18 @@
1918
1930
  --wds-space-1600: 96px;
1919
1931
  --wds-space-1700: 102px;
1920
1932
  --wds-space-2400: 144px;
1933
+ --wds-space-padding-horizontal-large: 24px;
1934
+ --wds-space-padding-horizontal-medium: 18px;
1935
+ --wds-space-padding-horizontal-small: 15px;
1936
+ --wds-space-padding-horizontal-tiny: 12px;
1937
+ --wds-space-padding-horizontal-x-tiny: 6px;
1938
+ --wds-space-padding-horizontal-xx-tiny: 3px;
1939
+ --wds-space-padding-vertical-large: 24px;
1940
+ --wds-space-padding-vertical-medium: 18px;
1941
+ --wds-space-padding-vertical-small: 15px;
1942
+ --wds-space-padding-vertical-tiny: 12px;
1943
+ --wds-space-padding-vertical-x-tiny: 6px;
1944
+ --wds-space-padding-vertical-xx-tiny: 3px;
1921
1945
  --wds-stepper-prefix-size-circle: 30px;
1922
1946
  --wds-stepper-prefix-size-number: 24px;
1923
1947
  --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.13.1",
3
+ "version": "1.14.0",
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": "5e3ed86be28fdb6711024673c32aa59d8a86eb42301cda1ec82c9d78"
36
+ "falconPackageHash": "0945b2aacccb568048e45f648b108f2d2f23674361abb398e41e60ab"
37
37
  }
package/semantic.st.css CHANGED
@@ -315,6 +315,18 @@
315
315
  @property st-global(--wds-shadow-surface-overlay);
316
316
  @property st-global(--wds-shadow-surface-overlay-dark);
317
317
  @property st-global(--wds-shadow-surface-raised);
318
+ @property st-global(--wds-space-padding-horizontal-large);
319
+ @property st-global(--wds-space-padding-horizontal-medium);
320
+ @property st-global(--wds-space-padding-horizontal-small);
321
+ @property st-global(--wds-space-padding-horizontal-tiny);
322
+ @property st-global(--wds-space-padding-horizontal-x-tiny);
323
+ @property st-global(--wds-space-padding-horizontal-xx-tiny);
324
+ @property st-global(--wds-space-padding-vertical-large);
325
+ @property st-global(--wds-space-padding-vertical-medium);
326
+ @property st-global(--wds-space-padding-vertical-small);
327
+ @property st-global(--wds-space-padding-vertical-tiny);
328
+ @property st-global(--wds-space-padding-vertical-x-tiny);
329
+ @property st-global(--wds-space-padding-vertical-xx-tiny);
318
330
 
319
331
  .root {
320
332
  --wds-border-radius-surface-modal: 8px;
@@ -634,4 +646,16 @@
634
646
  --wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
635
647
  --wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
636
648
  --wds-shadow-surface-raised: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
649
+ --wds-space-padding-horizontal-large: 24px;
650
+ --wds-space-padding-horizontal-medium: 18px;
651
+ --wds-space-padding-horizontal-small: 15px;
652
+ --wds-space-padding-horizontal-tiny: 12px;
653
+ --wds-space-padding-horizontal-x-tiny: 6px;
654
+ --wds-space-padding-horizontal-xx-tiny: 3px;
655
+ --wds-space-padding-vertical-large: 24px;
656
+ --wds-space-padding-vertical-medium: 18px;
657
+ --wds-space-padding-vertical-small: 15px;
658
+ --wds-space-padding-vertical-tiny: 12px;
659
+ --wds-space-padding-vertical-x-tiny: 6px;
660
+ --wds-space-padding-vertical-xx-tiny: 3px;
637
661
  }
package/studio/all.st.css CHANGED
@@ -854,6 +854,18 @@
854
854
  @property st-global(--wds-space-1600);
855
855
  @property st-global(--wds-space-1700);
856
856
  @property st-global(--wds-space-2400);
857
+ @property st-global(--wds-space-padding-horizontal-large);
858
+ @property st-global(--wds-space-padding-horizontal-medium);
859
+ @property st-global(--wds-space-padding-horizontal-small);
860
+ @property st-global(--wds-space-padding-horizontal-tiny);
861
+ @property st-global(--wds-space-padding-horizontal-x-tiny);
862
+ @property st-global(--wds-space-padding-horizontal-xx-tiny);
863
+ @property st-global(--wds-space-padding-vertical-large);
864
+ @property st-global(--wds-space-padding-vertical-medium);
865
+ @property st-global(--wds-space-padding-vertical-small);
866
+ @property st-global(--wds-space-padding-vertical-tiny);
867
+ @property st-global(--wds-space-padding-vertical-x-tiny);
868
+ @property st-global(--wds-space-padding-vertical-xx-tiny);
857
869
  @property st-global(--wds-stepper-prefix-size-circle);
858
870
  @property st-global(--wds-stepper-prefix-size-number);
859
871
  @property st-global(--wds-swatches-list-gap);
@@ -1864,6 +1876,18 @@
1864
1876
  --wds-space-1600: 64px;
1865
1877
  --wds-space-1700: 68px;
1866
1878
  --wds-space-2400: 96px;
1879
+ --wds-space-padding-horizontal-large: 24px;
1880
+ --wds-space-padding-horizontal-medium: 20px;
1881
+ --wds-space-padding-horizontal-small: 16px;
1882
+ --wds-space-padding-horizontal-tiny: 12px;
1883
+ --wds-space-padding-horizontal-x-tiny: 8px;
1884
+ --wds-space-padding-horizontal-xx-tiny: 4px;
1885
+ --wds-space-padding-vertical-large: 24px;
1886
+ --wds-space-padding-vertical-medium: 20px;
1887
+ --wds-space-padding-vertical-small: 16px;
1888
+ --wds-space-padding-vertical-tiny: 12px;
1889
+ --wds-space-padding-vertical-x-tiny: 8px;
1890
+ --wds-space-padding-vertical-xx-tiny: 4px;
1867
1891
  --wds-stepper-prefix-size-circle: 20px;
1868
1892
  --wds-stepper-prefix-size-number: 16px;
1869
1893
  --wds-swatches-list-gap: 12px;
package/studio/semantic.st.css CHANGED
@@ -304,6 +304,18 @@
304
304
  @property st-global(--wds-font-weight-heading-4);
305
305
  @property st-global(--wds-font-weight-heading-5);
306
306
  @property st-global(--wds-font-weight-heading-6);
307
+ @property st-global(--wds-space-padding-horizontal-large);
308
+ @property st-global(--wds-space-padding-horizontal-medium);
309
+ @property st-global(--wds-space-padding-horizontal-small);
310
+ @property st-global(--wds-space-padding-horizontal-tiny);
311
+ @property st-global(--wds-space-padding-horizontal-x-tiny);
312
+ @property st-global(--wds-space-padding-horizontal-xx-tiny);
313
+ @property st-global(--wds-space-padding-vertical-large);
314
+ @property st-global(--wds-space-padding-vertical-medium);
315
+ @property st-global(--wds-space-padding-vertical-small);
316
+ @property st-global(--wds-space-padding-vertical-tiny);
317
+ @property st-global(--wds-space-padding-vertical-x-tiny);
318
+ @property st-global(--wds-space-padding-vertical-xx-tiny);
307
319
 
308
320
  .root {
309
321
  --wds-border-radius-surface-modal: 4px;
@@ -612,4 +624,16 @@
612
624
  --wds-font-weight-heading-4: 700;
613
625
  --wds-font-weight-heading-5: 700;
614
626
  --wds-font-weight-heading-6: 400;
627
+ --wds-space-padding-horizontal-large: 24px;
628
+ --wds-space-padding-horizontal-medium: 20px;
629
+ --wds-space-padding-horizontal-small: 16px;
630
+ --wds-space-padding-horizontal-tiny: 12px;
631
+ --wds-space-padding-horizontal-x-tiny: 8px;
632
+ --wds-space-padding-horizontal-xx-tiny: 4px;
633
+ --wds-space-padding-vertical-large: 24px;
634
+ --wds-space-padding-vertical-medium: 20px;
635
+ --wds-space-padding-vertical-small: 16px;
636
+ --wds-space-padding-vertical-tiny: 12px;
637
+ --wds-space-padding-vertical-x-tiny: 8px;
638
+ --wds-space-padding-vertical-xx-tiny: 4px;
615
639
  }