@wix/design-system-tokens 1.142.0 → 1.143.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 (18) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +1 -0
  3. package/all.scss +1 -0
  4. package/all.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/semantic.st.css +2 -0
  9. package/package.json +2 -2
  10. package/semantic.st.css +2 -0
  11. package/studio/all.css +1 -0
  12. package/studio/all.scss +1 -0
  13. package/studio/all.st.css +2 -0
  14. package/studio/semantic.st.css +2 -0
  15. package/wixel/all.css +1 -0
  16. package/wixel/all.scss +1 -0
  17. package/wixel/all.st.css +2 -0
  18. package/wixel/semantic.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.143.0 - 2025-11-18
2
+
3
+ ### Features
4
+
5
+ - feat(Tabs): add wds-border-width-varied and apply to divider [15528](https://github.com/wix-private/wix-design-systems/pull/15528)
6
+
1
7
  ## 1.139.0 - 2025-11-07
2
8
 
3
9
  ### Bug Fixes
package/all.css CHANGED
@@ -337,6 +337,7 @@
337
337
  --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-0);
338
338
  --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-0);
339
339
  --wds-inner-shadow-blur-input: var(--wds-shadow-blur-0);
340
+ --wds-border-width-varied: var(--wds-border-width-100);
340
341
  --wds-border-width-default: var(--wds-border-width-100);
341
342
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
342
343
  --wds-border-radius-surface-raised: var(--wds-border-radius-400);
package/all.scss CHANGED
@@ -1358,6 +1358,7 @@
1358
1358
  --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1359
1359
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-300);
1360
1360
  --wds-breadcrumbs-border-radius: var(--wds-border-radius-full);
1361
+ --wds-border-width-varied: var(--wds-border-width-100);
1361
1362
  --wds-border-width-default: var(--wds-border-width-100);
1362
1363
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
1363
1364
  --wds-border-radius-surface-raised: var(--wds-border-radius-400);
package/all.st.css CHANGED
@@ -115,6 +115,7 @@
115
115
  @property st-global(--wds-border-width-200);
116
116
  @property st-global(--wds-border-width-default);
117
117
  @property st-global(--wds-border-width-none);
118
+ @property st-global(--wds-border-width-varied);
118
119
  @property st-global(--wds-breadcrumbs-border-radius);
119
120
  @property st-global(--wds-breadcrumbs-font-size-small);
120
121
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
@@ -2162,6 +2163,7 @@
2162
2163
  --wds-border-width-200: 2px;
2163
2164
  --wds-border-width-default: 1px;
2164
2165
  --wds-border-width-none: 0px;
2166
+ --wds-border-width-varied: 1px;
2165
2167
  --wds-breadcrumbs-border-radius: 1000px;
2166
2168
  --wds-breadcrumbs-font-size-small: 14px;
2167
2169
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
package/odeditor/all.css CHANGED
@@ -366,6 +366,7 @@
366
366
  --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-25);
367
367
  --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
368
368
  --wds-inner-shadow-blur-input: var(--wds-shadow-blur-35);
369
+ --wds-border-width-varied: var(--wds-border-width-0);
369
370
  --wds-border-width-default: var(--wds-border-width-100);
370
371
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
371
372
  --wds-border-radius-surface-raised: var(--wds-border-radius-600);
package/odeditor/all.scss CHANGED
@@ -1442,6 +1442,7 @@
1442
1442
  --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1443
1443
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1444
1444
  --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1445
+ --wds-border-width-varied: var(--wds-border-width-0);
1445
1446
  --wds-border-width-default: var(--wds-border-width-100);
1446
1447
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
1447
1448
  --wds-border-radius-surface-raised: var(--wds-border-radius-600);
package/odeditor/all.st.css CHANGED
@@ -122,6 +122,7 @@
122
122
  @property st-global(--wds-border-width-200);
123
123
  @property st-global(--wds-border-width-default);
124
124
  @property st-global(--wds-border-width-none);
125
+ @property st-global(--wds-border-width-varied);
125
126
  @property st-global(--wds-breadcrumbs-border-radius);
126
127
  @property st-global(--wds-breadcrumbs-font-size-small);
127
128
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
@@ -2123,6 +2124,7 @@
2123
2124
  --wds-border-width-200: 2px;
2124
2125
  --wds-border-width-default: 1px;
2125
2126
  --wds-border-width-none: 0px;
2127
+ --wds-border-width-varied: 0px;
2126
2128
  --wds-breadcrumbs-border-radius: 2px;
2127
2129
  --wds-breadcrumbs-font-size-small: 12px;
2128
2130
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
package/odeditor/semantic.st.css CHANGED
@@ -6,6 +6,7 @@
6
6
  @property st-global(--wds-border-radius-surface-raised);
7
7
  @property st-global(--wds-border-radius-surface-sunken);
8
8
  @property st-global(--wds-border-width-default);
9
+ @property st-global(--wds-border-width-varied);
9
10
  @property st-global(--wds-color-border-ai-primary);
10
11
  @property st-global(--wds-color-border-ai-primary-active);
11
12
  @property st-global(--wds-color-border-ai-primary-disabled);
@@ -492,6 +493,7 @@
492
493
  --wds-border-radius-surface-raised: 12px;
493
494
  --wds-border-radius-surface-sunken: 0px;
494
495
  --wds-border-width-default: 1px;
496
+ --wds-border-width-varied: 0px;
495
497
  --wds-color-border-ai-primary: #ffffff;
496
498
  --wds-color-border-ai-primary-active: #ffffff;
497
499
  --wds-color-border-ai-primary-disabled: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.142.0",
3
+ "version": "1.143.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": "8f35c73c6225f58e644465887728d8122c487c5dd01532f36f1a7bc9"
36
+ "falconPackageHash": "4c857d57fa486d6147d07e8799ffbdb60a4a9ba8ca67bc6d2c86603e"
37
37
  }
package/semantic.st.css CHANGED
@@ -6,6 +6,7 @@
6
6
  @property st-global(--wds-border-radius-surface-raised);
7
7
  @property st-global(--wds-border-radius-surface-sunken);
8
8
  @property st-global(--wds-border-width-default);
9
+ @property st-global(--wds-border-width-varied);
9
10
  @property st-global(--wds-color-border-ai-primary);
10
11
  @property st-global(--wds-color-border-ai-primary-active);
11
12
  @property st-global(--wds-color-border-ai-primary-disabled);
@@ -496,6 +497,7 @@
496
497
  --wds-border-radius-surface-raised: 8px;
497
498
  --wds-border-radius-surface-sunken: 0px;
498
499
  --wds-border-width-default: 1px;
500
+ --wds-border-width-varied: 1px;
499
501
  --wds-color-border-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
500
502
  --wds-color-border-ai-primary-active: #ffffff;
501
503
  --wds-color-border-ai-primary-disabled: #ffffff;
package/studio/all.css CHANGED
@@ -367,6 +367,7 @@
367
367
  --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-0);
368
368
  --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-0);
369
369
  --wds-inner-shadow-blur-input: var(--wds-shadow-blur-0);
370
+ --wds-border-width-varied: var(--wds-border-width-100);
370
371
  --wds-border-width-default: var(--wds-border-width-100);
371
372
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
372
373
  --wds-border-radius-surface-raised: var(--wds-border-radius-200);
package/studio/all.scss CHANGED
@@ -1420,6 +1420,7 @@
1420
1420
  --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1421
1421
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1422
1422
  --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1423
+ --wds-border-width-varied: var(--wds-border-width-100);
1423
1424
  --wds-border-width-default: var(--wds-border-width-100);
1424
1425
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
1425
1426
  --wds-border-radius-surface-raised: var(--wds-border-radius-200);
package/studio/all.st.css CHANGED
@@ -115,6 +115,7 @@
115
115
  @property st-global(--wds-border-width-200);
116
116
  @property st-global(--wds-border-width-default);
117
117
  @property st-global(--wds-border-width-none);
118
+ @property st-global(--wds-border-width-varied);
118
119
  @property st-global(--wds-breadcrumbs-border-radius);
119
120
  @property st-global(--wds-breadcrumbs-font-size-small);
120
121
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
@@ -2154,6 +2155,7 @@
2154
2155
  --wds-border-width-200: 2px;
2155
2156
  --wds-border-width-default: 1px;
2156
2157
  --wds-border-width-none: 0px;
2158
+ --wds-border-width-varied: 1px;
2157
2159
  --wds-breadcrumbs-border-radius: 2px;
2158
2160
  --wds-breadcrumbs-font-size-small: 12px;
2159
2161
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
package/studio/semantic.st.css CHANGED
@@ -6,6 +6,7 @@
6
6
  @property st-global(--wds-border-radius-surface-raised);
7
7
  @property st-global(--wds-border-radius-surface-sunken);
8
8
  @property st-global(--wds-border-width-default);
9
+ @property st-global(--wds-border-width-varied);
9
10
  @property st-global(--wds-color-border-ai-primary);
10
11
  @property st-global(--wds-color-border-ai-primary-active);
11
12
  @property st-global(--wds-color-border-ai-primary-disabled);
@@ -492,6 +493,7 @@
492
493
  --wds-border-radius-surface-raised: 4px;
493
494
  --wds-border-radius-surface-sunken: 0px;
494
495
  --wds-border-width-default: 1px;
496
+ --wds-border-width-varied: 1px;
495
497
  --wds-color-border-ai-primary: #5a48f5;
496
498
  --wds-color-border-ai-primary-active: #ffffff;
497
499
  --wds-color-border-ai-primary-disabled: #ffffff;
package/wixel/all.css CHANGED
@@ -368,6 +368,7 @@
368
368
  --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-0);
369
369
  --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-0);
370
370
  --wds-inner-shadow-blur-input: var(--wds-shadow-blur-0);
371
+ --wds-border-width-varied: var(--wds-border-width-100);
371
372
  --wds-border-width-default: var(--wds-border-width-none);
372
373
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
373
374
  --wds-border-radius-surface-raised: var(--wds-border-radius-600);
package/wixel/all.scss CHANGED
@@ -1383,6 +1383,7 @@
1383
1383
  --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1384
1384
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1385
1385
  --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1386
+ --wds-border-width-varied: var(--wds-border-width-100);
1386
1387
  --wds-border-width-default: var(--wds-border-width-none);
1387
1388
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
1388
1389
  --wds-border-radius-surface-raised: var(--wds-border-radius-600);
package/wixel/all.st.css CHANGED
@@ -115,6 +115,7 @@
115
115
  @property st-global(--wds-border-width-200);
116
116
  @property st-global(--wds-border-width-default);
117
117
  @property st-global(--wds-border-width-none);
118
+ @property st-global(--wds-border-width-varied);
118
119
  @property st-global(--wds-breadcrumbs-border-radius);
119
120
  @property st-global(--wds-breadcrumbs-font-size-small);
120
121
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
@@ -2120,6 +2121,7 @@
2120
2121
  --wds-border-width-200: 2px;
2121
2122
  --wds-border-width-default: 0px;
2122
2123
  --wds-border-width-none: 0px;
2124
+ --wds-border-width-varied: 1px;
2123
2125
  --wds-breadcrumbs-border-radius: 2px;
2124
2126
  --wds-breadcrumbs-font-size-small: 12px;
2125
2127
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, 0.3000);
package/wixel/semantic.st.css CHANGED
@@ -6,6 +6,7 @@
6
6
  @property st-global(--wds-border-radius-surface-raised);
7
7
  @property st-global(--wds-border-radius-surface-sunken);
8
8
  @property st-global(--wds-border-width-default);
9
+ @property st-global(--wds-border-width-varied);
9
10
  @property st-global(--wds-color-border-ai-primary);
10
11
  @property st-global(--wds-color-border-ai-primary-active);
11
12
  @property st-global(--wds-color-border-ai-primary-disabled);
@@ -480,6 +481,7 @@
480
481
  --wds-border-radius-surface-raised: 12px;
481
482
  --wds-border-radius-surface-sunken: 0px;
482
483
  --wds-border-width-default: 0px;
484
+ --wds-border-width-varied: 1px;
483
485
  --wds-color-border-ai-primary: #ffffff;
484
486
  --wds-color-border-ai-primary-active: #ffffff;
485
487
  --wds-color-border-ai-primary-disabled: #ffffff;