@wix/design-system-tokens 1.3.3 → 1.3.4

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 (5) hide show
  1. package/all.st.css +28 -22
  2. package/component.st.css +28 -22
  3. package/package.json +2 -2
  4. package/studio/all.st.css +32 -26
  5. package/studio/component.st.css +32 -26
package/all.st.css CHANGED
@@ -649,6 +649,7 @@
649
649
  @property st-global(--wds-search-border-radius-medium);
650
650
  @property st-global(--wds-search-border-radius-small);
651
651
  @property st-global(--wds-search-border-radius-tiny);
652
+ @property st-global(--wds-section-header-padding-vertical);
652
653
  @property st-global(--wds-section-helper-default-action-padding-medium);
653
654
  @property st-global(--wds-section-helper-default-action-padding-small);
654
655
  @property st-global(--wds-section-helper-default-border-radius);
@@ -739,10 +740,6 @@
739
740
  @property st-global(--wds-space-1600);
740
741
  @property st-global(--wds-space-1700);
741
742
  @property st-global(--wds-space-2400);
742
- @property st-global(--wds-subheader-padding-horizontal-medium);
743
- @property st-global(--wds-subheader-padding-horizontal-small);
744
- @property st-global(--wds-subheader-padding-vertical-medium);
745
- @property st-global(--wds-subheader-padding-vertical-small);
746
743
  @property st-global(--wds-swatches-list-gap);
747
744
  @property st-global(--wds-swatches-list-padding-horizontal);
748
745
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -788,29 +785,35 @@
788
785
  @property st-global(--wds-toggle-button-padding-right-small-round);
789
786
  @property st-global(--wds-toggle-button-padding-right-tiny);
790
787
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
791
- @property st-global(--wds-toggle-switch-error-disabled);
788
+ @property st-global(--wds-toggle-switch-border-error-disabled);
789
+ @property st-global(--wds-toggle-switch-border-standard-disabled);
790
+ @property st-global(--wds-toggle-switch-border-success-disabled);
791
+ @property st-global(--wds-toggle-switch-border-urgent-disabled);
792
792
  @property st-global(--wds-toggle-switch-fill-error);
793
793
  @property st-global(--wds-toggle-switch-fill-error-active);
794
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
794
795
  @property st-global(--wds-toggle-switch-fill-error-disabled);
796
+ @property st-global(--wds-toggle-switch-fill-error-hover);
795
797
  @property st-global(--wds-toggle-switch-fill-standard);
796
798
  @property st-global(--wds-toggle-switch-fill-standard-active);
799
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
797
800
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
801
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
798
802
  @property st-global(--wds-toggle-switch-fill-success);
799
803
  @property st-global(--wds-toggle-switch-fill-success-active);
804
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
800
805
  @property st-global(--wds-toggle-switch-fill-success-disabled);
806
+ @property st-global(--wds-toggle-switch-fill-success-hover);
801
807
  @property st-global(--wds-toggle-switch-fill-urgent);
802
808
  @property st-global(--wds-toggle-switch-fill-urgent-active);
809
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
803
810
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
804
- @property st-global(--wds-toggle-switch-icon);
811
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
805
812
  @property st-global(--wds-toggle-switch-knob-size-large);
806
813
  @property st-global(--wds-toggle-switch-knob-size-medium);
807
814
  @property st-global(--wds-toggle-switch-knob-size-small);
808
815
  @property st-global(--wds-toggle-switch-padding);
809
- @property st-global(--wds-toggle-switch-shadow-studio);
810
- @property st-global(--wds-toggle-switch-shadow-wds);
811
- @property st-global(--wds-toggle-switch-standard-disabled);
812
- @property st-global(--wds-toggle-switch-success-disabled);
813
- @property st-global(--wds-toggle-switch-urgent-disabled);
816
+ @property st-global(--wds-toggle-switch-shadow);
814
817
  @property st-global(--wds-toggle-switch-width-large);
815
818
  @property st-global(--wds-toggle-switch-width-medium);
816
819
  @property st-global(--wds-toggle-switch-width-small);
@@ -1473,6 +1476,7 @@
1473
1476
  --wds-search-border-radius-medium: 1000px;
1474
1477
  --wds-search-border-radius-small: 1000px;
1475
1478
  --wds-search-border-radius-tiny: 1000px;
1479
+ --wds-section-header-padding-vertical: 9px;
1476
1480
  --wds-section-helper-default-action-padding-medium: 12px;
1477
1481
  --wds-section-helper-default-action-padding-small: 9px;
1478
1482
  --wds-section-helper-default-border-radius: 6px;
@@ -1563,10 +1567,6 @@
1563
1567
  --wds-space-1600: 96px;
1564
1568
  --wds-space-1700: 102px;
1565
1569
  --wds-space-2400: 144px;
1566
- --wds-subheader-padding-horizontal-medium: 24px;
1567
- --wds-subheader-padding-horizontal-small: 24px;
1568
- --wds-subheader-padding-vertical-medium: 9px;
1569
- --wds-subheader-padding-vertical-small: 9px;
1570
1570
  --wds-swatches-list-gap: 12px;
1571
1571
  --wds-swatches-list-padding-horizontal: 18px;
1572
1572
  --wds-swatches-list-padding-vertical: 12px;
@@ -1612,29 +1612,35 @@
1612
1612
  --wds-toggle-button-padding-right-small-round: 18px;
1613
1613
  --wds-toggle-button-padding-right-tiny: 6px;
1614
1614
  --wds-toggle-button-padding-right-tiny-round: 12px;
1615
- --wds-toggle-switch-error-disabled: rgba(0, 6, 36, .1);
1615
+ --wds-toggle-switch-border-error-disabled: rgba(0, 6, 36, .1);
1616
+ --wds-toggle-switch-border-standard-disabled: rgba(0, 6, 36, .1);
1617
+ --wds-toggle-switch-border-success-disabled: rgba(0, 6, 36, .1);
1618
+ --wds-toggle-switch-border-urgent-disabled: rgba(0, 6, 36, .1);
1616
1619
  --wds-toggle-switch-fill-error: #fbd0cd;
1617
1620
  --wds-toggle-switch-fill-error-active: #e62214;
1621
+ --wds-toggle-switch-fill-error-active-hover: #d0180b;
1618
1622
  --wds-toggle-switch-fill-error-disabled: rgba(0, 6, 36, .1);
1623
+ --wds-toggle-switch-fill-error-hover: #f69891;
1619
1624
  --wds-toggle-switch-fill-standard: #d6e6fe;
1620
1625
  --wds-toggle-switch-fill-standard-active: #116dff;
1626
+ --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
1621
1627
  --wds-toggle-switch-fill-standard-disabled: rgba(0, 6, 36, .1);
1628
+ --wds-toggle-switch-fill-standard-hover: #a8caff;
1622
1629
  --wds-toggle-switch-fill-success: #c8e8d6;
1623
1630
  --wds-toggle-switch-fill-success-active: #25a55a;
1631
+ --wds-toggle-switch-fill-success-active-hover: #229954;
1624
1632
  --wds-toggle-switch-fill-success-disabled: rgba(0, 6, 36, .1);
1633
+ --wds-toggle-switch-fill-success-hover: #87cea5;
1625
1634
  --wds-toggle-switch-fill-urgent: #fddbc8;
1626
1635
  --wds-toggle-switch-fill-urgent-active: #fe620f;
1636
+ --wds-toggle-switch-fill-urgent-active-hover: #fee5d7;
1627
1637
  --wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
1628
- --wds-toggle-switch-icon: true;
1638
+ --wds-toggle-switch-fill-urgent-hover: #fcbd9c;
1629
1639
  --wds-toggle-switch-knob-size-large: 22px;
1630
1640
  --wds-toggle-switch-knob-size-medium: 18px;
1631
1641
  --wds-toggle-switch-knob-size-small: 14px;
1632
1642
  --wds-toggle-switch-padding: 1px;
1633
- --wds-toggle-switch-shadow-studio: false;
1634
- --wds-toggle-switch-shadow-wds: true;
1635
- --wds-toggle-switch-standard-disabled: rgba(0, 6, 36, .1);
1636
- --wds-toggle-switch-success-disabled: rgba(0, 6, 36, .1);
1637
- --wds-toggle-switch-urgent-disabled: rgba(0, 6, 36, .1);
1643
+ --wds-toggle-switch-shadow: 0 0 3px rgba(0, 6, 36, .1), 0 2px 1px rgba(0, 6, 36, .5);
1638
1644
  --wds-toggle-switch-width-large: 46px;
1639
1645
  --wds-toggle-switch-width-medium: 34px;
1640
1646
  --wds-toggle-switch-width-small: 28px;
package/component.st.css CHANGED
@@ -222,6 +222,7 @@
222
222
  @property st-global(--wds-search-border-radius-medium);
223
223
  @property st-global(--wds-search-border-radius-small);
224
224
  @property st-global(--wds-search-border-radius-tiny);
225
+ @property st-global(--wds-section-header-padding-vertical);
225
226
  @property st-global(--wds-section-helper-default-action-padding-medium);
226
227
  @property st-global(--wds-section-helper-default-action-padding-small);
227
228
  @property st-global(--wds-section-helper-default-border-radius);
@@ -261,10 +262,6 @@
261
262
  @property st-global(--wds-slider-track-border-radius-transparent);
262
263
  @property st-global(--wds-slider-track-size);
263
264
  @property st-global(--wds-slider-track-size-transparent);
264
- @property st-global(--wds-subheader-padding-horizontal-medium);
265
- @property st-global(--wds-subheader-padding-horizontal-small);
266
- @property st-global(--wds-subheader-padding-vertical-medium);
267
- @property st-global(--wds-subheader-padding-vertical-small);
268
265
  @property st-global(--wds-swatches-list-gap);
269
266
  @property st-global(--wds-swatches-list-padding-horizontal);
270
267
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -310,29 +307,35 @@
310
307
  @property st-global(--wds-toggle-button-padding-right-small-round);
311
308
  @property st-global(--wds-toggle-button-padding-right-tiny);
312
309
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
313
- @property st-global(--wds-toggle-switch-error-disabled);
310
+ @property st-global(--wds-toggle-switch-border-error-disabled);
311
+ @property st-global(--wds-toggle-switch-border-standard-disabled);
312
+ @property st-global(--wds-toggle-switch-border-success-disabled);
313
+ @property st-global(--wds-toggle-switch-border-urgent-disabled);
314
314
  @property st-global(--wds-toggle-switch-fill-error);
315
315
  @property st-global(--wds-toggle-switch-fill-error-active);
316
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
316
317
  @property st-global(--wds-toggle-switch-fill-error-disabled);
318
+ @property st-global(--wds-toggle-switch-fill-error-hover);
317
319
  @property st-global(--wds-toggle-switch-fill-standard);
318
320
  @property st-global(--wds-toggle-switch-fill-standard-active);
321
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
319
322
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
323
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
320
324
  @property st-global(--wds-toggle-switch-fill-success);
321
325
  @property st-global(--wds-toggle-switch-fill-success-active);
326
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
322
327
  @property st-global(--wds-toggle-switch-fill-success-disabled);
328
+ @property st-global(--wds-toggle-switch-fill-success-hover);
323
329
  @property st-global(--wds-toggle-switch-fill-urgent);
324
330
  @property st-global(--wds-toggle-switch-fill-urgent-active);
331
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
325
332
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
326
- @property st-global(--wds-toggle-switch-icon);
333
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
327
334
  @property st-global(--wds-toggle-switch-knob-size-large);
328
335
  @property st-global(--wds-toggle-switch-knob-size-medium);
329
336
  @property st-global(--wds-toggle-switch-knob-size-small);
330
337
  @property st-global(--wds-toggle-switch-padding);
331
- @property st-global(--wds-toggle-switch-shadow-studio);
332
- @property st-global(--wds-toggle-switch-shadow-wds);
333
- @property st-global(--wds-toggle-switch-standard-disabled);
334
- @property st-global(--wds-toggle-switch-success-disabled);
335
- @property st-global(--wds-toggle-switch-urgent-disabled);
338
+ @property st-global(--wds-toggle-switch-shadow);
336
339
  @property st-global(--wds-toggle-switch-width-large);
337
340
  @property st-global(--wds-toggle-switch-width-medium);
338
341
  @property st-global(--wds-toggle-switch-width-small);
@@ -568,6 +571,7 @@
568
571
  --wds-search-border-radius-medium: 1000px;
569
572
  --wds-search-border-radius-small: 1000px;
570
573
  --wds-search-border-radius-tiny: 1000px;
574
+ --wds-section-header-padding-vertical: 9px;
571
575
  --wds-section-helper-default-action-padding-medium: 12px;
572
576
  --wds-section-helper-default-action-padding-small: 9px;
573
577
  --wds-section-helper-default-border-radius: 6px;
@@ -607,10 +611,6 @@
607
611
  --wds-slider-track-border-radius-transparent: 1000px;
608
612
  --wds-slider-track-size: 4px;
609
613
  --wds-slider-track-size-transparent: 8px;
610
- --wds-subheader-padding-horizontal-medium: 24px;
611
- --wds-subheader-padding-horizontal-small: 24px;
612
- --wds-subheader-padding-vertical-medium: 9px;
613
- --wds-subheader-padding-vertical-small: 9px;
614
614
  --wds-swatches-list-gap: 12px;
615
615
  --wds-swatches-list-padding-horizontal: 18px;
616
616
  --wds-swatches-list-padding-vertical: 12px;
@@ -656,29 +656,35 @@
656
656
  --wds-toggle-button-padding-right-small-round: 18px;
657
657
  --wds-toggle-button-padding-right-tiny: 6px;
658
658
  --wds-toggle-button-padding-right-tiny-round: 12px;
659
- --wds-toggle-switch-error-disabled: rgba(0, 6, 36, .1);
659
+ --wds-toggle-switch-border-error-disabled: rgba(0, 6, 36, .1);
660
+ --wds-toggle-switch-border-standard-disabled: rgba(0, 6, 36, .1);
661
+ --wds-toggle-switch-border-success-disabled: rgba(0, 6, 36, .1);
662
+ --wds-toggle-switch-border-urgent-disabled: rgba(0, 6, 36, .1);
660
663
  --wds-toggle-switch-fill-error: #fbd0cd;
661
664
  --wds-toggle-switch-fill-error-active: #e62214;
665
+ --wds-toggle-switch-fill-error-active-hover: #d0180b;
662
666
  --wds-toggle-switch-fill-error-disabled: rgba(0, 6, 36, .1);
667
+ --wds-toggle-switch-fill-error-hover: #f69891;
663
668
  --wds-toggle-switch-fill-standard: #d6e6fe;
664
669
  --wds-toggle-switch-fill-standard-active: #116dff;
670
+ --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
665
671
  --wds-toggle-switch-fill-standard-disabled: rgba(0, 6, 36, .1);
672
+ --wds-toggle-switch-fill-standard-hover: #a8caff;
666
673
  --wds-toggle-switch-fill-success: #c8e8d6;
667
674
  --wds-toggle-switch-fill-success-active: #25a55a;
675
+ --wds-toggle-switch-fill-success-active-hover: #229954;
668
676
  --wds-toggle-switch-fill-success-disabled: rgba(0, 6, 36, .1);
677
+ --wds-toggle-switch-fill-success-hover: #87cea5;
669
678
  --wds-toggle-switch-fill-urgent: #fddbc8;
670
679
  --wds-toggle-switch-fill-urgent-active: #fe620f;
680
+ --wds-toggle-switch-fill-urgent-active-hover: #fee5d7;
671
681
  --wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
672
- --wds-toggle-switch-icon: true;
682
+ --wds-toggle-switch-fill-urgent-hover: #fcbd9c;
673
683
  --wds-toggle-switch-knob-size-large: 22px;
674
684
  --wds-toggle-switch-knob-size-medium: 18px;
675
685
  --wds-toggle-switch-knob-size-small: 14px;
676
686
  --wds-toggle-switch-padding: 1px;
677
- --wds-toggle-switch-shadow-studio: false;
678
- --wds-toggle-switch-shadow-wds: true;
679
- --wds-toggle-switch-standard-disabled: rgba(0, 6, 36, .1);
680
- --wds-toggle-switch-success-disabled: rgba(0, 6, 36, .1);
681
- --wds-toggle-switch-urgent-disabled: rgba(0, 6, 36, .1);
687
+ --wds-toggle-switch-shadow: 0 0 3px rgba(0, 6, 36, .1), 0 2px 1px rgba(0, 6, 36, .5);
682
688
  --wds-toggle-switch-width-large: 46px;
683
689
  --wds-toggle-switch-width-medium: 34px;
684
690
  --wds-toggle-switch-width-small: 28px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.3.3",
3
+ "version": "1.3.4",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -32,5 +32,5 @@
32
32
  "groupId": "com.wixpress"
33
33
  }
34
34
  },
35
- "falconPackageHash": "2fd19367e58354958b1b04e4b0e87f07005c0bb705b6c6d049333efa"
35
+ "falconPackageHash": "0c10c778c611cb325b207b03ef4084418add0d7758e121237ed969ae"
36
36
  }
package/studio/all.st.css CHANGED
@@ -645,6 +645,7 @@
645
645
  @property st-global(--wds-search-border-radius-medium);
646
646
  @property st-global(--wds-search-border-radius-small);
647
647
  @property st-global(--wds-search-border-radius-tiny);
648
+ @property st-global(--wds-section-header-padding-vertical);
648
649
  @property st-global(--wds-section-helper-default-action-padding-medium);
649
650
  @property st-global(--wds-section-helper-default-action-padding-small);
650
651
  @property st-global(--wds-section-helper-default-border-radius);
@@ -712,10 +713,6 @@
712
713
  @property st-global(--wds-space-1600);
713
714
  @property st-global(--wds-space-1700);
714
715
  @property st-global(--wds-space-2400);
715
- @property st-global(--wds-subheader-padding-horizontal-medium);
716
- @property st-global(--wds-subheader-padding-horizontal-small);
717
- @property st-global(--wds-subheader-padding-vertical-medium);
718
- @property st-global(--wds-subheader-padding-vertical-small);
719
716
  @property st-global(--wds-swatches-list-gap);
720
717
  @property st-global(--wds-swatches-list-padding-horizontal);
721
718
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -761,29 +758,35 @@
761
758
  @property st-global(--wds-toggle-button-padding-right-small-round);
762
759
  @property st-global(--wds-toggle-button-padding-right-tiny);
763
760
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
764
- @property st-global(--wds-toggle-switch-error-disabled);
761
+ @property st-global(--wds-toggle-switch-border-error-disabled);
762
+ @property st-global(--wds-toggle-switch-border-standard-disabled);
763
+ @property st-global(--wds-toggle-switch-border-success-disabled);
764
+ @property st-global(--wds-toggle-switch-border-urgent-disabled);
765
765
  @property st-global(--wds-toggle-switch-fill-error);
766
766
  @property st-global(--wds-toggle-switch-fill-error-active);
767
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
767
768
  @property st-global(--wds-toggle-switch-fill-error-disabled);
769
+ @property st-global(--wds-toggle-switch-fill-error-hover);
768
770
  @property st-global(--wds-toggle-switch-fill-standard);
769
771
  @property st-global(--wds-toggle-switch-fill-standard-active);
772
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
770
773
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
774
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
771
775
  @property st-global(--wds-toggle-switch-fill-success);
772
776
  @property st-global(--wds-toggle-switch-fill-success-active);
777
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
773
778
  @property st-global(--wds-toggle-switch-fill-success-disabled);
779
+ @property st-global(--wds-toggle-switch-fill-success-hover);
774
780
  @property st-global(--wds-toggle-switch-fill-urgent);
775
781
  @property st-global(--wds-toggle-switch-fill-urgent-active);
782
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
776
783
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
777
- @property st-global(--wds-toggle-switch-icon);
784
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
778
785
  @property st-global(--wds-toggle-switch-knob-size-large);
779
786
  @property st-global(--wds-toggle-switch-knob-size-medium);
780
787
  @property st-global(--wds-toggle-switch-knob-size-small);
781
788
  @property st-global(--wds-toggle-switch-padding);
782
- @property st-global(--wds-toggle-switch-shadow-studio);
783
- @property st-global(--wds-toggle-switch-shadow-wds);
784
- @property st-global(--wds-toggle-switch-standard-disabled);
785
- @property st-global(--wds-toggle-switch-success-disabled);
786
- @property st-global(--wds-toggle-switch-urgent-disabled);
789
+ @property st-global(--wds-toggle-switch-shadow);
787
790
  @property st-global(--wds-toggle-switch-width-large);
788
791
  @property st-global(--wds-toggle-switch-width-medium);
789
792
  @property st-global(--wds-toggle-switch-width-small);
@@ -1442,6 +1445,7 @@
1442
1445
  --wds-search-border-radius-medium: 4px;
1443
1446
  --wds-search-border-radius-small: 4px;
1444
1447
  --wds-search-border-radius-tiny: 4px;
1448
+ --wds-section-header-padding-vertical: 8px;
1445
1449
  --wds-section-helper-default-action-padding-medium: 8px;
1446
1450
  --wds-section-helper-default-action-padding-small: 8px;
1447
1451
  --wds-section-helper-default-border-radius: 4px;
@@ -1509,10 +1513,6 @@
1509
1513
  --wds-space-1600: 64px;
1510
1514
  --wds-space-1700: 68px;
1511
1515
  --wds-space-2400: 96px;
1512
- --wds-subheader-padding-horizontal-medium: 24px;
1513
- --wds-subheader-padding-horizontal-small: 24px;
1514
- --wds-subheader-padding-vertical-medium: 8px;
1515
- --wds-subheader-padding-vertical-small: 8px;
1516
1516
  --wds-swatches-list-gap: 12px;
1517
1517
  --wds-swatches-list-padding-horizontal: 16px;
1518
1518
  --wds-swatches-list-padding-vertical: 12px;
@@ -1558,29 +1558,35 @@
1558
1558
  --wds-toggle-button-padding-right-small-round: 16px;
1559
1559
  --wds-toggle-button-padding-right-tiny: 6px;
1560
1560
  --wds-toggle-button-padding-right-tiny-round: 12px;
1561
- --wds-toggle-switch-error-disabled: rgba(19, 23, 32, 0);
1561
+ --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
1562
+ --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
1563
+ --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
1564
+ --wds-toggle-switch-border-urgent-disabled: rgba(19, 23, 32, 0);
1562
1565
  --wds-toggle-switch-fill-error: #42454c;
1563
1566
  --wds-toggle-switch-fill-error-active: #ee4437;
1564
- --wds-toggle-switch-fill-error-disabled: #bebebe;
1567
+ --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
1568
+ --wds-toggle-switch-fill-error-disabled: #e5e5e5;
1569
+ --wds-toggle-switch-fill-error-hover: #131720;
1565
1570
  --wds-toggle-switch-fill-standard: #42454c;
1566
1571
  --wds-toggle-switch-fill-standard-active: #116dff;
1567
- --wds-toggle-switch-fill-standard-disabled: #bebebe;
1572
+ --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
1573
+ --wds-toggle-switch-fill-standard-disabled: #e5e5e5;
1574
+ --wds-toggle-switch-fill-standard-hover: #131720;
1568
1575
  --wds-toggle-switch-fill-success: #42454c;
1569
1576
  --wds-toggle-switch-fill-success-active: #25a55a;
1570
- --wds-toggle-switch-fill-success-disabled: #bebebe;
1577
+ --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
1578
+ --wds-toggle-switch-fill-success-disabled: #e5e5e5;
1579
+ --wds-toggle-switch-fill-success-hover: #131720;
1571
1580
  --wds-toggle-switch-fill-urgent: #42454c;
1572
1581
  --wds-toggle-switch-fill-urgent-active: #f96132;
1573
- --wds-toggle-switch-fill-urgent-disabled: #bebebe;
1574
- --wds-toggle-switch-icon: false;
1582
+ --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
1583
+ --wds-toggle-switch-fill-urgent-disabled: #e5e5e5;
1584
+ --wds-toggle-switch-fill-urgent-hover: #131720;
1575
1585
  --wds-toggle-switch-knob-size-large: 20px;
1576
1586
  --wds-toggle-switch-knob-size-medium: 16px;
1577
1587
  --wds-toggle-switch-knob-size-small: 12px;
1578
1588
  --wds-toggle-switch-padding: 2px;
1579
- --wds-toggle-switch-shadow-studio: true;
1580
- --wds-toggle-switch-shadow-wds: false;
1581
- --wds-toggle-switch-standard-disabled: rgba(19, 23, 32, 0);
1582
- --wds-toggle-switch-success-disabled: rgba(19, 23, 32, 0);
1583
- --wds-toggle-switch-urgent-disabled: rgba(19, 23, 32, 0);
1589
+ --wds-toggle-switch-shadow: unset;
1584
1590
  --wds-toggle-switch-width-large: 40px;
1585
1591
  --wds-toggle-switch-width-medium: 28px;
1586
1592
  --wds-toggle-switch-width-small: 24px;
package/studio/component.st.css CHANGED
@@ -222,6 +222,7 @@
222
222
  @property st-global(--wds-search-border-radius-medium);
223
223
  @property st-global(--wds-search-border-radius-small);
224
224
  @property st-global(--wds-search-border-radius-tiny);
225
+ @property st-global(--wds-section-header-padding-vertical);
225
226
  @property st-global(--wds-section-helper-default-action-padding-medium);
226
227
  @property st-global(--wds-section-helper-default-action-padding-small);
227
228
  @property st-global(--wds-section-helper-default-border-radius);
@@ -261,10 +262,6 @@
261
262
  @property st-global(--wds-slider-track-border-radius);
262
263
  @property st-global(--wds-slider-track-size);
263
264
  @property st-global(--wds-slider-track-size-transparent);
264
- @property st-global(--wds-subheader-padding-horizontal-medium);
265
- @property st-global(--wds-subheader-padding-horizontal-small);
266
- @property st-global(--wds-subheader-padding-vertical-medium);
267
- @property st-global(--wds-subheader-padding-vertical-small);
268
265
  @property st-global(--wds-swatches-list-gap);
269
266
  @property st-global(--wds-swatches-list-padding-horizontal);
270
267
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -310,29 +307,35 @@
310
307
  @property st-global(--wds-toggle-button-padding-right-small-round);
311
308
  @property st-global(--wds-toggle-button-padding-right-tiny);
312
309
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
313
- @property st-global(--wds-toggle-switch-error-disabled);
310
+ @property st-global(--wds-toggle-switch-border-error-disabled);
311
+ @property st-global(--wds-toggle-switch-border-standard-disabled);
312
+ @property st-global(--wds-toggle-switch-border-success-disabled);
313
+ @property st-global(--wds-toggle-switch-border-urgent-disabled);
314
314
  @property st-global(--wds-toggle-switch-fill-error);
315
315
  @property st-global(--wds-toggle-switch-fill-error-active);
316
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
316
317
  @property st-global(--wds-toggle-switch-fill-error-disabled);
318
+ @property st-global(--wds-toggle-switch-fill-error-hover);
317
319
  @property st-global(--wds-toggle-switch-fill-standard);
318
320
  @property st-global(--wds-toggle-switch-fill-standard-active);
321
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
319
322
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
323
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
320
324
  @property st-global(--wds-toggle-switch-fill-success);
321
325
  @property st-global(--wds-toggle-switch-fill-success-active);
326
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
322
327
  @property st-global(--wds-toggle-switch-fill-success-disabled);
328
+ @property st-global(--wds-toggle-switch-fill-success-hover);
323
329
  @property st-global(--wds-toggle-switch-fill-urgent);
324
330
  @property st-global(--wds-toggle-switch-fill-urgent-active);
331
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
325
332
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
326
- @property st-global(--wds-toggle-switch-icon);
333
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
327
334
  @property st-global(--wds-toggle-switch-knob-size-large);
328
335
  @property st-global(--wds-toggle-switch-knob-size-medium);
329
336
  @property st-global(--wds-toggle-switch-knob-size-small);
330
337
  @property st-global(--wds-toggle-switch-padding);
331
- @property st-global(--wds-toggle-switch-shadow-studio);
332
- @property st-global(--wds-toggle-switch-shadow-wds);
333
- @property st-global(--wds-toggle-switch-standard-disabled);
334
- @property st-global(--wds-toggle-switch-success-disabled);
335
- @property st-global(--wds-toggle-switch-urgent-disabled);
338
+ @property st-global(--wds-toggle-switch-shadow);
336
339
  @property st-global(--wds-toggle-switch-width-large);
337
340
  @property st-global(--wds-toggle-switch-width-medium);
338
341
  @property st-global(--wds-toggle-switch-width-small);
@@ -568,6 +571,7 @@
568
571
  --wds-search-border-radius-medium: 4px;
569
572
  --wds-search-border-radius-small: 4px;
570
573
  --wds-search-border-radius-tiny: 4px;
574
+ --wds-section-header-padding-vertical: 8px;
571
575
  --wds-section-helper-default-action-padding-medium: 8px;
572
576
  --wds-section-helper-default-action-padding-small: 8px;
573
577
  --wds-section-helper-default-border-radius: 4px;
@@ -607,10 +611,6 @@
607
611
  --wds-slider-track-border-radius: 1000px;
608
612
  --wds-slider-track-size: 2px;
609
613
  --wds-slider-track-size-transparent: 2px;
610
- --wds-subheader-padding-horizontal-medium: 24px;
611
- --wds-subheader-padding-horizontal-small: 24px;
612
- --wds-subheader-padding-vertical-medium: 8px;
613
- --wds-subheader-padding-vertical-small: 8px;
614
614
  --wds-swatches-list-gap: 12px;
615
615
  --wds-swatches-list-padding-horizontal: 16px;
616
616
  --wds-swatches-list-padding-vertical: 12px;
@@ -656,29 +656,35 @@
656
656
  --wds-toggle-button-padding-right-small-round: 16px;
657
657
  --wds-toggle-button-padding-right-tiny: 6px;
658
658
  --wds-toggle-button-padding-right-tiny-round: 12px;
659
- --wds-toggle-switch-error-disabled: rgba(19, 23, 32, 0);
659
+ --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
660
+ --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
661
+ --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
662
+ --wds-toggle-switch-border-urgent-disabled: rgba(19, 23, 32, 0);
660
663
  --wds-toggle-switch-fill-error: #42454c;
661
664
  --wds-toggle-switch-fill-error-active: #ee4437;
662
- --wds-toggle-switch-fill-error-disabled: #bebebe;
665
+ --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
666
+ --wds-toggle-switch-fill-error-disabled: #e5e5e5;
667
+ --wds-toggle-switch-fill-error-hover: #131720;
663
668
  --wds-toggle-switch-fill-standard: #42454c;
664
669
  --wds-toggle-switch-fill-standard-active: #116dff;
665
- --wds-toggle-switch-fill-standard-disabled: #bebebe;
670
+ --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
671
+ --wds-toggle-switch-fill-standard-disabled: #e5e5e5;
672
+ --wds-toggle-switch-fill-standard-hover: #131720;
666
673
  --wds-toggle-switch-fill-success: #42454c;
667
674
  --wds-toggle-switch-fill-success-active: #25a55a;
668
- --wds-toggle-switch-fill-success-disabled: #bebebe;
675
+ --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
676
+ --wds-toggle-switch-fill-success-disabled: #e5e5e5;
677
+ --wds-toggle-switch-fill-success-hover: #131720;
669
678
  --wds-toggle-switch-fill-urgent: #42454c;
670
679
  --wds-toggle-switch-fill-urgent-active: #f96132;
671
- --wds-toggle-switch-fill-urgent-disabled: #bebebe;
672
- --wds-toggle-switch-icon: false;
680
+ --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
681
+ --wds-toggle-switch-fill-urgent-disabled: #e5e5e5;
682
+ --wds-toggle-switch-fill-urgent-hover: #131720;
673
683
  --wds-toggle-switch-knob-size-large: 20px;
674
684
  --wds-toggle-switch-knob-size-medium: 16px;
675
685
  --wds-toggle-switch-knob-size-small: 12px;
676
686
  --wds-toggle-switch-padding: 2px;
677
- --wds-toggle-switch-shadow-studio: true;
678
- --wds-toggle-switch-shadow-wds: false;
679
- --wds-toggle-switch-standard-disabled: rgba(19, 23, 32, 0);
680
- --wds-toggle-switch-success-disabled: rgba(19, 23, 32, 0);
681
- --wds-toggle-switch-urgent-disabled: rgba(19, 23, 32, 0);
687
+ --wds-toggle-switch-shadow: unset;
682
688
  --wds-toggle-switch-width-large: 40px;
683
689
  --wds-toggle-switch-width-medium: 28px;
684
690
  --wds-toggle-switch-width-small: 24px;