@adobe/spectrum-design-data 2.0.0 → 2.2.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.
- package/components/accordion.json +49 -295
- package/components/action-bar.json +16 -119
- package/components/action-button.json +69 -302
- package/components/action-group.json +74 -20
- package/components/alert-banner.json +27 -47
- package/components/alert-dialog.json +37 -45
- package/components/avatar-group.json +28 -54
- package/components/avatar.json +92 -59
- package/components/badge.json +121 -370
- package/components/breadcrumbs.json +53 -159
- package/components/button-group.json +40 -13
- package/components/button.json +88 -231
- package/components/cards.json +31 -290
- package/components/checkbox-group.json +58 -13
- package/components/checkbox.json +53 -156
- package/components/close-button.json +47 -76
- package/components/coach-indicator.json +44 -31
- package/components/coach-mark.json +19 -43
- package/components/color-area.json +64 -26
- package/components/color-handle.json +35 -27
- package/components/color-loupe.json +6 -17
- package/components/color-slider.json +80 -35
- package/components/color-wheel.json +51 -25
- package/components/combo-box.json +94 -246
- package/components/contextual-help.json +106 -59
- package/components/date-picker.json +57 -185
- package/components/divider.json +25 -17
- package/components/drop-zone.json +24 -119
- package/components/field-label.json +45 -103
- package/components/help-text.json +29 -97
- package/components/illustrated-message.json +25 -74
- package/components/in-field-progress-circle.json +0 -54
- package/components/in-line-alert.json +39 -130
- package/components/link.json +40 -58
- package/components/list-view.json +30 -181
- package/components/menu.json +100 -340
- package/components/meter.json +52 -78
- package/components/number-field.json +72 -239
- package/components/opacity-checkerboard.json +0 -18
- package/components/picker.json +95 -275
- package/components/popover.json +88 -45
- package/components/progress-bar.json +63 -78
- package/components/progress-circle.json +36 -33
- package/components/radio-button.json +36 -145
- package/components/radio-group.json +74 -18
- package/components/rating.json +33 -48
- package/components/search-field.json +64 -133
- package/components/segmented-control.json +37 -86
- package/components/select-box.json +52 -100
- package/components/side-navigation.json +32 -164
- package/components/slider.json +90 -182
- package/components/standard-dialog.json +37 -43
- package/components/status-light.json +92 -134
- package/components/steplist.json +23 -113
- package/components/swatch-group.json +50 -22
- package/components/swatch.json +62 -70
- package/components/switch.json +51 -143
- package/components/table.json +51 -232
- package/components/tabs.json +29 -84
- package/components/tag-field.json +53 -85
- package/components/tag-group.json +36 -18
- package/components/tag.json +43 -206
- package/components/takeover-dialog.json +30 -20
- package/components/text-area.json +114 -247
- package/components/text-field.json +90 -261
- package/components/thumbnail.json +46 -44
- package/components/title.json +0 -18
- package/components/toast.json +27 -61
- package/components/tooltip.json +36 -52
- package/components/tree-view.json +79 -200
- package/package.json +2 -2
- package/tokens/color-aliases.tokens.json +33 -0
- package/tokens/color-component.tokens.json +1 -1212
- package/tokens/color-palette.tokens.json +0 -33
- package/tokens/layout-component.tokens.json +833 -24074
- package/tokens/layout.tokens.json +64 -597
- package/tokens/typography.tokens.json +559 -3318
|
@@ -914,34 +914,6 @@
|
|
|
914
914
|
"deprecatedIn": "13.0.0"
|
|
915
915
|
}
|
|
916
916
|
},
|
|
917
|
-
{
|
|
918
|
-
"name": {
|
|
919
|
-
"component": "color-control",
|
|
920
|
-
"anatomy": "track",
|
|
921
|
-
"property": "width",
|
|
922
|
-
"scale": "desktop",
|
|
923
|
-
"legacyKey": "color-control-track-width"
|
|
924
|
-
},
|
|
925
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
926
|
-
"value": "24px",
|
|
927
|
-
"uuid": "424db2a9-5795-400b-a98a-58081d311bff",
|
|
928
|
-
"set_uuid": "03a7d531-c294-4a41-bd51-38c77a20317e",
|
|
929
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json"
|
|
930
|
-
},
|
|
931
|
-
{
|
|
932
|
-
"name": {
|
|
933
|
-
"component": "color-control",
|
|
934
|
-
"anatomy": "track",
|
|
935
|
-
"property": "width",
|
|
936
|
-
"scale": "mobile",
|
|
937
|
-
"legacyKey": "color-control-track-width"
|
|
938
|
-
},
|
|
939
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
940
|
-
"value": "30px",
|
|
941
|
-
"uuid": "07e3ac46-3f96-4c00-aa6a-09840ee04bdd",
|
|
942
|
-
"set_uuid": "03a7d531-c294-4a41-bd51-38c77a20317e",
|
|
943
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json"
|
|
944
|
-
},
|
|
945
917
|
{
|
|
946
918
|
"name": {
|
|
947
919
|
"property": "component-bottom-to-text-100",
|
|
@@ -3939,21 +3911,6 @@
|
|
|
3939
3911
|
"replacedBy": "ba072414-2cdd-4773-86a5-11ca47c08e23"
|
|
3940
3912
|
}
|
|
3941
3913
|
},
|
|
3942
|
-
{
|
|
3943
|
-
"name": {
|
|
3944
|
-
"component": "field",
|
|
3945
|
-
"variant": "quiet",
|
|
3946
|
-
"object": "edge",
|
|
3947
|
-
"property": "border",
|
|
3948
|
-
"legacyKey": "field-edge-to-border-quiet"
|
|
3949
|
-
},
|
|
3950
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
3951
|
-
"value": "0px",
|
|
3952
|
-
"uuid": "7fb81dcf-3329-4353-917d-75de8f43c05d",
|
|
3953
|
-
"lifecycle": {
|
|
3954
|
-
"deprecatedIn": "13.0.0"
|
|
3955
|
-
}
|
|
3956
|
-
},
|
|
3957
3914
|
{
|
|
3958
3915
|
"name": {
|
|
3959
3916
|
"property": "space-between",
|
|
@@ -4465,342 +4422,6 @@
|
|
|
4465
4422
|
"replacedBy": "ba072414-2cdd-4773-86a5-11ca47c08e23"
|
|
4466
4423
|
}
|
|
4467
4424
|
},
|
|
4468
|
-
{
|
|
4469
|
-
"name": {
|
|
4470
|
-
"property": "space-between",
|
|
4471
|
-
"scale": "desktop",
|
|
4472
|
-
"from": "text",
|
|
4473
|
-
"to": "icon",
|
|
4474
|
-
"icon": "alert",
|
|
4475
|
-
"size": "xl",
|
|
4476
|
-
"component": "field"
|
|
4477
|
-
},
|
|
4478
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4479
|
-
"value": "18px",
|
|
4480
|
-
"uuid": "248144ce-6640-40ce-96a3-162c406c7edf",
|
|
4481
|
-
"set_uuid": "3507c44d-62d4-4422-a62e-d463a23eb9cf",
|
|
4482
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4483
|
-
"lifecycle": {
|
|
4484
|
-
"deprecatedIn": "14.3.0",
|
|
4485
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4486
|
-
"replacedBy": "b32fb20b-31a7-43da-ba38-b9a177d0cffa"
|
|
4487
|
-
}
|
|
4488
|
-
},
|
|
4489
|
-
{
|
|
4490
|
-
"name": {
|
|
4491
|
-
"property": "space-between",
|
|
4492
|
-
"scale": "mobile",
|
|
4493
|
-
"from": "text",
|
|
4494
|
-
"to": "icon",
|
|
4495
|
-
"icon": "alert",
|
|
4496
|
-
"size": "xl",
|
|
4497
|
-
"component": "field"
|
|
4498
|
-
},
|
|
4499
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4500
|
-
"value": "22px",
|
|
4501
|
-
"uuid": "ec794a47-71af-42ea-87f2-048fab8dbf9d",
|
|
4502
|
-
"set_uuid": "3507c44d-62d4-4422-a62e-d463a23eb9cf",
|
|
4503
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4504
|
-
"lifecycle": {
|
|
4505
|
-
"deprecatedIn": "14.3.0",
|
|
4506
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4507
|
-
"replacedBy": "b32fb20b-31a7-43da-ba38-b9a177d0cffa"
|
|
4508
|
-
}
|
|
4509
|
-
},
|
|
4510
|
-
{
|
|
4511
|
-
"name": {
|
|
4512
|
-
"property": "space-between",
|
|
4513
|
-
"scale": "desktop",
|
|
4514
|
-
"from": "text",
|
|
4515
|
-
"to": "icon",
|
|
4516
|
-
"icon": "alert",
|
|
4517
|
-
"component": "field",
|
|
4518
|
-
"size": "l"
|
|
4519
|
-
},
|
|
4520
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4521
|
-
"value": "15px",
|
|
4522
|
-
"uuid": "0f40702e-876a-4fb4-aeb7-ea56c26c081b",
|
|
4523
|
-
"set_uuid": "8cee0a0d-2faf-4620-ad54-0c48780a9add",
|
|
4524
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4525
|
-
"lifecycle": {
|
|
4526
|
-
"deprecatedIn": "14.3.0",
|
|
4527
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4528
|
-
"replacedBy": "ece70425-e509-45cc-8336-76fc8afdb921"
|
|
4529
|
-
}
|
|
4530
|
-
},
|
|
4531
|
-
{
|
|
4532
|
-
"name": {
|
|
4533
|
-
"property": "space-between",
|
|
4534
|
-
"scale": "mobile",
|
|
4535
|
-
"from": "text",
|
|
4536
|
-
"to": "icon",
|
|
4537
|
-
"icon": "alert",
|
|
4538
|
-
"component": "field",
|
|
4539
|
-
"size": "l"
|
|
4540
|
-
},
|
|
4541
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4542
|
-
"value": "19px",
|
|
4543
|
-
"uuid": "73025a05-6203-460b-830b-458f8109abce",
|
|
4544
|
-
"set_uuid": "8cee0a0d-2faf-4620-ad54-0c48780a9add",
|
|
4545
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4546
|
-
"lifecycle": {
|
|
4547
|
-
"deprecatedIn": "14.3.0",
|
|
4548
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4549
|
-
"replacedBy": "ece70425-e509-45cc-8336-76fc8afdb921"
|
|
4550
|
-
}
|
|
4551
|
-
},
|
|
4552
|
-
{
|
|
4553
|
-
"name": {
|
|
4554
|
-
"property": "space-between",
|
|
4555
|
-
"scale": "desktop",
|
|
4556
|
-
"from": "text",
|
|
4557
|
-
"to": "icon",
|
|
4558
|
-
"icon": "alert",
|
|
4559
|
-
"component": "field",
|
|
4560
|
-
"size": "m"
|
|
4561
|
-
},
|
|
4562
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4563
|
-
"value": "12px",
|
|
4564
|
-
"uuid": "cce2dfd4-b10f-4386-8f16-2bc2d47e49f5",
|
|
4565
|
-
"set_uuid": "dcce6c23-1a67-49db-826f-e4e3e2d94f01",
|
|
4566
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4567
|
-
"lifecycle": {
|
|
4568
|
-
"deprecatedIn": "14.3.0",
|
|
4569
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4570
|
-
"replacedBy": "52a75511-eb1b-4de2-a1bb-959365d8dc1a"
|
|
4571
|
-
}
|
|
4572
|
-
},
|
|
4573
|
-
{
|
|
4574
|
-
"name": {
|
|
4575
|
-
"property": "space-between",
|
|
4576
|
-
"scale": "mobile",
|
|
4577
|
-
"from": "text",
|
|
4578
|
-
"to": "icon",
|
|
4579
|
-
"icon": "alert",
|
|
4580
|
-
"component": "field",
|
|
4581
|
-
"size": "m"
|
|
4582
|
-
},
|
|
4583
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4584
|
-
"value": "15px",
|
|
4585
|
-
"uuid": "03d088d2-4ec9-45bc-896d-8423bf72317e",
|
|
4586
|
-
"set_uuid": "dcce6c23-1a67-49db-826f-e4e3e2d94f01",
|
|
4587
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4588
|
-
"lifecycle": {
|
|
4589
|
-
"deprecatedIn": "14.3.0",
|
|
4590
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4591
|
-
"replacedBy": "52a75511-eb1b-4de2-a1bb-959365d8dc1a"
|
|
4592
|
-
}
|
|
4593
|
-
},
|
|
4594
|
-
{
|
|
4595
|
-
"name": {
|
|
4596
|
-
"property": "space-between",
|
|
4597
|
-
"scale": "desktop",
|
|
4598
|
-
"from": "text",
|
|
4599
|
-
"to": "icon",
|
|
4600
|
-
"icon": "alert",
|
|
4601
|
-
"component": "field",
|
|
4602
|
-
"size": "s"
|
|
4603
|
-
},
|
|
4604
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4605
|
-
"value": "8px",
|
|
4606
|
-
"uuid": "2d900e70-913e-4d45-9ef4-2ef8d80798fc",
|
|
4607
|
-
"set_uuid": "3975bf43-b0fb-4ab9-92fb-c4936e1d31b9",
|
|
4608
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4609
|
-
"lifecycle": {
|
|
4610
|
-
"deprecatedIn": "14.3.0",
|
|
4611
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-small instead.",
|
|
4612
|
-
"replacedBy": "ba072414-2cdd-4773-86a5-11ca47c08e23"
|
|
4613
|
-
}
|
|
4614
|
-
},
|
|
4615
|
-
{
|
|
4616
|
-
"name": {
|
|
4617
|
-
"property": "space-between",
|
|
4618
|
-
"scale": "mobile",
|
|
4619
|
-
"from": "text",
|
|
4620
|
-
"to": "icon",
|
|
4621
|
-
"icon": "alert",
|
|
4622
|
-
"component": "field",
|
|
4623
|
-
"size": "s"
|
|
4624
|
-
},
|
|
4625
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4626
|
-
"value": "10px",
|
|
4627
|
-
"uuid": "01ad9b7d-926e-4db4-a86a-a804fdfc7d68",
|
|
4628
|
-
"set_uuid": "3975bf43-b0fb-4ab9-92fb-c4936e1d31b9",
|
|
4629
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4630
|
-
"lifecycle": {
|
|
4631
|
-
"deprecatedIn": "14.3.0",
|
|
4632
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-small instead.",
|
|
4633
|
-
"replacedBy": "ba072414-2cdd-4773-86a5-11ca47c08e23"
|
|
4634
|
-
}
|
|
4635
|
-
},
|
|
4636
|
-
{
|
|
4637
|
-
"name": {
|
|
4638
|
-
"property": "space-between",
|
|
4639
|
-
"scale": "desktop",
|
|
4640
|
-
"from": "text",
|
|
4641
|
-
"to": "icon",
|
|
4642
|
-
"icon": "validation",
|
|
4643
|
-
"size": "xl",
|
|
4644
|
-
"component": "field"
|
|
4645
|
-
},
|
|
4646
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4647
|
-
"value": "18px",
|
|
4648
|
-
"uuid": "8a573d4a-0543-4e77-8f54-5ad1706d87e7",
|
|
4649
|
-
"set_uuid": "461753a3-581e-4675-bcff-13386fe17123",
|
|
4650
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4651
|
-
"lifecycle": {
|
|
4652
|
-
"deprecatedIn": "14.3.0",
|
|
4653
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4654
|
-
"replacedBy": "b32fb20b-31a7-43da-ba38-b9a177d0cffa"
|
|
4655
|
-
}
|
|
4656
|
-
},
|
|
4657
|
-
{
|
|
4658
|
-
"name": {
|
|
4659
|
-
"property": "space-between",
|
|
4660
|
-
"scale": "mobile",
|
|
4661
|
-
"from": "text",
|
|
4662
|
-
"to": "icon",
|
|
4663
|
-
"icon": "validation",
|
|
4664
|
-
"size": "xl",
|
|
4665
|
-
"component": "field"
|
|
4666
|
-
},
|
|
4667
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4668
|
-
"value": "22px",
|
|
4669
|
-
"uuid": "8926578a-c326-4a75-aafb-d90112aaedb5",
|
|
4670
|
-
"set_uuid": "461753a3-581e-4675-bcff-13386fe17123",
|
|
4671
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4672
|
-
"lifecycle": {
|
|
4673
|
-
"deprecatedIn": "14.3.0",
|
|
4674
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4675
|
-
"replacedBy": "b32fb20b-31a7-43da-ba38-b9a177d0cffa"
|
|
4676
|
-
}
|
|
4677
|
-
},
|
|
4678
|
-
{
|
|
4679
|
-
"name": {
|
|
4680
|
-
"property": "space-between",
|
|
4681
|
-
"scale": "desktop",
|
|
4682
|
-
"from": "text",
|
|
4683
|
-
"to": "icon",
|
|
4684
|
-
"icon": "validation",
|
|
4685
|
-
"component": "field",
|
|
4686
|
-
"size": "l"
|
|
4687
|
-
},
|
|
4688
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4689
|
-
"value": "15px",
|
|
4690
|
-
"uuid": "f9729ef3-9807-4401-80dd-b1c209c00065",
|
|
4691
|
-
"set_uuid": "5d8df662-c7ca-4b45-931d-92c4b27c00c0",
|
|
4692
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4693
|
-
"lifecycle": {
|
|
4694
|
-
"deprecatedIn": "14.3.0",
|
|
4695
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4696
|
-
"replacedBy": "ece70425-e509-45cc-8336-76fc8afdb921"
|
|
4697
|
-
}
|
|
4698
|
-
},
|
|
4699
|
-
{
|
|
4700
|
-
"name": {
|
|
4701
|
-
"property": "space-between",
|
|
4702
|
-
"scale": "mobile",
|
|
4703
|
-
"from": "text",
|
|
4704
|
-
"to": "icon",
|
|
4705
|
-
"icon": "validation",
|
|
4706
|
-
"component": "field",
|
|
4707
|
-
"size": "l"
|
|
4708
|
-
},
|
|
4709
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4710
|
-
"value": "19px",
|
|
4711
|
-
"uuid": "b28a0156-4930-484c-a518-ee00e0292db5",
|
|
4712
|
-
"set_uuid": "5d8df662-c7ca-4b45-931d-92c4b27c00c0",
|
|
4713
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4714
|
-
"lifecycle": {
|
|
4715
|
-
"deprecatedIn": "14.3.0",
|
|
4716
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4717
|
-
"replacedBy": "ece70425-e509-45cc-8336-76fc8afdb921"
|
|
4718
|
-
}
|
|
4719
|
-
},
|
|
4720
|
-
{
|
|
4721
|
-
"name": {
|
|
4722
|
-
"property": "space-between",
|
|
4723
|
-
"scale": "desktop",
|
|
4724
|
-
"from": "text",
|
|
4725
|
-
"to": "icon",
|
|
4726
|
-
"icon": "validation",
|
|
4727
|
-
"component": "field",
|
|
4728
|
-
"size": "m"
|
|
4729
|
-
},
|
|
4730
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4731
|
-
"value": "12px",
|
|
4732
|
-
"uuid": "da53a8e5-95c3-48dd-a9c0-5ed2de25240d",
|
|
4733
|
-
"set_uuid": "ac8e642d-666a-4d38-be97-6fe05edf1006",
|
|
4734
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4735
|
-
"lifecycle": {
|
|
4736
|
-
"deprecatedIn": "14.3.0",
|
|
4737
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4738
|
-
"replacedBy": "52a75511-eb1b-4de2-a1bb-959365d8dc1a"
|
|
4739
|
-
}
|
|
4740
|
-
},
|
|
4741
|
-
{
|
|
4742
|
-
"name": {
|
|
4743
|
-
"property": "space-between",
|
|
4744
|
-
"scale": "mobile",
|
|
4745
|
-
"from": "text",
|
|
4746
|
-
"to": "icon",
|
|
4747
|
-
"icon": "validation",
|
|
4748
|
-
"component": "field",
|
|
4749
|
-
"size": "m"
|
|
4750
|
-
},
|
|
4751
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4752
|
-
"value": "15px",
|
|
4753
|
-
"uuid": "87e221ab-fb8c-4d59-9d4b-9815a672cc23",
|
|
4754
|
-
"set_uuid": "ac8e642d-666a-4d38-be97-6fe05edf1006",
|
|
4755
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4756
|
-
"lifecycle": {
|
|
4757
|
-
"deprecatedIn": "14.3.0",
|
|
4758
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula",
|
|
4759
|
-
"replacedBy": "52a75511-eb1b-4de2-a1bb-959365d8dc1a"
|
|
4760
|
-
}
|
|
4761
|
-
},
|
|
4762
|
-
{
|
|
4763
|
-
"name": {
|
|
4764
|
-
"property": "space-between",
|
|
4765
|
-
"scale": "desktop",
|
|
4766
|
-
"from": "text",
|
|
4767
|
-
"to": "icon",
|
|
4768
|
-
"icon": "validation",
|
|
4769
|
-
"component": "field",
|
|
4770
|
-
"size": "s"
|
|
4771
|
-
},
|
|
4772
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4773
|
-
"value": "8px",
|
|
4774
|
-
"uuid": "574ddef0-b45b-49a1-b057-fb2eacfbd36f",
|
|
4775
|
-
"set_uuid": "6d6c6035-1f3f-4e6c-8140-f5dc5a06a8d8",
|
|
4776
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4777
|
-
"lifecycle": {
|
|
4778
|
-
"deprecatedIn": "14.3.0",
|
|
4779
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-small instead.",
|
|
4780
|
-
"replacedBy": "ba072414-2cdd-4773-86a5-11ca47c08e23"
|
|
4781
|
-
}
|
|
4782
|
-
},
|
|
4783
|
-
{
|
|
4784
|
-
"name": {
|
|
4785
|
-
"property": "space-between",
|
|
4786
|
-
"scale": "mobile",
|
|
4787
|
-
"from": "text",
|
|
4788
|
-
"to": "icon",
|
|
4789
|
-
"icon": "validation",
|
|
4790
|
-
"component": "field",
|
|
4791
|
-
"size": "s"
|
|
4792
|
-
},
|
|
4793
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4794
|
-
"value": "10px",
|
|
4795
|
-
"uuid": "c2181581-6aa1-4e1f-80bc-1ca2e85ea01b",
|
|
4796
|
-
"set_uuid": "6d6c6035-1f3f-4e6c-8140-f5dc5a06a8d8",
|
|
4797
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
4798
|
-
"lifecycle": {
|
|
4799
|
-
"deprecatedIn": "14.3.0",
|
|
4800
|
-
"deprecatedComment": "Use semantic token base-padding-horizontal-small instead.",
|
|
4801
|
-
"replacedBy": "ba072414-2cdd-4773-86a5-11ca47c08e23"
|
|
4802
|
-
}
|
|
4803
|
-
},
|
|
4804
4425
|
{
|
|
4805
4426
|
"name": {
|
|
4806
4427
|
"property": "space-between",
|
|
@@ -5921,112 +5542,6 @@
|
|
|
5921
5542
|
"replacedBy": "80b4ea6a-2f97-4d23-9256-61e30ed07f4d"
|
|
5922
5543
|
}
|
|
5923
5544
|
},
|
|
5924
|
-
{
|
|
5925
|
-
"name": {
|
|
5926
|
-
"component": "field",
|
|
5927
|
-
"property": "width",
|
|
5928
|
-
"scale": "desktop"
|
|
5929
|
-
},
|
|
5930
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
5931
|
-
"$ref": "d316d676-b4cf-4d16-b89c-63ef1d969861",
|
|
5932
|
-
"uuid": "096ddcb7-5afd-416f-9a11-4275556c4b52",
|
|
5933
|
-
"set_uuid": "ad37a519-be52-492e-a816-03ed7608fe65",
|
|
5934
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
5935
|
-
"lifecycle": {
|
|
5936
|
-
"deprecatedIn": "13.0.0-beta.19",
|
|
5937
|
-
"deprecatedComment": "This token has been deprecated, use field-default-width-medium instead.",
|
|
5938
|
-
"replacedBy": "f35ec29c-b8ee-46c9-9c8c-c40171a15920"
|
|
5939
|
-
}
|
|
5940
|
-
},
|
|
5941
|
-
{
|
|
5942
|
-
"name": {
|
|
5943
|
-
"component": "field",
|
|
5944
|
-
"property": "width",
|
|
5945
|
-
"scale": "mobile"
|
|
5946
|
-
},
|
|
5947
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
5948
|
-
"$ref": "d316d676-b4cf-4d16-b89c-63ef1d969861",
|
|
5949
|
-
"uuid": "08c2390a-353b-4e6b-b025-dbaeaa5fdff2",
|
|
5950
|
-
"set_uuid": "ad37a519-be52-492e-a816-03ed7608fe65",
|
|
5951
|
-
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json",
|
|
5952
|
-
"lifecycle": {
|
|
5953
|
-
"deprecatedIn": "13.0.0-beta.19",
|
|
5954
|
-
"deprecatedComment": "This token has been deprecated, use field-default-width-medium instead.",
|
|
5955
|
-
"replacedBy": "db379ff6-9ef2-44ee-9fce-32f1a53d68da"
|
|
5956
|
-
}
|
|
5957
|
-
},
|
|
5958
|
-
{
|
|
5959
|
-
"name": {
|
|
5960
|
-
"component": "field",
|
|
5961
|
-
"property": "width",
|
|
5962
|
-
"size": "xl"
|
|
5963
|
-
},
|
|
5964
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
5965
|
-
"$ref": "23090def-780a-48cb-b644-8edd55189d46",
|
|
5966
|
-
"uuid": "a903b595-ffe8-43ae-af9b-7b6577191dc5",
|
|
5967
|
-
"lifecycle": {
|
|
5968
|
-
"deprecatedIn": "13.0.0-beta.24",
|
|
5969
|
-
"deprecatedComment": "This token has been deprecated, use field-default-width-extra-large instead.",
|
|
5970
|
-
"replacedBy": [
|
|
5971
|
-
"23090def-780a-48cb-b644-8edd55189d46",
|
|
5972
|
-
"068a256a-8dfc-4616-bdc1-8895441ba90b"
|
|
5973
|
-
]
|
|
5974
|
-
}
|
|
5975
|
-
},
|
|
5976
|
-
{
|
|
5977
|
-
"name": {
|
|
5978
|
-
"component": "field",
|
|
5979
|
-
"property": "width",
|
|
5980
|
-
"size": "l"
|
|
5981
|
-
},
|
|
5982
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
5983
|
-
"$ref": "c6d08f8b-4e8c-478a-8b08-5b69d2da1a5e",
|
|
5984
|
-
"uuid": "cc43e053-1255-403f-aaf5-2182f5438592",
|
|
5985
|
-
"lifecycle": {
|
|
5986
|
-
"deprecatedIn": "13.0.0-beta.24",
|
|
5987
|
-
"deprecatedComment": "This token has been deprecated, use field-default-width-large instead.",
|
|
5988
|
-
"replacedBy": [
|
|
5989
|
-
"c6d08f8b-4e8c-478a-8b08-5b69d2da1a5e",
|
|
5990
|
-
"88dfd273-555a-49bc-9271-a63ad45964e2"
|
|
5991
|
-
]
|
|
5992
|
-
}
|
|
5993
|
-
},
|
|
5994
|
-
{
|
|
5995
|
-
"name": {
|
|
5996
|
-
"component": "field",
|
|
5997
|
-
"property": "width",
|
|
5998
|
-
"size": "m"
|
|
5999
|
-
},
|
|
6000
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6001
|
-
"$ref": "f35ec29c-b8ee-46c9-9c8c-c40171a15920",
|
|
6002
|
-
"uuid": "935927d3-b25e-468a-999a-938643901e50",
|
|
6003
|
-
"lifecycle": {
|
|
6004
|
-
"deprecatedIn": "13.0.0-beta.24",
|
|
6005
|
-
"deprecatedComment": "This token has been deprecated, use field-default-width-medium instead.",
|
|
6006
|
-
"replacedBy": [
|
|
6007
|
-
"f35ec29c-b8ee-46c9-9c8c-c40171a15920",
|
|
6008
|
-
"db379ff6-9ef2-44ee-9fce-32f1a53d68da"
|
|
6009
|
-
]
|
|
6010
|
-
}
|
|
6011
|
-
},
|
|
6012
|
-
{
|
|
6013
|
-
"name": {
|
|
6014
|
-
"component": "field",
|
|
6015
|
-
"property": "width",
|
|
6016
|
-
"size": "s"
|
|
6017
|
-
},
|
|
6018
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6019
|
-
"$ref": "39c39c14-0500-4bf6-a542-967697aaff41",
|
|
6020
|
-
"uuid": "d316d676-b4cf-4d16-b89c-63ef1d969861",
|
|
6021
|
-
"lifecycle": {
|
|
6022
|
-
"deprecatedIn": "13.0.0-beta.24",
|
|
6023
|
-
"deprecatedComment": "This token has been deprecated, use field-default-width-small instead.",
|
|
6024
|
-
"replacedBy": [
|
|
6025
|
-
"39c39c14-0500-4bf6-a542-967697aaff41",
|
|
6026
|
-
"976298d3-326f-43da-aa71-bbd2dc1fad3d"
|
|
6027
|
-
]
|
|
6028
|
-
}
|
|
6029
|
-
},
|
|
6030
5545
|
{
|
|
6031
5546
|
"name": {
|
|
6032
5547
|
"anatomy": "focus-indicator",
|
|
@@ -6520,26 +6035,6 @@
|
|
|
6520
6035
|
"replacedBy": "80b4ea6a-2f97-4d23-9256-61e30ed07f4d"
|
|
6521
6036
|
}
|
|
6522
6037
|
},
|
|
6523
|
-
{
|
|
6524
|
-
"name": {
|
|
6525
|
-
"component": "popover",
|
|
6526
|
-
"property": "gap"
|
|
6527
|
-
},
|
|
6528
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6529
|
-
"$ref": "507c0b4a-9dbc-4242-89fd-5efc4d1c35b9",
|
|
6530
|
-
"uuid": "6bae40ba-3b57-4e4b-a8a7-4044cd729068",
|
|
6531
|
-
"description": "Spacing between child elements for popover components"
|
|
6532
|
-
},
|
|
6533
|
-
{
|
|
6534
|
-
"name": {
|
|
6535
|
-
"component": "popover",
|
|
6536
|
-
"property": "padding"
|
|
6537
|
-
},
|
|
6538
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6539
|
-
"$ref": "507c0b4a-9dbc-4242-89fd-5efc4d1c35b9",
|
|
6540
|
-
"uuid": "c872da51-317e-44cf-aef8-2f5f9fb77ae8",
|
|
6541
|
-
"description": "Internal spacing for popover components"
|
|
6542
|
-
},
|
|
6543
6038
|
{
|
|
6544
6039
|
"name": {
|
|
6545
6040
|
"orientation": "vertical",
|
|
@@ -6772,98 +6267,6 @@
|
|
|
6772
6267
|
"value": "80px",
|
|
6773
6268
|
"uuid": "d04e5d81-0b6e-48e7-9e47-744753dfcff3"
|
|
6774
6269
|
},
|
|
6775
|
-
{
|
|
6776
|
-
"name": {
|
|
6777
|
-
"component": "tabs",
|
|
6778
|
-
"anatomy": "tab-item",
|
|
6779
|
-
"property": "gap",
|
|
6780
|
-
"orientation": "horizontal",
|
|
6781
|
-
"size": "xl",
|
|
6782
|
-
"legacyKey": "tab-gap-horizontal-extra-large"
|
|
6783
|
-
},
|
|
6784
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6785
|
-
"$ref": "b6d0b881-d25e-452c-9069-c18745d21f33",
|
|
6786
|
-
"uuid": "0c958750-2c96-453b-9464-f041ac126749",
|
|
6787
|
-
"description": "Spacing between child elements for tab components at extra-large size"
|
|
6788
|
-
},
|
|
6789
|
-
{
|
|
6790
|
-
"name": {
|
|
6791
|
-
"component": "tabs",
|
|
6792
|
-
"anatomy": "tab-item",
|
|
6793
|
-
"property": "gap",
|
|
6794
|
-
"orientation": "horizontal",
|
|
6795
|
-
"size": "l",
|
|
6796
|
-
"legacyKey": "tab-gap-horizontal-large"
|
|
6797
|
-
},
|
|
6798
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6799
|
-
"$ref": "490b4010-1561-4b12-8cbb-cdb4b650ba74",
|
|
6800
|
-
"uuid": "8932b4cf-300f-4377-bbda-7fc02011cd37",
|
|
6801
|
-
"description": "Spacing between child elements for tab components at large size"
|
|
6802
|
-
},
|
|
6803
|
-
{
|
|
6804
|
-
"name": {
|
|
6805
|
-
"component": "tabs",
|
|
6806
|
-
"anatomy": "tab-item",
|
|
6807
|
-
"property": "gap",
|
|
6808
|
-
"orientation": "horizontal",
|
|
6809
|
-
"size": "m",
|
|
6810
|
-
"legacyKey": "tab-gap-horizontal-medium"
|
|
6811
|
-
},
|
|
6812
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6813
|
-
"$ref": "ec565065-0820-460f-9a1b-b81911c48cb5",
|
|
6814
|
-
"uuid": "7a5f3049-0c20-4ff8-84ea-d161e58546fb",
|
|
6815
|
-
"description": "Spacing between child elements for tab components at medium size"
|
|
6816
|
-
},
|
|
6817
|
-
{
|
|
6818
|
-
"name": {
|
|
6819
|
-
"component": "tabs",
|
|
6820
|
-
"anatomy": "tab-item",
|
|
6821
|
-
"property": "gap",
|
|
6822
|
-
"orientation": "horizontal",
|
|
6823
|
-
"size": "s",
|
|
6824
|
-
"legacyKey": "tab-gap-horizontal-small"
|
|
6825
|
-
},
|
|
6826
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6827
|
-
"$ref": "b352f0f0-5843-4c65-8357-625b938ccaa0",
|
|
6828
|
-
"uuid": "a41aaa58-77af-476e-9050-4f4864c8c3f9",
|
|
6829
|
-
"description": "Spacing between child elements for tab components at small size"
|
|
6830
|
-
},
|
|
6831
|
-
{
|
|
6832
|
-
"name": {
|
|
6833
|
-
"component": "table",
|
|
6834
|
-
"anatomy": "item",
|
|
6835
|
-
"property": "padding",
|
|
6836
|
-
"density": "compact"
|
|
6837
|
-
},
|
|
6838
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6839
|
-
"$ref": "507c0b4a-9dbc-4242-89fd-5efc4d1c35b9",
|
|
6840
|
-
"uuid": "42473d6e-5f40-46c7-9bbc-302e355ae6ae",
|
|
6841
|
-
"description": "Internal spacing for table structures items (compact density)"
|
|
6842
|
-
},
|
|
6843
|
-
{
|
|
6844
|
-
"name": {
|
|
6845
|
-
"component": "table",
|
|
6846
|
-
"anatomy": "item",
|
|
6847
|
-
"property": "padding",
|
|
6848
|
-
"density": "regular"
|
|
6849
|
-
},
|
|
6850
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6851
|
-
"$ref": "79fca32b-214b-4760-9d3a-28f4d1bdf86f",
|
|
6852
|
-
"uuid": "15ffb38e-341b-4c47-a6b3-c197e05afffe",
|
|
6853
|
-
"description": "Internal spacing for table structures items (regular density)"
|
|
6854
|
-
},
|
|
6855
|
-
{
|
|
6856
|
-
"name": {
|
|
6857
|
-
"component": "table",
|
|
6858
|
-
"anatomy": "item",
|
|
6859
|
-
"property": "padding",
|
|
6860
|
-
"density": "spacious"
|
|
6861
|
-
},
|
|
6862
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
6863
|
-
"$ref": "ba632ede-84a7-4e56-91ef-8143b2499452",
|
|
6864
|
-
"uuid": "a775a186-802e-4256-947c-7fda3ac53caa",
|
|
6865
|
-
"description": "Internal spacing for table structures items (spacious density)"
|
|
6866
|
-
},
|
|
6867
6270
|
{
|
|
6868
6271
|
"name": {
|
|
6869
6272
|
"property": "gap",
|
|
@@ -7789,5 +7192,69 @@
|
|
|
7789
7192
|
"uuid": "a659c66d-1e77-4818-95ea-501e65162841",
|
|
7790
7193
|
"set_uuid": "dd3133de-94a6-4007-a68e-4202762f0eb5",
|
|
7791
7194
|
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json"
|
|
7195
|
+
},
|
|
7196
|
+
{
|
|
7197
|
+
"name": {
|
|
7198
|
+
"component": "tabs",
|
|
7199
|
+
"property": "gap",
|
|
7200
|
+
"orientation": "horizontal",
|
|
7201
|
+
"density": "compact",
|
|
7202
|
+
"size": "m",
|
|
7203
|
+
"legacyKey": "tab-item-to-tab-item-compact-horizontal-medium"
|
|
7204
|
+
},
|
|
7205
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
7206
|
+
"$ref": "ec565065-0820-460f-9a1b-b81911c48cb5",
|
|
7207
|
+
"uuid": "95593667-9f7c-4e5e-a739-8dd479cd082f",
|
|
7208
|
+
"description": "Spacing between tab items, horizontal, compact density"
|
|
7209
|
+
},
|
|
7210
|
+
{
|
|
7211
|
+
"name": {
|
|
7212
|
+
"component": "tabs",
|
|
7213
|
+
"anatomy": "indicator",
|
|
7214
|
+
"property": "thickness",
|
|
7215
|
+
"legacyKey": "tab-selection-indicator-thickness"
|
|
7216
|
+
},
|
|
7217
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
7218
|
+
"value": "2px",
|
|
7219
|
+
"uuid": "181806e5-0216-4b11-a775-9ed4bb8832fc",
|
|
7220
|
+
"description": "Thickness of the tab selection indicator (underline)"
|
|
7221
|
+
},
|
|
7222
|
+
{
|
|
7223
|
+
"name": {
|
|
7224
|
+
"component": "date-picker",
|
|
7225
|
+
"anatomy": "day",
|
|
7226
|
+
"qualifier": "strikethrough",
|
|
7227
|
+
"property": "thickness",
|
|
7228
|
+
"legacyKey": "strikethrough-day-thickness"
|
|
7229
|
+
},
|
|
7230
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
7231
|
+
"value": "2px",
|
|
7232
|
+
"uuid": "c4e4695b-3838-4bd4-b045-8219c77f6786",
|
|
7233
|
+
"description": "Thickness of the strikethrough line on an unavailable calendar day"
|
|
7234
|
+
},
|
|
7235
|
+
{
|
|
7236
|
+
"name": {
|
|
7237
|
+
"component": "date-picker",
|
|
7238
|
+
"anatomy": "day",
|
|
7239
|
+
"qualifier": "strikethrough",
|
|
7240
|
+
"property": "angle",
|
|
7241
|
+
"legacyKey": "strikethrough-day-orientation"
|
|
7242
|
+
},
|
|
7243
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/angle.json",
|
|
7244
|
+
"value": -25,
|
|
7245
|
+
"uuid": "e9a6e122-49fc-4d40-880d-1d9006d7154e",
|
|
7246
|
+
"description": "Angle of the strikethrough line on an unavailable calendar day, in degrees (negative rotates counter-clockwise from horizontal)"
|
|
7247
|
+
},
|
|
7248
|
+
{
|
|
7249
|
+
"name": {
|
|
7250
|
+
"component": "date-picker",
|
|
7251
|
+
"anatomy": "in-field-button",
|
|
7252
|
+
"property": "gap",
|
|
7253
|
+
"legacyKey": "date-picker-text-to-in-field-button"
|
|
7254
|
+
},
|
|
7255
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
7256
|
+
"value": "20px",
|
|
7257
|
+
"uuid": "19864654-c28c-4ad9-b35d-c669b33c5b9c",
|
|
7258
|
+
"description": "Spacing between date field value and the in-field calendar button"
|
|
7792
7259
|
}
|
|
7793
7260
|
]
|