@adobe/spectrum-design-data 0.15.0 → 0.16.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 (6) hide show
  1. package/components/card.json +8 -1
  2. package/components/tree-view.json +5 -1
  3. package/package.json +1 -1
  4. package/registry/anatomy-terms.json +5 -0
  5. package/tokens/layout-component.tokens.json +254 -122
  6. package/tokens/layout.tokens.json +98 -41
package/tokens/layout.tokens.json CHANGED
@@ -229,7 +229,8 @@
229
229
  },
230
230
  {
231
231
  "name": {
232
- "property": "android-elevation"
232
+ "property": "android-elevation",
233
+ "legacyKey": "android-elevation"
233
234
  },
234
235
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
235
236
  "value": "2dp",
@@ -2918,7 +2919,8 @@
2918
2919
  {
2919
2920
  "name": {
2920
2921
  "property": "corner-triangle-icon-size-100",
2921
- "scale": "desktop"
2922
+ "scale": "desktop",
2923
+ "legacyKey": "corner-triangle-icon-size-100"
2922
2924
  },
2923
2925
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2924
2926
  "value": "5px",
@@ -2930,7 +2932,8 @@
2930
2932
  {
2931
2933
  "name": {
2932
2934
  "property": "corner-triangle-icon-size-100",
2933
- "scale": "mobile"
2935
+ "scale": "mobile",
2936
+ "legacyKey": "corner-triangle-icon-size-100"
2934
2937
  },
2935
2938
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2936
2939
  "value": "7px",
@@ -2942,7 +2945,8 @@
2942
2945
  {
2943
2946
  "name": {
2944
2947
  "property": "corner-triangle-icon-size-200",
2945
- "scale": "desktop"
2948
+ "scale": "desktop",
2949
+ "legacyKey": "corner-triangle-icon-size-200"
2946
2950
  },
2947
2951
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2948
2952
  "value": "6px",
@@ -2954,7 +2958,8 @@
2954
2958
  {
2955
2959
  "name": {
2956
2960
  "property": "corner-triangle-icon-size-200",
2957
- "scale": "mobile"
2961
+ "scale": "mobile",
2962
+ "legacyKey": "corner-triangle-icon-size-200"
2958
2963
  },
2959
2964
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2960
2965
  "value": "8px",
@@ -2966,7 +2971,8 @@
2966
2971
  {
2967
2972
  "name": {
2968
2973
  "property": "corner-triangle-icon-size-300",
2969
- "scale": "desktop"
2974
+ "scale": "desktop",
2975
+ "legacyKey": "corner-triangle-icon-size-300"
2970
2976
  },
2971
2977
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2972
2978
  "value": "7px",
@@ -2978,7 +2984,8 @@
2978
2984
  {
2979
2985
  "name": {
2980
2986
  "property": "corner-triangle-icon-size-300",
2981
- "scale": "mobile"
2987
+ "scale": "mobile",
2988
+ "legacyKey": "corner-triangle-icon-size-300"
2982
2989
  },
2983
2990
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2984
2991
  "value": "8px",
@@ -2990,7 +2997,8 @@
2990
2997
  {
2991
2998
  "name": {
2992
2999
  "property": "corner-triangle-icon-size-75",
2993
- "scale": "desktop"
3000
+ "scale": "desktop",
3001
+ "legacyKey": "corner-triangle-icon-size-75"
2994
3002
  },
2995
3003
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
2996
3004
  "value": "5px",
@@ -3002,7 +3010,8 @@
3002
3010
  {
3003
3011
  "name": {
3004
3012
  "property": "corner-triangle-icon-size-75",
3005
- "scale": "mobile"
3013
+ "scale": "mobile",
3014
+ "legacyKey": "corner-triangle-icon-size-75"
3006
3015
  },
3007
3016
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
3008
3017
  "value": "6px",
@@ -5084,8 +5093,12 @@
5084
5093
  },
5085
5094
  {
5086
5095
  "name": {
5087
- "property": "field-top-to-progress-circle-extra-large",
5088
- "scale": "desktop"
5096
+ "property": "space-between",
5097
+ "from": "field-top",
5098
+ "to": "in-field-progress-circle",
5099
+ "size": "xl",
5100
+ "scale": "desktop",
5101
+ "legacyKey": "field-top-to-progress-circle-extra-large"
5089
5102
  },
5090
5103
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5091
5104
  "value": "11px",
@@ -5098,8 +5111,12 @@
5098
5111
  },
5099
5112
  {
5100
5113
  "name": {
5101
- "property": "field-top-to-progress-circle-extra-large",
5102
- "scale": "mobile"
5114
+ "property": "space-between",
5115
+ "from": "field-top",
5116
+ "to": "in-field-progress-circle",
5117
+ "size": "xl",
5118
+ "scale": "mobile",
5119
+ "legacyKey": "field-top-to-progress-circle-extra-large"
5103
5120
  },
5104
5121
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5105
5122
  "value": "15px",
@@ -5112,8 +5129,12 @@
5112
5129
  },
5113
5130
  {
5114
5131
  "name": {
5115
- "property": "field-top-to-progress-circle-large",
5116
- "scale": "desktop"
5132
+ "property": "space-between",
5133
+ "from": "field-top",
5134
+ "to": "in-field-progress-circle",
5135
+ "size": "l",
5136
+ "scale": "desktop",
5137
+ "legacyKey": "field-top-to-progress-circle-large"
5117
5138
  },
5118
5139
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5119
5140
  "value": "9px",
@@ -5126,8 +5147,12 @@
5126
5147
  },
5127
5148
  {
5128
5149
  "name": {
5129
- "property": "field-top-to-progress-circle-large",
5130
- "scale": "mobile"
5150
+ "property": "space-between",
5151
+ "from": "field-top",
5152
+ "to": "in-field-progress-circle",
5153
+ "size": "l",
5154
+ "scale": "mobile",
5155
+ "legacyKey": "field-top-to-progress-circle-large"
5131
5156
  },
5132
5157
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5133
5158
  "value": "11px",
@@ -5140,8 +5165,12 @@
5140
5165
  },
5141
5166
  {
5142
5167
  "name": {
5143
- "property": "field-top-to-progress-circle-medium",
5144
- "scale": "desktop"
5168
+ "property": "space-between",
5169
+ "from": "field-top",
5170
+ "to": "in-field-progress-circle",
5171
+ "size": "m",
5172
+ "scale": "desktop",
5173
+ "legacyKey": "field-top-to-progress-circle-medium"
5145
5174
  },
5146
5175
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5147
5176
  "value": "6px",
@@ -5154,8 +5183,12 @@
5154
5183
  },
5155
5184
  {
5156
5185
  "name": {
5157
- "property": "field-top-to-progress-circle-medium",
5158
- "scale": "mobile"
5186
+ "property": "space-between",
5187
+ "from": "field-top",
5188
+ "to": "in-field-progress-circle",
5189
+ "size": "m",
5190
+ "scale": "mobile",
5191
+ "legacyKey": "field-top-to-progress-circle-medium"
5159
5192
  },
5160
5193
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5161
5194
  "value": "8px",
@@ -5168,8 +5201,12 @@
5168
5201
  },
5169
5202
  {
5170
5203
  "name": {
5171
- "property": "field-top-to-progress-circle-small",
5172
- "scale": "desktop"
5204
+ "property": "space-between",
5205
+ "from": "field-top",
5206
+ "to": "in-field-progress-circle",
5207
+ "size": "s",
5208
+ "scale": "desktop",
5209
+ "legacyKey": "field-top-to-progress-circle-small"
5173
5210
  },
5174
5211
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5175
5212
  "value": "4px",
@@ -5182,8 +5219,12 @@
5182
5219
  },
5183
5220
  {
5184
5221
  "name": {
5185
- "property": "field-top-to-progress-circle-small",
5186
- "scale": "mobile"
5222
+ "property": "space-between",
5223
+ "from": "field-top",
5224
+ "to": "in-field-progress-circle",
5225
+ "size": "s",
5226
+ "scale": "mobile",
5227
+ "legacyKey": "field-top-to-progress-circle-small"
5187
5228
  },
5188
5229
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5189
5230
  "value": "6px",
@@ -5788,7 +5829,8 @@
5788
5829
  {
5789
5830
  "name": {
5790
5831
  "property": "navigational-indicator-top-to-back-icon-extra-large",
5791
- "scale": "desktop"
5832
+ "scale": "desktop",
5833
+ "legacyKey": "navigational-indicator-top-to-back-icon-extra-large"
5792
5834
  },
5793
5835
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5794
5836
  "value": "15px",
@@ -5802,7 +5844,8 @@
5802
5844
  {
5803
5845
  "name": {
5804
5846
  "property": "navigational-indicator-top-to-back-icon-extra-large",
5805
- "scale": "mobile"
5847
+ "scale": "mobile",
5848
+ "legacyKey": "navigational-indicator-top-to-back-icon-extra-large"
5806
5849
  },
5807
5850
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5808
5851
  "value": "19px",
@@ -5816,7 +5859,8 @@
5816
5859
  {
5817
5860
  "name": {
5818
5861
  "property": "navigational-indicator-top-to-back-icon-large",
5819
- "scale": "desktop"
5862
+ "scale": "desktop",
5863
+ "legacyKey": "navigational-indicator-top-to-back-icon-large"
5820
5864
  },
5821
5865
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5822
5866
  "value": "12px",
@@ -5830,7 +5874,8 @@
5830
5874
  {
5831
5875
  "name": {
5832
5876
  "property": "navigational-indicator-top-to-back-icon-large",
5833
- "scale": "mobile"
5877
+ "scale": "mobile",
5878
+ "legacyKey": "navigational-indicator-top-to-back-icon-large"
5834
5879
  },
5835
5880
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5836
5881
  "value": "16px",
@@ -5844,7 +5889,8 @@
5844
5889
  {
5845
5890
  "name": {
5846
5891
  "property": "navigational-indicator-top-to-back-icon-medium",
5847
- "scale": "desktop"
5892
+ "scale": "desktop",
5893
+ "legacyKey": "navigational-indicator-top-to-back-icon-medium"
5848
5894
  },
5849
5895
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5850
5896
  "value": "9px",
@@ -5858,7 +5904,8 @@
5858
5904
  {
5859
5905
  "name": {
5860
5906
  "property": "navigational-indicator-top-to-back-icon-medium",
5861
- "scale": "mobile"
5907
+ "scale": "mobile",
5908
+ "legacyKey": "navigational-indicator-top-to-back-icon-medium"
5862
5909
  },
5863
5910
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5864
5911
  "value": "12px",
@@ -5872,7 +5919,8 @@
5872
5919
  {
5873
5920
  "name": {
5874
5921
  "property": "navigational-indicator-top-to-back-icon-small",
5875
- "scale": "desktop"
5922
+ "scale": "desktop",
5923
+ "legacyKey": "navigational-indicator-top-to-back-icon-small"
5876
5924
  },
5877
5925
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5878
5926
  "value": "6px",
@@ -5886,7 +5934,8 @@
5886
5934
  {
5887
5935
  "name": {
5888
5936
  "property": "navigational-indicator-top-to-back-icon-small",
5889
- "scale": "mobile"
5937
+ "scale": "mobile",
5938
+ "legacyKey": "navigational-indicator-top-to-back-icon-small"
5890
5939
  },
5891
5940
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5892
5941
  "value": "7px",
@@ -5919,7 +5968,8 @@
5919
5968
  },
5920
5969
  {
5921
5970
  "name": {
5922
- "property": "side-focus-indicator"
5971
+ "property": "side-focus-indicator",
5972
+ "legacyKey": "side-focus-indicator"
5923
5973
  },
5924
5974
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5925
5975
  "value": "4px",
@@ -5928,7 +5978,8 @@
5928
5978
  {
5929
5979
  "name": {
5930
5980
  "property": "side-label-character-count-to-field",
5931
- "scale": "desktop"
5981
+ "scale": "desktop",
5982
+ "legacyKey": "side-label-character-count-to-field"
5932
5983
  },
5933
5984
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5934
5985
  "value": "12px",
@@ -5942,7 +5993,8 @@
5942
5993
  {
5943
5994
  "name": {
5944
5995
  "property": "side-label-character-count-to-field",
5945
- "scale": "mobile"
5996
+ "scale": "mobile",
5997
+ "legacyKey": "side-label-character-count-to-field"
5946
5998
  },
5947
5999
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5948
6000
  "value": "15px",
@@ -5955,7 +6007,8 @@
5955
6007
  },
5956
6008
  {
5957
6009
  "name": {
5958
- "property": "side-label-character-count-top-margin-extra-large"
6010
+ "property": "side-label-character-count-top-margin-extra-large",
6011
+ "legacyKey": "side-label-character-count-top-margin-extra-large"
5959
6012
  },
5960
6013
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5961
6014
  "value": "0px",
@@ -5965,7 +6018,8 @@
5965
6018
  },
5966
6019
  {
5967
6020
  "name": {
5968
- "property": "side-label-character-count-top-margin-large"
6021
+ "property": "side-label-character-count-top-margin-large",
6022
+ "legacyKey": "side-label-character-count-top-margin-large"
5969
6023
  },
5970
6024
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5971
6025
  "value": "0px",
@@ -5975,7 +6029,8 @@
5975
6029
  },
5976
6030
  {
5977
6031
  "name": {
5978
- "property": "side-label-character-count-top-margin-medium"
6032
+ "property": "side-label-character-count-top-margin-medium",
6033
+ "legacyKey": "side-label-character-count-top-margin-medium"
5979
6034
  },
5980
6035
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5981
6036
  "value": "0px",
@@ -5985,7 +6040,8 @@
5985
6040
  },
5986
6041
  {
5987
6042
  "name": {
5988
- "property": "side-label-character-count-top-margin-small"
6043
+ "property": "side-label-character-count-top-margin-small",
6044
+ "legacyKey": "side-label-character-count-top-margin-small"
5989
6045
  },
5990
6046
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
5991
6047
  "value": "0px",
@@ -6695,7 +6751,8 @@
6695
6751
  },
6696
6752
  {
6697
6753
  "name": {
6698
- "property": "window-to-edge"
6754
+ "property": "window-to-edge",
6755
+ "legacyKey": "window-to-edge"
6699
6756
  },
6700
6757
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
6701
6758
  "$ref": "b6d0b881-d25e-452c-9069-c18745d21f33",