@adobe/spectrum-component-api-schemas 5.0.1 → 6.1.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/CHANGELOG.md +187 -184
- package/index.js +28 -12
- package/moon.yml +1 -4
- package/package.json +6 -5
- 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 +10 -10
- package/test/schema-validation.test.js +64 -105
- package/test/snapshots/index.test.js.md +36 -34
- package/schemas/component.json +0 -29
- 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 -109
- 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 -52
- 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 -106
- 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 -95
- 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 -77
- package/schemas/components/slider.json +0 -79
- package/schemas/components/standard-dialog.json +0 -53
- 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 -144
- 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 -60
- 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-tokens/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/breadcrumbs.json",
|
|
4
|
-
"title": "Breadcrumbs",
|
|
5
|
-
"description": "Breadcrumbs show hierarchy and navigational context for a user’s location within an app.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "navigation",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/breadcrumbs/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"state": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"enum": ["default", "hover", "down", "keyboard focus", "drag and drop"],
|
|
15
|
-
"default": "default"
|
|
16
|
-
},
|
|
17
|
-
"isMultiline": {
|
|
18
|
-
"type": "boolean",
|
|
19
|
-
"default": false,
|
|
20
|
-
"description": "If true, the breadcrumb items will wrap to multiple lines."
|
|
21
|
-
},
|
|
22
|
-
"size": {
|
|
23
|
-
"type": "string",
|
|
24
|
-
"enum": ["m", "l"],
|
|
25
|
-
"default": "m",
|
|
26
|
-
"description": "Controls the overall size of the breadcrumb component."
|
|
27
|
-
},
|
|
28
|
-
"items": {
|
|
29
|
-
"type": "array",
|
|
30
|
-
"description": "An array of breadcrumb items.",
|
|
31
|
-
"items": {
|
|
32
|
-
"type": "object",
|
|
33
|
-
"properties": {
|
|
34
|
-
"label": {
|
|
35
|
-
"type": "string",
|
|
36
|
-
"description": "The text displayed for the breadcrumb item."
|
|
37
|
-
},
|
|
38
|
-
"href": {
|
|
39
|
-
"type": "string",
|
|
40
|
-
"description": "Optional URL the breadcrumb item links to."
|
|
41
|
-
},
|
|
42
|
-
"isCurrent": {
|
|
43
|
-
"type": "boolean",
|
|
44
|
-
"description": "Indicates if the breadcrumb item represents the current page.",
|
|
45
|
-
"default": false
|
|
46
|
-
},
|
|
47
|
-
"isDisabled": {
|
|
48
|
-
"type": "boolean",
|
|
49
|
-
"default": false
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
"required": ["label"]
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
"separator": {
|
|
56
|
-
"type": "string",
|
|
57
|
-
"enum": ["chevron", "none"],
|
|
58
|
-
"default": "chevron",
|
|
59
|
-
"description": "The separator icon used between breadcrumb items."
|
|
60
|
-
},
|
|
61
|
-
"isTruncated": {
|
|
62
|
-
"type": "boolean",
|
|
63
|
-
"default": false,
|
|
64
|
-
"description": "If true, the breadcrumb item is truncated and displayed as icon only."
|
|
65
|
-
},
|
|
66
|
-
"sizeOverride": {
|
|
67
|
-
"type": "string",
|
|
68
|
-
"enum": ["s", "m", "l", "xl"],
|
|
69
|
-
"description": "Overrides the size of the breadcrumb items when isMultiline is true."
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/button-group.json",
|
|
4
|
-
"title": "Button group",
|
|
5
|
-
"description": "A button group is a grouping of buttons whose actions are related to each other.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "actions",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/button-group/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"orientation": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"default": "horizontal",
|
|
15
|
-
"enum": ["horizontal", "vertical"]
|
|
16
|
-
},
|
|
17
|
-
"size": {
|
|
18
|
-
"type": "string",
|
|
19
|
-
"pattern": "^(x?s|m|x{0,3}l)$",
|
|
20
|
-
"enum": ["s", "m", "l", "xl"],
|
|
21
|
-
"default": "m"
|
|
22
|
-
},
|
|
23
|
-
"overflowMode": {
|
|
24
|
-
"type": "string",
|
|
25
|
-
"enum": ["wrap", "collapse"],
|
|
26
|
-
"default": "wrap"
|
|
27
|
-
},
|
|
28
|
-
"isDisabled": {
|
|
29
|
-
"type": "boolean",
|
|
30
|
-
"default": false
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/button.json",
|
|
4
|
-
"title": "Button",
|
|
5
|
-
"description": "Buttons allow users to perform an action or to navigate to another page. They have multiple styles for various needs, and are ideal for calling attention to where a user needs to do something in order to move forward in a flow.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "actions",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/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
|
-
"variant": {
|
|
24
|
-
"type": "string",
|
|
25
|
-
"enum": ["accent", "negative", "primary", "secondary"],
|
|
26
|
-
"default": "accent"
|
|
27
|
-
},
|
|
28
|
-
"staticColor": {
|
|
29
|
-
"type": "string",
|
|
30
|
-
"enum": ["white", "black"],
|
|
31
|
-
"description": "Static color must not be set for the default version of this component."
|
|
32
|
-
},
|
|
33
|
-
"style": {
|
|
34
|
-
"type": "string",
|
|
35
|
-
"default": "fill",
|
|
36
|
-
"enum": ["fill", "outline"]
|
|
37
|
-
},
|
|
38
|
-
"size": {
|
|
39
|
-
"type": "string",
|
|
40
|
-
"enum": ["s", "m", "l", "xl"],
|
|
41
|
-
"default": "m"
|
|
42
|
-
},
|
|
43
|
-
"justified": {
|
|
44
|
-
"type": "boolean",
|
|
45
|
-
"default": false
|
|
46
|
-
},
|
|
47
|
-
"isPending": {
|
|
48
|
-
"type": "boolean",
|
|
49
|
-
"default": false
|
|
50
|
-
},
|
|
51
|
-
"isDisabled": {
|
|
52
|
-
"type": "boolean",
|
|
53
|
-
"default": false
|
|
54
|
-
},
|
|
55
|
-
"state": {
|
|
56
|
-
"type": "string",
|
|
57
|
-
"enum": ["default", "hover", "down", "keyboard focus"],
|
|
58
|
-
"default": "default"
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/calendar.json",
|
|
4
|
-
"title": "Calendar",
|
|
5
|
-
"description": "Calendars display days, weeks, and months, allowing users to select dates or ranges.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "inputs",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/calendar/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"currentMonth": {
|
|
13
|
-
"type": "number",
|
|
14
|
-
"minimum": 1,
|
|
15
|
-
"maximum": 12,
|
|
16
|
-
"description": "The month currently displayed in the calendar (1 = January, 12 = December)."
|
|
17
|
-
},
|
|
18
|
-
"currentYear": {
|
|
19
|
-
"type": "number",
|
|
20
|
-
"description": "The year currently displayed in the calendar (Gregorian year number)."
|
|
21
|
-
},
|
|
22
|
-
"selectionMode": {
|
|
23
|
-
"type": "string",
|
|
24
|
-
"enum": [
|
|
25
|
-
"single",
|
|
26
|
-
"range"
|
|
27
|
-
],
|
|
28
|
-
"default": "single",
|
|
29
|
-
"description": "Controls whether the calendar allows selecting a single date or a date range."
|
|
30
|
-
},
|
|
31
|
-
"isDisabled": {
|
|
32
|
-
"type": "boolean",
|
|
33
|
-
"default": false
|
|
34
|
-
},
|
|
35
|
-
"isError": {
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"default": false
|
|
38
|
-
},
|
|
39
|
-
"minValue": {
|
|
40
|
-
"type": "string",
|
|
41
|
-
"description": "The minimum allowed date that a user may select (ISO format string)."
|
|
42
|
-
},
|
|
43
|
-
"maxValue": {
|
|
44
|
-
"type": "string",
|
|
45
|
-
"description": "The maximum allowed date that a user may select (ISO format string)."
|
|
46
|
-
},
|
|
47
|
-
"showTimeZone": {
|
|
48
|
-
"type": "boolean",
|
|
49
|
-
"default": false,
|
|
50
|
-
"description": "Whether to show a time zone indicator in the calendar."
|
|
51
|
-
},
|
|
52
|
-
"days": {
|
|
53
|
-
"type": "array",
|
|
54
|
-
"description": "An array of days displayed in the current calendar view.",
|
|
55
|
-
"items": {
|
|
56
|
-
"type": "object",
|
|
57
|
-
"properties": {
|
|
58
|
-
"date": {
|
|
59
|
-
"type": "string",
|
|
60
|
-
"description": "The date represented by this day (ISO format string)."
|
|
61
|
-
},
|
|
62
|
-
"isDisabled": {
|
|
63
|
-
"type": "boolean",
|
|
64
|
-
"default": false,
|
|
65
|
-
"description": "Whether this day is disabled."
|
|
66
|
-
},
|
|
67
|
-
"isSelected": {
|
|
68
|
-
"type": "boolean",
|
|
69
|
-
"default": false,
|
|
70
|
-
"description": "Whether this day is currently selected."
|
|
71
|
-
},
|
|
72
|
-
"isRangeStart": {
|
|
73
|
-
"type": "boolean",
|
|
74
|
-
"default": false,
|
|
75
|
-
"description": "Whether this day is the start of a selected range."
|
|
76
|
-
},
|
|
77
|
-
"isRangeEnd": {
|
|
78
|
-
"type": "boolean",
|
|
79
|
-
"default": false,
|
|
80
|
-
"description": "Whether this day is the end of a selected range."
|
|
81
|
-
},
|
|
82
|
-
"isUnavailable": {
|
|
83
|
-
"type": "boolean",
|
|
84
|
-
"default": false,
|
|
85
|
-
"description": "Whether this day is unavailable for selection. If true, the day appears with a strikethrough."
|
|
86
|
-
},
|
|
87
|
-
"isToday": {
|
|
88
|
-
"type": "boolean",
|
|
89
|
-
"default": false,
|
|
90
|
-
"description": "Whether this day represents the current date."
|
|
91
|
-
},
|
|
92
|
-
"state": {
|
|
93
|
-
"type": "string",
|
|
94
|
-
"enum": [
|
|
95
|
-
"default",
|
|
96
|
-
"hover",
|
|
97
|
-
"keyboard focus"
|
|
98
|
-
],
|
|
99
|
-
"default": "default",
|
|
100
|
-
"description": "The interaction state of the day cell."
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
"required": [
|
|
104
|
-
"date"
|
|
105
|
-
]
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
}
|
|
@@ -1,238 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/cards.json",
|
|
4
|
-
"title": "Cards",
|
|
5
|
-
"description": "Cards group related content into distinct layouts depending on context.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "containers",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/cards/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"definitions": {
|
|
12
|
-
"baseCard": {
|
|
13
|
-
"type": "object",
|
|
14
|
-
"properties": {
|
|
15
|
-
"size": {
|
|
16
|
-
"type": "string",
|
|
17
|
-
"enum": ["xs", "s", "m", "l", "xl"],
|
|
18
|
-
"default": "m",
|
|
19
|
-
"description": "Overall size of the card."
|
|
20
|
-
},
|
|
21
|
-
"state": {
|
|
22
|
-
"type": "string",
|
|
23
|
-
"enum": ["default", "hover", "pending"],
|
|
24
|
-
"default": "default",
|
|
25
|
-
"description": "Interaction state of the card."
|
|
26
|
-
},
|
|
27
|
-
"isSelected": {
|
|
28
|
-
"type": "boolean",
|
|
29
|
-
"default": false,
|
|
30
|
-
"description": "Whether the card is selected."
|
|
31
|
-
},
|
|
32
|
-
"isQuiet": {
|
|
33
|
-
"type": "boolean",
|
|
34
|
-
"default": false,
|
|
35
|
-
"description": "Applies a quiet visual style."
|
|
36
|
-
},
|
|
37
|
-
"isDisabled": {
|
|
38
|
-
"type": "boolean",
|
|
39
|
-
"default": false,
|
|
40
|
-
"description": "Whether the card is disabled."
|
|
41
|
-
},
|
|
42
|
-
"hideCheckbox": {
|
|
43
|
-
"type": "boolean",
|
|
44
|
-
"default": false,
|
|
45
|
-
"description": "If true, the selection checkbox is hidden."
|
|
46
|
-
},
|
|
47
|
-
"actionLabel": {
|
|
48
|
-
"type": "string",
|
|
49
|
-
"description": "Optional action button label."
|
|
50
|
-
},
|
|
51
|
-
"metadata": {
|
|
52
|
-
"type": "string",
|
|
53
|
-
"description": "Optional metadata shown below the card."
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
"properties": {
|
|
59
|
-
"variant": {
|
|
60
|
-
"type": "string",
|
|
61
|
-
"enum": [
|
|
62
|
-
"asset",
|
|
63
|
-
"collection",
|
|
64
|
-
"flex",
|
|
65
|
-
"gallery",
|
|
66
|
-
"horizontal",
|
|
67
|
-
"product"
|
|
68
|
-
],
|
|
69
|
-
"default": "asset",
|
|
70
|
-
"description": "Determines which card layout variant is used."
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
"oneOf": [
|
|
74
|
-
{
|
|
75
|
-
"allOf": [
|
|
76
|
-
{
|
|
77
|
-
"$ref": "#/definitions/baseCard"
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"properties": {
|
|
81
|
-
"variant": {
|
|
82
|
-
"const": "asset"
|
|
83
|
-
},
|
|
84
|
-
"title": {
|
|
85
|
-
"type": "string"
|
|
86
|
-
},
|
|
87
|
-
"description": {
|
|
88
|
-
"type": "string"
|
|
89
|
-
},
|
|
90
|
-
"image": {
|
|
91
|
-
"type": "string",
|
|
92
|
-
"description": "Preview image."
|
|
93
|
-
},
|
|
94
|
-
"previewVariant": {
|
|
95
|
-
"type": "string",
|
|
96
|
-
"enum": [
|
|
97
|
-
"full-bleed",
|
|
98
|
-
"half-horizontal",
|
|
99
|
-
"two-thirds-horizontal",
|
|
100
|
-
"half-vertical",
|
|
101
|
-
"two-thirds-vertical"
|
|
102
|
-
],
|
|
103
|
-
"default": "full-bleed",
|
|
104
|
-
"description": "Layout style for the preview image."
|
|
105
|
-
}
|
|
106
|
-
},
|
|
107
|
-
"required": ["image"]
|
|
108
|
-
}
|
|
109
|
-
]
|
|
110
|
-
},
|
|
111
|
-
{
|
|
112
|
-
"allOf": [
|
|
113
|
-
{
|
|
114
|
-
"$ref": "#/definitions/baseCard"
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
"properties": {
|
|
118
|
-
"variant": {
|
|
119
|
-
"const": "collection"
|
|
120
|
-
},
|
|
121
|
-
"title": {
|
|
122
|
-
"type": "string"
|
|
123
|
-
},
|
|
124
|
-
"description": {
|
|
125
|
-
"type": "string"
|
|
126
|
-
},
|
|
127
|
-
"collectionName": {
|
|
128
|
-
"type": "string"
|
|
129
|
-
},
|
|
130
|
-
"itemCount": {
|
|
131
|
-
"type": "number"
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
"required": ["collectionName"]
|
|
135
|
-
}
|
|
136
|
-
]
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
"allOf": [
|
|
140
|
-
{
|
|
141
|
-
"$ref": "#/definitions/baseCard"
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
"properties": {
|
|
145
|
-
"variant": {
|
|
146
|
-
"const": "flex"
|
|
147
|
-
},
|
|
148
|
-
"title": {
|
|
149
|
-
"type": "string"
|
|
150
|
-
},
|
|
151
|
-
"description": {
|
|
152
|
-
"type": "string"
|
|
153
|
-
},
|
|
154
|
-
"content": {
|
|
155
|
-
"type": "string",
|
|
156
|
-
"description": "Flexible card content."
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
]
|
|
161
|
-
},
|
|
162
|
-
{
|
|
163
|
-
"properties": {
|
|
164
|
-
"variant": {
|
|
165
|
-
"const": "gallery"
|
|
166
|
-
},
|
|
167
|
-
"images": {
|
|
168
|
-
"type": "array",
|
|
169
|
-
"items": {
|
|
170
|
-
"type": "string"
|
|
171
|
-
},
|
|
172
|
-
"description": "Image URLs for gallery display."
|
|
173
|
-
}
|
|
174
|
-
},
|
|
175
|
-
"required": ["images"],
|
|
176
|
-
"additionalProperties": false
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
"allOf": [
|
|
180
|
-
{
|
|
181
|
-
"$ref": "#/definitions/baseCard"
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
"properties": {
|
|
185
|
-
"variant": {
|
|
186
|
-
"const": "horizontal"
|
|
187
|
-
},
|
|
188
|
-
"title": {
|
|
189
|
-
"type": "string"
|
|
190
|
-
},
|
|
191
|
-
"description": {
|
|
192
|
-
"type": "string"
|
|
193
|
-
},
|
|
194
|
-
"thumbnail": {
|
|
195
|
-
"type": "string",
|
|
196
|
-
"description": "Thumbnail image on left or right."
|
|
197
|
-
},
|
|
198
|
-
"details": {
|
|
199
|
-
"type": "string",
|
|
200
|
-
"description": "Supporting text beside thumbnail."
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
]
|
|
205
|
-
},
|
|
206
|
-
{
|
|
207
|
-
"allOf": [
|
|
208
|
-
{
|
|
209
|
-
"$ref": "#/definitions/baseCard"
|
|
210
|
-
},
|
|
211
|
-
{
|
|
212
|
-
"properties": {
|
|
213
|
-
"variant": {
|
|
214
|
-
"const": "product"
|
|
215
|
-
},
|
|
216
|
-
"title": {
|
|
217
|
-
"type": "string"
|
|
218
|
-
},
|
|
219
|
-
"description": {
|
|
220
|
-
"type": "string"
|
|
221
|
-
},
|
|
222
|
-
"productName": {
|
|
223
|
-
"type": "string"
|
|
224
|
-
},
|
|
225
|
-
"price": {
|
|
226
|
-
"type": "string"
|
|
227
|
-
},
|
|
228
|
-
"thumbnail": {
|
|
229
|
-
"type": "string",
|
|
230
|
-
"description": "Thumbnail for the product."
|
|
231
|
-
}
|
|
232
|
-
},
|
|
233
|
-
"required": ["productName", "price", "thumbnail"]
|
|
234
|
-
}
|
|
235
|
-
]
|
|
236
|
-
}
|
|
237
|
-
]
|
|
238
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/checkbox-group.json",
|
|
4
|
-
"title": "Checkbox group",
|
|
5
|
-
"description": "A checkbox group is a grouping of checkboxes that are related to each other.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "inputs",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/checkbox-group/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"label": {
|
|
13
|
-
"type": "string"
|
|
14
|
-
},
|
|
15
|
-
"labelPosition": {
|
|
16
|
-
"type": "string",
|
|
17
|
-
"enum": ["top", "side"],
|
|
18
|
-
"default": "top"
|
|
19
|
-
},
|
|
20
|
-
"necessityIndicator": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"enum": ["text", "icon"],
|
|
23
|
-
"default": "icon"
|
|
24
|
-
},
|
|
25
|
-
"isRequired": {
|
|
26
|
-
"type": "boolean",
|
|
27
|
-
"default": false
|
|
28
|
-
},
|
|
29
|
-
"orientation": {
|
|
30
|
-
"type": "string",
|
|
31
|
-
"enum": ["horizontal", "vertical"],
|
|
32
|
-
"default": "vertical"
|
|
33
|
-
},
|
|
34
|
-
"isError": {
|
|
35
|
-
"type": "boolean",
|
|
36
|
-
"default": false
|
|
37
|
-
},
|
|
38
|
-
"isDisabled": {
|
|
39
|
-
"type": "boolean",
|
|
40
|
-
"default": false
|
|
41
|
-
},
|
|
42
|
-
"description": {
|
|
43
|
-
"type": "string"
|
|
44
|
-
},
|
|
45
|
-
"errorMessage": {
|
|
46
|
-
"type": "string"
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/checkbox.json",
|
|
4
|
-
"title": "Checkbox",
|
|
5
|
-
"description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "inputs",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/checkbox/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"label": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"description": "When the label is not defined, the checkbox appears as a standalone checkbox."
|
|
15
|
-
},
|
|
16
|
-
"isSelected": {
|
|
17
|
-
"type": "boolean",
|
|
18
|
-
"default": false
|
|
19
|
-
},
|
|
20
|
-
"isIndeterminate": {
|
|
21
|
-
"type": "boolean",
|
|
22
|
-
"default": false,
|
|
23
|
-
"description": "When a checkbox is indeterminate, it overrides the selection state."
|
|
24
|
-
},
|
|
25
|
-
"size": {
|
|
26
|
-
"type": "string",
|
|
27
|
-
"enum": ["s", "m", "l", "xl"],
|
|
28
|
-
"default": "m"
|
|
29
|
-
},
|
|
30
|
-
"isEmphasized": {
|
|
31
|
-
"type": "boolean",
|
|
32
|
-
"default": false
|
|
33
|
-
},
|
|
34
|
-
"isDisabled": {
|
|
35
|
-
"type": "boolean",
|
|
36
|
-
"default": false
|
|
37
|
-
},
|
|
38
|
-
"isError": {
|
|
39
|
-
"type": "boolean",
|
|
40
|
-
"default": false
|
|
41
|
-
},
|
|
42
|
-
|
|
43
|
-
"state": {
|
|
44
|
-
"type": "string",
|
|
45
|
-
"enum": ["default", "hover", "down", "keyboard focus"],
|
|
46
|
-
"default": "default"
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/close-button.json",
|
|
4
|
-
"title": "Close button",
|
|
5
|
-
"description": "The close button is used inside of other components, like a toast or an action bar, for closing or dismissing its parent component.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "actions",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/close-button/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"size": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"enum": ["s", "m", "l", "xl"],
|
|
15
|
-
"default": "m"
|
|
16
|
-
},
|
|
17
|
-
"iconSize": {
|
|
18
|
-
"type": "string"
|
|
19
|
-
},
|
|
20
|
-
"staticColor": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"enum": ["white", "black"],
|
|
23
|
-
"description": "Static color must not be set for the default version of this component."
|
|
24
|
-
},
|
|
25
|
-
"isDisabled": {
|
|
26
|
-
"type": "boolean",
|
|
27
|
-
"default": false
|
|
28
|
-
},
|
|
29
|
-
"state": {
|
|
30
|
-
"type": "string",
|
|
31
|
-
"enum": ["default", "hover", "down", "keyboard focus"],
|
|
32
|
-
"default": "default"
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
-
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/coach-indicator.json",
|
|
4
|
-
"title": "Coach indicator",
|
|
5
|
-
"description": "Coach indicators help guide users through interfaces by highlighting important areas or features during onboarding and feature discovery.",
|
|
6
|
-
"meta": {
|
|
7
|
-
"category": "feedback",
|
|
8
|
-
"documentationUrl": "https://spectrum.adobe.com/page/coach-indicator/"
|
|
9
|
-
},
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"cornerRounding": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"enum": [
|
|
15
|
-
"none",
|
|
16
|
-
"corner-radius-75",
|
|
17
|
-
"corner-radius-100",
|
|
18
|
-
"corner-radius-200",
|
|
19
|
-
"corner-radius-300",
|
|
20
|
-
"corner-radius-400",
|
|
21
|
-
"corner-radius-500",
|
|
22
|
-
"corner-radius-600",
|
|
23
|
-
"corner-radius-700",
|
|
24
|
-
"corner-radius-800",
|
|
25
|
-
"full"
|
|
26
|
-
]
|
|
27
|
-
},
|
|
28
|
-
"staticColor": {
|
|
29
|
-
"type": "string",
|
|
30
|
-
"enum": ["white"],
|
|
31
|
-
"description": "If not set to white, the coach indicator uses the default color."
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|