@adobe/spectrum-tokens 13.10.1 → 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 +49 -150
  2. package/dist/json/drover.json +7 -0
  3. package/dist/json/variables.json +1591 -6
  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 +19 -3
  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
@@ -1,86 +0,0 @@
1
- {
2
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/text-field.json",
4
- "title": "Text field",
5
- "description": "Text fields allow users to input custom text entries with a keyboard. Various options can be shown with the field to communicate the input requirements.",
6
- "meta": {
7
- "category": "inputs",
8
- "documentationUrl": "https://spectrum.adobe.com/page/text-field/"
9
- },
10
- "type": "object",
11
- "properties": {
12
- "label": {
13
- "type": "string"
14
- },
15
- "labelPosition": {
16
- "type": "string",
17
- "default": "top",
18
- "enum": ["top", "side"]
19
- },
20
- "value": {
21
- "type": "string",
22
- "description": "from minValue to maxValue"
23
- },
24
- "width": {
25
- "type": "number"
26
- },
27
- "size": {
28
- "type": "string",
29
- "enum": ["s", "m", "l", "xl"],
30
- "default": "m"
31
- },
32
- "isQuiet": {
33
- "type": "boolean",
34
- "default": false
35
- },
36
- "necessityIndicator": {
37
- "type": "string",
38
- "enum": ["text", "icon"],
39
- "default": "icon"
40
- },
41
- "isRequired": {
42
- "type": "boolean",
43
- "default": false
44
- },
45
- "hasCharacterCount": {
46
- "type": "boolean",
47
- "default": false
48
- },
49
- "showValidIcon": {
50
- "type": "boolean",
51
- "default": false
52
- },
53
- "isError": {
54
- "type": "boolean",
55
- "default": false,
56
- "description": "If there’s an error, this property overrides show valid icon."
57
- },
58
- "isDisabled": {
59
- "type": "boolean",
60
- "default": false
61
- },
62
- "isReadOnly": {
63
- "type": "boolean",
64
- "default": false
65
- },
66
- "description": {
67
- "type": "string",
68
- "default": null
69
- },
70
- "errorMessage": {
71
- "type": "string",
72
- "default": null
73
- },
74
- "state": {
75
- "type": "string",
76
- "enum": [
77
- "default",
78
- "hover",
79
- "focus + hover",
80
- "focus + not hover",
81
- "keyboard focus"
82
- ],
83
- "default": "default"
84
- }
85
- }
86
- }
@@ -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/toast.json",
4
- "title": "Toast",
5
- "description": "Toasts display brief, temporary notifications. They're meant to be noticed without disrupting a user's experience or requiring an action to be taken.",
6
- "meta": {
7
- "category": "feedback",
8
- "documentationUrl": "https://spectrum.adobe.com/page/toast/"
9
- },
10
- "type": "object",
11
- "properties": {
12
- "text": {
13
- "type": "string"
14
- },
15
- "variant": {
16
- "type": "string",
17
- "enum": ["neutral", "informative", "positive", "negative"],
18
- "default": "neutral"
19
- },
20
- "actionLabel": {
21
- "type": "string",
22
- "description": "If undefined, this button does not appear."
23
- },
24
- "isAutoDismissible": {
25
- "type": "boolean",
26
- "default": false
27
- }
28
- }
29
- }
@@ -1,50 +0,0 @@
1
- {
2
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/tooltip.json",
4
- "title": "Tooltip",
5
- "description": "Tooltips show contextual help or information about specific components when a user hovers or focuses on them.",
6
- "meta": {
7
- "category": "feedback",
8
- "documentationUrl": "https://spectrum.adobe.com/page/tooltip/"
9
- },
10
- "type": "object",
11
- "properties": {
12
- "label": {
13
- "type": "string"
14
- },
15
- "variant": {
16
- "type": "string",
17
- "enum": ["neutral", "informative", "positive", "negative"],
18
- "default": "neutral"
19
- },
20
- "hasIcon": {
21
- "type": "boolean",
22
- "description": "If the neutral variant, there’s never an icon.",
23
- "default": false
24
- },
25
- "maxWidth": {
26
- "type": "number",
27
- "default": 160,
28
- "description": "units: pixels"
29
- },
30
- "placement": {
31
- "type": "string",
32
- "enum": ["top", "bottom", "left", "right"],
33
- "default": "top"
34
- },
35
- "shouldFlip": {
36
- "type": "boolean",
37
- "default": false
38
- },
39
- "offset": {
40
- "type": "number",
41
- "default": 4,
42
- "description": "units: pixels"
43
- },
44
- "containerPadding": {
45
- "type": "number",
46
- "default": 8,
47
- "description": "units: pixels"
48
- }
49
- }
50
- }
@@ -1,17 +0,0 @@
1
- {
2
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/tray.json",
4
- "title": "Tray",
5
- "description": "Trays are containers that display transient content such as menus, options, additional actions, and more. They only exist on mobile experiences and are used for exposing types of content that may be too overwhelming for popovers.",
6
- "meta": {
7
- "category": "containers",
8
- "documentationUrl": "https://spectrum.adobe.com/page/tray/"
9
- },
10
- "type": "object",
11
- "properties": {
12
- "height": {
13
- "type": "string",
14
- "default": "auto"
15
- }
16
- }
17
- }
@@ -1,50 +0,0 @@
1
- {
2
- "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/tree-view.json",
4
- "title": "Tree view",
5
- "description": "A tree view provides users with a way to navigate nested hierarchical information.",
6
- "meta": {
7
- "category": "navigation",
8
- "documentationUrl": "https://spectrum.adobe.com/page/tree-view/"
9
- },
10
- "type": "object",
11
- "properties": {
12
- "size": {
13
- "type": "string",
14
- "enum": ["s", "m", "l", "xl"],
15
- "default": "m"
16
- },
17
- "isDetached": {
18
- "type": "boolean",
19
- "default": false
20
- },
21
- "emphasized": {
22
- "type": "boolean",
23
- "default": false
24
- },
25
- "showDragIcon": {
26
- "type": "boolean",
27
- "default": false
28
- },
29
- "selectionMode": {
30
- "type": "string",
31
- "enum": ["single", "multiple"],
32
- "default": "multiple"
33
- },
34
- "selectionStyle": {
35
- "type": "string",
36
- "enum": ["checkbox", "highlight"],
37
- "default": "checkbox"
38
- },
39
- "selectionBehavior": {
40
- "type": "string",
41
- "enum": ["toggle", "replace"],
42
- "default": "toggle"
43
- },
44
- "state": {
45
- "type": "string",
46
- "enum": ["default", "hover", "down", "keyboard focus"],
47
- "default": "default"
48
- }
49
- }
50
- }
@@ -1,8 +0,0 @@
1
- {
2
- "$schema": "https://json-schema.org/draft/2020-12/schema",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/types/component-size.json",
4
- "title": "component-size",
5
- "description": "T-shirt sizes for components",
6
- "type": "string",
7
- "enum": ["xs", "s", "m", "l", "xl", "xxl", "xxxl"]
8
- }
@@ -1,8 +0,0 @@
1
- {
2
- "$schema": "https://json-schema.org/draft/2020-12/schema",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/types/hex-color.json",
4
- "title": "hex-color",
5
- "description": "Hexadecimal color code",
6
- "type": "string",
7
- "pattern": "/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/"
8
- }
@@ -1,9 +0,0 @@
1
- {
2
- "$schema": "https://json-schema.org/draft/2020-12/schema",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/types/typography-classification.json",
4
- "title": "typography-classification",
5
- "description": "Typography classification",
6
- "type": "string",
7
- "enum": ["serif", "sans serif"],
8
- "default": "sans serif"
9
- }
@@ -1,9 +0,0 @@
1
- {
2
- "$schema": "https://json-schema.org/draft/2020-12/schema",
3
- "$id": "https://opensource.adobe.com/spectrum-tokens/schemas/types/typography-script.json",
4
- "title": "typography-script",
5
- "description": "The script of the text.",
6
- "type": "string",
7
- "enum": ["latin", "han", "arabic", "hebrew"],
8
- "default": "latin"
9
- }