@wix/design-system-tokens 1.3.2 → 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 (7) hide show
  1. package/all.st.css +59 -23
  2. package/component.st.css +34 -22
  3. package/package.json +2 -2
  4. package/semantic.st.css +25 -1
  5. package/studio/all.st.css +63 -27
  6. package/studio/component.st.css +38 -26
  7. package/studio/semantic.st.css +25 -1
package/all.st.css CHANGED
@@ -484,6 +484,12 @@
484
484
  @property st-global(--wds-font-family-default);
485
485
  @property st-global(--wds-font-letter-spacing-0);
486
486
  @property st-global(--wds-font-letter-spacing-100);
487
+ @property st-global(--wds-font-letter-spacing-heading-1);
488
+ @property st-global(--wds-font-letter-spacing-heading-2);
489
+ @property st-global(--wds-font-letter-spacing-heading-3);
490
+ @property st-global(--wds-font-letter-spacing-heading-4);
491
+ @property st-global(--wds-font-letter-spacing-heading-5);
492
+ @property st-global(--wds-font-letter-spacing-heading-6);
487
493
  @property st-global(--wds-font-line-height-100);
488
494
  @property st-global(--wds-font-line-height-200);
489
495
  @property st-global(--wds-font-line-height-300);
@@ -519,6 +525,12 @@
519
525
  @property st-global(--wds-font-size-heading-5);
520
526
  @property st-global(--wds-font-size-heading-6);
521
527
  @property st-global(--wds-font-weight-bold);
528
+ @property st-global(--wds-font-weight-heading-1);
529
+ @property st-global(--wds-font-weight-heading-2);
530
+ @property st-global(--wds-font-weight-heading-3);
531
+ @property st-global(--wds-font-weight-heading-4);
532
+ @property st-global(--wds-font-weight-heading-5);
533
+ @property st-global(--wds-font-weight-heading-6);
522
534
  @property st-global(--wds-font-weight-medium);
523
535
  @property st-global(--wds-font-weight-regular);
524
536
  @property st-global(--wds-form-field-label-gap);
@@ -637,6 +649,7 @@
637
649
  @property st-global(--wds-search-border-radius-medium);
638
650
  @property st-global(--wds-search-border-radius-small);
639
651
  @property st-global(--wds-search-border-radius-tiny);
652
+ @property st-global(--wds-section-header-padding-vertical);
640
653
  @property st-global(--wds-section-helper-default-action-padding-medium);
641
654
  @property st-global(--wds-section-helper-default-action-padding-small);
642
655
  @property st-global(--wds-section-helper-default-border-radius);
@@ -696,6 +709,9 @@
696
709
  @property st-global(--wds-skeleton-border-radius-circle);
697
710
  @property st-global(--wds-skeleton-border-radius-line);
698
711
  @property st-global(--wds-skeleton-border-radius-rectangle);
712
+ @property st-global(--wds-slider-slider-knob-size);
713
+ @property st-global(--wds-slider-slider-knob-size-transparent);
714
+ @property st-global(--wds-slider-slider-mark-size);
699
715
  @property st-global(--wds-slider-track-border-border-radius);
700
716
  @property st-global(--wds-slider-track-border-radius-transparent);
701
717
  @property st-global(--wds-slider-track-size);
@@ -724,10 +740,6 @@
724
740
  @property st-global(--wds-space-1600);
725
741
  @property st-global(--wds-space-1700);
726
742
  @property st-global(--wds-space-2400);
727
- @property st-global(--wds-subheader-padding-horizontal-medium);
728
- @property st-global(--wds-subheader-padding-horizontal-small);
729
- @property st-global(--wds-subheader-padding-vertical-medium);
730
- @property st-global(--wds-subheader-padding-vertical-small);
731
743
  @property st-global(--wds-swatches-list-gap);
732
744
  @property st-global(--wds-swatches-list-padding-horizontal);
733
745
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -773,29 +785,35 @@
773
785
  @property st-global(--wds-toggle-button-padding-right-small-round);
774
786
  @property st-global(--wds-toggle-button-padding-right-tiny);
775
787
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
776
- @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);
777
792
  @property st-global(--wds-toggle-switch-fill-error);
778
793
  @property st-global(--wds-toggle-switch-fill-error-active);
794
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
779
795
  @property st-global(--wds-toggle-switch-fill-error-disabled);
796
+ @property st-global(--wds-toggle-switch-fill-error-hover);
780
797
  @property st-global(--wds-toggle-switch-fill-standard);
781
798
  @property st-global(--wds-toggle-switch-fill-standard-active);
799
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
782
800
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
801
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
783
802
  @property st-global(--wds-toggle-switch-fill-success);
784
803
  @property st-global(--wds-toggle-switch-fill-success-active);
804
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
785
805
  @property st-global(--wds-toggle-switch-fill-success-disabled);
806
+ @property st-global(--wds-toggle-switch-fill-success-hover);
786
807
  @property st-global(--wds-toggle-switch-fill-urgent);
787
808
  @property st-global(--wds-toggle-switch-fill-urgent-active);
809
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
788
810
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
789
- @property st-global(--wds-toggle-switch-icon);
811
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
790
812
  @property st-global(--wds-toggle-switch-knob-size-large);
791
813
  @property st-global(--wds-toggle-switch-knob-size-medium);
792
814
  @property st-global(--wds-toggle-switch-knob-size-small);
793
815
  @property st-global(--wds-toggle-switch-padding);
794
- @property st-global(--wds-toggle-switch-shadow-studio);
795
- @property st-global(--wds-toggle-switch-shadow-wds);
796
- @property st-global(--wds-toggle-switch-standard-disabled);
797
- @property st-global(--wds-toggle-switch-success-disabled);
798
- @property st-global(--wds-toggle-switch-urgent-disabled);
816
+ @property st-global(--wds-toggle-switch-shadow);
799
817
  @property st-global(--wds-toggle-switch-width-large);
800
818
  @property st-global(--wds-toggle-switch-width-medium);
801
819
  @property st-global(--wds-toggle-switch-width-small);
@@ -1293,13 +1311,19 @@
1293
1311
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1294
1312
  --wds-font-letter-spacing-0: 0;
1295
1313
  --wds-font-letter-spacing-100: 1px;
1314
+ --wds-font-letter-spacing-heading-1: 0;
1315
+ --wds-font-letter-spacing-heading-2: 0;
1316
+ --wds-font-letter-spacing-heading-3: 0;
1317
+ --wds-font-letter-spacing-heading-4: 0;
1318
+ --wds-font-letter-spacing-heading-5: 1px;
1319
+ --wds-font-letter-spacing-heading-6: 1px;
1296
1320
  --wds-font-line-height-100: 12px;
1297
1321
  --wds-font-line-height-200: 18px;
1298
1322
  --wds-font-line-height-300: 24px;
1299
1323
  --wds-font-line-height-400: 28px;
1300
1324
  --wds-font-line-height-500: 36px;
1301
1325
  --wds-font-line-height-body-extra-tiny: 12px;
1302
- --wds-font-line-height-body-medium: 28px;
1326
+ --wds-font-line-height-body-medium: 24px;
1303
1327
  --wds-font-line-height-body-small: 18px;
1304
1328
  --wds-font-line-height-body-tiny: 18px;
1305
1329
  --wds-font-line-height-heading-1: 36px;
@@ -1328,6 +1352,12 @@
1328
1352
  --wds-font-size-heading-5: 15px;
1329
1353
  --wds-font-size-heading-6: 12px;
1330
1354
  --wds-font-weight-bold: 700;
1355
+ --wds-font-weight-heading-1: 700;
1356
+ --wds-font-weight-heading-2: 700;
1357
+ --wds-font-weight-heading-3: 700;
1358
+ --wds-font-weight-heading-4: 500;
1359
+ --wds-font-weight-heading-5: 400;
1360
+ --wds-font-weight-heading-6: 400;
1331
1361
  --wds-font-weight-medium: 500;
1332
1362
  --wds-font-weight-regular: 400;
1333
1363
  --wds-form-field-label-gap: 9px;
@@ -1446,6 +1476,7 @@
1446
1476
  --wds-search-border-radius-medium: 1000px;
1447
1477
  --wds-search-border-radius-small: 1000px;
1448
1478
  --wds-search-border-radius-tiny: 1000px;
1479
+ --wds-section-header-padding-vertical: 9px;
1449
1480
  --wds-section-helper-default-action-padding-medium: 12px;
1450
1481
  --wds-section-helper-default-action-padding-small: 9px;
1451
1482
  --wds-section-helper-default-border-radius: 6px;
@@ -1505,6 +1536,9 @@
1505
1536
  --wds-skeleton-border-radius-circle: 1000px;
1506
1537
  --wds-skeleton-border-radius-line: 1000px;
1507
1538
  --wds-skeleton-border-radius-rectangle: 6px;
1539
+ --wds-slider-slider-knob-size: 12px;
1540
+ --wds-slider-slider-knob-size-transparent: 16px;
1541
+ --wds-slider-slider-mark-size: 6px;
1508
1542
  --wds-slider-track-border-border-radius: 1000px;
1509
1543
  --wds-slider-track-border-radius-transparent: 1000px;
1510
1544
  --wds-slider-track-size: 4px;
@@ -1533,10 +1567,6 @@
1533
1567
  --wds-space-1600: 96px;
1534
1568
  --wds-space-1700: 102px;
1535
1569
  --wds-space-2400: 144px;
1536
- --wds-subheader-padding-horizontal-medium: 24px;
1537
- --wds-subheader-padding-horizontal-small: 24px;
1538
- --wds-subheader-padding-vertical-medium: 9px;
1539
- --wds-subheader-padding-vertical-small: 9px;
1540
1570
  --wds-swatches-list-gap: 12px;
1541
1571
  --wds-swatches-list-padding-horizontal: 18px;
1542
1572
  --wds-swatches-list-padding-vertical: 12px;
@@ -1582,29 +1612,35 @@
1582
1612
  --wds-toggle-button-padding-right-small-round: 18px;
1583
1613
  --wds-toggle-button-padding-right-tiny: 6px;
1584
1614
  --wds-toggle-button-padding-right-tiny-round: 12px;
1585
- --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);
1586
1619
  --wds-toggle-switch-fill-error: #fbd0cd;
1587
1620
  --wds-toggle-switch-fill-error-active: #e62214;
1621
+ --wds-toggle-switch-fill-error-active-hover: #d0180b;
1588
1622
  --wds-toggle-switch-fill-error-disabled: rgba(0, 6, 36, .1);
1623
+ --wds-toggle-switch-fill-error-hover: #f69891;
1589
1624
  --wds-toggle-switch-fill-standard: #d6e6fe;
1590
1625
  --wds-toggle-switch-fill-standard-active: #116dff;
1626
+ --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
1591
1627
  --wds-toggle-switch-fill-standard-disabled: rgba(0, 6, 36, .1);
1628
+ --wds-toggle-switch-fill-standard-hover: #a8caff;
1592
1629
  --wds-toggle-switch-fill-success: #c8e8d6;
1593
1630
  --wds-toggle-switch-fill-success-active: #25a55a;
1631
+ --wds-toggle-switch-fill-success-active-hover: #229954;
1594
1632
  --wds-toggle-switch-fill-success-disabled: rgba(0, 6, 36, .1);
1633
+ --wds-toggle-switch-fill-success-hover: #87cea5;
1595
1634
  --wds-toggle-switch-fill-urgent: #fddbc8;
1596
1635
  --wds-toggle-switch-fill-urgent-active: #fe620f;
1636
+ --wds-toggle-switch-fill-urgent-active-hover: #fee5d7;
1597
1637
  --wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
1598
- --wds-toggle-switch-icon: true;
1638
+ --wds-toggle-switch-fill-urgent-hover: #fcbd9c;
1599
1639
  --wds-toggle-switch-knob-size-large: 22px;
1600
1640
  --wds-toggle-switch-knob-size-medium: 18px;
1601
1641
  --wds-toggle-switch-knob-size-small: 14px;
1602
1642
  --wds-toggle-switch-padding: 1px;
1603
- --wds-toggle-switch-shadow-studio: false;
1604
- --wds-toggle-switch-shadow-wds: true;
1605
- --wds-toggle-switch-standard-disabled: rgba(0, 6, 36, .1);
1606
- --wds-toggle-switch-success-disabled: rgba(0, 6, 36, .1);
1607
- --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);
1608
1644
  --wds-toggle-switch-width-large: 46px;
1609
1645
  --wds-toggle-switch-width-medium: 34px;
1610
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);
@@ -254,14 +255,13 @@
254
255
  @property st-global(--wds-skeleton-border-radius-circle);
255
256
  @property st-global(--wds-skeleton-border-radius-line);
256
257
  @property st-global(--wds-skeleton-border-radius-rectangle);
258
+ @property st-global(--wds-slider-slider-knob-size);
259
+ @property st-global(--wds-slider-slider-knob-size-transparent);
260
+ @property st-global(--wds-slider-slider-mark-size);
257
261
  @property st-global(--wds-slider-track-border-border-radius);
258
262
  @property st-global(--wds-slider-track-border-radius-transparent);
259
263
  @property st-global(--wds-slider-track-size);
260
264
  @property st-global(--wds-slider-track-size-transparent);
261
- @property st-global(--wds-subheader-padding-horizontal-medium);
262
- @property st-global(--wds-subheader-padding-horizontal-small);
263
- @property st-global(--wds-subheader-padding-vertical-medium);
264
- @property st-global(--wds-subheader-padding-vertical-small);
265
265
  @property st-global(--wds-swatches-list-gap);
266
266
  @property st-global(--wds-swatches-list-padding-horizontal);
267
267
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -307,29 +307,35 @@
307
307
  @property st-global(--wds-toggle-button-padding-right-small-round);
308
308
  @property st-global(--wds-toggle-button-padding-right-tiny);
309
309
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
310
- @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);
311
314
  @property st-global(--wds-toggle-switch-fill-error);
312
315
  @property st-global(--wds-toggle-switch-fill-error-active);
316
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
313
317
  @property st-global(--wds-toggle-switch-fill-error-disabled);
318
+ @property st-global(--wds-toggle-switch-fill-error-hover);
314
319
  @property st-global(--wds-toggle-switch-fill-standard);
315
320
  @property st-global(--wds-toggle-switch-fill-standard-active);
321
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
316
322
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
323
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
317
324
  @property st-global(--wds-toggle-switch-fill-success);
318
325
  @property st-global(--wds-toggle-switch-fill-success-active);
326
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
319
327
  @property st-global(--wds-toggle-switch-fill-success-disabled);
328
+ @property st-global(--wds-toggle-switch-fill-success-hover);
320
329
  @property st-global(--wds-toggle-switch-fill-urgent);
321
330
  @property st-global(--wds-toggle-switch-fill-urgent-active);
331
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
322
332
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
323
- @property st-global(--wds-toggle-switch-icon);
333
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
324
334
  @property st-global(--wds-toggle-switch-knob-size-large);
325
335
  @property st-global(--wds-toggle-switch-knob-size-medium);
326
336
  @property st-global(--wds-toggle-switch-knob-size-small);
327
337
  @property st-global(--wds-toggle-switch-padding);
328
- @property st-global(--wds-toggle-switch-shadow-studio);
329
- @property st-global(--wds-toggle-switch-shadow-wds);
330
- @property st-global(--wds-toggle-switch-standard-disabled);
331
- @property st-global(--wds-toggle-switch-success-disabled);
332
- @property st-global(--wds-toggle-switch-urgent-disabled);
338
+ @property st-global(--wds-toggle-switch-shadow);
333
339
  @property st-global(--wds-toggle-switch-width-large);
334
340
  @property st-global(--wds-toggle-switch-width-medium);
335
341
  @property st-global(--wds-toggle-switch-width-small);
@@ -565,6 +571,7 @@
565
571
  --wds-search-border-radius-medium: 1000px;
566
572
  --wds-search-border-radius-small: 1000px;
567
573
  --wds-search-border-radius-tiny: 1000px;
574
+ --wds-section-header-padding-vertical: 9px;
568
575
  --wds-section-helper-default-action-padding-medium: 12px;
569
576
  --wds-section-helper-default-action-padding-small: 9px;
570
577
  --wds-section-helper-default-border-radius: 6px;
@@ -597,14 +604,13 @@
597
604
  --wds-skeleton-border-radius-circle: 1000px;
598
605
  --wds-skeleton-border-radius-line: 1000px;
599
606
  --wds-skeleton-border-radius-rectangle: 6px;
607
+ --wds-slider-slider-knob-size: 12px;
608
+ --wds-slider-slider-knob-size-transparent: 16px;
609
+ --wds-slider-slider-mark-size: 6px;
600
610
  --wds-slider-track-border-border-radius: 1000px;
601
611
  --wds-slider-track-border-radius-transparent: 1000px;
602
612
  --wds-slider-track-size: 4px;
603
613
  --wds-slider-track-size-transparent: 8px;
604
- --wds-subheader-padding-horizontal-medium: 24px;
605
- --wds-subheader-padding-horizontal-small: 24px;
606
- --wds-subheader-padding-vertical-medium: 9px;
607
- --wds-subheader-padding-vertical-small: 9px;
608
614
  --wds-swatches-list-gap: 12px;
609
615
  --wds-swatches-list-padding-horizontal: 18px;
610
616
  --wds-swatches-list-padding-vertical: 12px;
@@ -650,29 +656,35 @@
650
656
  --wds-toggle-button-padding-right-small-round: 18px;
651
657
  --wds-toggle-button-padding-right-tiny: 6px;
652
658
  --wds-toggle-button-padding-right-tiny-round: 12px;
653
- --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);
654
663
  --wds-toggle-switch-fill-error: #fbd0cd;
655
664
  --wds-toggle-switch-fill-error-active: #e62214;
665
+ --wds-toggle-switch-fill-error-active-hover: #d0180b;
656
666
  --wds-toggle-switch-fill-error-disabled: rgba(0, 6, 36, .1);
667
+ --wds-toggle-switch-fill-error-hover: #f69891;
657
668
  --wds-toggle-switch-fill-standard: #d6e6fe;
658
669
  --wds-toggle-switch-fill-standard-active: #116dff;
670
+ --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
659
671
  --wds-toggle-switch-fill-standard-disabled: rgba(0, 6, 36, .1);
672
+ --wds-toggle-switch-fill-standard-hover: #a8caff;
660
673
  --wds-toggle-switch-fill-success: #c8e8d6;
661
674
  --wds-toggle-switch-fill-success-active: #25a55a;
675
+ --wds-toggle-switch-fill-success-active-hover: #229954;
662
676
  --wds-toggle-switch-fill-success-disabled: rgba(0, 6, 36, .1);
677
+ --wds-toggle-switch-fill-success-hover: #87cea5;
663
678
  --wds-toggle-switch-fill-urgent: #fddbc8;
664
679
  --wds-toggle-switch-fill-urgent-active: #fe620f;
680
+ --wds-toggle-switch-fill-urgent-active-hover: #fee5d7;
665
681
  --wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
666
- --wds-toggle-switch-icon: true;
682
+ --wds-toggle-switch-fill-urgent-hover: #fcbd9c;
667
683
  --wds-toggle-switch-knob-size-large: 22px;
668
684
  --wds-toggle-switch-knob-size-medium: 18px;
669
685
  --wds-toggle-switch-knob-size-small: 14px;
670
686
  --wds-toggle-switch-padding: 1px;
671
- --wds-toggle-switch-shadow-studio: false;
672
- --wds-toggle-switch-shadow-wds: true;
673
- --wds-toggle-switch-standard-disabled: rgba(0, 6, 36, .1);
674
- --wds-toggle-switch-success-disabled: rgba(0, 6, 36, .1);
675
- --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);
676
688
  --wds-toggle-switch-width-large: 46px;
677
689
  --wds-toggle-switch-width-medium: 34px;
678
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.2",
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": "ad85e7f2ed7b8919ae9cf56e83dda09c74707bd8d90dd11eb1430820"
35
+ "falconPackageHash": "0c10c778c611cb325b207b03ef4084418add0d7758e121237ed969ae"
36
36
  }
package/semantic.st.css CHANGED
@@ -270,6 +270,12 @@
270
270
  @property st-global(--wds-color-text-success);
271
271
  @property st-global(--wds-color-text-urgent);
272
272
  @property st-global(--wds-color-text-warning);
273
+ @property st-global(--wds-font-letter-spacing-heading-1);
274
+ @property st-global(--wds-font-letter-spacing-heading-2);
275
+ @property st-global(--wds-font-letter-spacing-heading-3);
276
+ @property st-global(--wds-font-letter-spacing-heading-4);
277
+ @property st-global(--wds-font-letter-spacing-heading-5);
278
+ @property st-global(--wds-font-letter-spacing-heading-6);
273
279
  @property st-global(--wds-font-line-height-body-extra-tiny);
274
280
  @property st-global(--wds-font-line-height-body-medium);
275
281
  @property st-global(--wds-font-line-height-body-small);
@@ -290,6 +296,12 @@
290
296
  @property st-global(--wds-font-size-heading-4);
291
297
  @property st-global(--wds-font-size-heading-5);
292
298
  @property st-global(--wds-font-size-heading-6);
299
+ @property st-global(--wds-font-weight-heading-1);
300
+ @property st-global(--wds-font-weight-heading-2);
301
+ @property st-global(--wds-font-weight-heading-3);
302
+ @property st-global(--wds-font-weight-heading-4);
303
+ @property st-global(--wds-font-weight-heading-5);
304
+ @property st-global(--wds-font-weight-heading-6);
293
305
  @property st-global(--wds-shadow-focus-destructive);
294
306
  @property st-global(--wds-shadow-focus-standard);
295
307
  @property st-global(--wds-shadow-focus-warning);
@@ -571,8 +583,14 @@
571
583
  --wds-color-text-success: #25a55a;
572
584
  --wds-color-text-urgent: #fe620f;
573
585
  --wds-color-text-warning: #ffb700;
586
+ --wds-font-letter-spacing-heading-1: 0;
587
+ --wds-font-letter-spacing-heading-2: 0;
588
+ --wds-font-letter-spacing-heading-3: 0;
589
+ --wds-font-letter-spacing-heading-4: 0;
590
+ --wds-font-letter-spacing-heading-5: 1px;
591
+ --wds-font-letter-spacing-heading-6: 1px;
574
592
  --wds-font-line-height-body-extra-tiny: 12px;
575
- --wds-font-line-height-body-medium: 28px;
593
+ --wds-font-line-height-body-medium: 24px;
576
594
  --wds-font-line-height-body-small: 18px;
577
595
  --wds-font-line-height-body-tiny: 18px;
578
596
  --wds-font-line-height-heading-1: 36px;
@@ -591,6 +609,12 @@
591
609
  --wds-font-size-heading-4: 18px;
592
610
  --wds-font-size-heading-5: 15px;
593
611
  --wds-font-size-heading-6: 12px;
612
+ --wds-font-weight-heading-1: 700;
613
+ --wds-font-weight-heading-2: 700;
614
+ --wds-font-weight-heading-3: 700;
615
+ --wds-font-weight-heading-4: 500;
616
+ --wds-font-weight-heading-5: 400;
617
+ --wds-font-weight-heading-6: 400;
594
618
  --wds-shadow-focus-destructive: 0 0 0 3px #fbd0cd;
595
619
  --wds-shadow-focus-standard: 0 0 0 3px #a8caff;
596
620
  --wds-shadow-focus-warning: 0 0 0 3px #ffe2a5;
package/studio/all.st.css CHANGED
@@ -480,6 +480,12 @@
480
480
  @property st-global(--wds-font-family-default);
481
481
  @property st-global(--wds-font-letter-spacing-0);
482
482
  @property st-global(--wds-font-letter-spacing-100);
483
+ @property st-global(--wds-font-letter-spacing-heading-1);
484
+ @property st-global(--wds-font-letter-spacing-heading-2);
485
+ @property st-global(--wds-font-letter-spacing-heading-3);
486
+ @property st-global(--wds-font-letter-spacing-heading-4);
487
+ @property st-global(--wds-font-letter-spacing-heading-5);
488
+ @property st-global(--wds-font-letter-spacing-heading-6);
483
489
  @property st-global(--wds-font-line-height-100);
484
490
  @property st-global(--wds-font-line-height-200);
485
491
  @property st-global(--wds-font-line-height-300);
@@ -515,6 +521,12 @@
515
521
  @property st-global(--wds-font-size-heading-5);
516
522
  @property st-global(--wds-font-size-heading-6);
517
523
  @property st-global(--wds-font-weight-bold);
524
+ @property st-global(--wds-font-weight-heading-1);
525
+ @property st-global(--wds-font-weight-heading-2);
526
+ @property st-global(--wds-font-weight-heading-3);
527
+ @property st-global(--wds-font-weight-heading-4);
528
+ @property st-global(--wds-font-weight-heading-5);
529
+ @property st-global(--wds-font-weight-heading-6);
518
530
  @property st-global(--wds-font-weight-medium);
519
531
  @property st-global(--wds-font-weight-regular);
520
532
  @property st-global(--wds-form-field-label-gap);
@@ -633,6 +645,7 @@
633
645
  @property st-global(--wds-search-border-radius-medium);
634
646
  @property st-global(--wds-search-border-radius-small);
635
647
  @property st-global(--wds-search-border-radius-tiny);
648
+ @property st-global(--wds-section-header-padding-vertical);
636
649
  @property st-global(--wds-section-helper-default-action-padding-medium);
637
650
  @property st-global(--wds-section-helper-default-action-padding-small);
638
651
  @property st-global(--wds-section-helper-default-border-radius);
@@ -669,6 +682,9 @@
669
682
  @property st-global(--wds-skeleton-border-radius-circle);
670
683
  @property st-global(--wds-skeleton-border-radius-line);
671
684
  @property st-global(--wds-skeleton-border-radius-rectangle);
685
+ @property st-global(--wds-slider-slider-knob-size);
686
+ @property st-global(--wds-slider-slider-knob-size-transparent);
687
+ @property st-global(--wds-slider-slider-mark-size);
672
688
  @property st-global(--wds-slider-track-border-border-radius-transparent);
673
689
  @property st-global(--wds-slider-track-border-radius);
674
690
  @property st-global(--wds-slider-track-size);
@@ -697,10 +713,6 @@
697
713
  @property st-global(--wds-space-1600);
698
714
  @property st-global(--wds-space-1700);
699
715
  @property st-global(--wds-space-2400);
700
- @property st-global(--wds-subheader-padding-horizontal-medium);
701
- @property st-global(--wds-subheader-padding-horizontal-small);
702
- @property st-global(--wds-subheader-padding-vertical-medium);
703
- @property st-global(--wds-subheader-padding-vertical-small);
704
716
  @property st-global(--wds-swatches-list-gap);
705
717
  @property st-global(--wds-swatches-list-padding-horizontal);
706
718
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -746,29 +758,35 @@
746
758
  @property st-global(--wds-toggle-button-padding-right-small-round);
747
759
  @property st-global(--wds-toggle-button-padding-right-tiny);
748
760
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
749
- @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);
750
765
  @property st-global(--wds-toggle-switch-fill-error);
751
766
  @property st-global(--wds-toggle-switch-fill-error-active);
767
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
752
768
  @property st-global(--wds-toggle-switch-fill-error-disabled);
769
+ @property st-global(--wds-toggle-switch-fill-error-hover);
753
770
  @property st-global(--wds-toggle-switch-fill-standard);
754
771
  @property st-global(--wds-toggle-switch-fill-standard-active);
772
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
755
773
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
774
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
756
775
  @property st-global(--wds-toggle-switch-fill-success);
757
776
  @property st-global(--wds-toggle-switch-fill-success-active);
777
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
758
778
  @property st-global(--wds-toggle-switch-fill-success-disabled);
779
+ @property st-global(--wds-toggle-switch-fill-success-hover);
759
780
  @property st-global(--wds-toggle-switch-fill-urgent);
760
781
  @property st-global(--wds-toggle-switch-fill-urgent-active);
782
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
761
783
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
762
- @property st-global(--wds-toggle-switch-icon);
784
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
763
785
  @property st-global(--wds-toggle-switch-knob-size-large);
764
786
  @property st-global(--wds-toggle-switch-knob-size-medium);
765
787
  @property st-global(--wds-toggle-switch-knob-size-small);
766
788
  @property st-global(--wds-toggle-switch-padding);
767
- @property st-global(--wds-toggle-switch-shadow-studio);
768
- @property st-global(--wds-toggle-switch-shadow-wds);
769
- @property st-global(--wds-toggle-switch-standard-disabled);
770
- @property st-global(--wds-toggle-switch-success-disabled);
771
- @property st-global(--wds-toggle-switch-urgent-disabled);
789
+ @property st-global(--wds-toggle-switch-shadow);
772
790
  @property st-global(--wds-toggle-switch-width-large);
773
791
  @property st-global(--wds-toggle-switch-width-medium);
774
792
  @property st-global(--wds-toggle-switch-width-small);
@@ -1262,13 +1280,19 @@
1262
1280
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1263
1281
  --wds-font-letter-spacing-0: 0;
1264
1282
  --wds-font-letter-spacing-100: 1px;
1283
+ --wds-font-letter-spacing-heading-1: 0;
1284
+ --wds-font-letter-spacing-heading-2: 0;
1285
+ --wds-font-letter-spacing-heading-3: 0;
1286
+ --wds-font-letter-spacing-heading-4: 0;
1287
+ --wds-font-letter-spacing-heading-5: 1px;
1288
+ --wds-font-letter-spacing-heading-6: 1px;
1265
1289
  --wds-font-line-height-100: 16px;
1266
1290
  --wds-font-line-height-200: 20px;
1267
1291
  --wds-font-line-height-300: 24px;
1268
1292
  --wds-font-line-height-400: 28px;
1269
1293
  --wds-font-line-height-500: 32px;
1270
1294
  --wds-font-line-height-body-extra-tiny: 16px;
1271
- --wds-font-line-height-body-medium: 28px;
1295
+ --wds-font-line-height-body-medium: 24px;
1272
1296
  --wds-font-line-height-body-small: 20px;
1273
1297
  --wds-font-line-height-body-tiny: 16px;
1274
1298
  --wds-font-line-height-heading-1: 32px;
@@ -1297,6 +1321,12 @@
1297
1321
  --wds-font-size-heading-5: 11px;
1298
1322
  --wds-font-size-heading-6: 12px;
1299
1323
  --wds-font-weight-bold: 700;
1324
+ --wds-font-weight-heading-1: 700;
1325
+ --wds-font-weight-heading-2: 700;
1326
+ --wds-font-weight-heading-3: 700;
1327
+ --wds-font-weight-heading-4: 700;
1328
+ --wds-font-weight-heading-5: 700;
1329
+ --wds-font-weight-heading-6: 400;
1300
1330
  --wds-font-weight-medium: 500;
1301
1331
  --wds-font-weight-regular: 400;
1302
1332
  --wds-form-field-label-gap: 8px;
@@ -1415,6 +1445,7 @@
1415
1445
  --wds-search-border-radius-medium: 4px;
1416
1446
  --wds-search-border-radius-small: 4px;
1417
1447
  --wds-search-border-radius-tiny: 4px;
1448
+ --wds-section-header-padding-vertical: 8px;
1418
1449
  --wds-section-helper-default-action-padding-medium: 8px;
1419
1450
  --wds-section-helper-default-action-padding-small: 8px;
1420
1451
  --wds-section-helper-default-border-radius: 4px;
@@ -1451,6 +1482,9 @@
1451
1482
  --wds-skeleton-border-radius-circle: 1000px;
1452
1483
  --wds-skeleton-border-radius-line: 4px;
1453
1484
  --wds-skeleton-border-radius-rectangle: 4px;
1485
+ --wds-slider-slider-knob-size: 12px;
1486
+ --wds-slider-slider-knob-size-transparent: 16px;
1487
+ --wds-slider-slider-mark-size: 8px;
1454
1488
  --wds-slider-track-border-border-radius-transparent: 1000px;
1455
1489
  --wds-slider-track-border-radius: 1000px;
1456
1490
  --wds-slider-track-size: 2px;
@@ -1479,10 +1513,6 @@
1479
1513
  --wds-space-1600: 64px;
1480
1514
  --wds-space-1700: 68px;
1481
1515
  --wds-space-2400: 96px;
1482
- --wds-subheader-padding-horizontal-medium: 24px;
1483
- --wds-subheader-padding-horizontal-small: 24px;
1484
- --wds-subheader-padding-vertical-medium: 8px;
1485
- --wds-subheader-padding-vertical-small: 8px;
1486
1516
  --wds-swatches-list-gap: 12px;
1487
1517
  --wds-swatches-list-padding-horizontal: 16px;
1488
1518
  --wds-swatches-list-padding-vertical: 12px;
@@ -1528,29 +1558,35 @@
1528
1558
  --wds-toggle-button-padding-right-small-round: 16px;
1529
1559
  --wds-toggle-button-padding-right-tiny: 6px;
1530
1560
  --wds-toggle-button-padding-right-tiny-round: 12px;
1531
- --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);
1532
1565
  --wds-toggle-switch-fill-error: #42454c;
1533
1566
  --wds-toggle-switch-fill-error-active: #ee4437;
1534
- --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;
1535
1570
  --wds-toggle-switch-fill-standard: #42454c;
1536
1571
  --wds-toggle-switch-fill-standard-active: #116dff;
1537
- --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;
1538
1575
  --wds-toggle-switch-fill-success: #42454c;
1539
1576
  --wds-toggle-switch-fill-success-active: #25a55a;
1540
- --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;
1541
1580
  --wds-toggle-switch-fill-urgent: #42454c;
1542
1581
  --wds-toggle-switch-fill-urgent-active: #f96132;
1543
- --wds-toggle-switch-fill-urgent-disabled: #bebebe;
1544
- --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;
1545
1585
  --wds-toggle-switch-knob-size-large: 20px;
1546
1586
  --wds-toggle-switch-knob-size-medium: 16px;
1547
1587
  --wds-toggle-switch-knob-size-small: 12px;
1548
1588
  --wds-toggle-switch-padding: 2px;
1549
- --wds-toggle-switch-shadow-studio: true;
1550
- --wds-toggle-switch-shadow-wds: false;
1551
- --wds-toggle-switch-standard-disabled: rgba(19, 23, 32, 0);
1552
- --wds-toggle-switch-success-disabled: rgba(19, 23, 32, 0);
1553
- --wds-toggle-switch-urgent-disabled: rgba(19, 23, 32, 0);
1589
+ --wds-toggle-switch-shadow: unset;
1554
1590
  --wds-toggle-switch-width-large: 40px;
1555
1591
  --wds-toggle-switch-width-medium: 28px;
1556
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);
@@ -254,14 +255,13 @@
254
255
  @property st-global(--wds-skeleton-border-radius-circle);
255
256
  @property st-global(--wds-skeleton-border-radius-line);
256
257
  @property st-global(--wds-skeleton-border-radius-rectangle);
258
+ @property st-global(--wds-slider-slider-knob-size);
259
+ @property st-global(--wds-slider-slider-knob-size-transparent);
260
+ @property st-global(--wds-slider-slider-mark-size);
257
261
  @property st-global(--wds-slider-track-border-border-radius-transparent);
258
262
  @property st-global(--wds-slider-track-border-radius);
259
263
  @property st-global(--wds-slider-track-size);
260
264
  @property st-global(--wds-slider-track-size-transparent);
261
- @property st-global(--wds-subheader-padding-horizontal-medium);
262
- @property st-global(--wds-subheader-padding-horizontal-small);
263
- @property st-global(--wds-subheader-padding-vertical-medium);
264
- @property st-global(--wds-subheader-padding-vertical-small);
265
265
  @property st-global(--wds-swatches-list-gap);
266
266
  @property st-global(--wds-swatches-list-padding-horizontal);
267
267
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -307,29 +307,35 @@
307
307
  @property st-global(--wds-toggle-button-padding-right-small-round);
308
308
  @property st-global(--wds-toggle-button-padding-right-tiny);
309
309
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
310
- @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);
311
314
  @property st-global(--wds-toggle-switch-fill-error);
312
315
  @property st-global(--wds-toggle-switch-fill-error-active);
316
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
313
317
  @property st-global(--wds-toggle-switch-fill-error-disabled);
318
+ @property st-global(--wds-toggle-switch-fill-error-hover);
314
319
  @property st-global(--wds-toggle-switch-fill-standard);
315
320
  @property st-global(--wds-toggle-switch-fill-standard-active);
321
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
316
322
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
323
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
317
324
  @property st-global(--wds-toggle-switch-fill-success);
318
325
  @property st-global(--wds-toggle-switch-fill-success-active);
326
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
319
327
  @property st-global(--wds-toggle-switch-fill-success-disabled);
328
+ @property st-global(--wds-toggle-switch-fill-success-hover);
320
329
  @property st-global(--wds-toggle-switch-fill-urgent);
321
330
  @property st-global(--wds-toggle-switch-fill-urgent-active);
331
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
322
332
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
323
- @property st-global(--wds-toggle-switch-icon);
333
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
324
334
  @property st-global(--wds-toggle-switch-knob-size-large);
325
335
  @property st-global(--wds-toggle-switch-knob-size-medium);
326
336
  @property st-global(--wds-toggle-switch-knob-size-small);
327
337
  @property st-global(--wds-toggle-switch-padding);
328
- @property st-global(--wds-toggle-switch-shadow-studio);
329
- @property st-global(--wds-toggle-switch-shadow-wds);
330
- @property st-global(--wds-toggle-switch-standard-disabled);
331
- @property st-global(--wds-toggle-switch-success-disabled);
332
- @property st-global(--wds-toggle-switch-urgent-disabled);
338
+ @property st-global(--wds-toggle-switch-shadow);
333
339
  @property st-global(--wds-toggle-switch-width-large);
334
340
  @property st-global(--wds-toggle-switch-width-medium);
335
341
  @property st-global(--wds-toggle-switch-width-small);
@@ -565,6 +571,7 @@
565
571
  --wds-search-border-radius-medium: 4px;
566
572
  --wds-search-border-radius-small: 4px;
567
573
  --wds-search-border-radius-tiny: 4px;
574
+ --wds-section-header-padding-vertical: 8px;
568
575
  --wds-section-helper-default-action-padding-medium: 8px;
569
576
  --wds-section-helper-default-action-padding-small: 8px;
570
577
  --wds-section-helper-default-border-radius: 4px;
@@ -597,14 +604,13 @@
597
604
  --wds-skeleton-border-radius-circle: 1000px;
598
605
  --wds-skeleton-border-radius-line: 4px;
599
606
  --wds-skeleton-border-radius-rectangle: 4px;
607
+ --wds-slider-slider-knob-size: 12px;
608
+ --wds-slider-slider-knob-size-transparent: 16px;
609
+ --wds-slider-slider-mark-size: 8px;
600
610
  --wds-slider-track-border-border-radius-transparent: 1000px;
601
611
  --wds-slider-track-border-radius: 1000px;
602
612
  --wds-slider-track-size: 2px;
603
613
  --wds-slider-track-size-transparent: 2px;
604
- --wds-subheader-padding-horizontal-medium: 24px;
605
- --wds-subheader-padding-horizontal-small: 24px;
606
- --wds-subheader-padding-vertical-medium: 8px;
607
- --wds-subheader-padding-vertical-small: 8px;
608
614
  --wds-swatches-list-gap: 12px;
609
615
  --wds-swatches-list-padding-horizontal: 16px;
610
616
  --wds-swatches-list-padding-vertical: 12px;
@@ -650,29 +656,35 @@
650
656
  --wds-toggle-button-padding-right-small-round: 16px;
651
657
  --wds-toggle-button-padding-right-tiny: 6px;
652
658
  --wds-toggle-button-padding-right-tiny-round: 12px;
653
- --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);
654
663
  --wds-toggle-switch-fill-error: #42454c;
655
664
  --wds-toggle-switch-fill-error-active: #ee4437;
656
- --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;
657
668
  --wds-toggle-switch-fill-standard: #42454c;
658
669
  --wds-toggle-switch-fill-standard-active: #116dff;
659
- --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;
660
673
  --wds-toggle-switch-fill-success: #42454c;
661
674
  --wds-toggle-switch-fill-success-active: #25a55a;
662
- --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;
663
678
  --wds-toggle-switch-fill-urgent: #42454c;
664
679
  --wds-toggle-switch-fill-urgent-active: #f96132;
665
- --wds-toggle-switch-fill-urgent-disabled: #bebebe;
666
- --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;
667
683
  --wds-toggle-switch-knob-size-large: 20px;
668
684
  --wds-toggle-switch-knob-size-medium: 16px;
669
685
  --wds-toggle-switch-knob-size-small: 12px;
670
686
  --wds-toggle-switch-padding: 2px;
671
- --wds-toggle-switch-shadow-studio: true;
672
- --wds-toggle-switch-shadow-wds: false;
673
- --wds-toggle-switch-standard-disabled: rgba(19, 23, 32, 0);
674
- --wds-toggle-switch-success-disabled: rgba(19, 23, 32, 0);
675
- --wds-toggle-switch-urgent-disabled: rgba(19, 23, 32, 0);
687
+ --wds-toggle-switch-shadow: unset;
676
688
  --wds-toggle-switch-width-large: 40px;
677
689
  --wds-toggle-switch-width-medium: 28px;
678
690
  --wds-toggle-switch-width-small: 24px;
package/studio/semantic.st.css CHANGED
@@ -266,6 +266,12 @@
266
266
  @property st-global(--wds-color-text-success);
267
267
  @property st-global(--wds-color-text-urgent);
268
268
  @property st-global(--wds-color-text-warning);
269
+ @property st-global(--wds-font-letter-spacing-heading-1);
270
+ @property st-global(--wds-font-letter-spacing-heading-2);
271
+ @property st-global(--wds-font-letter-spacing-heading-3);
272
+ @property st-global(--wds-font-letter-spacing-heading-4);
273
+ @property st-global(--wds-font-letter-spacing-heading-5);
274
+ @property st-global(--wds-font-letter-spacing-heading-6);
269
275
  @property st-global(--wds-font-line-height-body-extra-tiny);
270
276
  @property st-global(--wds-font-line-height-body-medium);
271
277
  @property st-global(--wds-font-line-height-body-small);
@@ -286,6 +292,12 @@
286
292
  @property st-global(--wds-font-size-heading-4);
287
293
  @property st-global(--wds-font-size-heading-5);
288
294
  @property st-global(--wds-font-size-heading-6);
295
+ @property st-global(--wds-font-weight-heading-1);
296
+ @property st-global(--wds-font-weight-heading-2);
297
+ @property st-global(--wds-font-weight-heading-3);
298
+ @property st-global(--wds-font-weight-heading-4);
299
+ @property st-global(--wds-font-weight-heading-5);
300
+ @property st-global(--wds-font-weight-heading-6);
289
301
 
290
302
  .root {
291
303
  --wds-color-border-dark-primary: #868aa5;
@@ -556,8 +568,14 @@
556
568
  --wds-color-text-success: #25a55a;
557
569
  --wds-color-text-urgent: #f96132;
558
570
  --wds-color-text-warning: #f9ad4d;
571
+ --wds-font-letter-spacing-heading-1: 0;
572
+ --wds-font-letter-spacing-heading-2: 0;
573
+ --wds-font-letter-spacing-heading-3: 0;
574
+ --wds-font-letter-spacing-heading-4: 0;
575
+ --wds-font-letter-spacing-heading-5: 1px;
576
+ --wds-font-letter-spacing-heading-6: 1px;
559
577
  --wds-font-line-height-body-extra-tiny: 16px;
560
- --wds-font-line-height-body-medium: 28px;
578
+ --wds-font-line-height-body-medium: 24px;
561
579
  --wds-font-line-height-body-small: 20px;
562
580
  --wds-font-line-height-body-tiny: 16px;
563
581
  --wds-font-line-height-heading-1: 32px;
@@ -576,4 +594,10 @@
576
594
  --wds-font-size-heading-4: 18px;
577
595
  --wds-font-size-heading-5: 11px;
578
596
  --wds-font-size-heading-6: 12px;
597
+ --wds-font-weight-heading-1: 700;
598
+ --wds-font-weight-heading-2: 700;
599
+ --wds-font-weight-heading-3: 700;
600
+ --wds-font-weight-heading-4: 700;
601
+ --wds-font-weight-heading-5: 700;
602
+ --wds-font-weight-heading-6: 400;
579
603
  }