@adobe/design-system-registry 1.1.0 → 1.3.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 +26 -0
- package/LICENSE +201 -0
- package/index.js +28 -0
- package/package.json +17 -11
- package/registry/anatomy-terms.json +169 -55
- package/registry/densities.json +17 -0
- package/registry/orientations.json +17 -0
- package/registry/positions.json +32 -0
- package/registry/scale-values.json +35 -0
- package/registry/shapes.json +12 -0
- package/registry/sizes.json +27 -108
- package/registry/states.json +1 -1
- package/registry/structures.json +27 -0
- package/registry/substructures.json +12 -0
- package/registry/token-objects.json +32 -0
- package/registry/token-terminology.json +714 -0
- package/registry/variants.json +106 -0
- package/test/registry.test.js +100 -2
|
@@ -86,6 +86,41 @@
|
|
|
86
86
|
"value": 1000,
|
|
87
87
|
"category": "extended",
|
|
88
88
|
"usedIn": ["tokens"]
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"id": "1100",
|
|
92
|
+
"label": "Scale 1100",
|
|
93
|
+
"value": 1100,
|
|
94
|
+
"category": "extended",
|
|
95
|
+
"usedIn": ["component-schemas"]
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"id": "1200",
|
|
99
|
+
"label": "Scale 1200",
|
|
100
|
+
"value": 1200,
|
|
101
|
+
"category": "extended",
|
|
102
|
+
"usedIn": ["component-schemas"]
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"id": "1300",
|
|
106
|
+
"label": "Scale 1300",
|
|
107
|
+
"value": 1300,
|
|
108
|
+
"category": "extended",
|
|
109
|
+
"usedIn": ["component-schemas"]
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"id": "1400",
|
|
113
|
+
"label": "Scale 1400",
|
|
114
|
+
"value": 1400,
|
|
115
|
+
"category": "extended",
|
|
116
|
+
"usedIn": ["component-schemas"]
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"id": "1500",
|
|
120
|
+
"label": "Scale 1500",
|
|
121
|
+
"value": 1500,
|
|
122
|
+
"category": "extended",
|
|
123
|
+
"usedIn": ["component-schemas"]
|
|
89
124
|
}
|
|
90
125
|
]
|
|
91
126
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
|
|
3
|
+
"type": "shape",
|
|
4
|
+
"description": "Terms relative to the overall shape of a component. This is a starting vocabulary — new shape terms should be added here as design system patterns are identified.",
|
|
5
|
+
"values": [
|
|
6
|
+
{
|
|
7
|
+
"id": "uniform",
|
|
8
|
+
"label": "Uniform",
|
|
9
|
+
"description": "Equal proportions (e.g., 1:1 ratio between horizontal and vertical padding)"
|
|
10
|
+
}
|
|
11
|
+
]
|
|
12
|
+
}
|
package/registry/sizes.json
CHANGED
|
@@ -1,24 +1,41 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
|
|
3
3
|
"type": "size",
|
|
4
|
-
"description": "
|
|
4
|
+
"description": "Semantic t-shirt size values used across Spectrum. Numeric scale values belong in scale-values.json.",
|
|
5
5
|
"values": [
|
|
6
|
+
{
|
|
7
|
+
"id": "xxxs",
|
|
8
|
+
"label": "3X Small",
|
|
9
|
+
"aliases": ["3x-small"],
|
|
10
|
+
"tokenName": "3x-small",
|
|
11
|
+
"usedIn": ["tokens"]
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"id": "xxs",
|
|
15
|
+
"label": "2X Small",
|
|
16
|
+
"aliases": ["2x-small"],
|
|
17
|
+
"tokenName": "2x-small",
|
|
18
|
+
"usedIn": ["tokens"]
|
|
19
|
+
},
|
|
6
20
|
{
|
|
7
21
|
"id": "xs",
|
|
8
22
|
"label": "Extra Small",
|
|
9
23
|
"aliases": ["extra-small"],
|
|
10
|
-
"
|
|
24
|
+
"tokenName": "extra-small",
|
|
25
|
+
"usedIn": ["tokens", "component-options", "component-schemas"]
|
|
11
26
|
},
|
|
12
27
|
{
|
|
13
28
|
"id": "s",
|
|
14
29
|
"label": "Small",
|
|
15
30
|
"aliases": ["small"],
|
|
31
|
+
"tokenName": "small",
|
|
16
32
|
"usedIn": ["tokens", "component-options", "component-schemas"]
|
|
17
33
|
},
|
|
18
34
|
{
|
|
19
35
|
"id": "m",
|
|
20
36
|
"label": "Medium",
|
|
21
37
|
"aliases": ["medium"],
|
|
38
|
+
"tokenName": "medium",
|
|
22
39
|
"default": true,
|
|
23
40
|
"usedIn": ["tokens", "component-options", "component-schemas"]
|
|
24
41
|
},
|
|
@@ -26,127 +43,29 @@
|
|
|
26
43
|
"id": "l",
|
|
27
44
|
"label": "Large",
|
|
28
45
|
"aliases": ["large"],
|
|
46
|
+
"tokenName": "large",
|
|
29
47
|
"usedIn": ["tokens", "component-options", "component-schemas"]
|
|
30
48
|
},
|
|
31
49
|
{
|
|
32
50
|
"id": "xl",
|
|
33
51
|
"label": "Extra Large",
|
|
34
52
|
"aliases": ["extra-large"],
|
|
53
|
+
"tokenName": "extra-large",
|
|
35
54
|
"usedIn": ["tokens", "component-options", "component-schemas"]
|
|
36
55
|
},
|
|
37
56
|
{
|
|
38
57
|
"id": "xxl",
|
|
39
58
|
"label": "2X Large",
|
|
40
|
-
"aliases": [],
|
|
41
|
-
"
|
|
59
|
+
"aliases": ["2x-large"],
|
|
60
|
+
"tokenName": "2x-large",
|
|
61
|
+
"usedIn": ["tokens", "component-options", "component-schemas"]
|
|
42
62
|
},
|
|
43
63
|
{
|
|
44
64
|
"id": "xxxl",
|
|
45
65
|
"label": "3X Large",
|
|
46
|
-
"aliases": [],
|
|
47
|
-
"
|
|
48
|
-
|
|
49
|
-
{
|
|
50
|
-
"id": "50",
|
|
51
|
-
"label": "Size 50",
|
|
52
|
-
"aliases": [],
|
|
53
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
54
|
-
},
|
|
55
|
-
{
|
|
56
|
-
"id": "75",
|
|
57
|
-
"label": "Size 75",
|
|
58
|
-
"aliases": [],
|
|
59
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
"id": "100",
|
|
63
|
-
"label": "Size 100",
|
|
64
|
-
"aliases": [],
|
|
65
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
"id": "200",
|
|
69
|
-
"label": "Size 200",
|
|
70
|
-
"aliases": [],
|
|
71
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"id": "300",
|
|
75
|
-
"label": "Size 300",
|
|
76
|
-
"aliases": [],
|
|
77
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"id": "400",
|
|
81
|
-
"label": "Size 400",
|
|
82
|
-
"aliases": [],
|
|
83
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
"id": "500",
|
|
87
|
-
"label": "Size 500",
|
|
88
|
-
"aliases": [],
|
|
89
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
"id": "600",
|
|
93
|
-
"label": "Size 600",
|
|
94
|
-
"aliases": [],
|
|
95
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
96
|
-
},
|
|
97
|
-
{
|
|
98
|
-
"id": "700",
|
|
99
|
-
"label": "Size 700",
|
|
100
|
-
"aliases": [],
|
|
101
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
"id": "800",
|
|
105
|
-
"label": "Size 800",
|
|
106
|
-
"aliases": [],
|
|
107
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
"id": "900",
|
|
111
|
-
"label": "Size 900",
|
|
112
|
-
"aliases": [],
|
|
113
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
"id": "1000",
|
|
117
|
-
"label": "Size 1000",
|
|
118
|
-
"aliases": [],
|
|
119
|
-
"usedIn": ["tokens", "component-schemas"]
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
"id": "1100",
|
|
123
|
-
"label": "Size 1100",
|
|
124
|
-
"aliases": [],
|
|
125
|
-
"usedIn": ["component-schemas"]
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
"id": "1200",
|
|
129
|
-
"label": "Size 1200",
|
|
130
|
-
"aliases": [],
|
|
131
|
-
"usedIn": ["component-schemas"]
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
"id": "1300",
|
|
135
|
-
"label": "Size 1300",
|
|
136
|
-
"aliases": [],
|
|
137
|
-
"usedIn": ["component-schemas"]
|
|
138
|
-
},
|
|
139
|
-
{
|
|
140
|
-
"id": "1400",
|
|
141
|
-
"label": "Size 1400",
|
|
142
|
-
"aliases": [],
|
|
143
|
-
"usedIn": ["component-schemas"]
|
|
144
|
-
},
|
|
145
|
-
{
|
|
146
|
-
"id": "1500",
|
|
147
|
-
"label": "Size 1500",
|
|
148
|
-
"aliases": [],
|
|
149
|
-
"usedIn": ["component-schemas"]
|
|
66
|
+
"aliases": ["3x-large"],
|
|
67
|
+
"tokenName": "3x-large",
|
|
68
|
+
"usedIn": ["tokens", "component-options", "component-schemas"]
|
|
150
69
|
}
|
|
151
70
|
]
|
|
152
71
|
}
|
package/registry/states.json
CHANGED
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
{
|
|
100
100
|
"id": "keyboard-focus",
|
|
101
101
|
"label": "Keyboard Focus",
|
|
102
|
-
"aliases": ["keyboard focus"],
|
|
102
|
+
"aliases": ["keyboard focus", "key-focus"],
|
|
103
103
|
"description": "Focused via keyboard navigation",
|
|
104
104
|
"usedIn": ["tokens", "component-options", "component-schemas"],
|
|
105
105
|
"definition": {
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
|
|
3
|
+
"type": "structure",
|
|
4
|
+
"description": "Reusable visual patterns or object categories that occur across many varieties of components. Distinct from components, which are specific UI elements.",
|
|
5
|
+
"values": [
|
|
6
|
+
{
|
|
7
|
+
"id": "base",
|
|
8
|
+
"label": "Base",
|
|
9
|
+
"description": "Foundation structure shared across components"
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"id": "container",
|
|
13
|
+
"label": "Container",
|
|
14
|
+
"description": "Enclosing structure that holds child elements"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"id": "list",
|
|
18
|
+
"label": "List",
|
|
19
|
+
"description": "Ordered or unordered collection of items"
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"id": "accessory",
|
|
23
|
+
"label": "Accessory",
|
|
24
|
+
"description": "Supplementary element attached to a primary structure"
|
|
25
|
+
}
|
|
26
|
+
]
|
|
27
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
|
|
3
|
+
"type": "substructure",
|
|
4
|
+
"description": "Structures that only exist within the context of a parent structure (e.g., item within a list).",
|
|
5
|
+
"values": [
|
|
6
|
+
{
|
|
7
|
+
"id": "item",
|
|
8
|
+
"label": "Item",
|
|
9
|
+
"description": "Individual element within a parent structure (e.g., list item)"
|
|
10
|
+
}
|
|
11
|
+
]
|
|
12
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/registry-value.json",
|
|
3
|
+
"type": "token-object",
|
|
4
|
+
"description": "Styling surfaces to which visual properties are applied. These are abstract targets that exist on any element regardless of component type. Not to be confused with component anatomy (visible named parts).",
|
|
5
|
+
"values": [
|
|
6
|
+
{
|
|
7
|
+
"id": "background",
|
|
8
|
+
"label": "Background",
|
|
9
|
+
"description": "Background surface or fill"
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"id": "border",
|
|
13
|
+
"label": "Border",
|
|
14
|
+
"description": "Border or outline of a component"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"id": "edge",
|
|
18
|
+
"label": "Edge",
|
|
19
|
+
"description": "Outer boundary of a component (used in spacing tokens)"
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"id": "visual",
|
|
23
|
+
"label": "Visual",
|
|
24
|
+
"description": "Visible graphic element area (may be inset from edge)"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"id": "content",
|
|
28
|
+
"label": "Content",
|
|
29
|
+
"description": "Main content area"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|