@wix/design-system-tokens 1.209.0 → 1.210.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 (11) hide show
  1. package/odeditor/all.css +12 -12
  2. package/odeditor/all.scss +12 -12
  3. package/odeditor/all.st.css +12 -12
  4. package/odeditor/component.st.css +10 -10
  5. package/odeditor/semantic.st.css +2 -2
  6. package/odeditor-dark/all.css +1 -1
  7. package/odeditor-dark/all.scss +1 -1
  8. package/odeditor-dark/all.st.css +2 -2
  9. package/odeditor-dark/component.st.css +1 -1
  10. package/odeditor-dark/semantic.st.css +1 -1
  11. package/package.json +2 -2
package/odeditor/all.css CHANGED
@@ -432,8 +432,8 @@
432
432
  --wds-space-padding-horizontal-x-tiny: var(--wds-space-200);
433
433
  --wds-space-padding-horizontal-tiny: var(--wds-space-300);
434
434
  --wds-space-padding-horizontal-small: var(--wds-space-400);
435
- --wds-space-padding-horizontal-medium: var(--wds-space-300);
436
- --wds-space-padding-horizontal-large: var(--wds-space-400);
435
+ --wds-space-padding-horizontal-medium: var(--wds-space-500);
436
+ --wds-space-padding-horizontal-large: var(--wds-space-600);
437
437
  --wds-space-mobile-viewport-spacing: var(--wds-space-800);
438
438
  --wds-shadow-x-secondary-raised: var(--wds-shadow-x-25);
439
439
  --wds-shadow-surface-raised: 1px 4px 4px 0 var(--wds-color-black-100-transparent-5), 0 1px 1px -1.5px var(--wds-color-black-100-transparent-5), 1px 0 2px -0.7px var(--wds-color-black-100-transparent-5), 0 1px 10px 0 var(--wds-color-black-100-transparent-5);
@@ -1266,15 +1266,15 @@
1266
1266
  --wds-list-item-select-affix-margin: var(--wds-space-100);
1267
1267
  --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
1268
1268
  --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
1269
- --wds-list-item-section-padding-vertical-neutral: var(--wds-space-250);
1269
+ --wds-list-item-section-padding-vertical-neutral: var(--wds-space-200);
1270
1270
  --wds-list-item-section-padding-top: var(--wds-space-200);
1271
- --wds-list-item-section-padding-horizontal: var(--wds-space-200);
1272
- --wds-list-item-section-padding-bottom: var(--wds-space-300);
1273
- --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-regular);
1271
+ --wds-list-item-section-padding-horizontal: var(--wds-space-300);
1272
+ --wds-list-item-section-padding-bottom: var(--wds-space-200);
1273
+ --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-semi-bold);
1274
1274
  --wds-list-item-section-font-weight: var(--wds-font-weight-semi-bold);
1275
1275
  --wds-list-item-section-divider-padding-top: var(--wds-space-200);
1276
- --wds-list-item-section-divider-padding-horizontal: var(--wds-space-0);
1277
- --wds-list-item-section-divider-padding-bottom: var(--wds-space-0);
1276
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-200);
1277
+ --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
1278
1278
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1279
1279
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1280
1280
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
@@ -1807,9 +1807,9 @@
1807
1807
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1808
1808
  --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1809
1809
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1810
- --wds-list-item-section-font-size: var(--wds-font-size-body-small);
1811
- --wds-list-item-section-fill-neutral: var(--wds-color-fill-standard-tertiary);
1812
- --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1810
+ --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1811
+ --wds-list-item-section-fill-neutral: var(--wds-color-fill-transparent-secondary);
1812
+ --wds-list-item-section-fill: var(--wds-color-fill-transparent-secondary);
1813
1813
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1814
1814
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1815
1815
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
@@ -2092,7 +2092,7 @@
2092
2092
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2093
2093
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2094
2094
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2095
- --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-small);
2095
+ --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
2096
2096
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2097
2097
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
2098
2098
  --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/odeditor/all.scss CHANGED
@@ -599,8 +599,8 @@
599
599
  --wds-space-padding-horizontal-x-tiny: var(--wds-space-200);
600
600
  --wds-space-padding-horizontal-tiny: var(--wds-space-300);
601
601
  --wds-space-padding-horizontal-small: var(--wds-space-400);
602
- --wds-space-padding-horizontal-medium: var(--wds-space-300);
603
- --wds-space-padding-horizontal-large: var(--wds-space-400);
602
+ --wds-space-padding-horizontal-medium: var(--wds-space-500);
603
+ --wds-space-padding-horizontal-large: var(--wds-space-600);
604
604
  --wds-space-mobile-viewport-spacing: var(--wds-space-800);
605
605
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
606
606
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
@@ -927,15 +927,15 @@
927
927
  --wds-list-item-select-affix-margin: var(--wds-space-100);
928
928
  --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
929
929
  --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
930
- --wds-list-item-section-padding-vertical-neutral: var(--wds-space-250);
930
+ --wds-list-item-section-padding-vertical-neutral: var(--wds-space-200);
931
931
  --wds-list-item-section-padding-top: var(--wds-space-200);
932
- --wds-list-item-section-padding-horizontal: var(--wds-space-200);
933
- --wds-list-item-section-padding-bottom: var(--wds-space-300);
934
- --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-regular);
932
+ --wds-list-item-section-padding-horizontal: var(--wds-space-300);
933
+ --wds-list-item-section-padding-bottom: var(--wds-space-200);
934
+ --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-semi-bold);
935
935
  --wds-list-item-section-font-weight: var(--wds-font-weight-semi-bold);
936
936
  --wds-list-item-section-divider-padding-top: var(--wds-space-200);
937
- --wds-list-item-section-divider-padding-horizontal: var(--wds-space-0);
938
- --wds-list-item-section-divider-padding-bottom: var(--wds-space-0);
937
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-200);
938
+ --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
939
939
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
940
940
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
941
941
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
@@ -1795,9 +1795,9 @@
1795
1795
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1796
1796
  --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1797
1797
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1798
- --wds-list-item-section-font-size: var(--wds-font-size-body-small);
1799
- --wds-list-item-section-fill-neutral: var(--wds-color-fill-standard-tertiary);
1800
- --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1798
+ --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1799
+ --wds-list-item-section-fill-neutral: var(--wds-color-fill-transparent-secondary);
1800
+ --wds-list-item-section-fill: var(--wds-color-fill-transparent-secondary);
1801
1801
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1802
1802
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1803
1803
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
@@ -2092,7 +2092,7 @@
2092
2092
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2093
2093
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2094
2094
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2095
- --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-small);
2095
+ --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
2096
2096
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2097
2097
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
2098
2098
  --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/odeditor/all.st.css CHANGED
@@ -3336,19 +3336,19 @@
3336
3336
  --wds-list-item-action-suffix-fill-active: #151414;
3337
3337
  --wds-list-item-action-title-font-weight: 500;
3338
3338
  --wds-list-item-action-title-font-weight-active: 600;
3339
- --wds-list-item-section-divider-padding-bottom: 0px;
3340
- --wds-list-item-section-divider-padding-horizontal: 0px;
3339
+ --wds-list-item-section-divider-padding-bottom: 8px;
3340
+ --wds-list-item-section-divider-padding-horizontal: 8px;
3341
3341
  --wds-list-item-section-divider-padding-top: 8px;
3342
- --wds-list-item-section-fill: #ffffff;
3343
- --wds-list-item-section-fill-neutral: #ffffff;
3344
- --wds-list-item-section-font-line-height: 18px;
3345
- --wds-list-item-section-font-size: 14px;
3342
+ --wds-list-item-section-fill: rgba(82, 81, 80, 0);
3343
+ --wds-list-item-section-fill-neutral: rgba(82, 81, 80, 0);
3344
+ --wds-list-item-section-font-line-height: 16px;
3345
+ --wds-list-item-section-font-size: 12px;
3346
3346
  --wds-list-item-section-font-weight: 600;
3347
- --wds-list-item-section-font-weight-neutral: 400;
3348
- --wds-list-item-section-padding-bottom: 12px;
3349
- --wds-list-item-section-padding-horizontal: 8px;
3347
+ --wds-list-item-section-font-weight-neutral: 600;
3348
+ --wds-list-item-section-padding-bottom: 8px;
3349
+ --wds-list-item-section-padding-horizontal: 12px;
3350
3350
  --wds-list-item-section-padding-top: 8px;
3351
- --wds-list-item-section-padding-vertical-neutral: 10px;
3351
+ --wds-list-item-section-padding-vertical-neutral: 8px;
3352
3352
  --wds-list-item-section-title-label-fill: #767574;
3353
3353
  --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
3354
3354
  --wds-list-item-select-active-fill: #f0efef;
@@ -3884,8 +3884,8 @@
3884
3884
  --wds-space-1700: 68px;
3885
3885
  --wds-space-2400: 96px;
3886
3886
  --wds-space-mobile-viewport-spacing: 32px;
3887
- --wds-space-padding-horizontal-large: 16px;
3888
- --wds-space-padding-horizontal-medium: 12px;
3887
+ --wds-space-padding-horizontal-large: 24px;
3888
+ --wds-space-padding-horizontal-medium: 20px;
3889
3889
  --wds-space-padding-horizontal-small: 16px;
3890
3890
  --wds-space-padding-horizontal-tiny: 12px;
3891
3891
  --wds-space-padding-horizontal-x-tiny: 8px;
package/odeditor/component.st.css CHANGED
@@ -2001,19 +2001,19 @@
2001
2001
  --wds-list-item-action-suffix-fill-active: #151414;
2002
2002
  --wds-list-item-action-title-font-weight: 500;
2003
2003
  --wds-list-item-action-title-font-weight-active: 600;
2004
- --wds-list-item-section-divider-padding-bottom: 0px;
2005
- --wds-list-item-section-divider-padding-horizontal: 0px;
2004
+ --wds-list-item-section-divider-padding-bottom: 8px;
2005
+ --wds-list-item-section-divider-padding-horizontal: 8px;
2006
2006
  --wds-list-item-section-divider-padding-top: 8px;
2007
- --wds-list-item-section-fill: #ffffff;
2008
- --wds-list-item-section-fill-neutral: #ffffff;
2009
- --wds-list-item-section-font-line-height: 18px;
2010
- --wds-list-item-section-font-size: 14px;
2007
+ --wds-list-item-section-fill: rgba(82, 81, 80, 0);
2008
+ --wds-list-item-section-fill-neutral: rgba(82, 81, 80, 0);
2009
+ --wds-list-item-section-font-line-height: 16px;
2010
+ --wds-list-item-section-font-size: 12px;
2011
2011
  --wds-list-item-section-font-weight: 600;
2012
- --wds-list-item-section-font-weight-neutral: 400;
2013
- --wds-list-item-section-padding-bottom: 12px;
2014
- --wds-list-item-section-padding-horizontal: 8px;
2012
+ --wds-list-item-section-font-weight-neutral: 600;
2013
+ --wds-list-item-section-padding-bottom: 8px;
2014
+ --wds-list-item-section-padding-horizontal: 12px;
2015
2015
  --wds-list-item-section-padding-top: 8px;
2016
- --wds-list-item-section-padding-vertical-neutral: 10px;
2016
+ --wds-list-item-section-padding-vertical-neutral: 8px;
2017
2017
  --wds-list-item-section-title-label-fill: #767574;
2018
2018
  --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
2019
2019
  --wds-list-item-select-active-fill: #f0efef;
package/odeditor/semantic.st.css CHANGED
@@ -995,8 +995,8 @@
995
995
  --wds-shadow-y-secondary-toggle-button: 1.2px;
996
996
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
997
997
  --wds-space-mobile-viewport-spacing: 32px;
998
- --wds-space-padding-horizontal-large: 16px;
999
- --wds-space-padding-horizontal-medium: 12px;
998
+ --wds-space-padding-horizontal-large: 24px;
999
+ --wds-space-padding-horizontal-medium: 20px;
1000
1000
  --wds-space-padding-horizontal-small: 16px;
1001
1001
  --wds-space-padding-horizontal-tiny: 12px;
1002
1002
  --wds-space-padding-horizontal-x-tiny: 8px;
package/odeditor-dark/all.css CHANGED
@@ -101,7 +101,7 @@
101
101
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
102
102
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
103
103
  --wds-color-text-stage-section: #6f56f9;
104
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
104
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
105
105
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
106
106
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
107
107
  --wds-color-fill-stage-section-secondary: #d9d2ff;
package/odeditor-dark/all.scss CHANGED
@@ -269,7 +269,7 @@
269
269
  --wds-color-green-100: #53DA98;
270
270
  --wds-color-green-50: #A3E5C5;
271
271
  --wds-color-green-0: #D6ECE1;
272
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
272
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
273
273
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
274
274
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
275
275
  --wds-color-fill-stage-section-secondary: #d9d2ff;
package/odeditor-dark/all.st.css CHANGED
@@ -2815,7 +2815,7 @@
2815
2815
  --wds-color-fill-surface-modal-backdrop: rgba(0, 0, 0, .2);
2816
2816
  --wds-color-fill-surface-neutral: #2D2D2E;
2817
2817
  --wds-color-fill-surface-overlay: #212122;
2818
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
2818
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
2819
2819
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
2820
2820
  --wds-color-fill-surface-premium: #111214;
2821
2821
  --wds-color-fill-surface-raised: #212122;
@@ -3477,7 +3477,7 @@
3477
3477
  --wds-popover-border-fill: #3A3A3B;
3478
3478
  --wds-popover-border-radius: 12px;
3479
3479
  --wds-popover-border-width: 1px;
3480
- --wds-popover-fill: rgba(33, 33, 34, 0.92);
3480
+ --wds-popover-fill: rgba(33, 33, 34, 0.96);
3481
3481
  --wds-popover-menu-border-radius: 12px;
3482
3482
  --wds-popover-menu-paddings-horizontal: 8px;
3483
3483
  --wds-popover-menu-paddings-vertical: 8px;
package/odeditor-dark/component.st.css CHANGED
@@ -2140,7 +2140,7 @@
2140
2140
  --wds-popover-border-fill: #3A3A3B;
2141
2141
  --wds-popover-border-radius: 12px;
2142
2142
  --wds-popover-border-width: 1px;
2143
- --wds-popover-fill: rgba(33, 33, 34, 0.92);
2143
+ --wds-popover-fill: rgba(33, 33, 34, 0.96);
2144
2144
  --wds-popover-menu-border-radius: 12px;
2145
2145
  --wds-popover-menu-paddings-horizontal: 8px;
2146
2146
  --wds-popover-menu-paddings-vertical: 8px;
package/odeditor-dark/semantic.st.css CHANGED
@@ -799,7 +799,7 @@
799
799
  --wds-color-fill-surface-modal-backdrop: rgba(0, 0, 0, .2);
800
800
  --wds-color-fill-surface-neutral: #2D2D2E;
801
801
  --wds-color-fill-surface-overlay: #212122;
802
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
802
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
803
803
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
804
804
  --wds-color-fill-surface-premium: #111214;
805
805
  --wds-color-fill-surface-raised: #212122;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.209.0",
3
+ "version": "1.210.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -32,5 +32,5 @@
32
32
  "author": "augustinasv@wix.com",
33
33
  "description": "Design system tokens",
34
34
  "packageManager": "yarn@3.5.0",
35
- "falconPackageHash": "32f58ef6455a78f154f9ca6bc551226088fc2729f507f5515291be63"
35
+ "falconPackageHash": "af595df309d3a2340bcbda92183bc166a4d696a4ad29d523d106cb4c"
36
36
  }