UNPKG

@react-types/shared/src/dna.d.ts

Version:

9.76 kBTypeScriptView Raw

1/*
* Copyright 2020 Adobe. All rights reserved.
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
12
13// This file is generated by lib/varsToTypeScript.js! DO NOT EDIT.
14
15/** See the [Styling docs](styling.html#dimension-values) for a visualization of these values. */
16export type DimensionValue =
| 'size-0'
| 'size-10'
| 'size-25'
| 'size-40'
| 'size-50'
| 'size-65'
| 'size-75'
| 'size-85'
| 'size-100'
| 'size-115'
| 'size-125'
| 'size-130'
| 'size-150'
| 'size-160'
| 'size-175'
| 'size-200'
| 'size-225'
| 'size-250'
| 'size-275'
| 'size-300'
| 'size-325'
| 'size-350'
| 'size-400'
| 'size-450'
| 'size-500'
| 'size-550'
| 'size-600'
| 'size-675'
| 'size-700'
| 'size-800'
| 'size-900'
| 'size-1000'
| 'size-1200'
| 'size-1250'
| 'size-1600'
| 'size-1700'
| 'size-2000'
| 'size-2400'
| 'size-3000'
| 'size-3400'
| 'size-3600'
| 'size-4600'
| 'size-5000'
| 'size-6000'
| 'static-size-0'
| 'static-size-10'
| 'static-size-25'
| 'static-size-50'
| 'static-size-40'
| 'static-size-65'
| 'static-size-100'
| 'static-size-115'
| 'static-size-125'
| 'static-size-130'
| 'static-size-150'
| 'static-size-160'
| 'static-size-175'
| 'static-size-200'
| 'static-size-225'
| 'static-size-250'
| 'static-size-300'
| 'static-size-400'
| 'static-size-450'
| 'static-size-500'
| 'static-size-550'
| 'static-size-600'
| 'static-size-700'
| 'static-size-800'
| 'static-size-900'
| 'static-size-1000'
| 'static-size-1200'
| 'static-size-1700'
| 'static-size-2400'
| 'static-size-2600'
| 'static-size-3400'
| 'static-size-3600'
| 'static-size-4600'
| 'static-size-5000'
| 'static-size-6000'
| 'single-line-height'
| 'single-line-width'
// This allows autocomplete to work properly and not collapse the above options into just `string`.
// See https://github.com/microsoft/TypeScript/issues/29729.
| (string & {})
| number;
102
103export type ColorValue =
| 'celery-400'
| 'celery-500'
| 'celery-600'
| 'celery-700'
| 'chartreuse-400'
| 'chartreuse-500'
| 'chartreuse-600'
| 'chartreuse-700'
| 'yellow-400'
| 'yellow-500'
| 'yellow-600'
| 'yellow-700'
| 'magenta-400'
| 'magenta-500'
| 'magenta-600'
| 'magenta-700'
| 'fuchsia-400'
| 'fuchsia-500'
| 'fuchsia-600'
| 'fuchsia-700'
| 'purple-400'
| 'purple-500'
| 'purple-600'
| 'purple-700'
| 'indigo-400'
| 'indigo-500'
| 'indigo-600'
| 'indigo-700'
| 'seafoam-400'
| 'seafoam-500'
| 'seafoam-600'
| 'seafoam-700'
| 'red-400'
| 'red-500'
| 'red-600'
| 'red-700'
| 'orange-400'
| 'orange-500'
| 'orange-600'
| 'orange-700'
| 'green-400'
| 'green-500'
| 'green-600'
| 'green-700'
| 'blue-400'
| 'blue-500'
| 'blue-600'
| 'blue-700'
| 'gray-50'
| 'gray-75'
| 'gray-100'
| 'gray-200'
| 'gray-300'
| 'gray-400'
| 'gray-500'
| 'gray-600'
| 'gray-700'
| 'gray-800'
| 'gray-900'
| 'static-black'
| 'static-white'
| 'static-blue'
| 'static-gray-50'
| 'static-gray-75'
| 'static-gray-100'
| 'static-gray-200'
| 'static-gray-300'
| 'static-gray-400'
| 'static-gray-500'
| 'static-gray-600'
| 'static-gray-700'
| 'static-gray-800'
| 'static-gray-900'
| 'static-blue-200'
| 'static-blue-300'
| 'static-blue-400'
| 'static-blue-500'
| 'static-blue-600'
| 'static-blue-700'
| 'static-blue-800'
| 'static-red-400'
| 'static-red-500'
| 'static-red-600'
| 'static-red-700'
| 'static-orange-400'
| 'static-orange-500'
| 'static-orange-600'
| 'static-orange-700'
| 'static-green-400'
| 'static-green-500'
| 'static-green-600'
| 'static-green-700'
| 'static-celery-200'
| 'static-celery-300'
| 'static-celery-400'
| 'static-celery-500'
| 'static-celery-600'
| 'static-celery-700'
| 'static-chartreuse-300'
| 'static-chartreuse-400'
| 'static-chartreuse-500'
| 'static-chartreuse-600'
| 'static-chartreuse-700'
| 'static-yellow-200'
| 'static-yellow-300'
| 'static-yellow-400'
| 'static-yellow-500'
| 'static-yellow-600'
| 'static-yellow-700'
| 'static-magenta-200'
| 'static-magenta-300'
| 'static-magenta-400'
| 'static-magenta-500'
| 'static-magenta-600'
| 'static-magenta-700'
| 'static-fuchsia-400'
| 'static-fuchsia-500'
| 'static-fuchsia-600'
| 'static-fuchsia-700'
| 'static-purple-400'
| 'static-purple-500'
| 'static-purple-600'
| 'static-purple-700'
| 'static-purple-800'
| 'static-indigo-200'
| 'static-indigo-300'
| 'static-indigo-400'
| 'static-indigo-500'
| 'static-indigo-600'
| 'static-indigo-700'
| 'static-seafoam-200'
| 'static-seafoam-300'
| 'static-seafoam-400'
| 'static-seafoam-500'
| 'static-seafoam-600'
| 'static-seafoam-700'
| SemanticColorValue;
241
242export type ColorValueV6 =
| 'gray-50'
| 'gray-75'
| 'gray-100'
| 'gray-200'
| 'gray-300'
| 'gray-400'
| 'gray-500'
| 'gray-600'
| 'gray-700'
| 'gray-800'
| 'gray-900'
| 'red-100'
| 'red-200'
| 'red-300'
| 'red-400'
| 'red-500'
| 'red-600'
| 'red-700'
| 'red-800'
| 'red-900'
| 'red-1000'
| 'red-1100'
| 'red-1200'
| 'red-1300'
| 'red-1400'
| 'orange-100'
| 'orange-200'
| 'orange-300'
| 'orange-400'
| 'orange-500'
| 'orange-600'
| 'orange-700'
| 'orange-800'
| 'orange-900'
| 'orange-1000'
| 'orange-1100'
| 'orange-1200'
| 'orange-1300'
| 'orange-1400'
| 'yellow-100'
| 'yellow-200'
| 'yellow-300'
| 'yellow-400'
| 'yellow-500'
| 'yellow-600'
| 'yellow-700'
| 'yellow-800'
| 'yellow-900'
| 'yellow-1000'
| 'yellow-1100'
| 'yellow-1200'
| 'yellow-1300'
| 'yellow-1400'
| 'chartreuse-100'
| 'chartreuse-200'
| 'chartreuse-300'
| 'chartreuse-400'
| 'chartreuse-500'
| 'chartreuse-600'
| 'chartreuse-700'
| 'chartreuse-800'
| 'chartreuse-900'
| 'chartreuse-1000'
| 'chartreuse-1100'
| 'chartreuse-1200'
| 'chartreuse-1300'
| 'chartreuse-1400'
| 'celery-100'
| 'celery-200'
| 'celery-300'
| 'celery-400'
| 'celery-500'
| 'celery-600'
| 'celery-700'
| 'celery-800'
| 'celery-900'
| 'celery-1000'
| 'celery-1100'
| 'celery-1200'
| 'celery-1300'
| 'celery-1400'
| 'green-100'
| 'green-200'
| 'green-300'
| 'green-400'
| 'green-500'
| 'green-600'
| 'green-700'
| 'green-800'
| 'green-900'
| 'green-1000'
| 'green-1100'
| 'green-1200'
| 'green-1300'
| 'green-1400'
| 'seafoam-100'
| 'seafoam-200'
| 'seafoam-300'
| 'seafoam-400'
| 'seafoam-500'
| 'seafoam-600'
| 'seafoam-700'
| 'seafoam-800'
| 'seafoam-900'
| 'seafoam-1000'
| 'seafoam-1100'
| 'seafoam-1200'
| 'seafoam-1300'
| 'seafoam-1400'
| 'cyan-100'
| 'cyan-200'
| 'cyan-300'
| 'cyan-400'
| 'cyan-500'
| 'cyan-600'
| 'cyan-700'
| 'cyan-800'
| 'cyan-900'
| 'cyan-1000'
| 'cyan-1100'
| 'cyan-1200'
| 'cyan-1300'
| 'cyan-1400'
| 'blue-100'
| 'blue-200'
| 'blue-300'
| 'blue-400'
| 'blue-500'
| 'blue-600'
| 'blue-700'
| 'blue-800'
| 'blue-900'
| 'blue-1000'
| 'blue-1100'
| 'blue-1200'
| 'blue-1300'
| 'blue-1400'
| 'indigo-100'
| 'indigo-200'
| 'indigo-300'
| 'indigo-400'
| 'indigo-500'
| 'indigo-600'
| 'indigo-700'
| 'indigo-800'
| 'indigo-900'
| 'indigo-1000'
| 'indigo-1100'
| 'indigo-1200'
| 'indigo-1300'
| 'indigo-1400'
| 'purple-100'
| 'purple-200'
| 'purple-300'
| 'purple-400'
| 'purple-500'
| 'purple-600'
| 'purple-700'
| 'purple-800'
| 'purple-900'
| 'purple-1000'
| 'purple-1100'
| 'purple-1200'
| 'purple-1300'
| 'purple-1400'
| 'fuchsia-100'
| 'fuchsia-200'
| 'fuchsia-300'
| 'fuchsia-400'
| 'fuchsia-500'
| 'fuchsia-600'
| 'fuchsia-700'
| 'fuchsia-800'
| 'fuchsia-900'
| 'fuchsia-1000'
| 'fuchsia-1100'
| 'fuchsia-1200'
| 'fuchsia-1300'
| 'fuchsia-1400'
| 'magenta-100'
| 'magenta-200'
| 'magenta-300'
| 'magenta-400'
| 'magenta-500'
| 'magenta-600'
| 'magenta-700'
| 'magenta-800'
| 'magenta-900'
| 'magenta-1000'
| 'magenta-1100'
| 'magenta-1200'
| 'magenta-1300'
| 'magenta-1400'
| SemanticColorValue;
437
438type SemanticColorValue =
| 'negative'
| 'notice'
| 'positive'
| 'informative';
443
444type BorderColorAlias =
| 'negative'
| 'notice'
| 'positive'
| 'informative'
| 'hover'
| 'down'
| 'focus'
| 'mouse-focus'
| 'disabled'
| 'extralight'
| 'light'
| 'mid'
| 'dark'
| 'transparent'
| 'translucent-dark'
| 'translucent-darker';
461
462type BackgroundColorAlias =
| 'default'
| 'disabled'
| 'transparent'
| 'label-gray';
467
468export type IconColorValue =
| 'negative'
| 'notice'
| 'positive'
| 'informative';
473
474export type BorderSizeValue =
| 'thin'
| 'thick'
| 'thicker'
| 'thickest'
| 'none';
480
481export type BorderRadiusValue =
| 'xsmall'
| 'small'
| 'regular'
| 'medium'
| 'large';
487
488export type BorderColorValue =
| 'default'
| BorderColorAlias
| ColorValue;
492
493export type BorderColorValueV6 =
| BorderColorAlias
| ColorValueV6;
496
497export type BackgroundColorValue =
| BackgroundColorAlias
| ColorValue;
500
501export type BackgroundColorValueV6 =
| BackgroundColorAlias
| ColorValueV6;

1	`/*`
2	`* Copyright 2020 Adobe. All rights reserved.`
3	`* This file is licensed to you under the Apache License, Version 2.0 (the "License");`
4	`* you may not use this file except in compliance with the License. You may obtain a copy`
5	`* of the License at http://www.apache.org/licenses/LICENSE-2.0`
6	`*`
7	`* Unless required by applicable law or agreed to in writing, software distributed under`
8	`* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS`
9	`* OF ANY KIND, either express or implied. See the License for the specific language`
10	`* governing permissions and limitations under the License.`
11	`*/`
12
13	`// This file is generated by lib/varsToTypeScript.js! DO NOT EDIT.`
14
15	`/** See the [Styling docs](styling.html#dimension-values) for a visualization of these values. */`
16	`export type DimensionValue =`
17	`\| 'size-0'`
18	`\| 'size-10'`
19	`\| 'size-25'`
20	`\| 'size-40'`
21	`\| 'size-50'`
22	`\| 'size-65'`
23	`\| 'size-75'`
24	`\| 'size-85'`
25	`\| 'size-100'`
26	`\| 'size-115'`
27	`\| 'size-125'`
28	`\| 'size-130'`
29	`\| 'size-150'`
30	`\| 'size-160'`
31	`\| 'size-175'`
32	`\| 'size-200'`
33	`\| 'size-225'`
34	`\| 'size-250'`
35	`\| 'size-275'`
36	`\| 'size-300'`
37	`\| 'size-325'`
38	`\| 'size-350'`
39	`\| 'size-400'`
40	`\| 'size-450'`
41	`\| 'size-500'`
42	`\| 'size-550'`
43	`\| 'size-600'`
44	`\| 'size-675'`
45	`\| 'size-700'`
46	`\| 'size-800'`
47	`\| 'size-900'`
48	`\| 'size-1000'`
49	`\| 'size-1200'`
50	`\| 'size-1250'`
51	`\| 'size-1600'`
52	`\| 'size-1700'`
53	`\| 'size-2000'`
54	`\| 'size-2400'`
55	`\| 'size-3000'`
56	`\| 'size-3400'`
57	`\| 'size-3600'`
58	`\| 'size-4600'`
59	`\| 'size-5000'`
60	`\| 'size-6000'`
61	`\| 'static-size-0'`
62	`\| 'static-size-10'`
63	`\| 'static-size-25'`
64	`\| 'static-size-50'`
65	`\| 'static-size-40'`
66	`\| 'static-size-65'`
67	`\| 'static-size-100'`
68	`\| 'static-size-115'`
69	`\| 'static-size-125'`
70	`\| 'static-size-130'`
71	`\| 'static-size-150'`
72	`\| 'static-size-160'`
73	`\| 'static-size-175'`
74	`\| 'static-size-200'`
75	`\| 'static-size-225'`
76	`\| 'static-size-250'`
77	`\| 'static-size-300'`
78	`\| 'static-size-400'`
79	`\| 'static-size-450'`
80	`\| 'static-size-500'`
81	`\| 'static-size-550'`
82	`\| 'static-size-600'`
83	`\| 'static-size-700'`
84	`\| 'static-size-800'`
85	`\| 'static-size-900'`
86	`\| 'static-size-1000'`
87	`\| 'static-size-1200'`
88	`\| 'static-size-1700'`
89	`\| 'static-size-2400'`
90	`\| 'static-size-2600'`
91	`\| 'static-size-3400'`
92	`\| 'static-size-3600'`
93	`\| 'static-size-4600'`
94	`\| 'static-size-5000'`
95	`\| 'static-size-6000'`
96	`\| 'single-line-height'`
97	`\| 'single-line-width'`
98	// This allows autocomplete to work properly and not collapse the above options into just `string`.
99	`// See https://github.com/microsoft/TypeScript/issues/29729.`
100	`\| (string & {})`
101	`\| number;`
102
103	`export type ColorValue =`
104	`\| 'celery-400'`
105	`\| 'celery-500'`
106	`\| 'celery-600'`
107	`\| 'celery-700'`
108	`\| 'chartreuse-400'`
109	`\| 'chartreuse-500'`
110	`\| 'chartreuse-600'`
111	`\| 'chartreuse-700'`
112	`\| 'yellow-400'`
113	`\| 'yellow-500'`
114	`\| 'yellow-600'`
115	`\| 'yellow-700'`
116	`\| 'magenta-400'`
117	`\| 'magenta-500'`
118	`\| 'magenta-600'`
119	`\| 'magenta-700'`
120	`\| 'fuchsia-400'`
121	`\| 'fuchsia-500'`
122	`\| 'fuchsia-600'`
123	`\| 'fuchsia-700'`
124	`\| 'purple-400'`
125	`\| 'purple-500'`
126	`\| 'purple-600'`
127	`\| 'purple-700'`
128	`\| 'indigo-400'`
129	`\| 'indigo-500'`
130	`\| 'indigo-600'`
131	`\| 'indigo-700'`
132	`\| 'seafoam-400'`
133	`\| 'seafoam-500'`
134	`\| 'seafoam-600'`
135	`\| 'seafoam-700'`
136	`\| 'red-400'`
137	`\| 'red-500'`
138	`\| 'red-600'`
139	`\| 'red-700'`
140	`\| 'orange-400'`
141	`\| 'orange-500'`
142	`\| 'orange-600'`
143	`\| 'orange-700'`
144	`\| 'green-400'`
145	`\| 'green-500'`
146	`\| 'green-600'`
147	`\| 'green-700'`
148	`\| 'blue-400'`
149	`\| 'blue-500'`
150	`\| 'blue-600'`
151	`\| 'blue-700'`
152	`\| 'gray-50'`
153	`\| 'gray-75'`
154	`\| 'gray-100'`
155	`\| 'gray-200'`
156	`\| 'gray-300'`
157	`\| 'gray-400'`
158	`\| 'gray-500'`
159	`\| 'gray-600'`
160	`\| 'gray-700'`
161	`\| 'gray-800'`
162	`\| 'gray-900'`
163	`\| 'static-black'`
164	`\| 'static-white'`
165	`\| 'static-blue'`
166	`\| 'static-gray-50'`
167	`\| 'static-gray-75'`
168	`\| 'static-gray-100'`
169	`\| 'static-gray-200'`
170	`\| 'static-gray-300'`
171	`\| 'static-gray-400'`
172	`\| 'static-gray-500'`
173	`\| 'static-gray-600'`
174	`\| 'static-gray-700'`
175	`\| 'static-gray-800'`
176	`\| 'static-gray-900'`
177	`\| 'static-blue-200'`
178	`\| 'static-blue-300'`
179	`\| 'static-blue-400'`
180	`\| 'static-blue-500'`
181	`\| 'static-blue-600'`
182	`\| 'static-blue-700'`
183	`\| 'static-blue-800'`
184	`\| 'static-red-400'`
185	`\| 'static-red-500'`
186	`\| 'static-red-600'`
187	`\| 'static-red-700'`
188	`\| 'static-orange-400'`
189	`\| 'static-orange-500'`
190	`\| 'static-orange-600'`
191	`\| 'static-orange-700'`
192	`\| 'static-green-400'`
193	`\| 'static-green-500'`
194	`\| 'static-green-600'`
195	`\| 'static-green-700'`
196	`\| 'static-celery-200'`
197	`\| 'static-celery-300'`
198	`\| 'static-celery-400'`
199	`\| 'static-celery-500'`
200	`\| 'static-celery-600'`
201	`\| 'static-celery-700'`
202	`\| 'static-chartreuse-300'`
203	`\| 'static-chartreuse-400'`
204	`\| 'static-chartreuse-500'`
205	`\| 'static-chartreuse-600'`
206	`\| 'static-chartreuse-700'`
207	`\| 'static-yellow-200'`
208	`\| 'static-yellow-300'`
209	`\| 'static-yellow-400'`
210	`\| 'static-yellow-500'`
211	`\| 'static-yellow-600'`
212	`\| 'static-yellow-700'`
213	`\| 'static-magenta-200'`
214	`\| 'static-magenta-300'`
215	`\| 'static-magenta-400'`
216	`\| 'static-magenta-500'`
217	`\| 'static-magenta-600'`
218	`\| 'static-magenta-700'`
219	`\| 'static-fuchsia-400'`
220	`\| 'static-fuchsia-500'`
221	`\| 'static-fuchsia-600'`
222	`\| 'static-fuchsia-700'`
223	`\| 'static-purple-400'`
224	`\| 'static-purple-500'`
225	`\| 'static-purple-600'`
226	`\| 'static-purple-700'`
227	`\| 'static-purple-800'`
228	`\| 'static-indigo-200'`
229	`\| 'static-indigo-300'`
230	`\| 'static-indigo-400'`
231	`\| 'static-indigo-500'`
232	`\| 'static-indigo-600'`
233	`\| 'static-indigo-700'`
234	`\| 'static-seafoam-200'`
235	`\| 'static-seafoam-300'`
236	`\| 'static-seafoam-400'`
237	`\| 'static-seafoam-500'`
238	`\| 'static-seafoam-600'`
239	`\| 'static-seafoam-700'`
240	`\| SemanticColorValue;`
241
242	`export type ColorValueV6 =`
243	`\| 'gray-50'`
244	`\| 'gray-75'`
245	`\| 'gray-100'`
246	`\| 'gray-200'`
247	`\| 'gray-300'`
248	`\| 'gray-400'`
249	`\| 'gray-500'`
250	`\| 'gray-600'`
251	`\| 'gray-700'`
252	`\| 'gray-800'`
253	`\| 'gray-900'`
254	`\| 'red-100'`
255	`\| 'red-200'`
256	`\| 'red-300'`
257	`\| 'red-400'`
258	`\| 'red-500'`
259	`\| 'red-600'`
260	`\| 'red-700'`
261	`\| 'red-800'`
262	`\| 'red-900'`
263	`\| 'red-1000'`
264	`\| 'red-1100'`
265	`\| 'red-1200'`
266	`\| 'red-1300'`
267	`\| 'red-1400'`
268	`\| 'orange-100'`
269	`\| 'orange-200'`
270	`\| 'orange-300'`
271	`\| 'orange-400'`
272	`\| 'orange-500'`
273	`\| 'orange-600'`
274	`\| 'orange-700'`
275	`\| 'orange-800'`
276	`\| 'orange-900'`
277	`\| 'orange-1000'`
278	`\| 'orange-1100'`
279	`\| 'orange-1200'`
280	`\| 'orange-1300'`
281	`\| 'orange-1400'`
282	`\| 'yellow-100'`
283	`\| 'yellow-200'`
284	`\| 'yellow-300'`
285	`\| 'yellow-400'`
286	`\| 'yellow-500'`
287	`\| 'yellow-600'`
288	`\| 'yellow-700'`
289	`\| 'yellow-800'`
290	`\| 'yellow-900'`
291	`\| 'yellow-1000'`
292	`\| 'yellow-1100'`
293	`\| 'yellow-1200'`
294	`\| 'yellow-1300'`
295	`\| 'yellow-1400'`
296	`\| 'chartreuse-100'`
297	`\| 'chartreuse-200'`
298	`\| 'chartreuse-300'`
299	`\| 'chartreuse-400'`
300	`\| 'chartreuse-500'`
301	`\| 'chartreuse-600'`
302	`\| 'chartreuse-700'`
303	`\| 'chartreuse-800'`
304	`\| 'chartreuse-900'`
305	`\| 'chartreuse-1000'`
306	`\| 'chartreuse-1100'`
307	`\| 'chartreuse-1200'`
308	`\| 'chartreuse-1300'`
309	`\| 'chartreuse-1400'`
310	`\| 'celery-100'`
311	`\| 'celery-200'`
312	`\| 'celery-300'`
313	`\| 'celery-400'`
314	`\| 'celery-500'`
315	`\| 'celery-600'`
316	`\| 'celery-700'`
317	`\| 'celery-800'`
318	`\| 'celery-900'`
319	`\| 'celery-1000'`
320	`\| 'celery-1100'`
321	`\| 'celery-1200'`
322	`\| 'celery-1300'`
323	`\| 'celery-1400'`
324	`\| 'green-100'`
325	`\| 'green-200'`
326	`\| 'green-300'`
327	`\| 'green-400'`
328	`\| 'green-500'`
329	`\| 'green-600'`
330	`\| 'green-700'`
331	`\| 'green-800'`
332	`\| 'green-900'`
333	`\| 'green-1000'`
334	`\| 'green-1100'`
335	`\| 'green-1200'`
336	`\| 'green-1300'`
337	`\| 'green-1400'`
338	`\| 'seafoam-100'`
339	`\| 'seafoam-200'`
340	`\| 'seafoam-300'`
341	`\| 'seafoam-400'`
342	`\| 'seafoam-500'`
343	`\| 'seafoam-600'`
344	`\| 'seafoam-700'`
345	`\| 'seafoam-800'`
346	`\| 'seafoam-900'`
347	`\| 'seafoam-1000'`
348	`\| 'seafoam-1100'`
349	`\| 'seafoam-1200'`
350	`\| 'seafoam-1300'`
351	`\| 'seafoam-1400'`
352	`\| 'cyan-100'`
353	`\| 'cyan-200'`
354	`\| 'cyan-300'`
355	`\| 'cyan-400'`
356	`\| 'cyan-500'`
357	`\| 'cyan-600'`
358	`\| 'cyan-700'`
359	`\| 'cyan-800'`
360	`\| 'cyan-900'`
361	`\| 'cyan-1000'`
362	`\| 'cyan-1100'`
363	`\| 'cyan-1200'`
364	`\| 'cyan-1300'`
365	`\| 'cyan-1400'`
366	`\| 'blue-100'`
367	`\| 'blue-200'`
368	`\| 'blue-300'`
369	`\| 'blue-400'`
370	`\| 'blue-500'`
371	`\| 'blue-600'`
372	`\| 'blue-700'`
373	`\| 'blue-800'`
374	`\| 'blue-900'`
375	`\| 'blue-1000'`
376	`\| 'blue-1100'`
377	`\| 'blue-1200'`
378	`\| 'blue-1300'`
379	`\| 'blue-1400'`
380	`\| 'indigo-100'`
381	`\| 'indigo-200'`
382	`\| 'indigo-300'`
383	`\| 'indigo-400'`
384	`\| 'indigo-500'`
385	`\| 'indigo-600'`
386	`\| 'indigo-700'`
387	`\| 'indigo-800'`
388	`\| 'indigo-900'`
389	`\| 'indigo-1000'`
390	`\| 'indigo-1100'`
391	`\| 'indigo-1200'`
392	`\| 'indigo-1300'`
393	`\| 'indigo-1400'`
394	`\| 'purple-100'`
395	`\| 'purple-200'`
396	`\| 'purple-300'`
397	`\| 'purple-400'`
398	`\| 'purple-500'`
399	`\| 'purple-600'`
400	`\| 'purple-700'`
401	`\| 'purple-800'`
402	`\| 'purple-900'`
403	`\| 'purple-1000'`
404	`\| 'purple-1100'`
405	`\| 'purple-1200'`
406	`\| 'purple-1300'`
407	`\| 'purple-1400'`
408	`\| 'fuchsia-100'`
409	`\| 'fuchsia-200'`
410	`\| 'fuchsia-300'`
411	`\| 'fuchsia-400'`
412	`\| 'fuchsia-500'`
413	`\| 'fuchsia-600'`
414	`\| 'fuchsia-700'`
415	`\| 'fuchsia-800'`
416	`\| 'fuchsia-900'`
417	`\| 'fuchsia-1000'`
418	`\| 'fuchsia-1100'`
419	`\| 'fuchsia-1200'`
420	`\| 'fuchsia-1300'`
421	`\| 'fuchsia-1400'`
422	`\| 'magenta-100'`
423	`\| 'magenta-200'`
424	`\| 'magenta-300'`
425	`\| 'magenta-400'`
426	`\| 'magenta-500'`
427	`\| 'magenta-600'`
428	`\| 'magenta-700'`
429	`\| 'magenta-800'`
430	`\| 'magenta-900'`
431	`\| 'magenta-1000'`
432	`\| 'magenta-1100'`
433	`\| 'magenta-1200'`
434	`\| 'magenta-1300'`
435	`\| 'magenta-1400'`
436	`\| SemanticColorValue;`
437
438	`type SemanticColorValue =`
439	`\| 'negative'`
440	`\| 'notice'`
441	`\| 'positive'`
442	`\| 'informative';`
443
444	`type BorderColorAlias =`
445	`\| 'negative'`
446	`\| 'notice'`
447	`\| 'positive'`
448	`\| 'informative'`
449	`\| 'hover'`
450	`\| 'down'`
451	`\| 'focus'`
452	`\| 'mouse-focus'`
453	`\| 'disabled'`
454	`\| 'extralight'`
455	`\| 'light'`
456	`\| 'mid'`
457	`\| 'dark'`
458	`\| 'transparent'`
459	`\| 'translucent-dark'`
460	`\| 'translucent-darker';`
461
462	`type BackgroundColorAlias =`
463	`\| 'default'`
464	`\| 'disabled'`
465	`\| 'transparent'`
466	`\| 'label-gray';`
467
468	`export type IconColorValue =`
469	`\| 'negative'`
470	`\| 'notice'`
471	`\| 'positive'`
472	`\| 'informative';`
473
474	`export type BorderSizeValue =`
475	`\| 'thin'`
476	`\| 'thick'`
477	`\| 'thicker'`
478	`\| 'thickest'`
479	`\| 'none';`
480
481	`export type BorderRadiusValue =`
482	`\| 'xsmall'`
483	`\| 'small'`
484	`\| 'regular'`
485	`\| 'medium'`
486	`\| 'large';`
487
488	`export type BorderColorValue =`
489	`\| 'default'`
490	`\| BorderColorAlias`
491	`\| ColorValue;`
492
493	`export type BorderColorValueV6 =`
494	`\| BorderColorAlias`
495	`\| ColorValueV6;`
496
497	`export type BackgroundColorValue =`
498	`\| BackgroundColorAlias`
499	`\| ColorValue;`
500
501	`export type BackgroundColorValueV6 =`
502	`\| BackgroundColorAlias`
503	`\| ColorValueV6;`