@adobe/spectrum-tokens 13.10.0 → 13.11.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 (74) hide show
  1. package/CHANGELOG.md +73 -149
  2. package/dist/json/drover.json +10 -3
  3. package/dist/json/variables.json +1596 -11
  4. package/package.json +1 -1
  5. package/schemas/token-types/token.json +3 -0
  6. package/schemas/token-types/typography.json +32 -0
  7. package/src/color-aliases.json +1 -1
  8. package/src/color-palette.json +1 -1
  9. package/src/icons.json +1 -1
  10. package/src/layout-component.json +21 -5
  11. package/src/layout.json +75 -0
  12. package/src/semantic-color-palette.json +1 -1
  13. package/src/typography.json +167 -2
  14. package/schemas/component.json +0 -29
  15. package/schemas/components/action-bar.json +0 -18
  16. package/schemas/components/action-button.json +0 -62
  17. package/schemas/components/action-group.json +0 -69
  18. package/schemas/components/alert-banner.json +0 -29
  19. package/schemas/components/alert-dialog.json +0 -42
  20. package/schemas/components/avatar.json +0 -30
  21. package/schemas/components/badge.json +0 -50
  22. package/schemas/components/body.json +0 -25
  23. package/schemas/components/bottom-navigation-android.json +0 -37
  24. package/schemas/components/breadcrumbs.json +0 -18
  25. package/schemas/components/button-group.json +0 -28
  26. package/schemas/components/button.json +0 -60
  27. package/schemas/components/checkbox-group.json +0 -53
  28. package/schemas/components/checkbox.json +0 -52
  29. package/schemas/components/close-button.json +0 -35
  30. package/schemas/components/code.json +0 -21
  31. package/schemas/components/color-area.json +0 -64
  32. package/schemas/components/color-loupe.json +0 -21
  33. package/schemas/components/color-slider.json +0 -52
  34. package/schemas/components/color-wheel.json +0 -47
  35. package/schemas/components/combo-box.json +0 -84
  36. package/schemas/components/contextual-help.json +0 -64
  37. package/schemas/components/detail.json +0 -26
  38. package/schemas/components/divider.json +0 -23
  39. package/schemas/components/field-label.json +0 -39
  40. package/schemas/components/heading.json +0 -29
  41. package/schemas/components/help-text.json +0 -35
  42. package/schemas/components/in-line-alert.json +0 -25
  43. package/schemas/components/link.json +0 -32
  44. package/schemas/components/menu.json +0 -65
  45. package/schemas/components/meter.json +0 -37
  46. package/schemas/components/picker.json +0 -85
  47. package/schemas/components/popover.json +0 -65
  48. package/schemas/components/progress-bar.json +0 -50
  49. package/schemas/components/progress-circle.json +0 -41
  50. package/schemas/components/radio-group.json +0 -62
  51. package/schemas/components/rating.json +0 -31
  52. package/schemas/components/scroll-zoom-bar.json +0 -44
  53. package/schemas/components/side-navigation.json +0 -18
  54. package/schemas/components/slider.json +0 -74
  55. package/schemas/components/status-light.json +0 -44
  56. package/schemas/components/swatch-group.json +0 -38
  57. package/schemas/components/swatch.json +0 -45
  58. package/schemas/components/switch.json +0 -42
  59. package/schemas/components/tab-bar-ios.json +0 -37
  60. package/schemas/components/tabs.json +0 -32
  61. package/schemas/components/tag.json +0 -41
  62. package/schemas/components/text-area.json +0 -98
  63. package/schemas/components/text-field.json +0 -86
  64. package/schemas/components/toast.json +0 -29
  65. package/schemas/components/tooltip.json +0 -50
  66. package/schemas/components/tray.json +0 -17
  67. package/schemas/components/tree-view.json +0 -50
  68. package/schemas/types/component-size.json +0 -8
  69. package/schemas/types/hex-color.json +0 -8
  70. package/schemas/types/typography-classification.json +0 -9
  71. package/schemas/types/typography-script.json +0 -9
  72. package/schemas/types/workflow-icon.json +0 -901
  73. package/test/componentSchemaValidator.test.js +0 -74
  74. package/test/schemaValidator.test.js +0 -74
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "13.10.0",
3
+ "version": "13.11.0",
4
4
  "description": "Design tokens for Spectrum, Adobe's design system",
5
5
  "type": "module",
6
6
  "main": "index.js",
@@ -12,6 +12,9 @@
12
12
  },
13
13
  {
14
14
  "type": "string"
15
+ },
16
+ {
17
+ "type": "object"
15
18
  }
16
19
  ]
17
20
  },
@@ -0,0 +1,32 @@
1
+ {
2
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
3
+ "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
4
+ "title": "Typography",
5
+ "description": "A composite typography token.",
6
+ "type": "object",
7
+ "allOf": [
8
+ {
9
+ "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/token.json"
10
+ }
11
+ ],
12
+ "properties": {
13
+ "$schema": {
14
+ "const": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json"
15
+ },
16
+ "value": {
17
+ "type": "object",
18
+ "properties": {
19
+ "fontFamily": { "type": "string", "pattern": "^\\{(\\w|-)*\\}$" },
20
+ "fontSize": { "type": "string", "pattern": "^\\{(\\w|-)*\\}$" },
21
+ "fontWeight": { "type": "string", "pattern": "^\\{(\\w|-)*\\}$" },
22
+ "letterSpacing": { "type": "string", "pattern": "^\\{(\\w|-)*\\}$" },
23
+ "lineHeight": { "type": "string", "pattern": "^\\{(\\w|-)*\\}$" }
24
+ }
25
+ },
26
+ "component": {},
27
+ "private": {},
28
+ "deprecated": {},
29
+ "deprecated_comment": {},
30
+ "uuid": {}
31
+ }
32
+ }
@@ -2176,4 +2176,4 @@
2176
2176
  }
2177
2177
  }
2178
2178
  }
2179
- }
2179
+ }
@@ -6548,4 +6548,4 @@
6548
6548
  "uuid": "3a65213c-4d36-48ec-8bf9-1b163a81299d",
6549
6549
  "private": true
6550
6550
  }
6551
- }
6551
+ }
package/src/icons.json CHANGED
@@ -1314,4 +1314,4 @@
1314
1314
  "value": "{gray-900}",
1315
1315
  "uuid": "fa5b0690-6ecd-4a3e-8675-ab6445df8946"
1316
1316
  }
1317
- }
1317
+ }
@@ -3462,10 +3462,18 @@
3462
3462
  "uuid": "b3900f89-0a7a-4c47-a6d9-ca8aa19b9bfb"
3463
3463
  },
3464
3464
  "card-minimum-width": {
3465
+ "component": "card",
3466
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
3467
+ "value": "{card-minimum-width-default}",
3468
+ "uuid": "55db9f3d-621d-4d23-b3d0-c0f2b0f3f9b0",
3469
+ "deprecated": true,
3470
+ "deprecated_comment": "This token has been deprecated, use card-minimum-width-default instead."
3471
+ },
3472
+ "card-minimum-width-default": {
3465
3473
  "component": "card",
3466
3474
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
3467
3475
  "value": "100px",
3468
- "uuid": "55db9f3d-621d-4d23-b3d0-c0f2b0f3f9b0"
3476
+ "uuid": "3a11949c-f1ac-490b-8416-f4883402d105"
3469
3477
  },
3470
3478
  "card-preview-minimum-height": {
3471
3479
  "component": "card",
@@ -4019,7 +4027,7 @@
4019
4027
  "accordion-focus-indicator-gap": {
4020
4028
  "component": "accordion",
4021
4029
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
4022
- "value": "0px",
4030
+ "value": "2px",
4023
4031
  "uuid": "318c5cda-be1b-416b-b1b7-b962e5f45c0c"
4024
4032
  },
4025
4033
  "accordion-content-area-top-to-content": {
@@ -10299,10 +10307,18 @@
10299
10307
  }
10300
10308
  },
10301
10309
  "tree-view-item-to-item": {
10310
+ "component": "tree-view",
10311
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
10312
+ "value": "{tree-view-item-to-item-default}",
10313
+ "uuid": "9a04f19a-9e2a-43b9-9b1f-3385aef214ac",
10314
+ "deprecated": true,
10315
+ "deprecated_comment": "This token has been deprecated, use tree-view-item-to-item-default instead."
10316
+ },
10317
+ "tree-view-item-to-item-default": {
10302
10318
  "component": "tree-view",
10303
10319
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
10304
10320
  "value": "-1px",
10305
- "uuid": "9a04f19a-9e2a-43b9-9b1f-3385aef214ac"
10321
+ "uuid": "7d44a2b5-0aa6-4770-81da-8dbd87013906"
10306
10322
  },
10307
10323
  "tree-view-item-to-item-detached": {
10308
10324
  "component": "tree-view",
@@ -11683,12 +11699,12 @@
11683
11699
  "sets": {
11684
11700
  "desktop": {
11685
11701
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11686
- "value": "12px",
11702
+ "value": "9px",
11687
11703
  "uuid": "728ad09d-0820-4c71-9974-57386f3d62d2"
11688
11704
  },
11689
11705
  "mobile": {
11690
11706
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
11691
- "value": "16px",
11707
+ "value": "10px",
11692
11708
  "uuid": "2d7e81ba-1390-4607-8ee2-5d322d3e0bae"
11693
11709
  }
11694
11710
  }
package/src/layout.json CHANGED
@@ -2618,5 +2618,80 @@
2618
2618
  "uuid": "45f97901-f614-42bc-b22b-c0b6cebb945b"
2619
2619
  }
2620
2620
  }
2621
+ },
2622
+ "component-padding-vertical-50": {
2623
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2624
+ "sets": {
2625
+ "desktop": {
2626
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2627
+ "value": "3px",
2628
+ "uuid": "409b876c-ae13-4d31-8487-9bfcd9b8be69"
2629
+ },
2630
+ "mobile": {
2631
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2632
+ "value": "5px",
2633
+ "uuid": "262dd415-ea5d-4f07-9493-030ac33a2dce"
2634
+ }
2635
+ }
2636
+ },
2637
+ "component-padding-vertical-75": {
2638
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2639
+ "sets": {
2640
+ "desktop": {
2641
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2642
+ "value": "4px",
2643
+ "uuid": "6ff7a5b7-4344-4498-887d-3af9585035a7"
2644
+ },
2645
+ "mobile": {
2646
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2647
+ "value": "5px",
2648
+ "uuid": "ae87b22b-17dd-46a1-9c40-ec4fbe701e95"
2649
+ }
2650
+ }
2651
+ },
2652
+ "component-padding-vertical-100": {
2653
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2654
+ "sets": {
2655
+ "desktop": {
2656
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2657
+ "value": "7px",
2658
+ "uuid": "5b2e9907-858e-41f9-9c63-a37e30ec472e"
2659
+ },
2660
+ "mobile": {
2661
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2662
+ "value": "9px",
2663
+ "uuid": "67715127-dfd9-44ed-a3bf-4816e9dafb34"
2664
+ }
2665
+ }
2666
+ },
2667
+ "component-padding-vertical-200": {
2668
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2669
+ "sets": {
2670
+ "desktop": {
2671
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2672
+ "value": "10px",
2673
+ "uuid": "2af29e94-8c2c-475c-bde0-4e3f2ebd5df4"
2674
+ },
2675
+ "mobile": {
2676
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2677
+ "value": "13px",
2678
+ "uuid": "e5202547-d71b-4e1f-8d60-fe1e63cf18f9"
2679
+ }
2680
+ }
2681
+ },
2682
+ "component-padding-vertical-300": {
2683
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
2684
+ "sets": {
2685
+ "desktop": {
2686
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2687
+ "value": "13px",
2688
+ "uuid": "894526c7-315d-4325-be16-8e99a8a2586b"
2689
+ },
2690
+ "mobile": {
2691
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
2692
+ "value": "17px",
2693
+ "uuid": "ae78edbb-1b08-44d6-9c5a-37baf2fe94f6"
2694
+ }
2695
+ }
2621
2696
  }
2622
2697
  }
@@ -548,4 +548,4 @@
548
548
  }
549
549
  }
550
550
  }
551
- }
551
+ }
@@ -26,7 +26,7 @@
26
26
  },
27
27
  "sans-serif-font-family": {
28
28
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/font-family.json",
29
- "value": "Adobe Clean",
29
+ "value": "Adobe Clean Spectrum VF",
30
30
  "uuid": "a552c422-c51c-458a-87b0-c6fe5178bf4b"
31
31
  },
32
32
  "serif-font-family": {
@@ -2120,5 +2120,170 @@
2120
2120
  "uuid": "185be0f6-8283-4068-80f1-68ee8dd06c25"
2121
2121
  }
2122
2122
  }
2123
+ },
2124
+ "component-xs-regular": {
2125
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2126
+ "value": {
2127
+ "fontFamily": "{sans-serif-font-family}",
2128
+ "fontSize": "{font-size-50}",
2129
+ "fontWeight": "{regular-font-weight}",
2130
+ "letterSpacing": "{letter-spacing}",
2131
+ "lineHeight": "{line-height-font-size-50}"
2132
+ },
2133
+ "uuid": "5dca28f2-77f5-4b29-85f3-0075bf2cbe7f"
2134
+ },
2135
+ "component-xs-medium": {
2136
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2137
+ "value": {
2138
+ "fontFamily": "{sans-serif-font-family}",
2139
+ "fontSize": "{font-size-50}",
2140
+ "fontWeight": "{medium-font-weight}",
2141
+ "letterSpacing": "{letter-spacing}",
2142
+ "lineHeight": "{line-height-font-size-50}"
2143
+ },
2144
+ "uuid": "8bf6d008-d3d8-446d-afe8-62613b1c53a2"
2145
+ },
2146
+ "component-xs-bold": {
2147
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2148
+ "value": {
2149
+ "fontFamily": "{sans-serif-font-family}",
2150
+ "fontSize": "{font-size-50}",
2151
+ "fontWeight": "{bold-font-weight}",
2152
+ "letterSpacing": "{letter-spacing}",
2153
+ "lineHeight": "{line-height-font-size-50}"
2154
+ },
2155
+ "uuid": "dc560f13-3f9d-47ed-9adf-646c24fd5a0a"
2156
+ },
2157
+ "component-s-regular": {
2158
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2159
+ "value": {
2160
+ "fontFamily": "{sans-serif-font-family}",
2161
+ "fontSize": "{font-size-75}",
2162
+ "fontWeight": "{regular-font-weight}",
2163
+ "letterSpacing": "{letter-spacing}",
2164
+ "lineHeight": "{line-height-font-size-75}"
2165
+ },
2166
+ "uuid": "cde5212c-520d-4657-8184-f07739ffed07"
2167
+ },
2168
+ "component-s-medium": {
2169
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2170
+ "value": {
2171
+ "fontFamily": "{sans-serif-font-family}",
2172
+ "fontSize": "{font-size-75}",
2173
+ "fontWeight": "{medium-font-weight}",
2174
+ "letterSpacing": "{letter-spacing}",
2175
+ "lineHeight": "{line-height-font-size-75}"
2176
+ },
2177
+ "uuid": "afa00f39-1fe1-4026-8693-189e6d051eb3"
2178
+ },
2179
+ "component-s-bold": {
2180
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2181
+ "value": {
2182
+ "fontFamily": "{sans-serif-font-family}",
2183
+ "fontSize": "{font-size-75}",
2184
+ "fontWeight": "{bold-font-weight}",
2185
+ "letterSpacing": "{letter-spacing}",
2186
+ "lineHeight": "{line-height-font-size-75}"
2187
+ },
2188
+ "uuid": "6510c875-e551-43f2-9e84-111cfccafce8"
2189
+ },
2190
+ "component-m-regular": {
2191
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2192
+ "value": {
2193
+ "fontFamily": "{sans-serif-font-family}",
2194
+ "fontSize": "{font-size-100}",
2195
+ "fontWeight": "{regular-font-weight}",
2196
+ "letterSpacing": "{letter-spacing}",
2197
+ "lineHeight": "{line-height-font-size-100}"
2198
+ },
2199
+ "uuid": "567a8eff-028f-4de1-b58a-a0473775219f"
2200
+ },
2201
+ "component-m-medium": {
2202
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2203
+ "value": {
2204
+ "fontFamily": "{sans-serif-font-family}",
2205
+ "fontSize": "{font-size-100}",
2206
+ "fontWeight": "{medium-font-weight}",
2207
+ "letterSpacing": "{letter-spacing}",
2208
+ "lineHeight": "{line-height-font-size-100}"
2209
+ },
2210
+ "uuid": "633b828a-8623-4905-9dda-5a7b989768d7"
2211
+ },
2212
+ "component-m-bold": {
2213
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2214
+ "value": {
2215
+ "fontFamily": "{sans-serif-font-family}",
2216
+ "fontSize": "{font-size-100}",
2217
+ "fontWeight": "{bold-font-weight}",
2218
+ "letterSpacing": "{letter-spacing}",
2219
+ "lineHeight": "{line-height-font-size-100}"
2220
+ },
2221
+ "uuid": "48422ecb-3993-4a96-b785-7661b9f662d2"
2222
+ },
2223
+ "component-l-regular": {
2224
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2225
+ "value": {
2226
+ "fontFamily": "{sans-serif-font-family}",
2227
+ "fontSize": "{font-size-200}",
2228
+ "fontWeight": "{regular-font-weight}",
2229
+ "letterSpacing": "{letter-spacing}",
2230
+ "lineHeight": "{line-height-font-size-200}"
2231
+ },
2232
+ "uuid": "5a58a097-2235-4302-a6ed-6c1fa854c523"
2233
+ },
2234
+ "component-l-medium": {
2235
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2236
+ "value": {
2237
+ "fontFamily": "{sans-serif-font-family}",
2238
+ "fontSize": "{font-size-200}",
2239
+ "fontWeight": "{medium-font-weight}",
2240
+ "letterSpacing": "{letter-spacing}",
2241
+ "lineHeight": "{line-height-font-size-200}"
2242
+ },
2243
+ "uuid": "aa7cd308-279c-4c0f-ab5e-5053341c963b"
2244
+ },
2245
+ "component-l-bold": {
2246
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2247
+ "value": {
2248
+ "fontFamily": "{sans-serif-font-family}",
2249
+ "fontSize": "{font-size-200}",
2250
+ "fontWeight": "{bold-font-weight}",
2251
+ "letterSpacing": "{letter-spacing}",
2252
+ "lineHeight": "{line-height-font-size-200}"
2253
+ },
2254
+ "uuid": "861ac736-b95b-4350-b40b-0dde0036c796"
2255
+ },
2256
+ "component-xl-regular": {
2257
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2258
+ "value": {
2259
+ "fontFamily": "{sans-serif-font-family}",
2260
+ "fontSize": "{font-size-300}",
2261
+ "fontWeight": "{regular-font-weight}",
2262
+ "letterSpacing": "{letter-spacing}",
2263
+ "lineHeight": "{line-height-font-size-300}"
2264
+ },
2265
+ "uuid": "5096f188-f728-4db4-8cd9-cc23b08956e1"
2266
+ },
2267
+ "component-xl-medium": {
2268
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2269
+ "value": {
2270
+ "fontFamily": "{sans-serif-font-family}",
2271
+ "fontSize": "{font-size-300}",
2272
+ "fontWeight": "{medium-font-weight}",
2273
+ "letterSpacing": "{letter-spacing}",
2274
+ "lineHeight": "{line-height-font-size-300}"
2275
+ },
2276
+ "uuid": "657ca53c-178e-4526-9c37-e023499f3659"
2277
+ },
2278
+ "component-xl-bold": {
2279
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/typography.json",
2280
+ "value": {
2281
+ "fontFamily": "{sans-serif-font-family}",
2282
+ "fontSize": "{font-size-300}",
2283
+ "fontWeight": "{bold-font-weight}",
2284
+ "letterSpacing": "{letter-spacing}",
2285
+ "lineHeight": "{line-height-font-size-300}"
2286
+ },
2287
+ "uuid": "1e7e87a6-cf8f-4827-ba46-ca6a9152a6d7"
2123
2288
  }
2124
- }
2289
+ }
@@ -1,29 +0,0 @@
1
- {
2
- "$schema": "https://json-schema.org/draft/2020-12/schema",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
4
- "title": "Component",
5
- "type": "object",
6
- "properties": {
7
- "meta": {
8
- "type": "object",
9
- "properties": {
10
- "category": {
11
- "type": "string",
12
- "enum": [
13
- "actions",
14
- "containers",
15
- "data visualization",
16
- "feedback",
17
- "inputs",
18
- "navigation",
19
- "status",
20
- "typography"
21
- ]
22
- },
23
- "documentationUrl": { "type": "string", "format": "uri" }
24
- },
25
- "required": ["category", "documentationUrl"]
26
- }
27
- },
28
- "required": ["meta", "title", "description", "properties", "$id"]
29
- }
@@ -1,18 +0,0 @@
1
- {
2
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/action-bar.json",
4
- "title": "Action bar",
5
- "description": "Action bars are used for single and bulk selection patterns, when a user needs to perform actions on either a single or multiple items at the same time.",
6
- "meta": {
7
- "category": "actions",
8
- "documentationUrl": "https://spectrum.adobe.com/page/action-bar/"
9
- },
10
- "type": "object",
11
- "properties": {
12
- "isEmphasized": {
13
- "type": "boolean",
14
- "default": false
15
- }
16
- },
17
- "examples": [{ "isEmphasized": true }, { "isEmphasized": false }, {}]
18
- }
@@ -1,62 +0,0 @@
1
- {
2
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/action-button.json",
4
- "title": "Action button",
5
- "description": "Action buttons allow users to perform an action or mark a selection. They're used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren't meant to draw a lot of attention.",
6
- "meta": {
7
- "category": "actions",
8
- "documentationUrl": "https://spectrum.adobe.com/page/action-button/"
9
- },
10
- "type": "object",
11
- "properties": {
12
- "label": {
13
- "type": "string"
14
- },
15
- "hideLabel": {
16
- "type": "boolean",
17
- "default": false
18
- },
19
- "icon": {
20
- "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/types/workflow-icon.json",
21
- "description": "Icon must be present if the label is not defined."
22
- },
23
- "size": {
24
- "type": "string",
25
- "enum": ["s", "m", "l", "xl"],
26
- "default": "m",
27
- "pattern": "^(x?s|m|x{0,3}l)$"
28
- },
29
- "isQuiet": {
30
- "type": "boolean",
31
- "default": false
32
- },
33
- "isSelected": {
34
- "type": "boolean",
35
- "default": false
36
- },
37
- "isEmphasized": {
38
- "type": "boolean",
39
- "default": false
40
- },
41
- "staticColor": {
42
- "type": "string",
43
- "enum": ["white", "black"]
44
- },
45
- "selectedTextColor": {
46
- "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/types/hex-color.json"
47
- },
48
- "hasHoldIcon": {
49
- "type": "boolean",
50
- "default": false
51
- },
52
- "isDisabled": {
53
- "type": "boolean",
54
- "default": false
55
- },
56
- "state": {
57
- "type": "string",
58
- "enum": ["default", "hover", "down", "keyboard focus"],
59
- "default": "default"
60
- }
61
- }
62
- }
@@ -1,69 +0,0 @@
1
- {
2
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/action-group.json",
4
- "title": "Action group",
5
- "description": "An action group is a grouping of action buttons that are related to each other.",
6
- "meta": {
7
- "category": "actions",
8
- "documentationUrl": "https://spectrum.adobe.com/page/action-group/"
9
- },
10
- "type": "object",
11
- "properties": {
12
- "orientation": {
13
- "type": "string",
14
- "enum": ["horizontal", "vertical"],
15
- "default": "horizontal"
16
- },
17
- "size": {
18
- "type": "string",
19
- "enum": ["s", "m", "l", "xl"],
20
- "default": "m"
21
- },
22
- "density": {
23
- "type": "string",
24
- "enum": ["regular", "compact"],
25
- "default": "regular"
26
- },
27
- "isJustified": {
28
- "type": "boolean",
29
- "default": false
30
- },
31
- "isQuiet": {
32
- "type": "boolean",
33
- "default": false
34
- },
35
- "isEmphasized": {
36
- "type": "boolean",
37
- "default": false
38
- },
39
- "enableSelection": {
40
- "type": "boolean",
41
- "default": false
42
- },
43
- "selectionMode": {
44
- "type": "string",
45
- "enum": ["single", "multiple"],
46
- "default": "single",
47
- "description": "Only applicable if selection is enabled"
48
- },
49
- "allowsEmptySelection": {
50
- "type": "boolean",
51
- "default": false,
52
- "description": "Only applicable if selection is enabled"
53
- },
54
- "overflowMode": {
55
- "type": "string",
56
- "enum": ["wrap", "collapse"],
57
- "default": "wrap"
58
- },
59
- "isDisabled": {
60
- "type": "boolean",
61
- "default": false
62
- }
63
- },
64
- "examples": [
65
- {
66
- "size": "s"
67
- }
68
- ]
69
- }
@@ -1,29 +0,0 @@
1
- {
2
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/alert-banner.json",
4
- "title": "Alert banner",
5
- "description": "Alert banners show pressing and high-signal messages, such as system alerts. They're meant to be noticed and prompt users to take action.",
6
- "meta": {
7
- "category": "feedback",
8
- "documentationUrl": "https://spectrum.adobe.com/page/alert-banner/"
9
- },
10
- "type": "object",
11
- "properties": {
12
- "text": {
13
- "type": "string"
14
- },
15
- "variant": {
16
- "type": "string",
17
- "enum": ["neutral", "informative", "negative"],
18
- "default": "neutral"
19
- },
20
- "actionLabel": {
21
- "type": "string",
22
- "description": "If undefined, this button does not appear."
23
- },
24
- "isDismissible": {
25
- "type": "boolean",
26
- "default": false
27
- }
28
- }
29
- }
@@ -1,42 +0,0 @@
1
- {
2
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/alert-dialog.json",
4
- "title": "Alert dialog",
5
- "description": "Alert dialogs display important information that users need to acknowledge. They appear over the interface and block further interactions until an action is selected.",
6
- "meta": {
7
- "category": "feedback",
8
- "documentationUrl": "https://spectrum.adobe.com/page/alert-dialog/"
9
- },
10
- "type": "object",
11
- "properties": {
12
- "title": {
13
- "type": "string"
14
- },
15
- "description": {
16
- "type": "string"
17
- },
18
- "variant": {
19
- "type": "string",
20
- "enum": [
21
- "confirmation",
22
- "information",
23
- "warning",
24
- "destructive",
25
- "error"
26
- ],
27
- "default": "confirmation"
28
- },
29
- "primaryActionLabel": {
30
- "type": "string"
31
- },
32
- "secondaryActionLabel": {
33
- "type": "string",
34
- "description": "If undefined, this button does not appear."
35
- },
36
- "cancelActionLabel": {
37
- "type": "string",
38
- "default": "cancel",
39
- "description": "If undefined, this button does not appear."
40
- }
41
- }
42
- }