@adobe/spectrum-component-api-schemas 4.0.0 → 5.0.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 +40 -0
- package/package.json +1 -1
- package/schemas/components/accordion.json +4 -20
- package/schemas/components/alert-banner.json +1 -1
- package/schemas/components/avatar-group.json +18 -26
- package/schemas/components/breadcrumbs.json +7 -7
- package/schemas/components/calendar.json +109 -0
- package/schemas/components/cards.json +238 -0
- package/schemas/components/checkbox-group.json +1 -1
- package/schemas/components/coach-mark.json +51 -0
- package/schemas/components/color-handle.json +27 -27
- package/schemas/components/color-slider.json +10 -2
- package/schemas/components/illustrated-message.json +52 -0
- package/schemas/components/in-line-alert.json +3 -3
- package/schemas/components/list-view.json +106 -0
- package/schemas/components/number-field.json +53 -69
- package/schemas/components/picker.json +18 -8
- package/schemas/components/radio-button.json +1 -6
- package/schemas/components/segmented-control.json +62 -79
- package/schemas/components/side-navigation.json +61 -2
- package/schemas/components/slider.json +3 -14
- package/schemas/components/standard-dialog.json +53 -0
- package/schemas/components/standard-panel.json +49 -0
- package/schemas/components/swatch-group.json +4 -20
- package/schemas/components/swatch.json +4 -21
- package/schemas/components/table.json +144 -0
- package/schemas/components/tabs.json +6 -26
- package/schemas/components/tag-field.json +38 -47
- package/schemas/components/tag-group.json +27 -34
- package/schemas/components/takeover-dialog.json +60 -0
- package/schemas/components/text-field.json +3 -14
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
+
"$id": "https://opensource.adobe.com/spectrum-tokens/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": [
|
|
26
|
+
"s",
|
|
27
|
+
"m",
|
|
28
|
+
"l"
|
|
29
|
+
],
|
|
30
|
+
"default": "m"
|
|
31
|
+
},
|
|
32
|
+
"hideCloseButton": {
|
|
33
|
+
"type": "boolean",
|
|
34
|
+
"default": false
|
|
35
|
+
},
|
|
36
|
+
"footerContent": {
|
|
37
|
+
"type": "string",
|
|
38
|
+
"description": "Optional footer content to display in the dialog footer like a checkbox."
|
|
39
|
+
},
|
|
40
|
+
"primaryActionLabel": {
|
|
41
|
+
"type": "string"
|
|
42
|
+
},
|
|
43
|
+
"secondaryActionLabel": {
|
|
44
|
+
"type": "string",
|
|
45
|
+
"description": "If undefined, this button does not appear."
|
|
46
|
+
},
|
|
47
|
+
"cancelActionLabel": {
|
|
48
|
+
"type": "string",
|
|
49
|
+
"default": "cancel",
|
|
50
|
+
"description": "If undefined, this button does not appear."
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
+
"$id": "https://opensource.adobe.com/spectrum-tokens/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
|
+
}
|
|
@@ -11,21 +11,12 @@
|
|
|
11
11
|
"properties": {
|
|
12
12
|
"size": {
|
|
13
13
|
"type": "string",
|
|
14
|
-
"enum": [
|
|
15
|
-
"xs",
|
|
16
|
-
"s",
|
|
17
|
-
"m",
|
|
18
|
-
"l"
|
|
19
|
-
],
|
|
14
|
+
"enum": ["xs", "s", "m", "l"],
|
|
20
15
|
"default": "m"
|
|
21
16
|
},
|
|
22
17
|
"density": {
|
|
23
18
|
"type": "string",
|
|
24
|
-
"enum": [
|
|
25
|
-
"compact",
|
|
26
|
-
"regular",
|
|
27
|
-
"spacious"
|
|
28
|
-
],
|
|
19
|
+
"enum": ["compact", "regular", "spacious"],
|
|
29
20
|
"default": "regular"
|
|
30
21
|
},
|
|
31
22
|
"enableSelection": {
|
|
@@ -35,10 +26,7 @@
|
|
|
35
26
|
"selectionMode": {
|
|
36
27
|
"type": "string",
|
|
37
28
|
"description": "Only applicable if selection is enabled.",
|
|
38
|
-
"enum": [
|
|
39
|
-
"single",
|
|
40
|
-
"multiple"
|
|
41
|
-
],
|
|
29
|
+
"enum": ["single", "multiple"],
|
|
42
30
|
"default": "single"
|
|
43
31
|
},
|
|
44
32
|
"allowsEmptySelection": {
|
|
@@ -48,11 +36,7 @@
|
|
|
48
36
|
},
|
|
49
37
|
"cornerRadius": {
|
|
50
38
|
"type": "string",
|
|
51
|
-
"enum": [
|
|
52
|
-
"none",
|
|
53
|
-
"full",
|
|
54
|
-
"partial"
|
|
55
|
-
],
|
|
39
|
+
"enum": ["none", "full", "partial"],
|
|
56
40
|
"default": "none",
|
|
57
41
|
"description": "Determines the corner radius of each swatch in the group. Partial refers to corner-radius-75."
|
|
58
42
|
}
|
|
@@ -15,29 +15,17 @@
|
|
|
15
15
|
},
|
|
16
16
|
"size": {
|
|
17
17
|
"type": "string",
|
|
18
|
-
"enum": [
|
|
19
|
-
"xs",
|
|
20
|
-
"s",
|
|
21
|
-
"m",
|
|
22
|
-
"l"
|
|
23
|
-
],
|
|
18
|
+
"enum": ["xs", "s", "m", "l"],
|
|
24
19
|
"default": "m"
|
|
25
20
|
},
|
|
26
21
|
"shape": {
|
|
27
22
|
"type": "string",
|
|
28
|
-
"enum": [
|
|
29
|
-
"square",
|
|
30
|
-
"rectangle"
|
|
31
|
-
],
|
|
23
|
+
"enum": ["square", "rectangle"],
|
|
32
24
|
"default": "square"
|
|
33
25
|
},
|
|
34
26
|
"cornerRounding": {
|
|
35
27
|
"type": "string",
|
|
36
|
-
"enum": [
|
|
37
|
-
"none",
|
|
38
|
-
"partial",
|
|
39
|
-
"full"
|
|
40
|
-
],
|
|
28
|
+
"enum": ["none", "partial", "full"],
|
|
41
29
|
"default": "none",
|
|
42
30
|
"description": "Determines the corner radius of the swatch. Partial refers to corner-radius-75."
|
|
43
31
|
},
|
|
@@ -51,12 +39,7 @@
|
|
|
51
39
|
},
|
|
52
40
|
"state": {
|
|
53
41
|
"type": "string",
|
|
54
|
-
"enum": [
|
|
55
|
-
"default",
|
|
56
|
-
"hover",
|
|
57
|
-
"down",
|
|
58
|
-
"keyboard focus"
|
|
59
|
-
],
|
|
42
|
+
"enum": ["default", "hover", "down", "keyboard focus"],
|
|
60
43
|
"default": "default"
|
|
61
44
|
}
|
|
62
45
|
}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
+
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/table.json",
|
|
4
|
+
"title": "Table",
|
|
5
|
+
"description": "Tables display information in rows and columns, allowing users to compare and scan structured data.",
|
|
6
|
+
"meta": {
|
|
7
|
+
"category": "data visualization",
|
|
8
|
+
"documentationUrl": "https://spectrum.adobe.com/page/table/"
|
|
9
|
+
},
|
|
10
|
+
"type": "object",
|
|
11
|
+
"properties": {
|
|
12
|
+
"size": {
|
|
13
|
+
"type": "string",
|
|
14
|
+
"enum": [
|
|
15
|
+
"s",
|
|
16
|
+
"m",
|
|
17
|
+
"l"
|
|
18
|
+
],
|
|
19
|
+
"default": "m",
|
|
20
|
+
"description": "Controls the density of table rows."
|
|
21
|
+
},
|
|
22
|
+
"hideHeader": {
|
|
23
|
+
"type": "boolean",
|
|
24
|
+
"default": false,
|
|
25
|
+
"description": "If true, the table header is hidden."
|
|
26
|
+
},
|
|
27
|
+
"header": {
|
|
28
|
+
"type": "object",
|
|
29
|
+
"description": "Configuration for the table header row.",
|
|
30
|
+
"properties": {
|
|
31
|
+
"alignment": {
|
|
32
|
+
"type": "string",
|
|
33
|
+
"enum": [
|
|
34
|
+
"left",
|
|
35
|
+
"right"
|
|
36
|
+
],
|
|
37
|
+
"default": "left",
|
|
38
|
+
"description": "Alignment of the table header text."
|
|
39
|
+
},
|
|
40
|
+
"state": {
|
|
41
|
+
"type": "string",
|
|
42
|
+
"enum": [
|
|
43
|
+
"default",
|
|
44
|
+
"hover",
|
|
45
|
+
"down",
|
|
46
|
+
"keyboard focus"
|
|
47
|
+
],
|
|
48
|
+
"default": "default",
|
|
49
|
+
"description": "Interaction state of the header row."
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
"density": {
|
|
54
|
+
"type": "string",
|
|
55
|
+
"enum": [
|
|
56
|
+
"compact",
|
|
57
|
+
"regular",
|
|
58
|
+
"spacious"
|
|
59
|
+
],
|
|
60
|
+
"default": "regular"
|
|
61
|
+
},
|
|
62
|
+
"isQuiet": {
|
|
63
|
+
"type": "boolean",
|
|
64
|
+
"default": false,
|
|
65
|
+
"description": "If true, the table uses a quiet visual style."
|
|
66
|
+
},
|
|
67
|
+
"isSortable": {
|
|
68
|
+
"type": "boolean",
|
|
69
|
+
"default": false,
|
|
70
|
+
"description": "If true, table columns can be sorted."
|
|
71
|
+
},
|
|
72
|
+
"columns": {
|
|
73
|
+
"type": "array",
|
|
74
|
+
"description": "An array of column definitions for the table.",
|
|
75
|
+
"items": {
|
|
76
|
+
"type": "object",
|
|
77
|
+
"properties": {
|
|
78
|
+
"key": {
|
|
79
|
+
"type": "string",
|
|
80
|
+
"description": "Unique identifier for the column."
|
|
81
|
+
},
|
|
82
|
+
"label": {
|
|
83
|
+
"type": "string",
|
|
84
|
+
"description": "The header text displayed for the column."
|
|
85
|
+
},
|
|
86
|
+
"type": {
|
|
87
|
+
"type": "string",
|
|
88
|
+
"enum": [
|
|
89
|
+
"text",
|
|
90
|
+
"number",
|
|
91
|
+
"avatar",
|
|
92
|
+
"date",
|
|
93
|
+
"sparkline",
|
|
94
|
+
"select",
|
|
95
|
+
"layout"
|
|
96
|
+
],
|
|
97
|
+
"default": "text",
|
|
98
|
+
"description": "Defines the data type for the column."
|
|
99
|
+
},
|
|
100
|
+
"resizing": {
|
|
101
|
+
"type": "string",
|
|
102
|
+
"enum": [
|
|
103
|
+
"fluid",
|
|
104
|
+
"fixed"
|
|
105
|
+
],
|
|
106
|
+
"default": "fluid",
|
|
107
|
+
"description": "Defines whether the column width is fluid or fixed."
|
|
108
|
+
},
|
|
109
|
+
"summary placement": {
|
|
110
|
+
"type": "string",
|
|
111
|
+
"enum": [
|
|
112
|
+
"top",
|
|
113
|
+
"bottom"
|
|
114
|
+
],
|
|
115
|
+
"default": "bottom",
|
|
116
|
+
"description": "Placement of the summary row for this column, if applicable."
|
|
117
|
+
},
|
|
118
|
+
"summary text": {
|
|
119
|
+
"type": "string",
|
|
120
|
+
"description": "Text to display in the summary row for this column, if applicable."
|
|
121
|
+
},
|
|
122
|
+
"isSortable": {
|
|
123
|
+
"type": "boolean",
|
|
124
|
+
"default": false,
|
|
125
|
+
"description": "Whether this column is sortable."
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
"required": [
|
|
129
|
+
"key",
|
|
130
|
+
"label",
|
|
131
|
+
"type"
|
|
132
|
+
]
|
|
133
|
+
}
|
|
134
|
+
},
|
|
135
|
+
"rows": {
|
|
136
|
+
"type": "array",
|
|
137
|
+
"description": "An array of row data for the table.",
|
|
138
|
+
"items": {
|
|
139
|
+
"type": "object",
|
|
140
|
+
"description": "Each object represents a single row, keyed by column IDs."
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
}
|
|
@@ -11,10 +11,7 @@
|
|
|
11
11
|
"properties": {
|
|
12
12
|
"orientation": {
|
|
13
13
|
"type": "string",
|
|
14
|
-
"enum": [
|
|
15
|
-
"horizontal",
|
|
16
|
-
"vertical"
|
|
17
|
-
],
|
|
14
|
+
"enum": ["horizontal", "vertical"],
|
|
18
15
|
"default": "horizontal"
|
|
19
16
|
},
|
|
20
17
|
"items": {
|
|
@@ -34,30 +31,19 @@
|
|
|
34
31
|
},
|
|
35
32
|
"state": {
|
|
36
33
|
"type": "string",
|
|
37
|
-
"enum": [
|
|
38
|
-
"default",
|
|
39
|
-
"hover",
|
|
40
|
-
"keyboard focus"
|
|
41
|
-
],
|
|
34
|
+
"enum": ["default", "hover", "keyboard focus"],
|
|
42
35
|
"default": "default",
|
|
43
36
|
"description": "The interaction state of the tab item."
|
|
44
37
|
},
|
|
45
38
|
"contentVariant": {
|
|
46
39
|
"type": "string",
|
|
47
|
-
"enum": [
|
|
48
|
-
"label-only",
|
|
49
|
-
"icon-only",
|
|
50
|
-
"icon-label"
|
|
51
|
-
],
|
|
40
|
+
"enum": ["label-only", "icon-only", "icon-label"],
|
|
52
41
|
"default": "icon-label",
|
|
53
42
|
"description": "Controls whether the tab displays a label, an icon, or both."
|
|
54
43
|
},
|
|
55
44
|
"density": {
|
|
56
45
|
"type": "string",
|
|
57
|
-
"enum": [
|
|
58
|
-
"compact",
|
|
59
|
-
"regular"
|
|
60
|
-
],
|
|
46
|
+
"enum": ["compact", "regular"],
|
|
61
47
|
"default": "regular"
|
|
62
48
|
},
|
|
63
49
|
"isFluid": {
|
|
@@ -71,10 +57,7 @@
|
|
|
71
57
|
},
|
|
72
58
|
"alignment": {
|
|
73
59
|
"type": "string",
|
|
74
|
-
"enum": [
|
|
75
|
-
"start",
|
|
76
|
-
"center"
|
|
77
|
-
],
|
|
60
|
+
"enum": ["start", "center"],
|
|
78
61
|
"default": "start"
|
|
79
62
|
},
|
|
80
63
|
"selectedItem": {
|
|
@@ -82,10 +65,7 @@
|
|
|
82
65
|
},
|
|
83
66
|
"keyboardActivation": {
|
|
84
67
|
"type": "string",
|
|
85
|
-
"enum": [
|
|
86
|
-
"manual",
|
|
87
|
-
"automatic"
|
|
88
|
-
],
|
|
68
|
+
"enum": ["manual", "automatic"],
|
|
89
69
|
"default": "manual"
|
|
90
70
|
}
|
|
91
71
|
}
|
|
@@ -1,51 +1,42 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
+
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/tag-field.json",
|
|
4
|
+
"title": "Tag field",
|
|
5
|
+
"description": "A tag field is an input field that allows users to enter and manage tags.",
|
|
6
|
+
"meta": {
|
|
7
|
+
"category": "inputs",
|
|
8
|
+
"documentationUrl": "https://spectrum.adobe.com/page/tag-field/"
|
|
9
|
+
},
|
|
10
|
+
"type": "object",
|
|
11
|
+
"properties": {
|
|
12
|
+
"size": {
|
|
13
|
+
"type": "string",
|
|
14
|
+
"enum": ["s", "m", "l"],
|
|
15
|
+
"default": "m"
|
|
9
16
|
},
|
|
10
|
-
"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
"type": "string",
|
|
34
|
-
"enum": [
|
|
35
|
-
"keyword",
|
|
36
|
-
"icon",
|
|
37
|
-
"thumbnail",
|
|
38
|
-
"avatar"
|
|
39
|
-
],
|
|
40
|
-
"default": "keyword"
|
|
41
|
-
},
|
|
42
|
-
"isDisabled": {
|
|
43
|
-
"type": "boolean",
|
|
44
|
-
"default": false
|
|
45
|
-
},
|
|
46
|
-
"hideLabel": {
|
|
47
|
-
"type": "boolean",
|
|
48
|
-
"default": false
|
|
49
|
-
}
|
|
17
|
+
"state": {
|
|
18
|
+
"type": "string",
|
|
19
|
+
"enum": [
|
|
20
|
+
"default",
|
|
21
|
+
"hover",
|
|
22
|
+
"focus + hover",
|
|
23
|
+
"focus + not hover",
|
|
24
|
+
"keyboard focus"
|
|
25
|
+
],
|
|
26
|
+
"default": "default"
|
|
27
|
+
},
|
|
28
|
+
"style": {
|
|
29
|
+
"type": "string",
|
|
30
|
+
"enum": ["keyword", "icon", "thumbnail", "avatar"],
|
|
31
|
+
"default": "keyword"
|
|
32
|
+
},
|
|
33
|
+
"isDisabled": {
|
|
34
|
+
"type": "boolean",
|
|
35
|
+
"default": false
|
|
36
|
+
},
|
|
37
|
+
"hideLabel": {
|
|
38
|
+
"type": "boolean",
|
|
39
|
+
"default": false
|
|
50
40
|
}
|
|
41
|
+
}
|
|
51
42
|
}
|
|
@@ -1,38 +1,31 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
+
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/tag-group.json",
|
|
4
|
+
"title": "Tag group",
|
|
5
|
+
"description": "A tag group is a collection of tags that represent a set of related items.",
|
|
6
|
+
"meta": {
|
|
7
|
+
"category": "inputs",
|
|
8
|
+
"documentationUrl": "https://spectrum.adobe.com/page/tag-group/"
|
|
9
|
+
},
|
|
10
|
+
"type": "object",
|
|
11
|
+
"properties": {
|
|
12
|
+
"size": {
|
|
13
|
+
"type": "string",
|
|
14
|
+
"enum": ["s", "m", "l"],
|
|
15
|
+
"default": "m"
|
|
9
16
|
},
|
|
10
|
-
"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
"type": "string",
|
|
23
|
-
"enum": [
|
|
24
|
-
"top",
|
|
25
|
-
"side"
|
|
26
|
-
],
|
|
27
|
-
"default": "top"
|
|
28
|
-
},
|
|
29
|
-
"hideLabel": {
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": false
|
|
32
|
-
},
|
|
33
|
-
"actionLabel": {
|
|
34
|
-
"type": "string",
|
|
35
|
-
"description": "If undefined, this button does not appear."
|
|
36
|
-
}
|
|
17
|
+
"labelPosition": {
|
|
18
|
+
"type": "string",
|
|
19
|
+
"enum": ["top", "side"],
|
|
20
|
+
"default": "top"
|
|
21
|
+
},
|
|
22
|
+
"hideLabel": {
|
|
23
|
+
"type": "boolean",
|
|
24
|
+
"default": false
|
|
25
|
+
},
|
|
26
|
+
"actionLabel": {
|
|
27
|
+
"type": "string",
|
|
28
|
+
"description": "If undefined, this button does not appear."
|
|
37
29
|
}
|
|
30
|
+
}
|
|
38
31
|
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/component.json",
|
|
3
|
+
"$id": "https://opensource.adobe.com/spectrum-tokens/schemas/components/takeover-dialog.json",
|
|
4
|
+
"title": "Takeover dialog",
|
|
5
|
+
"description": "Takeover dialogs are larger, flexible dialogs that contain other components to support complex workflows.",
|
|
6
|
+
"meta": {
|
|
7
|
+
"category": "feedback",
|
|
8
|
+
"documentationUrl": "https://spectrum.adobe.com/page/takeover-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
|
+
"dialog",
|
|
22
|
+
"full screen"
|
|
23
|
+
],
|
|
24
|
+
"default": "dialog"
|
|
25
|
+
},
|
|
26
|
+
"primaryActionLabel": {
|
|
27
|
+
"type": "string"
|
|
28
|
+
},
|
|
29
|
+
"secondaryActionLabel": {
|
|
30
|
+
"type": "string",
|
|
31
|
+
"description": "If undefined, this button does not appear."
|
|
32
|
+
},
|
|
33
|
+
"cancelActionLabel": {
|
|
34
|
+
"type": "string",
|
|
35
|
+
"default": "cancel",
|
|
36
|
+
"description": "If undefined, this button does not appear."
|
|
37
|
+
},
|
|
38
|
+
"slots": {
|
|
39
|
+
"type": "array",
|
|
40
|
+
"description": "Areas where other components can be inserted (e.g. Side navigation, Steplist, Forms).",
|
|
41
|
+
"items": {
|
|
42
|
+
"type": "object",
|
|
43
|
+
"properties": {
|
|
44
|
+
"name": {
|
|
45
|
+
"type": "string",
|
|
46
|
+
"description": "Identifier for the slot (e.g. 'sidebar', 'content', 'footer')."
|
|
47
|
+
},
|
|
48
|
+
"component": {
|
|
49
|
+
"type": "string",
|
|
50
|
+
"description": "The type of component placed in this slot (e.g. side-navigation, steplist, form)."
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
"required": [
|
|
54
|
+
"name",
|
|
55
|
+
"component"
|
|
56
|
+
]
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -15,10 +15,7 @@
|
|
|
15
15
|
"labelPosition": {
|
|
16
16
|
"type": "string",
|
|
17
17
|
"default": "top",
|
|
18
|
-
"enum": [
|
|
19
|
-
"top",
|
|
20
|
-
"side"
|
|
21
|
-
]
|
|
18
|
+
"enum": ["top", "side"]
|
|
22
19
|
},
|
|
23
20
|
"hideLabel": {
|
|
24
21
|
"type": "boolean",
|
|
@@ -33,20 +30,12 @@
|
|
|
33
30
|
},
|
|
34
31
|
"size": {
|
|
35
32
|
"type": "string",
|
|
36
|
-
"enum": [
|
|
37
|
-
"s",
|
|
38
|
-
"m",
|
|
39
|
-
"l",
|
|
40
|
-
"xl"
|
|
41
|
-
],
|
|
33
|
+
"enum": ["s", "m", "l", "xl"],
|
|
42
34
|
"default": "m"
|
|
43
35
|
},
|
|
44
36
|
"necessityIndicator": {
|
|
45
37
|
"type": "string",
|
|
46
|
-
"enum": [
|
|
47
|
-
"text",
|
|
48
|
-
"icon"
|
|
49
|
-
],
|
|
38
|
+
"enum": ["text", "icon"],
|
|
50
39
|
"default": "icon"
|
|
51
40
|
},
|
|
52
41
|
"isRequired": {
|