@wix/design-system-tokens 1.225.2 → 1.225.3

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 (23) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/all.css +7 -0
  3. package/all.scss +7 -0
  4. package/all.st.css +14 -0
  5. package/component.st.css +14 -0
  6. package/odeditor/all.css +15 -8
  7. package/odeditor/all.scss +15 -8
  8. package/odeditor/all.st.css +22 -8
  9. package/odeditor/component.st.css +22 -8
  10. package/odeditor-dark/all.css +15 -8
  11. package/odeditor-dark/all.scss +15 -8
  12. package/odeditor-dark/all.st.css +22 -8
  13. package/odeditor-dark/component.st.css +22 -8
  14. package/package.json +2 -2
  15. package/pending-figma-sync/README.md +11 -0
  16. package/studio/all.css +7 -0
  17. package/studio/all.scss +7 -0
  18. package/studio/all.st.css +14 -0
  19. package/studio/component.st.css +14 -0
  20. package/wixel/all.css +7 -0
  21. package/wixel/all.scss +7 -0
  22. package/wixel/all.st.css +14 -0
  23. package/wixel/component.st.css +14 -0
package/wixel/all.css CHANGED
@@ -403,10 +403,14 @@
403
403
  --wds-marketing-layout-image-wrapper-contain: none;
404
404
  --wds-marketing-layout-image-width: 100%;
405
405
  --wds-marketing-layout-image-object-fit: fill;
406
+ --wds-marketing-layout-image-max-width-tiny: none;
407
+ --wds-marketing-layout-image-max-width-small: none;
408
+ --wds-marketing-layout-image-max-width-medium: none;
406
409
  --wds-marketing-layout-image-height: auto;
407
410
  --wds-marketing-layout-image-border-radius: 0px;
408
411
  --wds-marketing-layout-image-aspect-ratio: auto;
409
412
  --wds-marketing-layout-description-max-width: none;
413
+ --wds-marketing-layout-content-justify: center;
410
414
  --wds-marketing-layout-badge-top: 9px;
411
415
  --wds-marketing-layout-badge-side: -3px;
412
416
  --wds-marketing-layout-badge-position: absolute;
@@ -1388,6 +1392,7 @@
1388
1392
  --wds-marketing-page-content-padding-end-medium: var(--wds-space-1200);
1389
1393
  --wds-marketing-page-content-padding-end-large: var(--wds-space-1500);
1390
1394
  --wds-marketing-page-content-actions-gap: var(--wds-space-700);
1395
+ --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-0);
1391
1396
  --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1392
1397
  --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1393
1398
  --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
@@ -1411,6 +1416,7 @@
1411
1416
  --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-600);
1412
1417
  --wds-marketing-layout-image-padding-left-small: var(--wds-space-600);
1413
1418
  --wds-marketing-layout-image-padding-left-medium: var(--wds-space-1200);
1419
+ --wds-marketing-layout-image-hug-padding: var(--wds-space-0);
1414
1420
  --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1415
1421
  --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1416
1422
  --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
@@ -1660,6 +1666,7 @@
1660
1666
  --wds-card-header-title-subtitle-gap: var(--wds-space-0);
1661
1667
  --wds-card-header-padding-vertical: var(--wds-space-400);
1662
1668
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1669
+ --wds-card-header-padding-bottom: var(--wds-space-400);
1663
1670
  --wds-card-header-divider-width: var(--wds-border-width-none);
1664
1671
  --wds-card-controls-padding-vertical: var(--wds-space-400);
1665
1672
  --wds-card-controls-padding-horizontal: var(--wds-space-600);
package/wixel/all.scss CHANGED
@@ -159,10 +159,14 @@
159
159
  --wds-marketing-layout-image-wrapper-contain: none;
160
160
  --wds-marketing-layout-image-width: 100%;
161
161
  --wds-marketing-layout-image-object-fit: fill;
162
+ --wds-marketing-layout-image-max-width-tiny: none;
163
+ --wds-marketing-layout-image-max-width-small: none;
164
+ --wds-marketing-layout-image-max-width-medium: none;
162
165
  --wds-marketing-layout-image-height: auto;
163
166
  --wds-marketing-layout-image-border-radius: 0px;
164
167
  --wds-marketing-layout-image-aspect-ratio: auto;
165
168
  --wds-marketing-layout-description-max-width: none;
169
+ --wds-marketing-layout-content-justify: center;
166
170
  --wds-marketing-layout-badge-top: 9px;
167
171
  --wds-marketing-layout-badge-side: -3px;
168
172
  --wds-marketing-layout-badge-position: absolute;
@@ -1068,6 +1072,7 @@
1068
1072
  --wds-marketing-page-content-padding-end-medium: var(--wds-space-1200);
1069
1073
  --wds-marketing-page-content-padding-end-large: var(--wds-space-1500);
1070
1074
  --wds-marketing-page-content-actions-gap: var(--wds-space-700);
1075
+ --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-0);
1071
1076
  --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1072
1077
  --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1073
1078
  --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
@@ -1091,6 +1096,7 @@
1091
1096
  --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-600);
1092
1097
  --wds-marketing-layout-image-padding-left-small: var(--wds-space-600);
1093
1098
  --wds-marketing-layout-image-padding-left-medium: var(--wds-space-1200);
1099
+ --wds-marketing-layout-image-hug-padding: var(--wds-space-0);
1094
1100
  --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1095
1101
  --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1096
1102
  --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
@@ -1624,6 +1630,7 @@
1624
1630
  --wds-card-header-title-subtitle-gap: var(--wds-space-0);
1625
1631
  --wds-card-header-padding-vertical: var(--wds-space-400);
1626
1632
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1633
+ --wds-card-header-padding-bottom: var(--wds-space-400);
1627
1634
  --wds-card-header-divider-width: var(--wds-border-width-none);
1628
1635
  --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-medium);
1629
1636
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-medium);
package/wixel/all.st.css CHANGED
@@ -391,6 +391,7 @@
391
391
  @property st-global(--wds-card-gallery-item-title-font-weight-small);
392
392
  @property st-global(--wds-card-gallery-item-title-gap);
393
393
  @property st-global(--wds-card-header-divider-width);
394
+ @property st-global(--wds-card-header-padding-bottom);
394
395
  @property st-global(--wds-card-header-padding-horizontal);
395
396
  @property st-global(--wds-card-header-padding-vertical);
396
397
  @property st-global(--wds-card-header-suffix-align);
@@ -1478,6 +1479,7 @@
1478
1479
  @property st-global(--wds-marketing-layout-badge-top);
1479
1480
  @property st-global(--wds-marketing-layout-border);
1480
1481
  @property st-global(--wds-marketing-layout-border-radius);
1482
+ @property st-global(--wds-marketing-layout-content-justify);
1481
1483
  @property st-global(--wds-marketing-layout-description-color);
1482
1484
  @property st-global(--wds-marketing-layout-description-font-size-medium);
1483
1485
  @property st-global(--wds-marketing-layout-description-font-size-small);
@@ -1492,6 +1494,10 @@
1492
1494
  @property st-global(--wds-marketing-layout-image-aspect-ratio);
1493
1495
  @property st-global(--wds-marketing-layout-image-border-radius);
1494
1496
  @property st-global(--wds-marketing-layout-image-height);
1497
+ @property st-global(--wds-marketing-layout-image-hug-padding);
1498
+ @property st-global(--wds-marketing-layout-image-max-width-medium);
1499
+ @property st-global(--wds-marketing-layout-image-max-width-small);
1500
+ @property st-global(--wds-marketing-layout-image-max-width-tiny);
1495
1501
  @property st-global(--wds-marketing-layout-image-object-fit);
1496
1502
  @property st-global(--wds-marketing-layout-image-padding-left-medium);
1497
1503
  @property st-global(--wds-marketing-layout-image-padding-left-small);
@@ -1528,6 +1534,7 @@
1528
1534
  @property st-global(--wds-marketing-layout-title-gap-medium);
1529
1535
  @property st-global(--wds-marketing-layout-title-gap-small);
1530
1536
  @property st-global(--wds-marketing-layout-title-gap-tiny);
1537
+ @property st-global(--wds-marketing-layout-title-letter-spacing-tiny);
1531
1538
  @property st-global(--wds-marketing-layout-title-line-height-medium);
1532
1539
  @property st-global(--wds-marketing-layout-title-line-height-small);
1533
1540
  @property st-global(--wds-marketing-layout-title-line-height-tiny);
@@ -2901,6 +2908,7 @@
2901
2908
  --wds-card-gallery-item-title-font-weight-small: 500;
2902
2909
  --wds-card-gallery-item-title-gap: 0px;
2903
2910
  --wds-card-header-divider-width: 0px;
2911
+ --wds-card-header-padding-bottom: 16px;
2904
2912
  --wds-card-header-padding-horizontal: 24px;
2905
2913
  --wds-card-header-padding-vertical: 16px;
2906
2914
  --wds-card-header-suffix-align: center;
@@ -3988,6 +3996,7 @@
3988
3996
  --wds-marketing-layout-badge-top: 9px;
3989
3997
  --wds-marketing-layout-border: 4px;
3990
3998
  --wds-marketing-layout-border-radius: 4px;
3999
+ --wds-marketing-layout-content-justify: center;
3991
4000
  --wds-marketing-layout-description-color: #595d70;
3992
4001
  --wds-marketing-layout-description-font-size-medium: 16px;
3993
4002
  --wds-marketing-layout-description-font-size-small: 14px;
@@ -4002,6 +4011,10 @@
4002
4011
  --wds-marketing-layout-image-aspect-ratio: auto;
4003
4012
  --wds-marketing-layout-image-border-radius: 0px;
4004
4013
  --wds-marketing-layout-image-height: auto;
4014
+ --wds-marketing-layout-image-hug-padding: 0px;
4015
+ --wds-marketing-layout-image-max-width-medium: none;
4016
+ --wds-marketing-layout-image-max-width-small: none;
4017
+ --wds-marketing-layout-image-max-width-tiny: none;
4005
4018
  --wds-marketing-layout-image-object-fit: fill;
4006
4019
  --wds-marketing-layout-image-padding-left-medium: 48px;
4007
4020
  --wds-marketing-layout-image-padding-left-small: 24px;
@@ -4038,6 +4051,7 @@
4038
4051
  --wds-marketing-layout-title-gap-medium: 8px;
4039
4052
  --wds-marketing-layout-title-gap-small: 4px;
4040
4053
  --wds-marketing-layout-title-gap-tiny: 4px;
4054
+ --wds-marketing-layout-title-letter-spacing-tiny: 0px;
4041
4055
  --wds-marketing-layout-title-line-height-medium: 24px;
4042
4056
  --wds-marketing-layout-title-line-height-small: 24px;
4043
4057
  --wds-marketing-layout-title-line-height-tiny: 24px;
package/wixel/component.st.css CHANGED
@@ -353,6 +353,7 @@
353
353
  @property st-global(--wds-card-gallery-item-title-font-weight-small);
354
354
  @property st-global(--wds-card-gallery-item-title-gap);
355
355
  @property st-global(--wds-card-header-divider-width);
356
+ @property st-global(--wds-card-header-padding-bottom);
356
357
  @property st-global(--wds-card-header-padding-horizontal);
357
358
  @property st-global(--wds-card-header-padding-vertical);
358
359
  @property st-global(--wds-card-header-suffix-align);
@@ -902,6 +903,7 @@
902
903
  @property st-global(--wds-marketing-layout-badge-top);
903
904
  @property st-global(--wds-marketing-layout-border);
904
905
  @property st-global(--wds-marketing-layout-border-radius);
906
+ @property st-global(--wds-marketing-layout-content-justify);
905
907
  @property st-global(--wds-marketing-layout-description-color);
906
908
  @property st-global(--wds-marketing-layout-description-font-size-medium);
907
909
  @property st-global(--wds-marketing-layout-description-font-size-small);
@@ -916,6 +918,10 @@
916
918
  @property st-global(--wds-marketing-layout-image-aspect-ratio);
917
919
  @property st-global(--wds-marketing-layout-image-border-radius);
918
920
  @property st-global(--wds-marketing-layout-image-height);
921
+ @property st-global(--wds-marketing-layout-image-hug-padding);
922
+ @property st-global(--wds-marketing-layout-image-max-width-medium);
923
+ @property st-global(--wds-marketing-layout-image-max-width-small);
924
+ @property st-global(--wds-marketing-layout-image-max-width-tiny);
919
925
  @property st-global(--wds-marketing-layout-image-object-fit);
920
926
  @property st-global(--wds-marketing-layout-image-padding-left-medium);
921
927
  @property st-global(--wds-marketing-layout-image-padding-left-small);
@@ -952,6 +958,7 @@
952
958
  @property st-global(--wds-marketing-layout-title-gap-medium);
953
959
  @property st-global(--wds-marketing-layout-title-gap-small);
954
960
  @property st-global(--wds-marketing-layout-title-gap-tiny);
961
+ @property st-global(--wds-marketing-layout-title-letter-spacing-tiny);
955
962
  @property st-global(--wds-marketing-layout-title-line-height-medium);
956
963
  @property st-global(--wds-marketing-layout-title-line-height-small);
957
964
  @property st-global(--wds-marketing-layout-title-line-height-tiny);
@@ -2148,6 +2155,7 @@
2148
2155
  --wds-card-gallery-item-title-font-weight-small: 500;
2149
2156
  --wds-card-gallery-item-title-gap: 0px;
2150
2157
  --wds-card-header-divider-width: 0px;
2158
+ --wds-card-header-padding-bottom: 16px;
2151
2159
  --wds-card-header-padding-horizontal: 24px;
2152
2160
  --wds-card-header-padding-vertical: 16px;
2153
2161
  --wds-card-header-suffix-align: center;
@@ -2697,6 +2705,7 @@
2697
2705
  --wds-marketing-layout-badge-top: 9px;
2698
2706
  --wds-marketing-layout-border: 4px;
2699
2707
  --wds-marketing-layout-border-radius: 4px;
2708
+ --wds-marketing-layout-content-justify: center;
2700
2709
  --wds-marketing-layout-description-color: #595d70;
2701
2710
  --wds-marketing-layout-description-font-size-medium: 16px;
2702
2711
  --wds-marketing-layout-description-font-size-small: 14px;
@@ -2711,6 +2720,10 @@
2711
2720
  --wds-marketing-layout-image-aspect-ratio: auto;
2712
2721
  --wds-marketing-layout-image-border-radius: 0px;
2713
2722
  --wds-marketing-layout-image-height: auto;
2723
+ --wds-marketing-layout-image-hug-padding: 0px;
2724
+ --wds-marketing-layout-image-max-width-medium: none;
2725
+ --wds-marketing-layout-image-max-width-small: none;
2726
+ --wds-marketing-layout-image-max-width-tiny: none;
2714
2727
  --wds-marketing-layout-image-object-fit: fill;
2715
2728
  --wds-marketing-layout-image-padding-left-medium: 48px;
2716
2729
  --wds-marketing-layout-image-padding-left-small: 24px;
@@ -2747,6 +2760,7 @@
2747
2760
  --wds-marketing-layout-title-gap-medium: 8px;
2748
2761
  --wds-marketing-layout-title-gap-small: 4px;
2749
2762
  --wds-marketing-layout-title-gap-tiny: 4px;
2763
+ --wds-marketing-layout-title-letter-spacing-tiny: 0px;
2750
2764
  --wds-marketing-layout-title-line-height-medium: 24px;
2751
2765
  --wds-marketing-layout-title-line-height-small: 24px;
2752
2766
  --wds-marketing-layout-title-line-height-tiny: 24px;