@adobe/spectrum-component-api-schemas 6.0.0 → 6.1.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.
- package/CHANGELOG.md +33 -0
- package/index.js +28 -12
- package/moon.yml +1 -4
- package/package.json +3 -2
- package/scripts/convert-to-spec-format.mjs +136 -0
- package/test/index.test.js +64 -34
- package/test/integration.test.js +4 -6
- package/test/performance.test.js +7 -7
- package/test/schema-validation.test.js +64 -105
- package/schemas/component.json +0 -32
- package/schemas/components/accordion.json +0 -74
- package/schemas/components/action-bar.json +0 -18
- package/schemas/components/action-button.json +0 -62
- package/schemas/components/action-group.json +0 -69
- package/schemas/components/alert-banner.json +0 -29
- package/schemas/components/alert-dialog.json +0 -42
- package/schemas/components/avatar-group.json +0 -22
- package/schemas/components/avatar.json +0 -45
- package/schemas/components/badge.json +0 -69
- package/schemas/components/body.json +0 -25
- package/schemas/components/bottom-navigation-android.json +0 -37
- package/schemas/components/breadcrumbs.json +0 -72
- package/schemas/components/button-group.json +0 -33
- package/schemas/components/button.json +0 -61
- package/schemas/components/calendar.json +0 -100
- package/schemas/components/cards.json +0 -238
- package/schemas/components/checkbox-group.json +0 -49
- package/schemas/components/checkbox.json +0 -49
- package/schemas/components/close-button.json +0 -35
- package/schemas/components/coach-indicator.json +0 -34
- package/schemas/components/coach-mark.json +0 -51
- package/schemas/components/code.json +0 -21
- package/schemas/components/color-area.json +0 -64
- package/schemas/components/color-handle.json +0 -31
- package/schemas/components/color-loupe.json +0 -21
- package/schemas/components/color-slider.json +0 -66
- package/schemas/components/color-wheel.json +0 -47
- package/schemas/components/combo-box.json +0 -80
- package/schemas/components/contextual-help.json +0 -67
- package/schemas/components/date-picker.json +0 -157
- package/schemas/components/detail.json +0 -26
- package/schemas/components/divider.json +0 -23
- package/schemas/components/drop-zone.json +0 -41
- package/schemas/components/field-label.json +0 -39
- package/schemas/components/heading.json +0 -29
- package/schemas/components/help-text.json +0 -36
- package/schemas/components/illustrated-message.json +0 -45
- package/schemas/components/in-field-progress-button.json +0 -31
- package/schemas/components/in-field-progress-circle.json +0 -22
- package/schemas/components/in-line-alert.json +0 -43
- package/schemas/components/link.json +0 -32
- package/schemas/components/list-view.json +0 -89
- package/schemas/components/menu.json +0 -63
- package/schemas/components/meter.json +0 -44
- package/schemas/components/number-field.json +0 -57
- package/schemas/components/opacity-checkerboard.json +0 -21
- package/schemas/components/picker.json +0 -81
- package/schemas/components/popover.json +0 -65
- package/schemas/components/progress-bar.json +0 -64
- package/schemas/components/progress-circle.json +0 -41
- package/schemas/components/radio-button.json +0 -30
- package/schemas/components/radio-group.json +0 -58
- package/schemas/components/rating.json +0 -34
- package/schemas/components/scroll-zoom-bar.json +0 -44
- package/schemas/components/search-field.json +0 -58
- package/schemas/components/segmented-control.json +0 -72
- package/schemas/components/select-box.json +0 -50
- package/schemas/components/side-navigation.json +0 -59
- package/schemas/components/slider.json +0 -79
- package/schemas/components/standard-dialog.json +0 -49
- package/schemas/components/standard-panel.json +0 -49
- package/schemas/components/status-light.json +0 -51
- package/schemas/components/steplist.json +0 -52
- package/schemas/components/swatch-group.json +0 -44
- package/schemas/components/swatch.json +0 -46
- package/schemas/components/switch.json +0 -42
- package/schemas/components/tab-bar-ios.json +0 -37
- package/schemas/components/table.json +0 -118
- package/schemas/components/tabs.json +0 -75
- package/schemas/components/tag-field.json +0 -42
- package/schemas/components/tag-group.json +0 -31
- package/schemas/components/tag.json +0 -41
- package/schemas/components/takeover-dialog.json +0 -54
- package/schemas/components/text-area.json +0 -92
- package/schemas/components/text-field.json +0 -80
- package/schemas/components/thumbnail.json +0 -22
- package/schemas/components/toast.json +0 -29
- package/schemas/components/tooltip.json +0 -50
- package/schemas/components/tray.json +0 -17
- package/schemas/components/tree-view.json +0 -50
- package/schemas/types/hex-color.json +0 -8
- package/schemas/types/typography-classification.json +0 -9
- package/schemas/types/typography-script.json +0 -9
- package/schemas/types/workflow-icon.json +0 -901
- package/test/componentSchemaValidator.test.js +0 -74
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/segmented-control.json",
|
|
4
|
-
"title": "Segmented Control",
|
|
5
|
-
"description": "Segmented controls allow users to select one option from a set of mutually exclusive options.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "navigation",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/segmented-control/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"orientation": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"enum": ["horizontal", "vertical"],
|
|
15
|
-
"default": "horizontal"
|
|
16
|
-
},
|
|
17
|
-
"isFluid": {
|
|
18
|
-
"type": "boolean",
|
|
19
|
-
"default": false,
|
|
20
|
-
"description": "If true, the control takes up the full width of its container. Only applicable to horizontal segmented controls."
|
|
21
|
-
},
|
|
22
|
-
"alignment": {
|
|
23
|
-
"type": "string",
|
|
24
|
-
"enum": ["start", "center"],
|
|
25
|
-
"default": "start"
|
|
26
|
-
},
|
|
27
|
-
"hideTracker": {
|
|
28
|
-
"type": "boolean",
|
|
29
|
-
"default": false,
|
|
30
|
-
"description": "If true, the tracker that indicates the selected item is hidden."
|
|
31
|
-
},
|
|
32
|
-
"selectedItem": {
|
|
33
|
-
"type": "string",
|
|
34
|
-
"description": "The identifier of the currently selected item."
|
|
35
|
-
},
|
|
36
|
-
"keyboardActivation": {
|
|
37
|
-
"type": "string",
|
|
38
|
-
"enum": ["manual", "automatic"],
|
|
39
|
-
"default": "manual"
|
|
40
|
-
},
|
|
41
|
-
"items": {
|
|
42
|
-
"type": "array",
|
|
43
|
-
"description": "An array of segmented control items.",
|
|
44
|
-
"items": {
|
|
45
|
-
"type": "object",
|
|
46
|
-
"properties": {
|
|
47
|
-
"label": {
|
|
48
|
-
"type": "string",
|
|
49
|
-
"description": "The text displayed for the segmented control item."
|
|
50
|
-
},
|
|
51
|
-
"isDisabled": {
|
|
52
|
-
"type": "boolean",
|
|
53
|
-
"default": false,
|
|
54
|
-
"description": "Whether the segmented control item is disabled."
|
|
55
|
-
},
|
|
56
|
-
"state": {
|
|
57
|
-
"type": "string",
|
|
58
|
-
"enum": ["default", "hover", "keyboard focus"],
|
|
59
|
-
"default": "default",
|
|
60
|
-
"description": "The interaction state of the segmented control item."
|
|
61
|
-
},
|
|
62
|
-
"contentVariant": {
|
|
63
|
-
"type": "string",
|
|
64
|
-
"enum": ["label-only", "icon-only", "icon-label"],
|
|
65
|
-
"default": "icon-label",
|
|
66
|
-
"description": "Controls whether the segmented control item displays a label, an icon, or both."
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/select-box.json",
|
|
4
|
-
"title": "Select box",
|
|
5
|
-
"description": "",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "inputs",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/select-box/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"label": {
|
|
13
|
-
"type": "string"
|
|
14
|
-
},
|
|
15
|
-
"orientation": {
|
|
16
|
-
"type": "string",
|
|
17
|
-
"enum": ["horizontal", "vertical"],
|
|
18
|
-
"default": "vertical"
|
|
19
|
-
},
|
|
20
|
-
"body": {
|
|
21
|
-
"type": "string"
|
|
22
|
-
},
|
|
23
|
-
"isSelected": {
|
|
24
|
-
"type": "boolean",
|
|
25
|
-
"default": false
|
|
26
|
-
},
|
|
27
|
-
"hideIllustration": {
|
|
28
|
-
"type": "boolean",
|
|
29
|
-
"default": false
|
|
30
|
-
},
|
|
31
|
-
"showCheckbox": {
|
|
32
|
-
"type": "boolean",
|
|
33
|
-
"default": false
|
|
34
|
-
},
|
|
35
|
-
"isDisabled": {
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"default": false
|
|
38
|
-
},
|
|
39
|
-
"state": {
|
|
40
|
-
"type": "string",
|
|
41
|
-
"enum": ["default", "down", "hover", "keyboard focus"],
|
|
42
|
-
"default": "default"
|
|
43
|
-
},
|
|
44
|
-
"multiple": {
|
|
45
|
-
"type": "boolean",
|
|
46
|
-
"default": false,
|
|
47
|
-
"description": "Set to true to allow multiple selections."
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/side-navigation.json",
|
|
4
|
-
"title": "Side navigation",
|
|
5
|
-
"description": "Side navigation lets users navigate the entire content of a product or a section. These can be used for a single level or a multi-level navigation.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "navigation",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/side-navigation/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"state": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"enum": ["default", "hover", "down", "keyboard focus"],
|
|
15
|
-
"default": "default"
|
|
16
|
-
},
|
|
17
|
-
"items": {
|
|
18
|
-
"type": "array",
|
|
19
|
-
"description": "The list of navigation items.",
|
|
20
|
-
"items": {
|
|
21
|
-
"type": "object",
|
|
22
|
-
"properties": {
|
|
23
|
-
"label": {
|
|
24
|
-
"type": "string",
|
|
25
|
-
"description": "Text label for the navigation item."
|
|
26
|
-
},
|
|
27
|
-
"state": {
|
|
28
|
-
"type": "string",
|
|
29
|
-
"enum": ["default", "hover", "down", "keyboard focus"],
|
|
30
|
-
"default": "default",
|
|
31
|
-
"description": "State of the navigation item."
|
|
32
|
-
},
|
|
33
|
-
"icon": {
|
|
34
|
-
"type": "string",
|
|
35
|
-
"description": "Optional icon token for the navigation item."
|
|
36
|
-
},
|
|
37
|
-
"isSelected": {
|
|
38
|
-
"type": "boolean",
|
|
39
|
-
"default": false,
|
|
40
|
-
"description": "Whether the item is currently selected."
|
|
41
|
-
},
|
|
42
|
-
"isDisabled": {
|
|
43
|
-
"type": "boolean",
|
|
44
|
-
"default": false,
|
|
45
|
-
"description": "Whether the item is disabled."
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
"required": ["label"]
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
"selectionMode": {
|
|
52
|
-
"type": "string",
|
|
53
|
-
"enum": ["none", "single", "multiple"],
|
|
54
|
-
"default": "single",
|
|
55
|
-
"description": "How selection is handled for items."
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
"required": ["items"]
|
|
59
|
-
}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/slider.json",
|
|
4
|
-
"title": "Slider",
|
|
5
|
-
"description": "Sliders allow users to quickly select a value within a range. They should be used when the upper and lower bounds to the range are invariable.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "inputs",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/slider/"
|
|
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": "number",
|
|
22
|
-
"description": "from minValue to maxValue"
|
|
23
|
-
},
|
|
24
|
-
"minValue": {
|
|
25
|
-
"type": "number",
|
|
26
|
-
"default": 0
|
|
27
|
-
},
|
|
28
|
-
"maxValue": {
|
|
29
|
-
"type": "number",
|
|
30
|
-
"default": 100
|
|
31
|
-
},
|
|
32
|
-
"isRange": {
|
|
33
|
-
"type": "boolean",
|
|
34
|
-
"default": false,
|
|
35
|
-
"description": "If true, the slider will allow selection of a range of values by displaying two handles."
|
|
36
|
-
},
|
|
37
|
-
"step": {
|
|
38
|
-
"type": "number",
|
|
39
|
-
"default": 1
|
|
40
|
-
},
|
|
41
|
-
"valueFormat": {
|
|
42
|
-
"type": "string",
|
|
43
|
-
"description": "This will vary depending on implementation."
|
|
44
|
-
},
|
|
45
|
-
"progressionScale": {
|
|
46
|
-
"type": "string",
|
|
47
|
-
"enum": ["linear", "log"],
|
|
48
|
-
"default": "linear"
|
|
49
|
-
},
|
|
50
|
-
"width": {
|
|
51
|
-
"type": "number"
|
|
52
|
-
},
|
|
53
|
-
"hasFill": {
|
|
54
|
-
"type": "boolean",
|
|
55
|
-
"default": false
|
|
56
|
-
},
|
|
57
|
-
"fillStart": {
|
|
58
|
-
"type": "number",
|
|
59
|
-
"default": 0
|
|
60
|
-
},
|
|
61
|
-
"hasGradient": {
|
|
62
|
-
"type": "boolean",
|
|
63
|
-
"default": false
|
|
64
|
-
},
|
|
65
|
-
"isEditable": {
|
|
66
|
-
"type": "boolean",
|
|
67
|
-
"default": false
|
|
68
|
-
},
|
|
69
|
-
"isDisabled": {
|
|
70
|
-
"type": "boolean",
|
|
71
|
-
"default": false
|
|
72
|
-
},
|
|
73
|
-
"state": {
|
|
74
|
-
"type": "string",
|
|
75
|
-
"enum": ["default", "hover", "down", "keyboard focus"],
|
|
76
|
-
"default": "default"
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/standard-dialog.json",
|
|
4
|
-
"title": "Standard dialog",
|
|
5
|
-
"description": "Standard 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/standard-dialog/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"title": {
|
|
13
|
-
"type": "string"
|
|
14
|
-
},
|
|
15
|
-
"description": {
|
|
16
|
-
"type": "string"
|
|
17
|
-
},
|
|
18
|
-
"hideImage": {
|
|
19
|
-
"type": "boolean",
|
|
20
|
-
"default": false,
|
|
21
|
-
"description": "Optional image to display in dialog."
|
|
22
|
-
},
|
|
23
|
-
"size": {
|
|
24
|
-
"type": "string",
|
|
25
|
-
"enum": ["s", "m", "l"],
|
|
26
|
-
"default": "m"
|
|
27
|
-
},
|
|
28
|
-
"hideCloseButton": {
|
|
29
|
-
"type": "boolean",
|
|
30
|
-
"default": false
|
|
31
|
-
},
|
|
32
|
-
"footerContent": {
|
|
33
|
-
"type": "string",
|
|
34
|
-
"description": "Optional footer content to display in the dialog footer like a checkbox."
|
|
35
|
-
},
|
|
36
|
-
"primaryActionLabel": {
|
|
37
|
-
"type": "string"
|
|
38
|
-
},
|
|
39
|
-
"secondaryActionLabel": {
|
|
40
|
-
"type": "string",
|
|
41
|
-
"description": "If undefined, this button does not appear."
|
|
42
|
-
},
|
|
43
|
-
"cancelActionLabel": {
|
|
44
|
-
"type": "string",
|
|
45
|
-
"default": "cancel",
|
|
46
|
-
"description": "If undefined, this button does not appear."
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/standard-panel.json",
|
|
4
|
-
"title": "Standard Panel",
|
|
5
|
-
"description": "Standard Panels provide a flexible container for grouping related content and actions.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "containers",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/standard-panel/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"container": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"enum": ["anchored", "floating", "dragged"],
|
|
15
|
-
"default": "anchored"
|
|
16
|
-
},
|
|
17
|
-
"label": {
|
|
18
|
-
"type": "string"
|
|
19
|
-
},
|
|
20
|
-
"description": {
|
|
21
|
-
"type": "string"
|
|
22
|
-
},
|
|
23
|
-
"value": {
|
|
24
|
-
"type": "string"
|
|
25
|
-
},
|
|
26
|
-
"density": {
|
|
27
|
-
"type": "string",
|
|
28
|
-
"enum": ["compact", "regular", "spacious"],
|
|
29
|
-
"default": "regular"
|
|
30
|
-
},
|
|
31
|
-
"style": {
|
|
32
|
-
"type": "string",
|
|
33
|
-
"enum": ["primary", "secondary"],
|
|
34
|
-
"default": "primary"
|
|
35
|
-
},
|
|
36
|
-
"hideGripper": {
|
|
37
|
-
"type": "boolean",
|
|
38
|
-
"default": false
|
|
39
|
-
},
|
|
40
|
-
"hideCloseButton": {
|
|
41
|
-
"type": "boolean",
|
|
42
|
-
"default": false
|
|
43
|
-
},
|
|
44
|
-
"hideDivider": {
|
|
45
|
-
"type": "boolean",
|
|
46
|
-
"default": false
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/status-light.json",
|
|
4
|
-
"title": "Status light",
|
|
5
|
-
"description": "Status lights describe the condition of an entity. They can be used to convey semantic meaning, such as statuses and categories.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "status",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/status-light/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"label": {
|
|
13
|
-
"type": "string"
|
|
14
|
-
},
|
|
15
|
-
"variant": {
|
|
16
|
-
"type": "string",
|
|
17
|
-
"enum": [
|
|
18
|
-
"informative",
|
|
19
|
-
"neutral",
|
|
20
|
-
"positive",
|
|
21
|
-
"notice",
|
|
22
|
-
"negative",
|
|
23
|
-
"indigo",
|
|
24
|
-
"celery",
|
|
25
|
-
"chartreuse",
|
|
26
|
-
"yellow",
|
|
27
|
-
"magenta",
|
|
28
|
-
"fuchsia",
|
|
29
|
-
"purple",
|
|
30
|
-
"seafoam",
|
|
31
|
-
"pink",
|
|
32
|
-
"turquoise",
|
|
33
|
-
"cinnamon",
|
|
34
|
-
"brown",
|
|
35
|
-
"silver",
|
|
36
|
-
"gray",
|
|
37
|
-
"red",
|
|
38
|
-
"orange",
|
|
39
|
-
"green",
|
|
40
|
-
"cyan"
|
|
41
|
-
],
|
|
42
|
-
"default": "informative"
|
|
43
|
-
},
|
|
44
|
-
"size": {
|
|
45
|
-
"type": "string",
|
|
46
|
-
"enum": ["s", "m", "l", "xl"],
|
|
47
|
-
"default": "m"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"required": ["label"]
|
|
51
|
-
}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/steplist.json",
|
|
4
|
-
"title": "Steplist",
|
|
5
|
-
"description": "Step lists display progress through a sequence of steps, with each step marked as completed, current, or incomplete.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "navigation",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/steplist/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"orientation": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"enum": ["horizontal", "vertical"],
|
|
15
|
-
"default": "horizontal"
|
|
16
|
-
},
|
|
17
|
-
"items": {
|
|
18
|
-
"type": "array",
|
|
19
|
-
"description": "An array of step items in the step list.",
|
|
20
|
-
"items": {
|
|
21
|
-
"type": "object",
|
|
22
|
-
"properties": {
|
|
23
|
-
"label": {
|
|
24
|
-
"type": "string",
|
|
25
|
-
"description": "The text displayed for the step item."
|
|
26
|
-
},
|
|
27
|
-
"isDisabled": {
|
|
28
|
-
"type": "boolean",
|
|
29
|
-
"default": false,
|
|
30
|
-
"description": "Whether the step item is disabled."
|
|
31
|
-
},
|
|
32
|
-
"stepState": {
|
|
33
|
-
"type": "string",
|
|
34
|
-
"enum": [
|
|
35
|
-
"completed default",
|
|
36
|
-
"completed hover",
|
|
37
|
-
"current default",
|
|
38
|
-
"incomplete default"
|
|
39
|
-
],
|
|
40
|
-
"default": "current default",
|
|
41
|
-
"description": "The current state of the step item."
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
"required": ["label", "stepState"]
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
"currentStep": {
|
|
48
|
-
"type": "string",
|
|
49
|
-
"description": "The identifier or label of the currently active step."
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/swatch-group.json",
|
|
4
|
-
"title": "Swatch group",
|
|
5
|
-
"description": "A swatch group is a grouping of swatches that are related to each other.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "inputs",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/swatch-group/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"size": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"enum": ["xs", "s", "m", "l"],
|
|
15
|
-
"default": "m"
|
|
16
|
-
},
|
|
17
|
-
"density": {
|
|
18
|
-
"type": "string",
|
|
19
|
-
"enum": ["compact", "regular", "spacious"],
|
|
20
|
-
"default": "regular"
|
|
21
|
-
},
|
|
22
|
-
"enableSelection": {
|
|
23
|
-
"type": "boolean",
|
|
24
|
-
"default": false
|
|
25
|
-
},
|
|
26
|
-
"selectionMode": {
|
|
27
|
-
"type": "string",
|
|
28
|
-
"description": "Only applicable if selection is enabled.",
|
|
29
|
-
"enum": ["single", "multiple"],
|
|
30
|
-
"default": "single"
|
|
31
|
-
},
|
|
32
|
-
"allowsEmptySelection": {
|
|
33
|
-
"type": "boolean",
|
|
34
|
-
"default": false,
|
|
35
|
-
"description": "Only applicable if selection is enabled."
|
|
36
|
-
},
|
|
37
|
-
"cornerRadius": {
|
|
38
|
-
"type": "string",
|
|
39
|
-
"enum": ["none", "full", "partial"],
|
|
40
|
-
"default": "none",
|
|
41
|
-
"description": "Determines the corner radius of each swatch in the group. Partial refers to corner-radius-75."
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/swatch.json",
|
|
4
|
-
"title": "Swatch",
|
|
5
|
-
"description": "A swatch shows a small sample of a fill — such as a color, gradient, texture, or material — that is intended to be applied to an object.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "inputs",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/swatch/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"preview": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"description": "This will vary depending on implementation."
|
|
15
|
-
},
|
|
16
|
-
"size": {
|
|
17
|
-
"type": "string",
|
|
18
|
-
"enum": ["xs", "s", "m", "l"],
|
|
19
|
-
"default": "m"
|
|
20
|
-
},
|
|
21
|
-
"shape": {
|
|
22
|
-
"type": "string",
|
|
23
|
-
"enum": ["square", "rectangle"],
|
|
24
|
-
"default": "square"
|
|
25
|
-
},
|
|
26
|
-
"cornerRounding": {
|
|
27
|
-
"type": "string",
|
|
28
|
-
"enum": ["none", "partial", "full"],
|
|
29
|
-
"default": "none",
|
|
30
|
-
"description": "Determines the corner radius of the swatch. Partial refers to corner-radius-75."
|
|
31
|
-
},
|
|
32
|
-
"isSelected": {
|
|
33
|
-
"type": "boolean",
|
|
34
|
-
"default": false
|
|
35
|
-
},
|
|
36
|
-
"isDisabled": {
|
|
37
|
-
"type": "boolean",
|
|
38
|
-
"default": false
|
|
39
|
-
},
|
|
40
|
-
"state": {
|
|
41
|
-
"type": "string",
|
|
42
|
-
"enum": ["default", "hover", "down", "keyboard focus"],
|
|
43
|
-
"default": "default"
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/switch.json",
|
|
4
|
-
"title": "Switch",
|
|
5
|
-
"description": "Switches allow users to turn an individual option on or off. They are usually used to activate or deactivate a specific setting.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "inputs",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/switch/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"label": {
|
|
13
|
-
"type": "string"
|
|
14
|
-
},
|
|
15
|
-
"isSelected": {
|
|
16
|
-
"type": "boolean",
|
|
17
|
-
"default": false
|
|
18
|
-
},
|
|
19
|
-
"size": {
|
|
20
|
-
"type": "string",
|
|
21
|
-
"enum": ["s", "m", "l", "xl"],
|
|
22
|
-
"default": "m"
|
|
23
|
-
},
|
|
24
|
-
"isEmphasized": {
|
|
25
|
-
"type": "boolean",
|
|
26
|
-
"default": false
|
|
27
|
-
},
|
|
28
|
-
"isDisabled": {
|
|
29
|
-
"type": "boolean",
|
|
30
|
-
"default": false
|
|
31
|
-
},
|
|
32
|
-
"isReadOnly": {
|
|
33
|
-
"type": "boolean",
|
|
34
|
-
"default": false
|
|
35
|
-
},
|
|
36
|
-
"state": {
|
|
37
|
-
"type": "string",
|
|
38
|
-
"enum": ["default", "hover", "down", "keyboard focus"],
|
|
39
|
-
"default": "default"
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/tab-bar-ios.json",
|
|
4
|
-
"title": "Tab bar (iOS)",
|
|
5
|
-
"description": "Tab bar is a top-level navigation control for iOS apps.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "navigation",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/tab-bar-ios/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"label": {
|
|
13
|
-
"type": "string"
|
|
14
|
-
},
|
|
15
|
-
"labelPosition": {
|
|
16
|
-
"type": "string",
|
|
17
|
-
"enum": ["bottom", "side"],
|
|
18
|
-
"default": "bottom"
|
|
19
|
-
},
|
|
20
|
-
"icon": {
|
|
21
|
-
"$ref": "https://opensource.adobe.com/spectrum-design-data/schemas/types/workflow-icon.json"
|
|
22
|
-
},
|
|
23
|
-
"background": {
|
|
24
|
-
"type": "string",
|
|
25
|
-
"enum": ["primary", "secondary"],
|
|
26
|
-
"default": "primary"
|
|
27
|
-
},
|
|
28
|
-
"hasBadge": {
|
|
29
|
-
"type": "boolean",
|
|
30
|
-
"default": false
|
|
31
|
-
},
|
|
32
|
-
"isDisabled": {
|
|
33
|
-
"type": "boolean",
|
|
34
|
-
"default": false
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|