@wix/design-system-tokens 1.110.0 → 1.111.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 (10) hide show
  1. package/all.css +1 -0
  2. package/all.st.css +2 -0
  3. package/component.st.css +2 -0
  4. package/package.json +2 -2
  5. package/studio/all.css +1 -0
  6. package/studio/all.st.css +2 -0
  7. package/studio/component.st.css +2 -0
  8. package/wixel/all.css +1 -0
  9. package/wixel/all.st.css +2 -0
  10. package/wixel/component.st.css +2 -0
package/all.css CHANGED
@@ -1327,6 +1327,7 @@
1327
1327
  --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
1328
1328
  --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1329
1329
  --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1330
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1330
1331
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1331
1332
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1332
1333
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
package/all.st.css CHANGED
@@ -1086,6 +1086,7 @@
1086
1086
  @property st-global(--wds-segmented-toggle-border-radius-small);
1087
1087
  @property st-global(--wds-segmented-toggle-border-width-default);
1088
1088
  @property st-global(--wds-segmented-toggle-fill-default);
1089
+ @property st-global(--wds-segmented-toggle-fill-disabled);
1089
1090
  @property st-global(--wds-segmented-toggle-fill-hover);
1090
1091
  @property st-global(--wds-segmented-toggle-fill-selected);
1091
1092
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -2636,6 +2637,7 @@
2636
2637
  --wds-segmented-toggle-border-radius-small: 6px;
2637
2638
  --wds-segmented-toggle-border-width-default: 1px;
2638
2639
  --wds-segmented-toggle-fill-default: #ffffff;
2640
+ --wds-segmented-toggle-fill-disabled: #ffffff;
2639
2641
  --wds-segmented-toggle-fill-hover: #e7f0ff;
2640
2642
  --wds-segmented-toggle-fill-selected: #ffffff;
2641
2643
  --wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
package/component.st.css CHANGED
@@ -551,6 +551,7 @@
551
551
  @property st-global(--wds-segmented-toggle-border-radius-small);
552
552
  @property st-global(--wds-segmented-toggle-border-width-default);
553
553
  @property st-global(--wds-segmented-toggle-fill-default);
554
+ @property st-global(--wds-segmented-toggle-fill-disabled);
554
555
  @property st-global(--wds-segmented-toggle-fill-hover);
555
556
  @property st-global(--wds-segmented-toggle-fill-selected);
556
557
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -1475,6 +1476,7 @@
1475
1476
  --wds-segmented-toggle-border-radius-small: 6px;
1476
1477
  --wds-segmented-toggle-border-width-default: 1px;
1477
1478
  --wds-segmented-toggle-fill-default: #ffffff;
1479
+ --wds-segmented-toggle-fill-disabled: #ffffff;
1478
1480
  --wds-segmented-toggle-fill-hover: #e7f0ff;
1479
1481
  --wds-segmented-toggle-fill-selected: #ffffff;
1480
1482
  --wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.110.0",
3
+ "version": "1.111.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": "5da6c0cf99664099005cb719e2ce46859bb52ed9e79913d861730bbf"
36
+ "falconPackageHash": "1a6fcb8f06f99dca3053cff17936d781aae0561106d5a6e1d428fa3e"
37
37
  }
package/studio/all.css CHANGED
@@ -1351,6 +1351,7 @@
1351
1351
  --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
1352
1352
  --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1353
1353
  --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1354
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1354
1355
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1355
1356
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1356
1357
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-100);
package/studio/all.st.css CHANGED
@@ -1074,6 +1074,7 @@
1074
1074
  @property st-global(--wds-segmented-toggle-border-radius-small);
1075
1075
  @property st-global(--wds-segmented-toggle-border-width-default);
1076
1076
  @property st-global(--wds-segmented-toggle-fill-default);
1077
+ @property st-global(--wds-segmented-toggle-fill-disabled);
1077
1078
  @property st-global(--wds-segmented-toggle-fill-hover);
1078
1079
  @property st-global(--wds-segmented-toggle-fill-selected);
1079
1080
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -2617,6 +2618,7 @@
2617
2618
  --wds-segmented-toggle-border-radius-small: 4px;
2618
2619
  --wds-segmented-toggle-border-width-default: 1px;
2619
2620
  --wds-segmented-toggle-fill-default: #ffffff;
2621
+ --wds-segmented-toggle-fill-disabled: #ffffff;
2620
2622
  --wds-segmented-toggle-fill-hover: #f7f8f8;
2621
2623
  --wds-segmented-toggle-fill-selected: #ffffff;
2622
2624
  --wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
package/studio/component.st.css CHANGED
@@ -543,6 +543,7 @@
543
543
  @property st-global(--wds-segmented-toggle-border-radius-small);
544
544
  @property st-global(--wds-segmented-toggle-border-width-default);
545
545
  @property st-global(--wds-segmented-toggle-fill-default);
546
+ @property st-global(--wds-segmented-toggle-fill-disabled);
546
547
  @property st-global(--wds-segmented-toggle-fill-hover);
547
548
  @property st-global(--wds-segmented-toggle-fill-selected);
548
549
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -1464,6 +1465,7 @@
1464
1465
  --wds-segmented-toggle-border-radius-small: 4px;
1465
1466
  --wds-segmented-toggle-border-width-default: 1px;
1466
1467
  --wds-segmented-toggle-fill-default: #ffffff;
1468
+ --wds-segmented-toggle-fill-disabled: #ffffff;
1467
1469
  --wds-segmented-toggle-fill-hover: #f7f8f8;
1468
1470
  --wds-segmented-toggle-fill-selected: #ffffff;
1469
1471
  --wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
package/wixel/all.css CHANGED
@@ -916,6 +916,7 @@
916
916
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-175);
917
917
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-175);
918
918
  --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
919
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
919
920
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-none);
920
921
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-400);
921
922
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-400);
package/wixel/all.st.css CHANGED
@@ -1084,6 +1084,7 @@
1084
1084
  @property st-global(--wds-segmented-toggle-border-radius-small);
1085
1085
  @property st-global(--wds-segmented-toggle-border-width-default);
1086
1086
  @property st-global(--wds-segmented-toggle-fill-default);
1087
+ @property st-global(--wds-segmented-toggle-fill-disabled);
1087
1088
  @property st-global(--wds-segmented-toggle-fill-hover);
1088
1089
  @property st-global(--wds-segmented-toggle-fill-selected);
1089
1090
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -2639,6 +2640,7 @@
2639
2640
  --wds-segmented-toggle-border-radius-small: 8px;
2640
2641
  --wds-segmented-toggle-border-width-default: 0;
2641
2642
  --wds-segmented-toggle-fill-default: #eef0ff;
2643
+ --wds-segmented-toggle-fill-disabled: #e5e5e5;
2642
2644
  --wds-segmented-toggle-fill-hover: #d6dcff;
2643
2645
  --wds-segmented-toggle-fill-selected: #526cff;
2644
2646
  --wds-segmented-toggle-fill-selected-disabled: #bebebe;
package/wixel/component.st.css CHANGED
@@ -549,6 +549,7 @@
549
549
  @property st-global(--wds-segmented-toggle-border-radius-small);
550
550
  @property st-global(--wds-segmented-toggle-border-width-default);
551
551
  @property st-global(--wds-segmented-toggle-fill-default);
552
+ @property st-global(--wds-segmented-toggle-fill-disabled);
552
553
  @property st-global(--wds-segmented-toggle-fill-hover);
553
554
  @property st-global(--wds-segmented-toggle-fill-selected);
554
555
  @property st-global(--wds-segmented-toggle-fill-selected-disabled);
@@ -1478,6 +1479,7 @@
1478
1479
  --wds-segmented-toggle-border-radius-small: 8px;
1479
1480
  --wds-segmented-toggle-border-width-default: 0;
1480
1481
  --wds-segmented-toggle-fill-default: #eef0ff;
1482
+ --wds-segmented-toggle-fill-disabled: #e5e5e5;
1481
1483
  --wds-segmented-toggle-fill-hover: #d6dcff;
1482
1484
  --wds-segmented-toggle-fill-selected: #526cff;
1483
1485
  --wds-segmented-toggle-fill-selected-disabled: #bebebe;