@wix/design-system-tokens 1.48.0 → 1.49.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 (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/all.css +4 -0
  3. package/all.st.css +8 -0
  4. package/component.st.css +8 -0
  5. package/package.json +2 -2
  6. package/studio/all.css +4 -0
  7. package/studio/all.st.css +8 -0
  8. package/studio/component.st.css +8 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## 1.49.0 - 2024-10-23
2
+
3
+ ### Features
4
+
5
+ - feat(SectionHelper): add prefix icon [14219](https://github.com/wix-private/wix-design-systems/pull/14219)
6
+ - feat(ListItemSelectIcon): add ListItemSelectIcon component [14221](https://github.com/wix-private/wix-design-systems/pull/14221)
7
+
1
8
  ## 1.43.0 - 2024-09-25
2
9
 
3
10
  ### Features
package/all.css CHANGED
@@ -281,6 +281,8 @@
281
281
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
282
282
  --wds-list-item-select-title: #000624;
283
283
  --wds-list-item-select-title-disabled: rgba(0, 6, 36, .3);
284
+ --wds-list-item-select-icon-padding-horizontal-medium: 12px;
285
+ --wds-list-item-select-icon-padding-vertical-medium: 6px;
284
286
  --wds-loader-fill: #d6e6fe;
285
287
  --wds-loader-fill-error: #e62214;
286
288
  --wds-loader-fill-light: #ffffff;
@@ -371,6 +373,8 @@
371
373
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
372
374
  --wds-section-helper-fullwidth-vertical-padding-medium: 12px;
373
375
  --wds-section-helper-fullwidth-vertical-padding-small: 9px;
376
+ --wds-section-helper-horizontal-margin: 6px;
377
+ --wds-section-helper-prefix-offset-margin: 6px;
374
378
  --wds-segmented-toggle-border-radius-medium: 6px;
375
379
  --wds-segmented-toggle-border-radius-small: 6px;
376
380
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 6px;
package/all.st.css CHANGED
@@ -716,6 +716,8 @@
716
716
  @property st-global(--wds-list-item-select-fill-active);
717
717
  @property st-global(--wds-list-item-select-fill-disabled);
718
718
  @property st-global(--wds-list-item-select-fill-hover);
719
+ @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
720
+ @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
719
721
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
720
722
  @property st-global(--wds-list-item-select-padding-horizontal-small);
721
723
  @property st-global(--wds-list-item-select-padding-vertical-medium);
@@ -816,6 +818,8 @@
816
818
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-small);
817
819
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
818
820
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
821
+ @property st-global(--wds-section-helper-horizontal-margin);
822
+ @property st-global(--wds-section-helper-prefix-offset-margin);
819
823
  @property st-global(--wds-segmented-toggle-border-radius-medium);
820
824
  @property st-global(--wds-segmented-toggle-border-radius-small);
821
825
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
@@ -1882,6 +1886,8 @@
1882
1886
  --wds-list-item-select-fill-active: #d6e6fe;
1883
1887
  --wds-list-item-select-fill-disabled: #ffffff;
1884
1888
  --wds-list-item-select-fill-hover: #e7f0ff;
1889
+ --wds-list-item-select-icon-padding-horizontal-medium: 12px;
1890
+ --wds-list-item-select-icon-padding-vertical-medium: 6px;
1885
1891
  --wds-list-item-select-padding-horizontal-medium: 18px;
1886
1892
  --wds-list-item-select-padding-horizontal-small: 18px;
1887
1893
  --wds-list-item-select-padding-vertical-medium: 6px;
@@ -1982,6 +1988,8 @@
1982
1988
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
1983
1989
  --wds-section-helper-fullwidth-vertical-padding-medium: 12px;
1984
1990
  --wds-section-helper-fullwidth-vertical-padding-small: 9px;
1991
+ --wds-section-helper-horizontal-margin: 6px;
1992
+ --wds-section-helper-prefix-offset-margin: 6px;
1985
1993
  --wds-segmented-toggle-border-radius-medium: 6px;
1986
1994
  --wds-segmented-toggle-border-radius-small: 6px;
1987
1995
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 6px;
package/component.st.css CHANGED
@@ -270,6 +270,8 @@
270
270
  @property st-global(--wds-list-item-select-fill-active);
271
271
  @property st-global(--wds-list-item-select-fill-disabled);
272
272
  @property st-global(--wds-list-item-select-fill-hover);
273
+ @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
274
+ @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
273
275
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
274
276
  @property st-global(--wds-list-item-select-padding-horizontal-small);
275
277
  @property st-global(--wds-list-item-select-padding-vertical-medium);
@@ -370,6 +372,8 @@
370
372
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-small);
371
373
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
372
374
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
375
+ @property st-global(--wds-section-helper-horizontal-margin);
376
+ @property st-global(--wds-section-helper-prefix-offset-margin);
373
377
  @property st-global(--wds-segmented-toggle-border-radius-medium);
374
378
  @property st-global(--wds-segmented-toggle-border-radius-small);
375
379
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
@@ -924,6 +928,8 @@
924
928
  --wds-list-item-select-fill-active: #d6e6fe;
925
929
  --wds-list-item-select-fill-disabled: #ffffff;
926
930
  --wds-list-item-select-fill-hover: #e7f0ff;
931
+ --wds-list-item-select-icon-padding-horizontal-medium: 12px;
932
+ --wds-list-item-select-icon-padding-vertical-medium: 6px;
927
933
  --wds-list-item-select-padding-horizontal-medium: 18px;
928
934
  --wds-list-item-select-padding-horizontal-small: 18px;
929
935
  --wds-list-item-select-padding-vertical-medium: 6px;
@@ -1024,6 +1030,8 @@
1024
1030
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
1025
1031
  --wds-section-helper-fullwidth-vertical-padding-medium: 12px;
1026
1032
  --wds-section-helper-fullwidth-vertical-padding-small: 9px;
1033
+ --wds-section-helper-horizontal-margin: 6px;
1034
+ --wds-section-helper-prefix-offset-margin: 6px;
1027
1035
  --wds-segmented-toggle-border-radius-medium: 6px;
1028
1036
  --wds-segmented-toggle-border-radius-small: 6px;
1029
1037
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.48.0",
3
+ "version": "1.49.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": "9ca03bce3eb56e6284ba74dc8f0d6280d3148e5c0be7594cf8158ff4"
36
+ "falconPackageHash": "85f0610ca0e807588e733317b69c20e6dbb7c86fab3caf2cec7451ea"
37
37
  }
package/studio/all.css CHANGED
@@ -281,6 +281,8 @@
281
281
  --wds-list-item-select-subtitle-disabled: #bebebe;
282
282
  --wds-list-item-select-title: #131720;
283
283
  --wds-list-item-select-title-disabled: #bebebe;
284
+ --wds-list-item-select-icon-padding-horizontal-medium: 12px;
285
+ --wds-list-item-select-icon-padding-vertical-medium: 4px;
284
286
  --wds-loader-fill: #dce9ff;
285
287
  --wds-loader-fill-error: #ee4437;
286
288
  --wds-loader-fill-light: #ffffff;
@@ -371,6 +373,8 @@
371
373
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
372
374
  --wds-section-helper-fullwidth-vertical-padding-medium: 10px;
373
375
  --wds-section-helper-fullwidth-vertical-padding-small: 6px;
376
+ --wds-section-helper-horizontal-margin: 4px;
377
+ --wds-section-helper-prefix-offset-margin: 4px;
374
378
  --wds-segmented-toggle-border-radius-medium: 4px;
375
379
  --wds-segmented-toggle-border-radius-small: 4px;
376
380
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 4px;
package/studio/all.st.css CHANGED
@@ -712,6 +712,8 @@
712
712
  @property st-global(--wds-list-item-select-fill-active);
713
713
  @property st-global(--wds-list-item-select-fill-disabled);
714
714
  @property st-global(--wds-list-item-select-fill-hover);
715
+ @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
716
+ @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
715
717
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
716
718
  @property st-global(--wds-list-item-select-padding-horizontal-small);
717
719
  @property st-global(--wds-list-item-select-padding-vertical-medium);
@@ -812,6 +814,8 @@
812
814
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-small);
813
815
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
814
816
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
817
+ @property st-global(--wds-section-helper-horizontal-margin);
818
+ @property st-global(--wds-section-helper-prefix-offset-margin);
815
819
  @property st-global(--wds-segmented-toggle-border-radius-medium);
816
820
  @property st-global(--wds-segmented-toggle-border-radius-small);
817
821
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
@@ -1873,6 +1877,8 @@
1873
1877
  --wds-list-item-select-fill-active: #dce9ff;
1874
1878
  --wds-list-item-select-fill-disabled: #ffffff;
1875
1879
  --wds-list-item-select-fill-hover: #f7f8f8;
1880
+ --wds-list-item-select-icon-padding-horizontal-medium: 12px;
1881
+ --wds-list-item-select-icon-padding-vertical-medium: 4px;
1876
1882
  --wds-list-item-select-padding-horizontal-medium: 8px;
1877
1883
  --wds-list-item-select-padding-horizontal-small: 8px;
1878
1884
  --wds-list-item-select-padding-vertical-medium: 4px;
@@ -1973,6 +1979,8 @@
1973
1979
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
1974
1980
  --wds-section-helper-fullwidth-vertical-padding-medium: 10px;
1975
1981
  --wds-section-helper-fullwidth-vertical-padding-small: 6px;
1982
+ --wds-section-helper-horizontal-margin: 4px;
1983
+ --wds-section-helper-prefix-offset-margin: 4px;
1976
1984
  --wds-segmented-toggle-border-radius-medium: 4px;
1977
1985
  --wds-segmented-toggle-border-radius-small: 4px;
1978
1986
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 4px;
package/studio/component.st.css CHANGED
@@ -270,6 +270,8 @@
270
270
  @property st-global(--wds-list-item-select-fill-active);
271
271
  @property st-global(--wds-list-item-select-fill-disabled);
272
272
  @property st-global(--wds-list-item-select-fill-hover);
273
+ @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
274
+ @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
273
275
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
274
276
  @property st-global(--wds-list-item-select-padding-horizontal-small);
275
277
  @property st-global(--wds-list-item-select-padding-vertical-medium);
@@ -370,6 +372,8 @@
370
372
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-small);
371
373
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
372
374
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
375
+ @property st-global(--wds-section-helper-horizontal-margin);
376
+ @property st-global(--wds-section-helper-prefix-offset-margin);
373
377
  @property st-global(--wds-segmented-toggle-border-radius-medium);
374
378
  @property st-global(--wds-segmented-toggle-border-radius-small);
375
379
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
@@ -923,6 +927,8 @@
923
927
  --wds-list-item-select-fill-active: #dce9ff;
924
928
  --wds-list-item-select-fill-disabled: #ffffff;
925
929
  --wds-list-item-select-fill-hover: #f7f8f8;
930
+ --wds-list-item-select-icon-padding-horizontal-medium: 12px;
931
+ --wds-list-item-select-icon-padding-vertical-medium: 4px;
926
932
  --wds-list-item-select-padding-horizontal-medium: 8px;
927
933
  --wds-list-item-select-padding-horizontal-small: 8px;
928
934
  --wds-list-item-select-padding-vertical-medium: 4px;
@@ -1023,6 +1029,8 @@
1023
1029
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
1024
1030
  --wds-section-helper-fullwidth-vertical-padding-medium: 10px;
1025
1031
  --wds-section-helper-fullwidth-vertical-padding-small: 6px;
1032
+ --wds-section-helper-horizontal-margin: 4px;
1033
+ --wds-section-helper-prefix-offset-margin: 4px;
1026
1034
  --wds-segmented-toggle-border-radius-medium: 4px;
1027
1035
  --wds-segmented-toggle-border-radius-small: 4px;
1028
1036
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 4px;