@wix/design-system-tokens 1.232.1 → 1.232.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 (14) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/odeditor/all.css +6 -0
  3. package/odeditor/all.scss +6 -0
  4. package/odeditor/all.st.css +12 -0
  5. package/odeditor/component.st.css +12 -0
  6. package/odeditor-dark/all.css +6 -0
  7. package/odeditor-dark/all.scss +6 -0
  8. package/odeditor-dark/all.st.css +12 -0
  9. package/odeditor-dark/component.st.css +12 -0
  10. package/package.json +2 -2
  11. package/studio2-light/all.css +6 -0
  12. package/studio2-light/all.scss +6 -0
  13. package/studio2-light/all.st.css +12 -0
  14. package/studio2-light/component.st.css +12 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## 1.232.3
2
+
3
+ ## 1.232.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#17268](https://github.com/wix-private/wix-design-systems/pull/17268) [`694b4b8`](https://github.com/wix-private/wix-design-systems/commit/694b4b890115ca1f18a079c13e260de1d57045cd) - Define the six `--wds-list-item-padding-horizontal-*` tokens in odeditor, odeditor-dark and studio2-light
8
+
1
9
  ## 1.232.1
2
10
 
3
11
  ### Patch Changes
package/odeditor/all.css CHANGED
@@ -428,6 +428,12 @@
428
428
  --wds-loader-stroke-width-large: 2px;
429
429
  --wds-list-item-select-min-height-medium: auto;
430
430
  --wds-list-item-action-subtitle-offset: -2px;
431
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
432
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
433
+ --wds-list-item-padding-horizontal-tiny: 12px;
434
+ --wds-list-item-padding-horizontal-small: 15px;
435
+ --wds-list-item-padding-horizontal-medium: 18px;
436
+ --wds-list-item-padding-horizontal-large: 24px;
431
437
  --wds-internal-theme: odeditor;
432
438
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
433
439
  --wds-internal-thumbnail-illustration-size-small: 51px;
package/odeditor/all.scss CHANGED
@@ -187,6 +187,12 @@
187
187
  --wds-loader-stroke-width-medium: 2px;
188
188
  --wds-loader-stroke-width-large: 2px;
189
189
  --wds-list-item-select-min-height-medium: auto;
190
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
191
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
192
+ --wds-list-item-padding-horizontal-tiny: 12px;
193
+ --wds-list-item-padding-horizontal-small: 15px;
194
+ --wds-list-item-padding-horizontal-medium: 18px;
195
+ --wds-list-item-padding-horizontal-large: 24px;
190
196
  --wds-list-item-action-subtitle-offset: -2px;
191
197
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
192
198
  --wds-internal-thumbnail-illustration-size-small: 51px;
package/odeditor/all.st.css CHANGED
@@ -1455,6 +1455,12 @@
1455
1455
  @property st-global(--wds-list-item-action-suffix-fill-active);
1456
1456
  @property st-global(--wds-list-item-action-title-font-weight);
1457
1457
  @property st-global(--wds-list-item-action-title-font-weight-active);
1458
+ @property st-global(--wds-list-item-padding-horizontal-large);
1459
+ @property st-global(--wds-list-item-padding-horizontal-medium);
1460
+ @property st-global(--wds-list-item-padding-horizontal-small);
1461
+ @property st-global(--wds-list-item-padding-horizontal-tiny);
1462
+ @property st-global(--wds-list-item-padding-horizontal-x-tiny);
1463
+ @property st-global(--wds-list-item-padding-horizontal-xx-tiny);
1458
1464
  @property st-global(--wds-list-item-section-divider-padding-bottom);
1459
1465
  @property st-global(--wds-list-item-section-divider-padding-horizontal);
1460
1466
  @property st-global(--wds-list-item-section-divider-padding-top);
@@ -4164,6 +4170,12 @@
4164
4170
  --wds-list-item-action-suffix-fill-active: #151414;
4165
4171
  --wds-list-item-action-title-font-weight: 500;
4166
4172
  --wds-list-item-action-title-font-weight-active: 500;
4173
+ --wds-list-item-padding-horizontal-large: 24px;
4174
+ --wds-list-item-padding-horizontal-medium: 18px;
4175
+ --wds-list-item-padding-horizontal-small: 15px;
4176
+ --wds-list-item-padding-horizontal-tiny: 12px;
4177
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
4178
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
4167
4179
  --wds-list-item-section-divider-padding-bottom: 8px;
4168
4180
  --wds-list-item-section-divider-padding-horizontal: 8px;
4169
4181
  --wds-list-item-section-divider-padding-top: 8px;
package/odeditor/component.st.css CHANGED
@@ -862,6 +862,12 @@
862
862
  @property st-global(--wds-list-item-action-suffix-fill-active);
863
863
  @property st-global(--wds-list-item-action-title-font-weight);
864
864
  @property st-global(--wds-list-item-action-title-font-weight-active);
865
+ @property st-global(--wds-list-item-padding-horizontal-large);
866
+ @property st-global(--wds-list-item-padding-horizontal-medium);
867
+ @property st-global(--wds-list-item-padding-horizontal-small);
868
+ @property st-global(--wds-list-item-padding-horizontal-tiny);
869
+ @property st-global(--wds-list-item-padding-horizontal-x-tiny);
870
+ @property st-global(--wds-list-item-padding-horizontal-xx-tiny);
865
871
  @property st-global(--wds-list-item-section-divider-padding-bottom);
866
872
  @property st-global(--wds-list-item-section-divider-padding-horizontal);
867
873
  @property st-global(--wds-list-item-section-divider-padding-top);
@@ -2819,6 +2825,12 @@
2819
2825
  --wds-list-item-action-suffix-fill-active: #151414;
2820
2826
  --wds-list-item-action-title-font-weight: 500;
2821
2827
  --wds-list-item-action-title-font-weight-active: 500;
2828
+ --wds-list-item-padding-horizontal-large: 24px;
2829
+ --wds-list-item-padding-horizontal-medium: 18px;
2830
+ --wds-list-item-padding-horizontal-small: 15px;
2831
+ --wds-list-item-padding-horizontal-tiny: 12px;
2832
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
2833
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
2822
2834
  --wds-list-item-section-divider-padding-bottom: 8px;
2823
2835
  --wds-list-item-section-divider-padding-horizontal: 8px;
2824
2836
  --wds-list-item-section-divider-padding-top: 8px;
package/odeditor-dark/all.css CHANGED
@@ -450,6 +450,12 @@
450
450
  --wds-loader-stroke-width-large: 2px;
451
451
  --wds-list-item-select-min-height-medium: auto;
452
452
  --wds-list-item-action-subtitle-offset: 0px;
453
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
454
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
455
+ --wds-list-item-padding-horizontal-tiny: 12px;
456
+ --wds-list-item-padding-horizontal-small: 15px;
457
+ --wds-list-item-padding-horizontal-medium: 18px;
458
+ --wds-list-item-padding-horizontal-large: 24px;
453
459
  --wds-internal-theme: odeditor-dark;
454
460
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
455
461
  --wds-internal-thumbnail-illustration-size-small: 51px;
package/odeditor-dark/all.scss CHANGED
@@ -208,6 +208,12 @@
208
208
  --wds-loader-stroke-width-medium: 2px;
209
209
  --wds-loader-stroke-width-large: 2px;
210
210
  --wds-list-item-select-min-height-medium: auto;
211
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
212
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
213
+ --wds-list-item-padding-horizontal-tiny: 12px;
214
+ --wds-list-item-padding-horizontal-small: 15px;
215
+ --wds-list-item-padding-horizontal-medium: 18px;
216
+ --wds-list-item-padding-horizontal-large: 24px;
211
217
  --wds-list-item-action-subtitle-offset: 0px;
212
218
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
213
219
  --wds-internal-thumbnail-illustration-size-small: 51px;
package/odeditor-dark/all.st.css CHANGED
@@ -1459,6 +1459,12 @@
1459
1459
  @property st-global(--wds-list-item-action-suffix-fill-active);
1460
1460
  @property st-global(--wds-list-item-action-title-font-weight);
1461
1461
  @property st-global(--wds-list-item-action-title-font-weight-active);
1462
+ @property st-global(--wds-list-item-padding-horizontal-large);
1463
+ @property st-global(--wds-list-item-padding-horizontal-medium);
1464
+ @property st-global(--wds-list-item-padding-horizontal-small);
1465
+ @property st-global(--wds-list-item-padding-horizontal-tiny);
1466
+ @property st-global(--wds-list-item-padding-horizontal-x-tiny);
1467
+ @property st-global(--wds-list-item-padding-horizontal-xx-tiny);
1462
1468
  @property st-global(--wds-list-item-section-divider-padding-bottom);
1463
1469
  @property st-global(--wds-list-item-section-divider-padding-horizontal);
1464
1470
  @property st-global(--wds-list-item-section-divider-padding-top);
@@ -4166,6 +4172,12 @@
4166
4172
  --wds-list-item-action-suffix-fill-active: #FFFFFF;
4167
4173
  --wds-list-item-action-title-font-weight: 500;
4168
4174
  --wds-list-item-action-title-font-weight-active: 600;
4175
+ --wds-list-item-padding-horizontal-large: 24px;
4176
+ --wds-list-item-padding-horizontal-medium: 18px;
4177
+ --wds-list-item-padding-horizontal-small: 15px;
4178
+ --wds-list-item-padding-horizontal-tiny: 12px;
4179
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
4180
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
4169
4181
  --wds-list-item-section-divider-padding-bottom: 8px;
4170
4182
  --wds-list-item-section-divider-padding-horizontal: 0px;
4171
4183
  --wds-list-item-section-divider-padding-top: 8px;
package/odeditor-dark/component.st.css CHANGED
@@ -865,6 +865,12 @@
865
865
  @property st-global(--wds-list-item-action-suffix-fill-active);
866
866
  @property st-global(--wds-list-item-action-title-font-weight);
867
867
  @property st-global(--wds-list-item-action-title-font-weight-active);
868
+ @property st-global(--wds-list-item-padding-horizontal-large);
869
+ @property st-global(--wds-list-item-padding-horizontal-medium);
870
+ @property st-global(--wds-list-item-padding-horizontal-small);
871
+ @property st-global(--wds-list-item-padding-horizontal-tiny);
872
+ @property st-global(--wds-list-item-padding-horizontal-x-tiny);
873
+ @property st-global(--wds-list-item-padding-horizontal-xx-tiny);
868
874
  @property st-global(--wds-list-item-section-divider-padding-bottom);
869
875
  @property st-global(--wds-list-item-section-divider-padding-horizontal);
870
876
  @property st-global(--wds-list-item-section-divider-padding-top);
@@ -2819,6 +2825,12 @@
2819
2825
  --wds-list-item-action-suffix-fill-active: #FFFFFF;
2820
2826
  --wds-list-item-action-title-font-weight: 500;
2821
2827
  --wds-list-item-action-title-font-weight-active: 600;
2828
+ --wds-list-item-padding-horizontal-large: 24px;
2829
+ --wds-list-item-padding-horizontal-medium: 18px;
2830
+ --wds-list-item-padding-horizontal-small: 15px;
2831
+ --wds-list-item-padding-horizontal-tiny: 12px;
2832
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
2833
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
2822
2834
  --wds-list-item-section-divider-padding-bottom: 8px;
2823
2835
  --wds-list-item-section-divider-padding-horizontal: 0px;
2824
2836
  --wds-list-item-section-divider-padding-top: 8px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.232.1",
3
+ "version": "1.232.3",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "d302767f30de2ae83b141099aa1d0c0801b02d091584eb4d0f1d4008"
39
+ "falconPackageHash": "295ee8556090b4901470b34fd54c7b1465bafaf3515a5c0deb35e801"
40
40
  }
package/studio2-light/all.css CHANGED
@@ -445,6 +445,12 @@
445
445
  --wds-loader-stroke-width-large: 2px;
446
446
  --wds-list-item-select-min-height-medium: auto;
447
447
  --wds-list-item-action-subtitle-offset: 0px;
448
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
449
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
450
+ --wds-list-item-padding-horizontal-tiny: 12px;
451
+ --wds-list-item-padding-horizontal-small: 15px;
452
+ --wds-list-item-padding-horizontal-medium: 18px;
453
+ --wds-list-item-padding-horizontal-large: 24px;
448
454
  --wds-internal-theme: studio2-light;
449
455
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
450
456
  --wds-internal-thumbnail-illustration-size-small: 51px;
package/studio2-light/all.scss CHANGED
@@ -204,6 +204,12 @@
204
204
  --wds-loader-stroke-width-medium: 2px;
205
205
  --wds-loader-stroke-width-large: 2px;
206
206
  --wds-list-item-select-min-height-medium: auto;
207
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
208
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
209
+ --wds-list-item-padding-horizontal-tiny: 12px;
210
+ --wds-list-item-padding-horizontal-small: 15px;
211
+ --wds-list-item-padding-horizontal-medium: 18px;
212
+ --wds-list-item-padding-horizontal-large: 24px;
207
213
  --wds-list-item-action-subtitle-offset: 0px;
208
214
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
209
215
  --wds-internal-thumbnail-illustration-size-small: 51px;
package/studio2-light/all.st.css CHANGED
@@ -1455,6 +1455,12 @@
1455
1455
  @property st-global(--wds-list-item-action-suffix-fill-active);
1456
1456
  @property st-global(--wds-list-item-action-title-font-weight);
1457
1457
  @property st-global(--wds-list-item-action-title-font-weight-active);
1458
+ @property st-global(--wds-list-item-padding-horizontal-large);
1459
+ @property st-global(--wds-list-item-padding-horizontal-medium);
1460
+ @property st-global(--wds-list-item-padding-horizontal-small);
1461
+ @property st-global(--wds-list-item-padding-horizontal-tiny);
1462
+ @property st-global(--wds-list-item-padding-horizontal-x-tiny);
1463
+ @property st-global(--wds-list-item-padding-horizontal-xx-tiny);
1458
1464
  @property st-global(--wds-list-item-section-divider-padding-bottom);
1459
1465
  @property st-global(--wds-list-item-section-divider-padding-horizontal);
1460
1466
  @property st-global(--wds-list-item-section-divider-padding-top);
@@ -4160,6 +4166,12 @@
4160
4166
  --wds-list-item-action-suffix-fill-active: #151414;
4161
4167
  --wds-list-item-action-title-font-weight: 500;
4162
4168
  --wds-list-item-action-title-font-weight-active: 600;
4169
+ --wds-list-item-padding-horizontal-large: 24px;
4170
+ --wds-list-item-padding-horizontal-medium: 18px;
4171
+ --wds-list-item-padding-horizontal-small: 15px;
4172
+ --wds-list-item-padding-horizontal-tiny: 12px;
4173
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
4174
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
4163
4175
  --wds-list-item-section-divider-padding-bottom: 8px;
4164
4176
  --wds-list-item-section-divider-padding-horizontal: 0px;
4165
4177
  --wds-list-item-section-divider-padding-top: 8px;
package/studio2-light/component.st.css CHANGED
@@ -862,6 +862,12 @@
862
862
  @property st-global(--wds-list-item-action-suffix-fill-active);
863
863
  @property st-global(--wds-list-item-action-title-font-weight);
864
864
  @property st-global(--wds-list-item-action-title-font-weight-active);
865
+ @property st-global(--wds-list-item-padding-horizontal-large);
866
+ @property st-global(--wds-list-item-padding-horizontal-medium);
867
+ @property st-global(--wds-list-item-padding-horizontal-small);
868
+ @property st-global(--wds-list-item-padding-horizontal-tiny);
869
+ @property st-global(--wds-list-item-padding-horizontal-x-tiny);
870
+ @property st-global(--wds-list-item-padding-horizontal-xx-tiny);
865
871
  @property st-global(--wds-list-item-section-divider-padding-bottom);
866
872
  @property st-global(--wds-list-item-section-divider-padding-horizontal);
867
873
  @property st-global(--wds-list-item-section-divider-padding-top);
@@ -2815,6 +2821,12 @@
2815
2821
  --wds-list-item-action-suffix-fill-active: #151414;
2816
2822
  --wds-list-item-action-title-font-weight: 500;
2817
2823
  --wds-list-item-action-title-font-weight-active: 600;
2824
+ --wds-list-item-padding-horizontal-large: 24px;
2825
+ --wds-list-item-padding-horizontal-medium: 18px;
2826
+ --wds-list-item-padding-horizontal-small: 15px;
2827
+ --wds-list-item-padding-horizontal-tiny: 12px;
2828
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
2829
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
2818
2830
  --wds-list-item-section-divider-padding-bottom: 8px;
2819
2831
  --wds-list-item-section-divider-padding-horizontal: 0px;
2820
2832
  --wds-list-item-section-divider-padding-top: 8px;