@adobe/spectrum-design-data 0.12.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/components/action-bar.json +2 -1
  2. package/components/avatar.json +2 -1
  3. package/components/bar-panel.json +14 -0
  4. package/components/card-horizontal.json +14 -0
  5. package/components/card.json +15 -0
  6. package/components/coach-mark.json +5 -1
  7. package/components/collection-card.json +13 -0
  8. package/components/color-control.json +14 -0
  9. package/components/combo-box.json +20 -4
  10. package/components/date-field.json +13 -0
  11. package/components/double-calendar.json +13 -0
  12. package/components/field.json +13 -0
  13. package/components/floating-action-button.json +13 -0
  14. package/components/form-item.json +13 -0
  15. package/components/in-field-button.json +14 -0
  16. package/components/menu.json +3 -1
  17. package/components/segmented-text-field.json +13 -0
  18. package/components/select-box.json +2 -1
  19. package/components/side-navigation.json +2 -1
  20. package/components/single-calendar.json +13 -0
  21. package/components/slider.json +4 -1
  22. package/components/stack-item.json +23 -0
  23. package/components/status-light.json +2 -1
  24. package/components/steplist.json +2 -1
  25. package/components/swatch.json +9 -1
  26. package/components/table.json +2 -1
  27. package/components/time-field.json +13 -0
  28. package/components/tree-view.json +7 -2
  29. package/components/triple-calendar.json +13 -0
  30. package/components/user-card.json +14 -0
  31. package/fields/referenceScaleIndex.json +16 -0
  32. package/package.json +1 -1
  33. package/registry/property-terms.json +2 -2
  34. package/tokens/color-aliases.tokens.json +151 -65
  35. package/tokens/color-component.tokens.json +99 -40
  36. package/tokens/layout-component.tokens.json +1023 -600
  37. package/tokens/layout.tokens.json +305 -128
  38. package/tokens/semantic-color-palette.tokens.json +260 -88
  39. package/tokens/typography.tokens.json +144 -72
package/tokens/typography.tokens.json CHANGED
@@ -3491,8 +3491,10 @@
3491
3491
  },
3492
3492
  {
3493
3493
  "name": {
3494
- "property": "line-height-font-size-100",
3495
- "scale": "desktop"
3494
+ "property": "line-height",
3495
+ "referenceScaleIndex": 100,
3496
+ "scale": "desktop",
3497
+ "legacyKey": "line-height-font-size-100"
3496
3498
  },
3497
3499
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3498
3500
  "value": "18px",
@@ -3502,8 +3504,10 @@
3502
3504
  },
3503
3505
  {
3504
3506
  "name": {
3505
- "property": "line-height-font-size-100",
3506
- "scale": "mobile"
3507
+ "property": "line-height",
3508
+ "referenceScaleIndex": 100,
3509
+ "scale": "mobile",
3510
+ "legacyKey": "line-height-font-size-100"
3507
3511
  },
3508
3512
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3509
3513
  "value": "22px",
@@ -3513,8 +3517,10 @@
3513
3517
  },
3514
3518
  {
3515
3519
  "name": {
3516
- "property": "line-height-font-size-1000",
3517
- "scale": "desktop"
3520
+ "property": "line-height",
3521
+ "referenceScaleIndex": 1000,
3522
+ "scale": "desktop",
3523
+ "legacyKey": "line-height-font-size-1000"
3518
3524
  },
3519
3525
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3520
3526
  "value": "46px",
@@ -3524,8 +3530,10 @@
3524
3530
  },
3525
3531
  {
3526
3532
  "name": {
3527
- "property": "line-height-font-size-1000",
3528
- "scale": "mobile"
3533
+ "property": "line-height",
3534
+ "referenceScaleIndex": 1000,
3535
+ "scale": "mobile",
3536
+ "legacyKey": "line-height-font-size-1000"
3529
3537
  },
3530
3538
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3531
3539
  "value": "56px",
@@ -3535,8 +3543,10 @@
3535
3543
  },
3536
3544
  {
3537
3545
  "name": {
3538
- "property": "line-height-font-size-1100",
3539
- "scale": "desktop"
3546
+ "property": "line-height",
3547
+ "referenceScaleIndex": 1100,
3548
+ "scale": "desktop",
3549
+ "legacyKey": "line-height-font-size-1100"
3540
3550
  },
3541
3551
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3542
3552
  "value": "52px",
@@ -3546,8 +3556,10 @@
3546
3556
  },
3547
3557
  {
3548
3558
  "name": {
3549
- "property": "line-height-font-size-1100",
3550
- "scale": "mobile"
3559
+ "property": "line-height",
3560
+ "referenceScaleIndex": 1100,
3561
+ "scale": "mobile",
3562
+ "legacyKey": "line-height-font-size-1100"
3551
3563
  },
3552
3564
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3553
3565
  "value": "64px",
@@ -3557,8 +3569,10 @@
3557
3569
  },
3558
3570
  {
3559
3571
  "name": {
3560
- "property": "line-height-font-size-1200",
3561
- "scale": "desktop"
3572
+ "property": "line-height",
3573
+ "referenceScaleIndex": 1200,
3574
+ "scale": "desktop",
3575
+ "legacyKey": "line-height-font-size-1200"
3562
3576
  },
3563
3577
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3564
3578
  "value": "58px",
@@ -3568,8 +3582,10 @@
3568
3582
  },
3569
3583
  {
3570
3584
  "name": {
3571
- "property": "line-height-font-size-1200",
3572
- "scale": "mobile"
3585
+ "property": "line-height",
3586
+ "referenceScaleIndex": 1200,
3587
+ "scale": "mobile",
3588
+ "legacyKey": "line-height-font-size-1200"
3573
3589
  },
3574
3590
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3575
3591
  "value": "72px",
@@ -3579,8 +3595,10 @@
3579
3595
  },
3580
3596
  {
3581
3597
  "name": {
3582
- "property": "line-height-font-size-1300",
3583
- "scale": "desktop"
3598
+ "property": "line-height",
3599
+ "referenceScaleIndex": 1300,
3600
+ "scale": "desktop",
3601
+ "legacyKey": "line-height-font-size-1300"
3584
3602
  },
3585
3603
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3586
3604
  "value": "66px",
@@ -3590,8 +3608,10 @@
3590
3608
  },
3591
3609
  {
3592
3610
  "name": {
3593
- "property": "line-height-font-size-1300",
3594
- "scale": "mobile"
3611
+ "property": "line-height",
3612
+ "referenceScaleIndex": 1300,
3613
+ "scale": "mobile",
3614
+ "legacyKey": "line-height-font-size-1300"
3595
3615
  },
3596
3616
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3597
3617
  "value": "80px",
@@ -3601,8 +3621,10 @@
3601
3621
  },
3602
3622
  {
3603
3623
  "name": {
3604
- "property": "line-height-font-size-1400",
3605
- "scale": "desktop"
3624
+ "property": "line-height",
3625
+ "referenceScaleIndex": 1400,
3626
+ "scale": "desktop",
3627
+ "legacyKey": "line-height-font-size-1400"
3606
3628
  },
3607
3629
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3608
3630
  "value": "74px",
@@ -3612,8 +3634,10 @@
3612
3634
  },
3613
3635
  {
3614
3636
  "name": {
3615
- "property": "line-height-font-size-1400",
3616
- "scale": "mobile"
3637
+ "property": "line-height",
3638
+ "referenceScaleIndex": 1400,
3639
+ "scale": "mobile",
3640
+ "legacyKey": "line-height-font-size-1400"
3617
3641
  },
3618
3642
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3619
3643
  "value": "90px",
@@ -3623,8 +3647,10 @@
3623
3647
  },
3624
3648
  {
3625
3649
  "name": {
3626
- "property": "line-height-font-size-1500",
3627
- "scale": "desktop"
3650
+ "property": "line-height",
3651
+ "referenceScaleIndex": 1500,
3652
+ "scale": "desktop",
3653
+ "legacyKey": "line-height-font-size-1500"
3628
3654
  },
3629
3655
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3630
3656
  "value": "84px",
@@ -3634,8 +3660,10 @@
3634
3660
  },
3635
3661
  {
3636
3662
  "name": {
3637
- "property": "line-height-font-size-1500",
3638
- "scale": "mobile"
3663
+ "property": "line-height",
3664
+ "referenceScaleIndex": 1500,
3665
+ "scale": "mobile",
3666
+ "legacyKey": "line-height-font-size-1500"
3639
3667
  },
3640
3668
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3641
3669
  "value": "102px",
@@ -3645,8 +3673,10 @@
3645
3673
  },
3646
3674
  {
3647
3675
  "name": {
3648
- "property": "line-height-font-size-200",
3649
- "scale": "desktop"
3676
+ "property": "line-height",
3677
+ "referenceScaleIndex": 200,
3678
+ "scale": "desktop",
3679
+ "legacyKey": "line-height-font-size-200"
3650
3680
  },
3651
3681
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3652
3682
  "value": "20px",
@@ -3656,8 +3686,10 @@
3656
3686
  },
3657
3687
  {
3658
3688
  "name": {
3659
- "property": "line-height-font-size-200",
3660
- "scale": "mobile"
3689
+ "property": "line-height",
3690
+ "referenceScaleIndex": 200,
3691
+ "scale": "mobile",
3692
+ "legacyKey": "line-height-font-size-200"
3661
3693
  },
3662
3694
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3663
3695
  "value": "24px",
@@ -3667,8 +3699,10 @@
3667
3699
  },
3668
3700
  {
3669
3701
  "name": {
3670
- "property": "line-height-font-size-25",
3671
- "scale": "desktop"
3702
+ "property": "line-height",
3703
+ "referenceScaleIndex": 25,
3704
+ "scale": "desktop",
3705
+ "legacyKey": "line-height-font-size-25"
3672
3706
  },
3673
3707
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3674
3708
  "value": "12px",
@@ -3678,8 +3712,10 @@
3678
3712
  },
3679
3713
  {
3680
3714
  "name": {
3681
- "property": "line-height-font-size-25",
3682
- "scale": "mobile"
3715
+ "property": "line-height",
3716
+ "referenceScaleIndex": 25,
3717
+ "scale": "mobile",
3718
+ "legacyKey": "line-height-font-size-25"
3683
3719
  },
3684
3720
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3685
3721
  "value": "14px",
@@ -3689,8 +3725,10 @@
3689
3725
  },
3690
3726
  {
3691
3727
  "name": {
3692
- "property": "line-height-font-size-300",
3693
- "scale": "desktop"
3728
+ "property": "line-height",
3729
+ "referenceScaleIndex": 300,
3730
+ "scale": "desktop",
3731
+ "legacyKey": "line-height-font-size-300"
3694
3732
  },
3695
3733
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3696
3734
  "value": "22px",
@@ -3700,8 +3738,10 @@
3700
3738
  },
3701
3739
  {
3702
3740
  "name": {
3703
- "property": "line-height-font-size-300",
3704
- "scale": "mobile"
3741
+ "property": "line-height",
3742
+ "referenceScaleIndex": 300,
3743
+ "scale": "mobile",
3744
+ "legacyKey": "line-height-font-size-300"
3705
3745
  },
3706
3746
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3707
3747
  "value": "26px",
@@ -3711,8 +3751,10 @@
3711
3751
  },
3712
3752
  {
3713
3753
  "name": {
3714
- "property": "line-height-font-size-400",
3715
- "scale": "desktop"
3754
+ "property": "line-height",
3755
+ "referenceScaleIndex": 400,
3756
+ "scale": "desktop",
3757
+ "legacyKey": "line-height-font-size-400"
3716
3758
  },
3717
3759
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3718
3760
  "value": "24px",
@@ -3722,8 +3764,10 @@
3722
3764
  },
3723
3765
  {
3724
3766
  "name": {
3725
- "property": "line-height-font-size-400",
3726
- "scale": "mobile"
3767
+ "property": "line-height",
3768
+ "referenceScaleIndex": 400,
3769
+ "scale": "mobile",
3770
+ "legacyKey": "line-height-font-size-400"
3727
3771
  },
3728
3772
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3729
3773
  "value": "28px",
@@ -3733,8 +3777,10 @@
3733
3777
  },
3734
3778
  {
3735
3779
  "name": {
3736
- "property": "line-height-font-size-50",
3737
- "scale": "desktop"
3780
+ "property": "line-height",
3781
+ "referenceScaleIndex": 50,
3782
+ "scale": "desktop",
3783
+ "legacyKey": "line-height-font-size-50"
3738
3784
  },
3739
3785
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3740
3786
  "value": "14px",
@@ -3744,8 +3790,10 @@
3744
3790
  },
3745
3791
  {
3746
3792
  "name": {
3747
- "property": "line-height-font-size-50",
3748
- "scale": "mobile"
3793
+ "property": "line-height",
3794
+ "referenceScaleIndex": 50,
3795
+ "scale": "mobile",
3796
+ "legacyKey": "line-height-font-size-50"
3749
3797
  },
3750
3798
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3751
3799
  "value": "16px",
@@ -3755,8 +3803,10 @@
3755
3803
  },
3756
3804
  {
3757
3805
  "name": {
3758
- "property": "line-height-font-size-500",
3759
- "scale": "desktop"
3806
+ "property": "line-height",
3807
+ "referenceScaleIndex": 500,
3808
+ "scale": "desktop",
3809
+ "legacyKey": "line-height-font-size-500"
3760
3810
  },
3761
3811
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3762
3812
  "value": "26px",
@@ -3766,8 +3816,10 @@
3766
3816
  },
3767
3817
  {
3768
3818
  "name": {
3769
- "property": "line-height-font-size-500",
3770
- "scale": "mobile"
3819
+ "property": "line-height",
3820
+ "referenceScaleIndex": 500,
3821
+ "scale": "mobile",
3822
+ "legacyKey": "line-height-font-size-500"
3771
3823
  },
3772
3824
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3773
3825
  "value": "32px",
@@ -3777,8 +3829,10 @@
3777
3829
  },
3778
3830
  {
3779
3831
  "name": {
3780
- "property": "line-height-font-size-600",
3781
- "scale": "desktop"
3832
+ "property": "line-height",
3833
+ "referenceScaleIndex": 600,
3834
+ "scale": "desktop",
3835
+ "legacyKey": "line-height-font-size-600"
3782
3836
  },
3783
3837
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3784
3838
  "value": "30px",
@@ -3788,8 +3842,10 @@
3788
3842
  },
3789
3843
  {
3790
3844
  "name": {
3791
- "property": "line-height-font-size-600",
3792
- "scale": "mobile"
3845
+ "property": "line-height",
3846
+ "referenceScaleIndex": 600,
3847
+ "scale": "mobile",
3848
+ "legacyKey": "line-height-font-size-600"
3793
3849
  },
3794
3850
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3795
3851
  "value": "36px",
@@ -3799,8 +3855,10 @@
3799
3855
  },
3800
3856
  {
3801
3857
  "name": {
3802
- "property": "line-height-font-size-700",
3803
- "scale": "desktop"
3858
+ "property": "line-height",
3859
+ "referenceScaleIndex": 700,
3860
+ "scale": "desktop",
3861
+ "legacyKey": "line-height-font-size-700"
3804
3862
  },
3805
3863
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3806
3864
  "value": "32px",
@@ -3810,8 +3868,10 @@
3810
3868
  },
3811
3869
  {
3812
3870
  "name": {
3813
- "property": "line-height-font-size-700",
3814
- "scale": "mobile"
3871
+ "property": "line-height",
3872
+ "referenceScaleIndex": 700,
3873
+ "scale": "mobile",
3874
+ "legacyKey": "line-height-font-size-700"
3815
3875
  },
3816
3876
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3817
3877
  "value": "40px",
@@ -3821,8 +3881,10 @@
3821
3881
  },
3822
3882
  {
3823
3883
  "name": {
3824
- "property": "line-height-font-size-75",
3825
- "scale": "desktop"
3884
+ "property": "line-height",
3885
+ "referenceScaleIndex": 75,
3886
+ "scale": "desktop",
3887
+ "legacyKey": "line-height-font-size-75"
3826
3888
  },
3827
3889
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3828
3890
  "value": "16px",
@@ -3832,8 +3894,10 @@
3832
3894
  },
3833
3895
  {
3834
3896
  "name": {
3835
- "property": "line-height-font-size-75",
3836
- "scale": "mobile"
3897
+ "property": "line-height",
3898
+ "referenceScaleIndex": 75,
3899
+ "scale": "mobile",
3900
+ "legacyKey": "line-height-font-size-75"
3837
3901
  },
3838
3902
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3839
3903
  "value": "20px",
@@ -3843,8 +3907,10 @@
3843
3907
  },
3844
3908
  {
3845
3909
  "name": {
3846
- "property": "line-height-font-size-800",
3847
- "scale": "desktop"
3910
+ "property": "line-height",
3911
+ "referenceScaleIndex": 800,
3912
+ "scale": "desktop",
3913
+ "legacyKey": "line-height-font-size-800"
3848
3914
  },
3849
3915
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3850
3916
  "value": "36px",
@@ -3854,8 +3920,10 @@
3854
3920
  },
3855
3921
  {
3856
3922
  "name": {
3857
- "property": "line-height-font-size-800",
3858
- "scale": "mobile"
3923
+ "property": "line-height",
3924
+ "referenceScaleIndex": 800,
3925
+ "scale": "mobile",
3926
+ "legacyKey": "line-height-font-size-800"
3859
3927
  },
3860
3928
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3861
3929
  "value": "44px",
@@ -3865,8 +3933,10 @@
3865
3933
  },
3866
3934
  {
3867
3935
  "name": {
3868
- "property": "line-height-font-size-900",
3869
- "scale": "desktop"
3936
+ "property": "line-height",
3937
+ "referenceScaleIndex": 900,
3938
+ "scale": "desktop",
3939
+ "legacyKey": "line-height-font-size-900"
3870
3940
  },
3871
3941
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3872
3942
  "value": "42px",
@@ -3876,8 +3946,10 @@
3876
3946
  },
3877
3947
  {
3878
3948
  "name": {
3879
- "property": "line-height-font-size-900",
3880
- "scale": "mobile"
3949
+ "property": "line-height",
3950
+ "referenceScaleIndex": 900,
3951
+ "scale": "mobile",
3952
+ "legacyKey": "line-height-font-size-900"
3881
3953
  },
3882
3954
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3883
3955
  "value": "50px",