@wix/design-system-tokens 1.90.0 → 1.90.2

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 +11 -1
  2. package/all.st.css +20 -0
  3. package/component.st.css +20 -0
  4. package/package.json +2 -2
  5. package/studio/all.css +11 -1
  6. package/studio/all.st.css +20 -0
  7. package/studio/component.st.css +20 -0
  8. package/wixel/all.css +11 -1
  9. package/wixel/all.st.css +20 -0
  10. package/wixel/component.st.css +20 -0
package/all.css CHANGED
@@ -756,7 +756,17 @@
756
756
  --wds-toggle-button-border-radius-square-medium: 6px;
757
757
  --wds-toggle-button-border-radius-square-small: 4px;
758
758
  --wds-toggle-button-border-radius-square-tiny: 4px;
759
+ --wds-toggle-button-fill-inverted: #ffffff;
760
+ --wds-toggle-button-fill-inverted-disabled: #ffffff;
761
+ --wds-toggle-button-fill-inverted-hover: #e7f0ff;
762
+ --wds-toggle-button-fill-inverted-selected: #116dff;
763
+ --wds-toggle-button-fill-inverted-selected-disabled: rgba(0, 6, 36, .3);
764
+ --wds-toggle-button-fill-inverted-selected-hover: #0f62e6;
765
+ --wds-toggle-button-label-font-line-height-round-small: 18px;
766
+ --wds-toggle-button-label-font-size-round-small: 14px;
759
767
  --wds-toggle-button-label-font-weight: 400;
768
+ --wds-toggle-button-label-font-weight-round: 400;
769
+ --wds-toggle-button-label-font-weight-square: 400;
760
770
  --wds-toggle-button-padding-left-large: 9px;
761
771
  --wds-toggle-button-padding-left-large-round: 12px;
762
772
  --wds-toggle-button-padding-left-medium: 6px;
@@ -1346,6 +1356,7 @@
1346
1356
  --wds-color-text-destructive: #e62214;
1347
1357
  --wds-color-text-disabled: rgba(0, 6, 36, .3);
1348
1358
  --wds-color-text-disabled-light: rgba(255, 255, 255, .7);
1359
+ --wds-color-text-highlight: #d6e6fe;
1349
1360
  --wds-color-text-placeholder: #868aa5;
1350
1361
  --wds-color-text-placeholder-light: #868aa5;
1351
1362
  --wds-color-text-premium: #9a27d5;
@@ -1360,7 +1371,6 @@
1360
1371
  --wds-color-text-success: #25a55a;
1361
1372
  --wds-color-text-urgent: #fe620f;
1362
1373
  --wds-color-text-warning: #ffb700;
1363
- --wds-color-text-highlight: #d6e6fe;
1364
1374
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1365
1375
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1366
1376
  --wds-font-letter-spacing-0: 0;
package/all.st.css CHANGED
@@ -1378,7 +1378,17 @@
1378
1378
  @property st-global(--wds-toggle-button-border-radius-square-medium);
1379
1379
  @property st-global(--wds-toggle-button-border-radius-square-small);
1380
1380
  @property st-global(--wds-toggle-button-border-radius-square-tiny);
1381
+ @property st-global(--wds-toggle-button-fill-inverted);
1382
+ @property st-global(--wds-toggle-button-fill-inverted-disabled);
1383
+ @property st-global(--wds-toggle-button-fill-inverted-hover);
1384
+ @property st-global(--wds-toggle-button-fill-inverted-selected);
1385
+ @property st-global(--wds-toggle-button-fill-inverted-selected-disabled);
1386
+ @property st-global(--wds-toggle-button-fill-inverted-selected-hover);
1387
+ @property st-global(--wds-toggle-button-label-font-line-height-round-small);
1388
+ @property st-global(--wds-toggle-button-label-font-size-round-small);
1381
1389
  @property st-global(--wds-toggle-button-label-font-weight);
1390
+ @property st-global(--wds-toggle-button-label-font-weight-round);
1391
+ @property st-global(--wds-toggle-button-label-font-weight-square);
1382
1392
  @property st-global(--wds-toggle-button-padding-left-large);
1383
1393
  @property st-global(--wds-toggle-button-padding-left-large-round);
1384
1394
  @property st-global(--wds-toggle-button-padding-left-medium);
@@ -2894,7 +2904,17 @@
2894
2904
  --wds-toggle-button-border-radius-square-medium: 6px;
2895
2905
  --wds-toggle-button-border-radius-square-small: 4px;
2896
2906
  --wds-toggle-button-border-radius-square-tiny: 4px;
2907
+ --wds-toggle-button-fill-inverted: #ffffff;
2908
+ --wds-toggle-button-fill-inverted-disabled: #ffffff;
2909
+ --wds-toggle-button-fill-inverted-hover: #e7f0ff;
2910
+ --wds-toggle-button-fill-inverted-selected: #116dff;
2911
+ --wds-toggle-button-fill-inverted-selected-disabled: rgba(0, 6, 36, .3);
2912
+ --wds-toggle-button-fill-inverted-selected-hover: #0f62e6;
2913
+ --wds-toggle-button-label-font-line-height-round-small: 18px;
2914
+ --wds-toggle-button-label-font-size-round-small: 14px;
2897
2915
  --wds-toggle-button-label-font-weight: 400;
2916
+ --wds-toggle-button-label-font-weight-round: 400;
2917
+ --wds-toggle-button-label-font-weight-square: 400;
2898
2918
  --wds-toggle-button-padding-left-large: 9px;
2899
2919
  --wds-toggle-button-padding-left-large-round: 12px;
2900
2920
  --wds-toggle-button-padding-left-medium: 6px;
package/component.st.css CHANGED
@@ -755,7 +755,17 @@
755
755
  @property st-global(--wds-toggle-button-border-radius-square-medium);
756
756
  @property st-global(--wds-toggle-button-border-radius-square-small);
757
757
  @property st-global(--wds-toggle-button-border-radius-square-tiny);
758
+ @property st-global(--wds-toggle-button-fill-inverted);
759
+ @property st-global(--wds-toggle-button-fill-inverted-disabled);
760
+ @property st-global(--wds-toggle-button-fill-inverted-hover);
761
+ @property st-global(--wds-toggle-button-fill-inverted-selected);
762
+ @property st-global(--wds-toggle-button-fill-inverted-selected-disabled);
763
+ @property st-global(--wds-toggle-button-fill-inverted-selected-hover);
764
+ @property st-global(--wds-toggle-button-label-font-line-height-round-small);
765
+ @property st-global(--wds-toggle-button-label-font-size-round-small);
758
766
  @property st-global(--wds-toggle-button-label-font-weight);
767
+ @property st-global(--wds-toggle-button-label-font-weight-round);
768
+ @property st-global(--wds-toggle-button-label-font-weight-square);
759
769
  @property st-global(--wds-toggle-button-padding-left-large);
760
770
  @property st-global(--wds-toggle-button-padding-left-large-round);
761
771
  @property st-global(--wds-toggle-button-padding-left-medium);
@@ -1646,7 +1656,17 @@
1646
1656
  --wds-toggle-button-border-radius-square-medium: 6px;
1647
1657
  --wds-toggle-button-border-radius-square-small: 4px;
1648
1658
  --wds-toggle-button-border-radius-square-tiny: 4px;
1659
+ --wds-toggle-button-fill-inverted: #ffffff;
1660
+ --wds-toggle-button-fill-inverted-disabled: #ffffff;
1661
+ --wds-toggle-button-fill-inverted-hover: #e7f0ff;
1662
+ --wds-toggle-button-fill-inverted-selected: #116dff;
1663
+ --wds-toggle-button-fill-inverted-selected-disabled: rgba(0, 6, 36, .3);
1664
+ --wds-toggle-button-fill-inverted-selected-hover: #0f62e6;
1665
+ --wds-toggle-button-label-font-line-height-round-small: 18px;
1666
+ --wds-toggle-button-label-font-size-round-small: 14px;
1649
1667
  --wds-toggle-button-label-font-weight: 400;
1668
+ --wds-toggle-button-label-font-weight-round: 400;
1669
+ --wds-toggle-button-label-font-weight-square: 400;
1650
1670
  --wds-toggle-button-padding-left-large: 9px;
1651
1671
  --wds-toggle-button-padding-left-large-round: 12px;
1652
1672
  --wds-toggle-button-padding-left-medium: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.90.0",
3
+ "version": "1.90.2",
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": "e541ed00ea1448099d1de134624fa3c73c2f79c7542adb4157a84de4"
36
+ "falconPackageHash": "0b75bf759f76b04d6fdde087091f3170db6b7f17f0b90cb7bc8b8c02"
37
37
  }
package/studio/all.css CHANGED
@@ -746,7 +746,17 @@
746
746
  --wds-toggle-button-border-radius-square-medium: 6px;
747
747
  --wds-toggle-button-border-radius-square-small: 4px;
748
748
  --wds-toggle-button-border-radius-square-tiny: 4px;
749
+ --wds-toggle-button-fill-inverted: #ffffff;
750
+ --wds-toggle-button-fill-inverted-disabled: #ffffff;
751
+ --wds-toggle-button-fill-inverted-hover: #f7f8f8;
752
+ --wds-toggle-button-fill-inverted-selected: #116dff;
753
+ --wds-toggle-button-fill-inverted-selected-disabled: #bebebe;
754
+ --wds-toggle-button-fill-inverted-selected-hover: #0f62e6;
755
+ --wds-toggle-button-label-font-line-height-round-small: 16px;
756
+ --wds-toggle-button-label-font-size-round-small: 12px;
749
757
  --wds-toggle-button-label-font-weight: 400;
758
+ --wds-toggle-button-label-font-weight-round: 400;
759
+ --wds-toggle-button-label-font-weight-square: 400;
750
760
  --wds-toggle-button-padding-horizontal-large: 16px;
751
761
  --wds-toggle-button-padding-horizontal-large-round: 16px;
752
762
  --wds-toggle-button-padding-horizontal-medium: 12px;
@@ -1340,6 +1350,7 @@
1340
1350
  --wds-color-text-destructive: #ee4437;
1341
1351
  --wds-color-text-disabled: #bebebe;
1342
1352
  --wds-color-text-disabled-light: rgba(255, 255, 255, .7);
1353
+ --wds-color-text-highlight: #dce9ff;
1343
1354
  --wds-color-text-placeholder: #868aa5;
1344
1355
  --wds-color-text-placeholder-light: #868aa5;
1345
1356
  --wds-color-text-premium: #9a27d5;
@@ -1354,7 +1365,6 @@
1354
1365
  --wds-color-text-success: #25a55a;
1355
1366
  --wds-color-text-urgent: #f96132;
1356
1367
  --wds-color-text-warning: #f9ad4d;
1357
- --wds-color-text-highlight: #dce9ff;
1358
1368
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1359
1369
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1360
1370
  --wds-font-letter-spacing-0: 0;
package/studio/all.st.css CHANGED
@@ -1364,7 +1364,17 @@
1364
1364
  @property st-global(--wds-toggle-button-border-radius-square-medium);
1365
1365
  @property st-global(--wds-toggle-button-border-radius-square-small);
1366
1366
  @property st-global(--wds-toggle-button-border-radius-square-tiny);
1367
+ @property st-global(--wds-toggle-button-fill-inverted);
1368
+ @property st-global(--wds-toggle-button-fill-inverted-disabled);
1369
+ @property st-global(--wds-toggle-button-fill-inverted-hover);
1370
+ @property st-global(--wds-toggle-button-fill-inverted-selected);
1371
+ @property st-global(--wds-toggle-button-fill-inverted-selected-disabled);
1372
+ @property st-global(--wds-toggle-button-fill-inverted-selected-hover);
1373
+ @property st-global(--wds-toggle-button-label-font-line-height-round-small);
1374
+ @property st-global(--wds-toggle-button-label-font-size-round-small);
1367
1375
  @property st-global(--wds-toggle-button-label-font-weight);
1376
+ @property st-global(--wds-toggle-button-label-font-weight-round);
1377
+ @property st-global(--wds-toggle-button-label-font-weight-square);
1368
1378
  @property st-global(--wds-toggle-button-padding-horizontal-large);
1369
1379
  @property st-global(--wds-toggle-button-padding-horizontal-large-round);
1370
1380
  @property st-global(--wds-toggle-button-padding-horizontal-medium);
@@ -2874,7 +2884,17 @@
2874
2884
  --wds-toggle-button-border-radius-square-medium: 6px;
2875
2885
  --wds-toggle-button-border-radius-square-small: 4px;
2876
2886
  --wds-toggle-button-border-radius-square-tiny: 4px;
2887
+ --wds-toggle-button-fill-inverted: #ffffff;
2888
+ --wds-toggle-button-fill-inverted-disabled: #ffffff;
2889
+ --wds-toggle-button-fill-inverted-hover: #f7f8f8;
2890
+ --wds-toggle-button-fill-inverted-selected: #116dff;
2891
+ --wds-toggle-button-fill-inverted-selected-disabled: #bebebe;
2892
+ --wds-toggle-button-fill-inverted-selected-hover: #0f62e6;
2893
+ --wds-toggle-button-label-font-line-height-round-small: 16px;
2894
+ --wds-toggle-button-label-font-size-round-small: 12px;
2877
2895
  --wds-toggle-button-label-font-weight: 400;
2896
+ --wds-toggle-button-label-font-weight-round: 400;
2897
+ --wds-toggle-button-label-font-weight-square: 400;
2878
2898
  --wds-toggle-button-padding-horizontal-large: 16px;
2879
2899
  --wds-toggle-button-padding-horizontal-large-round: 16px;
2880
2900
  --wds-toggle-button-padding-horizontal-medium: 12px;
package/studio/component.st.css CHANGED
@@ -745,7 +745,17 @@
745
745
  @property st-global(--wds-toggle-button-border-radius-square-medium);
746
746
  @property st-global(--wds-toggle-button-border-radius-square-small);
747
747
  @property st-global(--wds-toggle-button-border-radius-square-tiny);
748
+ @property st-global(--wds-toggle-button-fill-inverted);
749
+ @property st-global(--wds-toggle-button-fill-inverted-disabled);
750
+ @property st-global(--wds-toggle-button-fill-inverted-hover);
751
+ @property st-global(--wds-toggle-button-fill-inverted-selected);
752
+ @property st-global(--wds-toggle-button-fill-inverted-selected-disabled);
753
+ @property st-global(--wds-toggle-button-fill-inverted-selected-hover);
754
+ @property st-global(--wds-toggle-button-label-font-line-height-round-small);
755
+ @property st-global(--wds-toggle-button-label-font-size-round-small);
748
756
  @property st-global(--wds-toggle-button-label-font-weight);
757
+ @property st-global(--wds-toggle-button-label-font-weight-round);
758
+ @property st-global(--wds-toggle-button-label-font-weight-square);
749
759
  @property st-global(--wds-toggle-button-padding-horizontal-large);
750
760
  @property st-global(--wds-toggle-button-padding-horizontal-large-round);
751
761
  @property st-global(--wds-toggle-button-padding-horizontal-medium);
@@ -1634,7 +1644,17 @@
1634
1644
  --wds-toggle-button-border-radius-square-medium: 6px;
1635
1645
  --wds-toggle-button-border-radius-square-small: 4px;
1636
1646
  --wds-toggle-button-border-radius-square-tiny: 4px;
1647
+ --wds-toggle-button-fill-inverted: #ffffff;
1648
+ --wds-toggle-button-fill-inverted-disabled: #ffffff;
1649
+ --wds-toggle-button-fill-inverted-hover: #f7f8f8;
1650
+ --wds-toggle-button-fill-inverted-selected: #116dff;
1651
+ --wds-toggle-button-fill-inverted-selected-disabled: #bebebe;
1652
+ --wds-toggle-button-fill-inverted-selected-hover: #0f62e6;
1653
+ --wds-toggle-button-label-font-line-height-round-small: 16px;
1654
+ --wds-toggle-button-label-font-size-round-small: 12px;
1637
1655
  --wds-toggle-button-label-font-weight: 400;
1656
+ --wds-toggle-button-label-font-weight-round: 400;
1657
+ --wds-toggle-button-label-font-weight-square: 400;
1638
1658
  --wds-toggle-button-padding-horizontal-large: 16px;
1639
1659
  --wds-toggle-button-padding-horizontal-large-round: 16px;
1640
1660
  --wds-toggle-button-padding-horizontal-medium: 12px;
package/wixel/all.css CHANGED
@@ -753,7 +753,17 @@
753
753
  --wds-toggle-button-border-radius-square-medium: 8px;
754
754
  --wds-toggle-button-border-radius-square-small: 8px;
755
755
  --wds-toggle-button-border-radius-square-tiny: 8px;
756
+ --wds-toggle-button-fill-inverted: #eef0ff;
757
+ --wds-toggle-button-fill-inverted-disabled: #e5e5e5;
758
+ --wds-toggle-button-fill-inverted-hover: #d6dcff;
759
+ --wds-toggle-button-fill-inverted-selected: #526cff;
760
+ --wds-toggle-button-fill-inverted-selected-disabled: #bebebe;
761
+ --wds-toggle-button-fill-inverted-selected-hover: #4c49fb;
762
+ --wds-toggle-button-label-font-line-height-round-small: 16px;
763
+ --wds-toggle-button-label-font-size-round-small: 12px;
756
764
  --wds-toggle-button-label-font-weight: 600;
765
+ --wds-toggle-button-label-font-weight-round: 400;
766
+ --wds-toggle-button-label-font-weight-square: 600;
757
767
  --wds-toggle-button-padding-horizontal-large: 24px;
758
768
  --wds-toggle-button-padding-horizontal-large-round: 24px;
759
769
  --wds-toggle-button-padding-horizontal-left-large: 8px;
@@ -1350,6 +1360,7 @@
1350
1360
  --wds-color-text-destructive: #ee4437;
1351
1361
  --wds-color-text-disabled: rgba(38, 37, 36, 0.3000);
1352
1362
  --wds-color-text-disabled-light: rgba(255, 255, 255, 0.7000);
1363
+ --wds-color-text-highlight: #bac5ff;
1353
1364
  --wds-color-text-placeholder: #868aa5;
1354
1365
  --wds-color-text-placeholder-light: #868aa5;
1355
1366
  --wds-color-text-premium: #9a27d5;
@@ -1364,7 +1375,6 @@
1364
1375
  --wds-color-text-success: #25a55a;
1365
1376
  --wds-color-text-urgent: #f96132;
1366
1377
  --wds-color-text-warning: #f9ad4d;
1367
- --wds-color-text-highlight: #bac5ff;
1368
1378
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1369
1379
  --wds-font-family-display: "Madefor Display", "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1370
1380
  --wds-font-letter-spacing-0: 0;
package/wixel/all.st.css CHANGED
@@ -1375,7 +1375,17 @@
1375
1375
  @property st-global(--wds-toggle-button-border-radius-square-medium);
1376
1376
  @property st-global(--wds-toggle-button-border-radius-square-small);
1377
1377
  @property st-global(--wds-toggle-button-border-radius-square-tiny);
1378
+ @property st-global(--wds-toggle-button-fill-inverted);
1379
+ @property st-global(--wds-toggle-button-fill-inverted-disabled);
1380
+ @property st-global(--wds-toggle-button-fill-inverted-hover);
1381
+ @property st-global(--wds-toggle-button-fill-inverted-selected);
1382
+ @property st-global(--wds-toggle-button-fill-inverted-selected-disabled);
1383
+ @property st-global(--wds-toggle-button-fill-inverted-selected-hover);
1384
+ @property st-global(--wds-toggle-button-label-font-line-height-round-small);
1385
+ @property st-global(--wds-toggle-button-label-font-size-round-small);
1378
1386
  @property st-global(--wds-toggle-button-label-font-weight);
1387
+ @property st-global(--wds-toggle-button-label-font-weight-round);
1388
+ @property st-global(--wds-toggle-button-label-font-weight-square);
1379
1389
  @property st-global(--wds-toggle-button-padding-horizontal-large);
1380
1390
  @property st-global(--wds-toggle-button-padding-horizontal-large-round);
1381
1391
  @property st-global(--wds-toggle-button-padding-horizontal-left-large);
@@ -2896,7 +2906,17 @@
2896
2906
  --wds-toggle-button-border-radius-square-medium: 8px;
2897
2907
  --wds-toggle-button-border-radius-square-small: 8px;
2898
2908
  --wds-toggle-button-border-radius-square-tiny: 8px;
2909
+ --wds-toggle-button-fill-inverted: #eef0ff;
2910
+ --wds-toggle-button-fill-inverted-disabled: #e5e5e5;
2911
+ --wds-toggle-button-fill-inverted-hover: #d6dcff;
2912
+ --wds-toggle-button-fill-inverted-selected: #526cff;
2913
+ --wds-toggle-button-fill-inverted-selected-disabled: #bebebe;
2914
+ --wds-toggle-button-fill-inverted-selected-hover: #4c49fb;
2915
+ --wds-toggle-button-label-font-line-height-round-small: 16px;
2916
+ --wds-toggle-button-label-font-size-round-small: 12px;
2899
2917
  --wds-toggle-button-label-font-weight: 600;
2918
+ --wds-toggle-button-label-font-weight-round: 400;
2919
+ --wds-toggle-button-label-font-weight-square: 600;
2900
2920
  --wds-toggle-button-padding-horizontal-large: 24px;
2901
2921
  --wds-toggle-button-padding-horizontal-large-round: 24px;
2902
2922
  --wds-toggle-button-padding-horizontal-left-large: 8px;
package/wixel/component.st.css CHANGED
@@ -752,7 +752,17 @@
752
752
  @property st-global(--wds-toggle-button-border-radius-square-medium);
753
753
  @property st-global(--wds-toggle-button-border-radius-square-small);
754
754
  @property st-global(--wds-toggle-button-border-radius-square-tiny);
755
+ @property st-global(--wds-toggle-button-fill-inverted);
756
+ @property st-global(--wds-toggle-button-fill-inverted-disabled);
757
+ @property st-global(--wds-toggle-button-fill-inverted-hover);
758
+ @property st-global(--wds-toggle-button-fill-inverted-selected);
759
+ @property st-global(--wds-toggle-button-fill-inverted-selected-disabled);
760
+ @property st-global(--wds-toggle-button-fill-inverted-selected-hover);
761
+ @property st-global(--wds-toggle-button-label-font-line-height-round-small);
762
+ @property st-global(--wds-toggle-button-label-font-size-round-small);
755
763
  @property st-global(--wds-toggle-button-label-font-weight);
764
+ @property st-global(--wds-toggle-button-label-font-weight-round);
765
+ @property st-global(--wds-toggle-button-label-font-weight-square);
756
766
  @property st-global(--wds-toggle-button-padding-horizontal-large);
757
767
  @property st-global(--wds-toggle-button-padding-horizontal-large-round);
758
768
  @property st-global(--wds-toggle-button-padding-horizontal-left-large);
@@ -1648,7 +1658,17 @@
1648
1658
  --wds-toggle-button-border-radius-square-medium: 8px;
1649
1659
  --wds-toggle-button-border-radius-square-small: 8px;
1650
1660
  --wds-toggle-button-border-radius-square-tiny: 8px;
1661
+ --wds-toggle-button-fill-inverted: #eef0ff;
1662
+ --wds-toggle-button-fill-inverted-disabled: #e5e5e5;
1663
+ --wds-toggle-button-fill-inverted-hover: #d6dcff;
1664
+ --wds-toggle-button-fill-inverted-selected: #526cff;
1665
+ --wds-toggle-button-fill-inverted-selected-disabled: #bebebe;
1666
+ --wds-toggle-button-fill-inverted-selected-hover: #4c49fb;
1667
+ --wds-toggle-button-label-font-line-height-round-small: 16px;
1668
+ --wds-toggle-button-label-font-size-round-small: 12px;
1651
1669
  --wds-toggle-button-label-font-weight: 600;
1670
+ --wds-toggle-button-label-font-weight-round: 400;
1671
+ --wds-toggle-button-label-font-weight-square: 600;
1652
1672
  --wds-toggle-button-padding-horizontal-large: 24px;
1653
1673
  --wds-toggle-button-padding-horizontal-large-round: 24px;
1654
1674
  --wds-toggle-button-padding-horizontal-left-large: 8px;