@adobe/spectrum-design-data 0.12.0 → 0.14.1

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 (55) hide show
  1. package/components/accordion.json +1 -41
  2. package/components/action-bar.json +8 -7
  3. package/components/alert-dialog.json +2 -2
  4. package/components/avatar.json +6 -8
  5. package/components/badge.json +1 -1
  6. package/components/bar-panel.json +14 -0
  7. package/components/card-horizontal.json +14 -0
  8. package/components/card.json +15 -0
  9. package/components/cards.json +8 -20
  10. package/components/coach-mark.json +5 -1
  11. package/components/collection-card.json +13 -0
  12. package/components/color-control.json +14 -0
  13. package/components/combo-box.json +20 -4
  14. package/components/contextual-help.json +0 -2
  15. package/components/date-field.json +13 -0
  16. package/components/date-picker.json +2 -4
  17. package/components/double-calendar.json +13 -0
  18. package/components/drop-zone.json +2 -2
  19. package/components/field.json +13 -0
  20. package/components/floating-action-button.json +13 -0
  21. package/components/form-item.json +13 -0
  22. package/components/help-text.json +1 -1
  23. package/components/in-field-button.json +14 -0
  24. package/components/list-view.json +5 -4
  25. package/components/menu.json +4 -2
  26. package/components/number-field.json +0 -1
  27. package/components/rating.json +2 -2
  28. package/components/search-field.json +0 -1
  29. package/components/segmented-text-field.json +13 -0
  30. package/components/select-box.json +3 -2
  31. package/components/side-navigation.json +5 -4
  32. package/components/single-calendar.json +13 -0
  33. package/components/slider.json +13 -11
  34. package/components/stack-item.json +23 -0
  35. package/components/standard-dialog.json +1 -1
  36. package/components/status-light.json +3 -2
  37. package/components/steplist.json +3 -2
  38. package/components/swatch.json +9 -1
  39. package/components/table.json +7 -6
  40. package/components/tabs.json +0 -8
  41. package/components/tag.json +4 -4
  42. package/components/takeover-dialog.json +1 -1
  43. package/components/time-field.json +13 -0
  44. package/components/tree-view.json +7 -6
  45. package/components/triple-calendar.json +13 -0
  46. package/components/user-card.json +14 -0
  47. package/fields/referenceScaleIndex.json +16 -0
  48. package/package.json +1 -1
  49. package/registry/property-terms.json +2 -2
  50. package/tokens/color-aliases.tokens.json +151 -65
  51. package/tokens/color-component.tokens.json +99 -40
  52. package/tokens/layout-component.tokens.json +1023 -600
  53. package/tokens/layout.tokens.json +305 -128
  54. package/tokens/semantic-color-palette.tokens.json +260 -88
  55. package/tokens/typography.tokens.json +144 -72
package/tokens/layout.tokens.json CHANGED
@@ -685,7 +685,8 @@
685
685
  },
686
686
  {
687
687
  "name": {
688
- "property": "border-width-100"
688
+ "property": "border-width",
689
+ "scaleIndex": 100
689
690
  },
690
691
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
691
692
  "value": "1px",
@@ -693,7 +694,8 @@
693
694
  },
694
695
  {
695
696
  "name": {
696
- "property": "border-width-200"
697
+ "property": "border-width",
698
+ "scaleIndex": 200
697
699
  },
698
700
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
699
701
  "value": "2px",
@@ -701,7 +703,8 @@
701
703
  },
702
704
  {
703
705
  "name": {
704
- "property": "border-width-400"
706
+ "property": "border-width",
707
+ "scaleIndex": 400
705
708
  },
706
709
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
707
710
  "value": "4px",
@@ -2586,7 +2589,8 @@
2586
2589
  },
2587
2590
  {
2588
2591
  "name": {
2589
- "property": "corner-radius-0"
2592
+ "property": "corner-radius",
2593
+ "scaleIndex": 0
2590
2594
  },
2591
2595
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2592
2596
  "value": "0px",
@@ -2594,7 +2598,8 @@
2594
2598
  },
2595
2599
  {
2596
2600
  "name": {
2597
- "property": "corner-radius-100"
2601
+ "property": "corner-radius",
2602
+ "scaleIndex": 100
2598
2603
  },
2599
2604
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2600
2605
  "value": "4px",
@@ -2602,7 +2607,8 @@
2602
2607
  },
2603
2608
  {
2604
2609
  "name": {
2605
- "property": "corner-radius-1000"
2610
+ "property": "corner-radius",
2611
+ "scaleIndex": 1000
2606
2612
  },
2607
2613
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/multiplier.json",
2608
2614
  "value": 0.5,
@@ -2610,7 +2616,8 @@
2610
2616
  },
2611
2617
  {
2612
2618
  "name": {
2613
- "property": "corner-radius-200"
2619
+ "property": "corner-radius",
2620
+ "scaleIndex": 200
2614
2621
  },
2615
2622
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2616
2623
  "value": "5px",
@@ -2618,7 +2625,8 @@
2618
2625
  },
2619
2626
  {
2620
2627
  "name": {
2621
- "property": "corner-radius-300"
2628
+ "property": "corner-radius",
2629
+ "scaleIndex": 300
2622
2630
  },
2623
2631
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2624
2632
  "value": "6px",
@@ -2626,7 +2634,8 @@
2626
2634
  },
2627
2635
  {
2628
2636
  "name": {
2629
- "property": "corner-radius-400"
2637
+ "property": "corner-radius",
2638
+ "scaleIndex": 400
2630
2639
  },
2631
2640
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2632
2641
  "value": "7px",
@@ -2634,7 +2643,8 @@
2634
2643
  },
2635
2644
  {
2636
2645
  "name": {
2637
- "property": "corner-radius-500"
2646
+ "property": "corner-radius",
2647
+ "scaleIndex": 500
2638
2648
  },
2639
2649
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2640
2650
  "value": "8px",
@@ -2642,7 +2652,8 @@
2642
2652
  },
2643
2653
  {
2644
2654
  "name": {
2645
- "property": "corner-radius-600"
2655
+ "property": "corner-radius",
2656
+ "scaleIndex": 600
2646
2657
  },
2647
2658
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2648
2659
  "value": "9px",
@@ -2650,7 +2661,8 @@
2650
2661
  },
2651
2662
  {
2652
2663
  "name": {
2653
- "property": "corner-radius-700"
2664
+ "property": "corner-radius",
2665
+ "scaleIndex": 700
2654
2666
  },
2655
2667
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2656
2668
  "value": "10px",
@@ -2658,7 +2670,8 @@
2658
2670
  },
2659
2671
  {
2660
2672
  "name": {
2661
- "property": "corner-radius-75"
2673
+ "property": "corner-radius",
2674
+ "scaleIndex": 75
2662
2675
  },
2663
2676
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2664
2677
  "value": "3px",
@@ -2666,7 +2679,8 @@
2666
2679
  },
2667
2680
  {
2668
2681
  "name": {
2669
- "property": "corner-radius-800"
2682
+ "property": "corner-radius",
2683
+ "scaleIndex": 800
2670
2684
  },
2671
2685
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2672
2686
  "value": "16px",
@@ -2704,8 +2718,9 @@
2704
2718
  },
2705
2719
  {
2706
2720
  "name": {
2707
- "property": "corner-radius-medium",
2708
- "state": "default"
2721
+ "property": "corner-radius",
2722
+ "state": "default",
2723
+ "size": "m"
2709
2724
  },
2710
2725
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
2711
2726
  "$ref": "ada2ea1d-1728-411a-8aae-a198ce390a25",
@@ -3477,8 +3492,11 @@
3477
3492
  },
3478
3493
  {
3479
3494
  "name": {
3480
- "property": "field-edge-to-disclosure-icon-100",
3481
- "scale": "desktop"
3495
+ "property": "space-between",
3496
+ "scale": "desktop",
3497
+ "from": "field-edge",
3498
+ "to": "disclosure-icon",
3499
+ "scaleIndex": 100
3482
3500
  },
3483
3501
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3484
3502
  "value": "11px",
@@ -3491,8 +3509,11 @@
3491
3509
  },
3492
3510
  {
3493
3511
  "name": {
3494
- "property": "field-edge-to-disclosure-icon-100",
3495
- "scale": "mobile"
3512
+ "property": "space-between",
3513
+ "scale": "mobile",
3514
+ "from": "field-edge",
3515
+ "to": "disclosure-icon",
3516
+ "scaleIndex": 100
3496
3517
  },
3497
3518
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3498
3519
  "value": "13px",
@@ -3505,8 +3526,11 @@
3505
3526
  },
3506
3527
  {
3507
3528
  "name": {
3508
- "property": "field-edge-to-disclosure-icon-200",
3509
- "scale": "desktop"
3529
+ "property": "space-between",
3530
+ "scale": "desktop",
3531
+ "from": "field-edge",
3532
+ "to": "disclosure-icon",
3533
+ "scaleIndex": 200
3510
3534
  },
3511
3535
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3512
3536
  "value": "14px",
@@ -3519,8 +3543,11 @@
3519
3543
  },
3520
3544
  {
3521
3545
  "name": {
3522
- "property": "field-edge-to-disclosure-icon-200",
3523
- "scale": "mobile"
3546
+ "property": "space-between",
3547
+ "scale": "mobile",
3548
+ "from": "field-edge",
3549
+ "to": "disclosure-icon",
3550
+ "scaleIndex": 200
3524
3551
  },
3525
3552
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3526
3553
  "value": "17px",
@@ -3533,8 +3560,11 @@
3533
3560
  },
3534
3561
  {
3535
3562
  "name": {
3536
- "property": "field-edge-to-disclosure-icon-300",
3537
- "scale": "desktop"
3563
+ "property": "space-between",
3564
+ "scale": "desktop",
3565
+ "from": "field-edge",
3566
+ "to": "disclosure-icon",
3567
+ "scaleIndex": 300
3538
3568
  },
3539
3569
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3540
3570
  "value": "17px",
@@ -3547,8 +3577,11 @@
3547
3577
  },
3548
3578
  {
3549
3579
  "name": {
3550
- "property": "field-edge-to-disclosure-icon-300",
3551
- "scale": "mobile"
3580
+ "property": "space-between",
3581
+ "scale": "mobile",
3582
+ "from": "field-edge",
3583
+ "to": "disclosure-icon",
3584
+ "scaleIndex": 300
3552
3585
  },
3553
3586
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3554
3587
  "value": "22px",
@@ -3561,8 +3594,11 @@
3561
3594
  },
3562
3595
  {
3563
3596
  "name": {
3564
- "property": "field-edge-to-disclosure-icon-75",
3565
- "scale": "desktop"
3597
+ "property": "space-between",
3598
+ "scale": "desktop",
3599
+ "from": "field-edge",
3600
+ "to": "disclosure-icon",
3601
+ "scaleIndex": 75
3566
3602
  },
3567
3603
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3568
3604
  "value": "7px",
@@ -3575,8 +3611,11 @@
3575
3611
  },
3576
3612
  {
3577
3613
  "name": {
3578
- "property": "field-edge-to-disclosure-icon-75",
3579
- "scale": "mobile"
3614
+ "property": "space-between",
3615
+ "scale": "mobile",
3616
+ "from": "field-edge",
3617
+ "to": "disclosure-icon",
3618
+ "scaleIndex": 75
3580
3619
  },
3581
3620
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3582
3621
  "value": "9px",
@@ -3729,8 +3768,11 @@
3729
3768
  },
3730
3769
  {
3731
3770
  "name": {
3732
- "property": "field-end-edge-to-disclosure-icon-100",
3733
- "scale": "desktop"
3771
+ "property": "space-between",
3772
+ "scale": "desktop",
3773
+ "from": "field-end-edge",
3774
+ "to": "disclosure-icon",
3775
+ "scaleIndex": 100
3734
3776
  },
3735
3777
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3736
3778
  "value": "11px",
@@ -3743,8 +3785,11 @@
3743
3785
  },
3744
3786
  {
3745
3787
  "name": {
3746
- "property": "field-end-edge-to-disclosure-icon-100",
3747
- "scale": "mobile"
3788
+ "property": "space-between",
3789
+ "scale": "mobile",
3790
+ "from": "field-end-edge",
3791
+ "to": "disclosure-icon",
3792
+ "scaleIndex": 100
3748
3793
  },
3749
3794
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3750
3795
  "value": "13px",
@@ -3757,8 +3802,11 @@
3757
3802
  },
3758
3803
  {
3759
3804
  "name": {
3760
- "property": "field-end-edge-to-disclosure-icon-200",
3761
- "scale": "desktop"
3805
+ "property": "space-between",
3806
+ "scale": "desktop",
3807
+ "from": "field-end-edge",
3808
+ "to": "disclosure-icon",
3809
+ "scaleIndex": 200
3762
3810
  },
3763
3811
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3764
3812
  "value": "14px",
@@ -3771,8 +3819,11 @@
3771
3819
  },
3772
3820
  {
3773
3821
  "name": {
3774
- "property": "field-end-edge-to-disclosure-icon-200",
3775
- "scale": "mobile"
3822
+ "property": "space-between",
3823
+ "scale": "mobile",
3824
+ "from": "field-end-edge",
3825
+ "to": "disclosure-icon",
3826
+ "scaleIndex": 200
3776
3827
  },
3777
3828
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3778
3829
  "value": "17px",
@@ -3785,8 +3836,11 @@
3785
3836
  },
3786
3837
  {
3787
3838
  "name": {
3788
- "property": "field-end-edge-to-disclosure-icon-300",
3789
- "scale": "desktop"
3839
+ "property": "space-between",
3840
+ "scale": "desktop",
3841
+ "from": "field-end-edge",
3842
+ "to": "disclosure-icon",
3843
+ "scaleIndex": 300
3790
3844
  },
3791
3845
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3792
3846
  "value": "17px",
@@ -3799,8 +3853,11 @@
3799
3853
  },
3800
3854
  {
3801
3855
  "name": {
3802
- "property": "field-end-edge-to-disclosure-icon-300",
3803
- "scale": "mobile"
3856
+ "property": "space-between",
3857
+ "scale": "mobile",
3858
+ "from": "field-end-edge",
3859
+ "to": "disclosure-icon",
3860
+ "scaleIndex": 300
3804
3861
  },
3805
3862
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3806
3863
  "value": "22px",
@@ -3813,8 +3870,11 @@
3813
3870
  },
3814
3871
  {
3815
3872
  "name": {
3816
- "property": "field-end-edge-to-disclosure-icon-75",
3817
- "scale": "desktop"
3873
+ "property": "space-between",
3874
+ "scale": "desktop",
3875
+ "from": "field-end-edge",
3876
+ "to": "disclosure-icon",
3877
+ "scaleIndex": 75
3818
3878
  },
3819
3879
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3820
3880
  "value": "7px",
@@ -3827,8 +3887,11 @@
3827
3887
  },
3828
3888
  {
3829
3889
  "name": {
3830
- "property": "field-end-edge-to-disclosure-icon-75",
3831
- "scale": "mobile"
3890
+ "property": "space-between",
3891
+ "scale": "mobile",
3892
+ "from": "field-end-edge",
3893
+ "to": "disclosure-icon",
3894
+ "scaleIndex": 75
3832
3895
  },
3833
3896
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3834
3897
  "value": "9px",
@@ -4177,8 +4240,11 @@
4177
4240
  },
4178
4241
  {
4179
4242
  "name": {
4180
- "property": "field-top-to-disclosure-icon-100",
4181
- "scale": "desktop"
4243
+ "property": "space-between",
4244
+ "scale": "desktop",
4245
+ "from": "field-top",
4246
+ "to": "disclosure-icon",
4247
+ "scaleIndex": 100
4182
4248
  },
4183
4249
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
4184
4250
  "value": "11px",
@@ -4191,8 +4257,11 @@
4191
4257
  },
4192
4258
  {
4193
4259
  "name": {
4194
- "property": "field-top-to-disclosure-icon-100",
4195
- "scale": "mobile"
4260
+ "property": "space-between",
4261
+ "scale": "mobile",
4262
+ "from": "field-top",
4263
+ "to": "disclosure-icon",
4264
+ "scaleIndex": 100
4196
4265
  },
4197
4266
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
4198
4267
  "value": "13px",
@@ -4205,8 +4274,11 @@
4205
4274
  },
4206
4275
  {
4207
4276
  "name": {
4208
- "property": "field-top-to-disclosure-icon-200",
4209
- "scale": "desktop"
4277
+ "property": "space-between",
4278
+ "scale": "desktop",
4279
+ "from": "field-top",
4280
+ "to": "disclosure-icon",
4281
+ "scaleIndex": 200
4210
4282
  },
4211
4283
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
4212
4284
  "value": "14px",
@@ -4219,8 +4291,11 @@
4219
4291
  },
4220
4292
  {
4221
4293
  "name": {
4222
- "property": "field-top-to-disclosure-icon-200",
4223
- "scale": "mobile"
4294
+ "property": "space-between",
4295
+ "scale": "mobile",
4296
+ "from": "field-top",
4297
+ "to": "disclosure-icon",
4298
+ "scaleIndex": 200
4224
4299
  },
4225
4300
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
4226
4301
  "value": "17px",
@@ -4233,8 +4308,11 @@
4233
4308
  },
4234
4309
  {
4235
4310
  "name": {
4236
- "property": "field-top-to-disclosure-icon-300",
4237
- "scale": "desktop"
4311
+ "property": "space-between",
4312
+ "scale": "desktop",
4313
+ "from": "field-top",
4314
+ "to": "disclosure-icon",
4315
+ "scaleIndex": 300
4238
4316
  },
4239
4317
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
4240
4318
  "value": "17px",
@@ -4247,8 +4325,11 @@
4247
4325
  },
4248
4326
  {
4249
4327
  "name": {
4250
- "property": "field-top-to-disclosure-icon-300",
4251
- "scale": "mobile"
4328
+ "property": "space-between",
4329
+ "scale": "mobile",
4330
+ "from": "field-top",
4331
+ "to": "disclosure-icon",
4332
+ "scaleIndex": 300
4252
4333
  },
4253
4334
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
4254
4335
  "value": "22px",
@@ -4261,8 +4342,11 @@
4261
4342
  },
4262
4343
  {
4263
4344
  "name": {
4264
- "property": "field-top-to-disclosure-icon-75",
4265
- "scale": "desktop"
4345
+ "property": "space-between",
4346
+ "scale": "desktop",
4347
+ "from": "field-top",
4348
+ "to": "disclosure-icon",
4349
+ "scaleIndex": 75
4266
4350
  },
4267
4351
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
4268
4352
  "value": "7px",
@@ -4275,8 +4359,11 @@
4275
4359
  },
4276
4360
  {
4277
4361
  "name": {
4278
- "property": "field-top-to-disclosure-icon-75",
4279
- "scale": "mobile"
4362
+ "property": "space-between",
4363
+ "scale": "mobile",
4364
+ "from": "field-top",
4365
+ "to": "disclosure-icon",
4366
+ "scaleIndex": 75
4280
4367
  },
4281
4368
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
4282
4369
  "value": "9px",
@@ -5171,7 +5258,10 @@
5171
5258
  },
5172
5259
  {
5173
5260
  "name": {
5174
- "property": "label-to-description-0"
5261
+ "property": "space-between",
5262
+ "from": "label",
5263
+ "to": "description",
5264
+ "scaleIndex": 0
5175
5265
  },
5176
5266
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5177
5267
  "value": "0px",
@@ -5483,7 +5573,8 @@
5483
5573
  },
5484
5574
  {
5485
5575
  "name": {
5486
- "property": "spacing-100"
5576
+ "property": "spacing",
5577
+ "scaleIndex": 100
5487
5578
  },
5488
5579
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5489
5580
  "value": "8px",
@@ -5491,7 +5582,8 @@
5491
5582
  },
5492
5583
  {
5493
5584
  "name": {
5494
- "property": "spacing-1000"
5585
+ "property": "spacing",
5586
+ "scaleIndex": 1000
5495
5587
  },
5496
5588
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5497
5589
  "value": "96px",
@@ -5499,7 +5591,8 @@
5499
5591
  },
5500
5592
  {
5501
5593
  "name": {
5502
- "property": "spacing-200"
5594
+ "property": "spacing",
5595
+ "scaleIndex": 200
5503
5596
  },
5504
5597
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5505
5598
  "value": "12px",
@@ -5507,7 +5600,8 @@
5507
5600
  },
5508
5601
  {
5509
5602
  "name": {
5510
- "property": "spacing-25"
5603
+ "property": "spacing",
5604
+ "scaleIndex": 25
5511
5605
  },
5512
5606
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5513
5607
  "value": "1px",
@@ -5515,7 +5609,8 @@
5515
5609
  },
5516
5610
  {
5517
5611
  "name": {
5518
- "property": "spacing-300"
5612
+ "property": "spacing",
5613
+ "scaleIndex": 300
5519
5614
  },
5520
5615
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5521
5616
  "value": "16px",
@@ -5523,7 +5618,8 @@
5523
5618
  },
5524
5619
  {
5525
5620
  "name": {
5526
- "property": "spacing-350"
5621
+ "property": "spacing",
5622
+ "scaleIndex": 350
5527
5623
  },
5528
5624
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5529
5625
  "value": "20px",
@@ -5531,7 +5627,8 @@
5531
5627
  },
5532
5628
  {
5533
5629
  "name": {
5534
- "property": "spacing-400"
5630
+ "property": "spacing",
5631
+ "scaleIndex": 400
5535
5632
  },
5536
5633
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5537
5634
  "value": "24px",
@@ -5539,7 +5636,8 @@
5539
5636
  },
5540
5637
  {
5541
5638
  "name": {
5542
- "property": "spacing-50"
5639
+ "property": "spacing",
5640
+ "scaleIndex": 50
5543
5641
  },
5544
5642
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5545
5643
  "value": "2px",
@@ -5547,7 +5645,8 @@
5547
5645
  },
5548
5646
  {
5549
5647
  "name": {
5550
- "property": "spacing-500"
5648
+ "property": "spacing",
5649
+ "scaleIndex": 500
5551
5650
  },
5552
5651
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5553
5652
  "value": "32px",
@@ -5555,7 +5654,8 @@
5555
5654
  },
5556
5655
  {
5557
5656
  "name": {
5558
- "property": "spacing-600"
5657
+ "property": "spacing",
5658
+ "scaleIndex": 600
5559
5659
  },
5560
5660
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5561
5661
  "value": "40px",
@@ -5563,7 +5663,8 @@
5563
5663
  },
5564
5664
  {
5565
5665
  "name": {
5566
- "property": "spacing-700"
5666
+ "property": "spacing",
5667
+ "scaleIndex": 700
5567
5668
  },
5568
5669
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5569
5670
  "value": "48px",
@@ -5571,7 +5672,8 @@
5571
5672
  },
5572
5673
  {
5573
5674
  "name": {
5574
- "property": "spacing-75"
5675
+ "property": "spacing",
5676
+ "scaleIndex": 75
5575
5677
  },
5576
5678
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5577
5679
  "value": "4px",
@@ -5579,7 +5681,8 @@
5579
5681
  },
5580
5682
  {
5581
5683
  "name": {
5582
- "property": "spacing-800"
5684
+ "property": "spacing",
5685
+ "scaleIndex": 800
5583
5686
  },
5584
5687
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5585
5688
  "value": "64px",
@@ -5587,7 +5690,8 @@
5587
5690
  },
5588
5691
  {
5589
5692
  "name": {
5590
- "property": "spacing-85"
5693
+ "property": "spacing",
5694
+ "scaleIndex": 85
5591
5695
  },
5592
5696
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5593
5697
  "value": "6px",
@@ -5595,7 +5699,8 @@
5595
5699
  },
5596
5700
  {
5597
5701
  "name": {
5598
- "property": "spacing-900"
5702
+ "property": "spacing",
5703
+ "scaleIndex": 900
5599
5704
  },
5600
5705
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5601
5706
  "value": "80px",
@@ -5731,8 +5836,11 @@
5731
5836
  },
5732
5837
  {
5733
5838
  "name": {
5734
- "property": "text-to-control-100",
5735
- "scale": "desktop"
5839
+ "property": "space-between",
5840
+ "scale": "desktop",
5841
+ "from": "text",
5842
+ "to": "control",
5843
+ "scaleIndex": 100
5736
5844
  },
5737
5845
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5738
5846
  "value": "10px",
@@ -5745,8 +5853,11 @@
5745
5853
  },
5746
5854
  {
5747
5855
  "name": {
5748
- "property": "text-to-control-100",
5749
- "scale": "mobile"
5856
+ "property": "space-between",
5857
+ "scale": "mobile",
5858
+ "from": "text",
5859
+ "to": "control",
5860
+ "scaleIndex": 100
5750
5861
  },
5751
5862
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5752
5863
  "value": "13px",
@@ -5759,8 +5870,11 @@
5759
5870
  },
5760
5871
  {
5761
5872
  "name": {
5762
- "property": "text-to-control-200",
5763
- "scale": "desktop"
5873
+ "property": "space-between",
5874
+ "scale": "desktop",
5875
+ "from": "text",
5876
+ "to": "control",
5877
+ "scaleIndex": 200
5764
5878
  },
5765
5879
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5766
5880
  "value": "11px",
@@ -5773,8 +5887,11 @@
5773
5887
  },
5774
5888
  {
5775
5889
  "name": {
5776
- "property": "text-to-control-200",
5777
- "scale": "mobile"
5890
+ "property": "space-between",
5891
+ "scale": "mobile",
5892
+ "from": "text",
5893
+ "to": "control",
5894
+ "scaleIndex": 200
5778
5895
  },
5779
5896
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5780
5897
  "value": "14px",
@@ -5787,8 +5904,11 @@
5787
5904
  },
5788
5905
  {
5789
5906
  "name": {
5790
- "property": "text-to-control-300",
5791
- "scale": "desktop"
5907
+ "property": "space-between",
5908
+ "scale": "desktop",
5909
+ "from": "text",
5910
+ "to": "control",
5911
+ "scaleIndex": 300
5792
5912
  },
5793
5913
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5794
5914
  "value": "13px",
@@ -5801,8 +5921,11 @@
5801
5921
  },
5802
5922
  {
5803
5923
  "name": {
5804
- "property": "text-to-control-300",
5805
- "scale": "mobile"
5924
+ "property": "space-between",
5925
+ "scale": "mobile",
5926
+ "from": "text",
5927
+ "to": "control",
5928
+ "scaleIndex": 300
5806
5929
  },
5807
5930
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5808
5931
  "value": "16px",
@@ -5815,8 +5938,11 @@
5815
5938
  },
5816
5939
  {
5817
5940
  "name": {
5818
- "property": "text-to-control-50",
5819
- "scale": "desktop"
5941
+ "property": "space-between",
5942
+ "scale": "desktop",
5943
+ "from": "text",
5944
+ "to": "control",
5945
+ "scaleIndex": 50
5820
5946
  },
5821
5947
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5822
5948
  "value": "4px",
@@ -5829,8 +5955,11 @@
5829
5955
  },
5830
5956
  {
5831
5957
  "name": {
5832
- "property": "text-to-control-50",
5833
- "scale": "mobile"
5958
+ "property": "space-between",
5959
+ "scale": "mobile",
5960
+ "from": "text",
5961
+ "to": "control",
5962
+ "scaleIndex": 50
5834
5963
  },
5835
5964
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5836
5965
  "value": "5px",
@@ -5843,8 +5972,11 @@
5843
5972
  },
5844
5973
  {
5845
5974
  "name": {
5846
- "property": "text-to-control-75",
5847
- "scale": "desktop"
5975
+ "property": "space-between",
5976
+ "scale": "desktop",
5977
+ "from": "text",
5978
+ "to": "control",
5979
+ "scaleIndex": 75
5848
5980
  },
5849
5981
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5850
5982
  "value": "9px",
@@ -5857,8 +5989,11 @@
5857
5989
  },
5858
5990
  {
5859
5991
  "name": {
5860
- "property": "text-to-control-75",
5861
- "scale": "mobile"
5992
+ "property": "space-between",
5993
+ "scale": "mobile",
5994
+ "from": "text",
5995
+ "to": "control",
5996
+ "scaleIndex": 75
5862
5997
  },
5863
5998
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5864
5999
  "value": "11px",
@@ -5871,8 +6006,11 @@
5871
6006
  },
5872
6007
  {
5873
6008
  "name": {
5874
- "property": "text-to-visual-100",
5875
- "scale": "desktop"
6009
+ "property": "space-between",
6010
+ "scale": "desktop",
6011
+ "from": "text",
6012
+ "to": "visual",
6013
+ "scaleIndex": 100
5876
6014
  },
5877
6015
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5878
6016
  "value": "6px",
@@ -5885,8 +6023,11 @@
5885
6023
  },
5886
6024
  {
5887
6025
  "name": {
5888
- "property": "text-to-visual-100",
5889
- "scale": "mobile"
6026
+ "property": "space-between",
6027
+ "scale": "mobile",
6028
+ "from": "text",
6029
+ "to": "visual",
6030
+ "scaleIndex": 100
5890
6031
  },
5891
6032
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5892
6033
  "value": "8px",
@@ -5899,8 +6040,11 @@
5899
6040
  },
5900
6041
  {
5901
6042
  "name": {
5902
- "property": "text-to-visual-200",
5903
- "scale": "desktop"
6043
+ "property": "space-between",
6044
+ "scale": "desktop",
6045
+ "from": "text",
6046
+ "to": "visual",
6047
+ "scaleIndex": 200
5904
6048
  },
5905
6049
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5906
6050
  "value": "7px",
@@ -5913,8 +6057,11 @@
5913
6057
  },
5914
6058
  {
5915
6059
  "name": {
5916
- "property": "text-to-visual-200",
5917
- "scale": "mobile"
6060
+ "property": "space-between",
6061
+ "scale": "mobile",
6062
+ "from": "text",
6063
+ "to": "visual",
6064
+ "scaleIndex": 200
5918
6065
  },
5919
6066
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5920
6067
  "value": "9px",
@@ -5927,8 +6074,11 @@
5927
6074
  },
5928
6075
  {
5929
6076
  "name": {
5930
- "property": "text-to-visual-300",
5931
- "scale": "desktop"
6077
+ "property": "space-between",
6078
+ "scale": "desktop",
6079
+ "from": "text",
6080
+ "to": "visual",
6081
+ "scaleIndex": 300
5932
6082
  },
5933
6083
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5934
6084
  "value": "8px",
@@ -5941,8 +6091,11 @@
5941
6091
  },
5942
6092
  {
5943
6093
  "name": {
5944
- "property": "text-to-visual-300",
5945
- "scale": "mobile"
6094
+ "property": "space-between",
6095
+ "scale": "mobile",
6096
+ "from": "text",
6097
+ "to": "visual",
6098
+ "scaleIndex": 300
5946
6099
  },
5947
6100
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5948
6101
  "value": "10px",
@@ -5955,8 +6108,11 @@
5955
6108
  },
5956
6109
  {
5957
6110
  "name": {
5958
- "property": "text-to-visual-400",
5959
- "scale": "desktop"
6111
+ "property": "space-between",
6112
+ "scale": "desktop",
6113
+ "from": "text",
6114
+ "to": "visual",
6115
+ "scaleIndex": 400
5960
6116
  },
5961
6117
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5962
6118
  "value": "9px",
@@ -5969,8 +6125,11 @@
5969
6125
  },
5970
6126
  {
5971
6127
  "name": {
5972
- "property": "text-to-visual-400",
5973
- "scale": "mobile"
6128
+ "property": "space-between",
6129
+ "scale": "mobile",
6130
+ "from": "text",
6131
+ "to": "visual",
6132
+ "scaleIndex": 400
5974
6133
  },
5975
6134
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5976
6135
  "value": "11px",
@@ -5983,8 +6142,11 @@
5983
6142
  },
5984
6143
  {
5985
6144
  "name": {
5986
- "property": "text-to-visual-50",
5987
- "scale": "desktop"
6145
+ "property": "space-between",
6146
+ "scale": "desktop",
6147
+ "from": "text",
6148
+ "to": "visual",
6149
+ "scaleIndex": 50
5988
6150
  },
5989
6151
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5990
6152
  "value": "5px",
@@ -5997,8 +6159,11 @@
5997
6159
  },
5998
6160
  {
5999
6161
  "name": {
6000
- "property": "text-to-visual-50",
6001
- "scale": "mobile"
6162
+ "property": "space-between",
6163
+ "scale": "mobile",
6164
+ "from": "text",
6165
+ "to": "visual",
6166
+ "scaleIndex": 50
6002
6167
  },
6003
6168
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
6004
6169
  "value": "7px",
@@ -6011,8 +6176,11 @@
6011
6176
  },
6012
6177
  {
6013
6178
  "name": {
6014
- "property": "text-to-visual-75",
6015
- "scale": "desktop"
6179
+ "property": "space-between",
6180
+ "scale": "desktop",
6181
+ "from": "text",
6182
+ "to": "visual",
6183
+ "scaleIndex": 75
6016
6184
  },
6017
6185
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
6018
6186
  "value": "5px",
@@ -6025,8 +6193,11 @@
6025
6193
  },
6026
6194
  {
6027
6195
  "name": {
6028
- "property": "text-to-visual-75",
6029
- "scale": "mobile"
6196
+ "property": "space-between",
6197
+ "scale": "mobile",
6198
+ "from": "text",
6199
+ "to": "visual",
6200
+ "scaleIndex": 75
6030
6201
  },
6031
6202
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
6032
6203
  "value": "7px",
@@ -6059,8 +6230,11 @@
6059
6230
  },
6060
6231
  {
6061
6232
  "name": {
6062
- "property": "visual-to-control-100",
6063
- "scale": "desktop"
6233
+ "property": "space-between",
6234
+ "scale": "desktop",
6235
+ "from": "visual",
6236
+ "to": "control",
6237
+ "scaleIndex": 100
6064
6238
  },
6065
6239
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
6066
6240
  "value": "8px",
@@ -6073,8 +6247,11 @@
6073
6247
  },
6074
6248
  {
6075
6249
  "name": {
6076
- "property": "visual-to-control-100",
6077
- "scale": "mobile"
6250
+ "property": "space-between",
6251
+ "scale": "mobile",
6252
+ "from": "visual",
6253
+ "to": "control",
6254
+ "scaleIndex": 100
6078
6255
  },
6079
6256
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
6080
6257
  "value": "10px",