@wix/design-system-tokens 1.135.0 → 1.136.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 (17) hide show
  1. package/all.css +1 -0
  2. package/all.scss +1 -0
  3. package/all.st.css +2 -0
  4. package/component.st.css +2 -0
  5. package/odeditor/all.css +1 -0
  6. package/odeditor/all.scss +1 -0
  7. package/odeditor/all.st.css +2 -0
  8. package/odeditor/component.st.css +2 -0
  9. package/package.json +2 -2
  10. package/studio/all.css +1 -0
  11. package/studio/all.scss +1 -0
  12. package/studio/all.st.css +2 -0
  13. package/studio/component.st.css +2 -0
  14. package/wixel/all.css +1 -0
  15. package/wixel/all.scss +1 -0
  16. package/wixel/all.st.css +2 -0
  17. package/wixel/component.st.css +2 -0
package/all.css CHANGED
@@ -926,6 +926,7 @@
926
926
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
927
927
  --wds-slider-slider-mark-size: var(--wds-space-100);
928
928
  --wds-slider-slider-knob-color-disabled: var(--wds-color-black-500);
929
+ --wds-skeleton-fill-light: var(--wds-color-black-100-transparent-10);
929
930
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-300);
930
931
  --wds-skeleton-border-radius-line: var(--wds-border-radius-full);
931
932
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
package/all.scss CHANGED
@@ -506,6 +506,7 @@
506
506
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
507
507
  --wds-slider-slider-mark-size: var(--wds-space-100);
508
508
  --wds-slider-slider-knob-color-disabled: var(--wds-color-black-500);
509
+ --wds-skeleton-fill-light: var(--wds-color-black-100-transparent-10);
509
510
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-300);
510
511
  --wds-skeleton-border-radius-line: var(--wds-border-radius-full);
511
512
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
package/all.st.css CHANGED
@@ -1649,6 +1649,7 @@
1649
1649
  @property st-global(--wds-skeleton-border-radius-circle);
1650
1650
  @property st-global(--wds-skeleton-border-radius-line);
1651
1651
  @property st-global(--wds-skeleton-border-radius-rectangle);
1652
+ @property st-global(--wds-skeleton-fill-light);
1652
1653
  @property st-global(--wds-slider-slider-knob-border-width);
1653
1654
  @property st-global(--wds-slider-slider-knob-border-width-hover);
1654
1655
  @property st-global(--wds-slider-slider-knob-color);
@@ -3693,6 +3694,7 @@
3693
3694
  --wds-skeleton-border-radius-circle: 1000px;
3694
3695
  --wds-skeleton-border-radius-line: 1000px;
3695
3696
  --wds-skeleton-border-radius-rectangle: 6px;
3697
+ --wds-skeleton-fill-light: rgba(0, 6, 36, .1);
3696
3698
  --wds-slider-slider-knob-border-width: 4px;
3697
3699
  --wds-slider-slider-knob-border-width-hover: 12px;
3698
3700
  --wds-slider-slider-knob-color: #116dff;
package/component.st.css CHANGED
@@ -986,6 +986,7 @@
986
986
  @property st-global(--wds-skeleton-border-radius-circle);
987
987
  @property st-global(--wds-skeleton-border-radius-line);
988
988
  @property st-global(--wds-skeleton-border-radius-rectangle);
989
+ @property st-global(--wds-skeleton-fill-light);
989
990
  @property st-global(--wds-slider-slider-knob-border-width);
990
991
  @property st-global(--wds-slider-slider-knob-border-width-hover);
991
992
  @property st-global(--wds-slider-slider-knob-color);
@@ -2321,6 +2322,7 @@
2321
2322
  --wds-skeleton-border-radius-circle: 1000px;
2322
2323
  --wds-skeleton-border-radius-line: 1000px;
2323
2324
  --wds-skeleton-border-radius-rectangle: 6px;
2325
+ --wds-skeleton-fill-light: rgba(0, 6, 36, .1);
2324
2326
  --wds-slider-slider-knob-border-width: 4px;
2325
2327
  --wds-slider-slider-knob-border-width-hover: 12px;
2326
2328
  --wds-slider-slider-knob-color: #116dff;
package/odeditor/all.css CHANGED
@@ -952,6 +952,7 @@
952
952
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
953
953
  --wds-slider-slider-marks-label-font-size: var(--wds-font-size-200);
954
954
  --wds-slider-slider-mark-size: var(--wds-space-200);
955
+ --wds-skeleton-fill-light: var(--wds-color-black-700);
955
956
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
956
957
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
957
958
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
package/odeditor/all.scss CHANGED
@@ -549,6 +549,7 @@
549
549
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
550
550
  --wds-slider-slider-marks-label-font-size: var(--wds-font-size-200);
551
551
  --wds-slider-slider-mark-size: var(--wds-space-200);
552
+ --wds-skeleton-fill-light: var(--wds-color-black-700);
552
553
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
553
554
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
554
555
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
package/odeditor/all.st.css CHANGED
@@ -1603,6 +1603,7 @@
1603
1603
  @property st-global(--wds-skeleton-border-radius-circle);
1604
1604
  @property st-global(--wds-skeleton-border-radius-line);
1605
1605
  @property st-global(--wds-skeleton-border-radius-rectangle);
1606
+ @property st-global(--wds-skeleton-fill-light);
1606
1607
  @property st-global(--wds-slider-slider-knob-border-width);
1607
1608
  @property st-global(--wds-slider-slider-knob-border-width-hover);
1608
1609
  @property st-global(--wds-slider-slider-knob-color);
@@ -3601,6 +3602,7 @@
3601
3602
  --wds-skeleton-border-radius-circle: 1000px;
3602
3603
  --wds-skeleton-border-radius-line: 4px;
3603
3604
  --wds-skeleton-border-radius-rectangle: 4px;
3605
+ --wds-skeleton-fill-light: #f0efef;
3604
3606
  --wds-slider-slider-knob-border-width: 2px;
3605
3607
  --wds-slider-slider-knob-border-width-hover: 12px;
3606
3608
  --wds-slider-slider-knob-color: #ffffff;
package/odeditor/component.st.css CHANGED
@@ -942,6 +942,7 @@
942
942
  @property st-global(--wds-skeleton-border-radius-circle);
943
943
  @property st-global(--wds-skeleton-border-radius-line);
944
944
  @property st-global(--wds-skeleton-border-radius-rectangle);
945
+ @property st-global(--wds-skeleton-fill-light);
945
946
  @property st-global(--wds-slider-slider-knob-border-width);
946
947
  @property st-global(--wds-slider-slider-knob-border-width-hover);
947
948
  @property st-global(--wds-slider-slider-knob-color);
@@ -2232,6 +2233,7 @@
2232
2233
  --wds-skeleton-border-radius-circle: 1000px;
2233
2234
  --wds-skeleton-border-radius-line: 4px;
2234
2235
  --wds-skeleton-border-radius-rectangle: 4px;
2236
+ --wds-skeleton-fill-light: #f0efef;
2235
2237
  --wds-slider-slider-knob-border-width: 2px;
2236
2238
  --wds-slider-slider-knob-border-width-hover: 12px;
2237
2239
  --wds-slider-slider-knob-color: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.135.0",
3
+ "version": "1.136.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": "ed6fb9ff485b42f875d340673f24f9417f6cb1f5b42d03663cf504ba"
36
+ "falconPackageHash": "68bd756b37289e45089bae5180a2075fefa5db89b60822b654191421"
37
37
  }
package/studio/all.css CHANGED
@@ -940,6 +940,7 @@
940
940
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
941
941
  --wds-slider-slider-mark-size: var(--wds-space-200);
942
942
  --wds-slider-slider-knob-color-disabled: var(--wds-color-black-500);
943
+ --wds-skeleton-fill-light: var(--wds-color-black-100-transparent-10);
943
944
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
944
945
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
945
946
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
package/studio/all.scss CHANGED
@@ -549,6 +549,7 @@
549
549
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
550
550
  --wds-slider-slider-mark-size: var(--wds-space-200);
551
551
  --wds-slider-slider-knob-color-disabled: var(--wds-color-black-500);
552
+ --wds-skeleton-fill-light: var(--wds-color-black-100-transparent-10);
552
553
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
553
554
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
554
555
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
package/studio/all.st.css CHANGED
@@ -1640,6 +1640,7 @@
1640
1640
  @property st-global(--wds-skeleton-border-radius-circle);
1641
1641
  @property st-global(--wds-skeleton-border-radius-line);
1642
1642
  @property st-global(--wds-skeleton-border-radius-rectangle);
1643
+ @property st-global(--wds-skeleton-fill-light);
1643
1644
  @property st-global(--wds-slider-slider-knob-border-width);
1644
1645
  @property st-global(--wds-slider-slider-knob-border-width-hover);
1645
1646
  @property st-global(--wds-slider-slider-knob-color);
@@ -3676,6 +3677,7 @@
3676
3677
  --wds-skeleton-border-radius-circle: 1000px;
3677
3678
  --wds-skeleton-border-radius-line: 4px;
3678
3679
  --wds-skeleton-border-radius-rectangle: 4px;
3680
+ --wds-skeleton-fill-light: rgba(19, 23, 32, .1);
3679
3681
  --wds-slider-slider-knob-border-width: 4px;
3680
3682
  --wds-slider-slider-knob-border-width-hover: 12px;
3681
3683
  --wds-slider-slider-knob-color: #116dff;
package/studio/component.st.css CHANGED
@@ -981,6 +981,7 @@
981
981
  @property st-global(--wds-skeleton-border-radius-circle);
982
982
  @property st-global(--wds-skeleton-border-radius-line);
983
983
  @property st-global(--wds-skeleton-border-radius-rectangle);
984
+ @property st-global(--wds-skeleton-fill-light);
984
985
  @property st-global(--wds-slider-slider-knob-border-width);
985
986
  @property st-global(--wds-slider-slider-knob-border-width-hover);
986
987
  @property st-global(--wds-slider-slider-knob-color);
@@ -2312,6 +2313,7 @@
2312
2313
  --wds-skeleton-border-radius-circle: 1000px;
2313
2314
  --wds-skeleton-border-radius-line: 4px;
2314
2315
  --wds-skeleton-border-radius-rectangle: 4px;
2316
+ --wds-skeleton-fill-light: rgba(19, 23, 32, .1);
2315
2317
  --wds-slider-slider-knob-border-width: 4px;
2316
2318
  --wds-slider-slider-knob-border-width-hover: 12px;
2317
2319
  --wds-slider-slider-knob-color: #116dff;
package/wixel/all.css CHANGED
@@ -926,6 +926,7 @@
926
926
  --wds-slider-slider-knob-shadow: 0 var(--wds-shadow-y-100) var(--wds-shadow-blur-50) 0 var(--wds-shadow-fill-primary-raised), 0 2px 4px 0 var(--wds-shadow-fill-secondary-raised);
927
927
  --wds-slider-slider-knob-color-disabled: var(--wds-color-black-500);
928
928
  --wds-slider-slider-knob-color: var(--wds-color-blue-100);
929
+ --wds-skeleton-fill-light: var(--wds-color-black-100-transparent-10);
929
930
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
930
931
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
931
932
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
package/wixel/all.scss CHANGED
@@ -549,6 +549,7 @@
549
549
  --wds-slider-slider-knob-shadow: 0 var(--wds-shadow-y-100) var(--wds-shadow-blur-50) 0 var(--wds-shadow-fill-primary-raised), 0 2px 4px 0 var(--wds-shadow-fill-secondary-raised);
550
550
  --wds-slider-slider-knob-color-disabled: var(--wds-color-black-500);
551
551
  --wds-slider-slider-knob-color: var(--wds-color-blue-100);
552
+ --wds-skeleton-fill-light: var(--wds-color-black-100-transparent-10);
552
553
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
553
554
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
554
555
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
package/wixel/all.st.css CHANGED
@@ -1607,6 +1607,7 @@
1607
1607
  @property st-global(--wds-skeleton-border-radius-circle);
1608
1608
  @property st-global(--wds-skeleton-border-radius-line);
1609
1609
  @property st-global(--wds-skeleton-border-radius-rectangle);
1610
+ @property st-global(--wds-skeleton-fill-light);
1610
1611
  @property st-global(--wds-slider-slider-knob-border-width);
1611
1612
  @property st-global(--wds-slider-slider-knob-border-width-hover);
1612
1613
  @property st-global(--wds-slider-slider-knob-color);
@@ -3609,6 +3610,7 @@
3609
3610
  --wds-skeleton-border-radius-circle: 1000px;
3610
3611
  --wds-skeleton-border-radius-line: 4px;
3611
3612
  --wds-skeleton-border-radius-rectangle: 4px;
3613
+ --wds-skeleton-fill-light: rgba(38, 37, 36, 0.1000);
3612
3614
  --wds-slider-slider-knob-border-width: 5px;
3613
3615
  --wds-slider-slider-knob-border-width-hover: 12px;
3614
3616
  --wds-slider-slider-knob-color: #4a57ff;
package/wixel/component.st.css CHANGED
@@ -960,6 +960,7 @@
960
960
  @property st-global(--wds-skeleton-border-radius-circle);
961
961
  @property st-global(--wds-skeleton-border-radius-line);
962
962
  @property st-global(--wds-skeleton-border-radius-rectangle);
963
+ @property st-global(--wds-skeleton-fill-light);
963
964
  @property st-global(--wds-slider-slider-knob-border-width);
964
965
  @property st-global(--wds-slider-slider-knob-border-width-hover);
965
966
  @property st-global(--wds-slider-slider-knob-color);
@@ -2269,6 +2270,7 @@
2269
2270
  --wds-skeleton-border-radius-circle: 1000px;
2270
2271
  --wds-skeleton-border-radius-line: 4px;
2271
2272
  --wds-skeleton-border-radius-rectangle: 4px;
2273
+ --wds-skeleton-fill-light: rgba(38, 37, 36, 0.1000);
2272
2274
  --wds-slider-slider-knob-border-width: 5px;
2273
2275
  --wds-slider-slider-knob-border-width-hover: 12px;
2274
2276
  --wds-slider-slider-knob-color: #4a57ff;