@wix/design-system-tokens 1.71.0 → 1.72.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 +6 -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,9 @@
1
+ ## 1.72.0 - 2025-02-04
2
+
3
+ ### Features
4
+
5
+ - feat(VerticalTabsIconItem): create new component for VerticalTabs (IconItem) and update (TabItem) and also VerticalTabs themselves with new skin (standard), visual fixes and overall refactor [14482](https://github.com/wix-private/wix-design-systems/pull/14482)
6
+
1
7
  ## 1.70.0 - 2025-01-29
2
8
 
3
9
  ### Features
package/all.css CHANGED
@@ -640,6 +640,10 @@
640
640
  --wds-vertical-tabs-item-fill-standard-active: #ffffff;
641
641
  --wds-vertical-tabs-item-fill-standard-disabled: rgba(255, 255, 255, .3);
642
642
  --wds-vertical-tabs-item-fill-standard-hover: #d6e6fe;
643
+ --wds-vertical-tabs-item-fill-standard-premium: #e7f0ff;
644
+ --wds-vertical-tabs-item-fill-standard-premium-active: #ffffff;
645
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: #ffffff;
646
+ --wds-vertical-tabs-item-fill-standard-premium-hover: #f1e0f9;
643
647
  --wds-vertical-tabs-item-label-disabled: rgba(0, 6, 36, .3);
644
648
  --wds-vertical-tabs-item-label-text: #000624;
645
649
  --wds-vertical-tabs-item-label-text-active: #000624;
package/all.st.css CHANGED
@@ -1153,6 +1153,10 @@
1153
1153
  @property st-global(--wds-vertical-tabs-item-fill-standard-active);
1154
1154
  @property st-global(--wds-vertical-tabs-item-fill-standard-disabled);
1155
1155
  @property st-global(--wds-vertical-tabs-item-fill-standard-hover);
1156
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium);
1157
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-active);
1158
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-disabled);
1159
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-hover);
1156
1160
  @property st-global(--wds-vertical-tabs-item-label-disabled);
1157
1161
  @property st-global(--wds-vertical-tabs-item-label-text);
1158
1162
  @property st-global(--wds-vertical-tabs-item-label-text-active);
@@ -2333,6 +2337,10 @@
2333
2337
  --wds-vertical-tabs-item-fill-standard-active: #ffffff;
2334
2338
  --wds-vertical-tabs-item-fill-standard-disabled: rgba(255, 255, 255, .3);
2335
2339
  --wds-vertical-tabs-item-fill-standard-hover: #d6e6fe;
2340
+ --wds-vertical-tabs-item-fill-standard-premium: #e7f0ff;
2341
+ --wds-vertical-tabs-item-fill-standard-premium-active: #ffffff;
2342
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: #ffffff;
2343
+ --wds-vertical-tabs-item-fill-standard-premium-hover: #f1e0f9;
2336
2344
  --wds-vertical-tabs-item-label-disabled: rgba(0, 6, 36, .3);
2337
2345
  --wds-vertical-tabs-item-label-text: #000624;
2338
2346
  --wds-vertical-tabs-item-label-text-active: #000624;
package/component.st.css CHANGED
@@ -639,6 +639,10 @@
639
639
  @property st-global(--wds-vertical-tabs-item-fill-standard-active);
640
640
  @property st-global(--wds-vertical-tabs-item-fill-standard-disabled);
641
641
  @property st-global(--wds-vertical-tabs-item-fill-standard-hover);
642
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium);
643
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-active);
644
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-disabled);
645
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-hover);
642
646
  @property st-global(--wds-vertical-tabs-item-label-disabled);
643
647
  @property st-global(--wds-vertical-tabs-item-label-text);
644
648
  @property st-global(--wds-vertical-tabs-item-label-text-active);
@@ -1305,6 +1309,10 @@
1305
1309
  --wds-vertical-tabs-item-fill-standard-active: #ffffff;
1306
1310
  --wds-vertical-tabs-item-fill-standard-disabled: rgba(255, 255, 255, .3);
1307
1311
  --wds-vertical-tabs-item-fill-standard-hover: #d6e6fe;
1312
+ --wds-vertical-tabs-item-fill-standard-premium: #e7f0ff;
1313
+ --wds-vertical-tabs-item-fill-standard-premium-active: #ffffff;
1314
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: #ffffff;
1315
+ --wds-vertical-tabs-item-fill-standard-premium-hover: #f1e0f9;
1308
1316
  --wds-vertical-tabs-item-label-disabled: rgba(0, 6, 36, .3);
1309
1317
  --wds-vertical-tabs-item-label-text: #000624;
1310
1318
  --wds-vertical-tabs-item-label-text-active: #000624;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.71.0",
3
+ "version": "1.72.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": "f7f6f94b0647c94552a9a839a947bdb7e9e7ab2e413209316225315e"
36
+ "falconPackageHash": "e85981e5eb2b1a25dd13977efb019171145447fdd346722d148a7ec5"
37
37
  }
package/studio/all.css CHANGED
@@ -639,6 +639,10 @@
639
639
  --wds-vertical-tabs-item-fill-standard-active: #dce9ff;
640
640
  --wds-vertical-tabs-item-fill-standard-disabled: rgba(255, 255, 255, .3);
641
641
  --wds-vertical-tabs-item-fill-standard-hover: #f7f8f8;
642
+ --wds-vertical-tabs-item-fill-standard-premium: #f7f8f8;
643
+ --wds-vertical-tabs-item-fill-standard-premium-active: #ffffff;
644
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: #ffffff;
645
+ --wds-vertical-tabs-item-fill-standard-premium-hover: #f1e0f9;
642
646
  --wds-vertical-tabs-item-label-disabled: #bebebe;
643
647
  --wds-vertical-tabs-item-label-text: #131720;
644
648
  --wds-vertical-tabs-item-label-text-active: #116dff;
package/studio/all.st.css CHANGED
@@ -1148,6 +1148,10 @@
1148
1148
  @property st-global(--wds-vertical-tabs-item-fill-standard-active);
1149
1149
  @property st-global(--wds-vertical-tabs-item-fill-standard-disabled);
1150
1150
  @property st-global(--wds-vertical-tabs-item-fill-standard-hover);
1151
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium);
1152
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-active);
1153
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-disabled);
1154
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-hover);
1151
1155
  @property st-global(--wds-vertical-tabs-item-label-disabled);
1152
1156
  @property st-global(--wds-vertical-tabs-item-label-text);
1153
1157
  @property st-global(--wds-vertical-tabs-item-label-text-active);
@@ -2323,6 +2327,10 @@
2323
2327
  --wds-vertical-tabs-item-fill-standard-active: #dce9ff;
2324
2328
  --wds-vertical-tabs-item-fill-standard-disabled: rgba(255, 255, 255, .3);
2325
2329
  --wds-vertical-tabs-item-fill-standard-hover: #f7f8f8;
2330
+ --wds-vertical-tabs-item-fill-standard-premium: #f7f8f8;
2331
+ --wds-vertical-tabs-item-fill-standard-premium-active: #ffffff;
2332
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: #ffffff;
2333
+ --wds-vertical-tabs-item-fill-standard-premium-hover: #f1e0f9;
2326
2334
  --wds-vertical-tabs-item-label-disabled: #bebebe;
2327
2335
  --wds-vertical-tabs-item-label-text: #131720;
2328
2336
  --wds-vertical-tabs-item-label-text-active: #116dff;
package/studio/component.st.css CHANGED
@@ -638,6 +638,10 @@
638
638
  @property st-global(--wds-vertical-tabs-item-fill-standard-active);
639
639
  @property st-global(--wds-vertical-tabs-item-fill-standard-disabled);
640
640
  @property st-global(--wds-vertical-tabs-item-fill-standard-hover);
641
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium);
642
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-active);
643
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-disabled);
644
+ @property st-global(--wds-vertical-tabs-item-fill-standard-premium-hover);
641
645
  @property st-global(--wds-vertical-tabs-item-label-disabled);
642
646
  @property st-global(--wds-vertical-tabs-item-label-text);
643
647
  @property st-global(--wds-vertical-tabs-item-label-text-active);
@@ -1303,6 +1307,10 @@
1303
1307
  --wds-vertical-tabs-item-fill-standard-active: #dce9ff;
1304
1308
  --wds-vertical-tabs-item-fill-standard-disabled: rgba(255, 255, 255, .3);
1305
1309
  --wds-vertical-tabs-item-fill-standard-hover: #f7f8f8;
1310
+ --wds-vertical-tabs-item-fill-standard-premium: #f7f8f8;
1311
+ --wds-vertical-tabs-item-fill-standard-premium-active: #ffffff;
1312
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: #ffffff;
1313
+ --wds-vertical-tabs-item-fill-standard-premium-hover: #f1e0f9;
1306
1314
  --wds-vertical-tabs-item-label-disabled: #bebebe;
1307
1315
  --wds-vertical-tabs-item-label-text: #131720;
1308
1316
  --wds-vertical-tabs-item-label-text-active: #116dff;