@texuli/spec 0.8.0 → 0.10.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/README.md +42 -11
- package/dist/build.d.ts +5 -0
- package/dist/build.js +1 -0
- package/dist/codegen/kotlin-tokens.d.ts +38 -0
- package/dist/codegen/kotlin-tokens.js +138 -0
- package/dist/codegen/kotlin.d.ts +3 -1
- package/dist/codegen/kotlin.js +5 -2
- package/dist/design-system/index.d.ts +11 -0
- package/dist/design-system/index.js +10 -0
- package/dist/design-system/schema.d.ts +3 -0
- package/dist/design-system/schema.js +164 -0
- package/dist/design-system/validate.d.ts +69 -0
- package/dist/design-system/validate.js +273 -0
- package/dist/design-system/vocabulary.d.ts +70 -0
- package/dist/design-system/vocabulary.js +351 -0
- package/dist/format.js +10 -1
- package/dist/generated/typescript/blueprint.d.ts +69 -12
- package/dist/generated/typescript/blueprint.js +1 -1
- package/dist/generated/typescript/catalog-schema.js +1 -1
- package/dist/generated/typescript/design-system.d.ts +1110 -0
- package/dist/generated/typescript/design-system.js +3 -0
- package/dist/generated/typescript/diagnostics.js +1 -1
- package/dist/generated/typescript/manifest.js +1 -1
- package/dist/generated/typescript/vocabulary.d.ts +15 -1
- package/dist/generated/typescript/vocabulary.js +2 -2
- package/dist/generated/typescript/workflow.js +1 -1
- package/dist/migrations/0.8.0-0.9.0.d.ts +8 -0
- package/dist/migrations/0.8.0-0.9.0.js +11 -0
- package/dist/migrations/0.9.0-0.10.0.d.ts +10 -0
- package/dist/migrations/0.9.0-0.10.0.js +13 -0
- package/dist/migrations/index.js +4 -0
- package/dist/validate.js +12 -0
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +5 -1
|
@@ -0,0 +1,1110 @@
|
|
|
1
|
+
/** Accessibility targets: contrast, minimum target size and the focus style. */
|
|
2
|
+
export interface DesignSystemAccessibility {
|
|
3
|
+
contrast?: 'AA' | 'AAA';
|
|
4
|
+
focus?: 'ring' | 'outline' | 'glow' | 'inset';
|
|
5
|
+
focusOffset?: number;
|
|
6
|
+
focusWidth?: number;
|
|
7
|
+
targetMin?: number;
|
|
8
|
+
}
|
|
9
|
+
/** At most 32768 bytes inline; data URLs need developer trust. */
|
|
10
|
+
export type DesignSystemAsset = string;
|
|
11
|
+
/** Brand assets: logos and the favicon. */
|
|
12
|
+
export interface DesignSystemAssets {
|
|
13
|
+
/** At most 8192 bytes inline; data URLs need developer trust. */
|
|
14
|
+
favicon?: string;
|
|
15
|
+
logo?: DesignSystemAssetsLogo;
|
|
16
|
+
}
|
|
17
|
+
export interface DesignSystemAssetsLogo {
|
|
18
|
+
dark?: DesignSystemAsset;
|
|
19
|
+
light?: DesignSystemAsset;
|
|
20
|
+
mark?: DesignSystemAsset;
|
|
21
|
+
wordmark?: DesignSystemAsset;
|
|
22
|
+
}
|
|
23
|
+
/** A border width step. */
|
|
24
|
+
export type DesignSystemBorderStep = 'none' | 'thin' | 'thick';
|
|
25
|
+
/**
|
|
26
|
+
* Color: brand seeds, exact pins, explicit role pins per mode, modes, data viz per mode and status
|
|
27
|
+
* colors.
|
|
28
|
+
*/
|
|
29
|
+
export interface DesignSystemColor {
|
|
30
|
+
brand?: DesignSystemColorBrand;
|
|
31
|
+
dataViz?: DesignSystemColorDataViz;
|
|
32
|
+
/** Unique items. */
|
|
33
|
+
modes?: readonly ('light' | 'dark')[];
|
|
34
|
+
pin?: DesignSystemColorPin;
|
|
35
|
+
roles?: DesignSystemColorRoles;
|
|
36
|
+
status?: DesignSystemColorStatus;
|
|
37
|
+
}
|
|
38
|
+
export interface DesignSystemColorBrand {
|
|
39
|
+
accent?: DesignSystemColorValue;
|
|
40
|
+
neutral?: 'zinc' | 'slate' | 'stone' | 'gray' | 'warm' | 'cool' | 'tinted';
|
|
41
|
+
secondary?: DesignSystemColorValue;
|
|
42
|
+
seed: DesignSystemColorValue;
|
|
43
|
+
}
|
|
44
|
+
export interface DesignSystemColorDataViz {
|
|
45
|
+
cvdSafe?: boolean;
|
|
46
|
+
dark?: DesignSystemDataVizPalette;
|
|
47
|
+
light?: DesignSystemDataVizPalette;
|
|
48
|
+
}
|
|
49
|
+
export interface DesignSystemColorPin {
|
|
50
|
+
accent?: DesignSystemColorValue;
|
|
51
|
+
destructive?: DesignSystemColorValue;
|
|
52
|
+
info?: DesignSystemColorValue;
|
|
53
|
+
primary?: DesignSystemColorValue;
|
|
54
|
+
secondary?: DesignSystemColorValue;
|
|
55
|
+
success?: DesignSystemColorValue;
|
|
56
|
+
warning?: DesignSystemColorValue;
|
|
57
|
+
}
|
|
58
|
+
export interface DesignSystemColorRoles {
|
|
59
|
+
dark?: DesignSystemRoleMap;
|
|
60
|
+
light?: DesignSystemRoleMap;
|
|
61
|
+
}
|
|
62
|
+
export interface DesignSystemColorStatus {
|
|
63
|
+
danger?: DesignSystemColorValue;
|
|
64
|
+
info?: DesignSystemColorValue;
|
|
65
|
+
neutral?: DesignSystemColorValue;
|
|
66
|
+
success?: DesignSystemColorValue;
|
|
67
|
+
warning?: DesignSystemColorValue;
|
|
68
|
+
}
|
|
69
|
+
/** A color: #rgb, #rrggbb, #rrggbbaa or a numeric oklch(L C H[ / A]). */
|
|
70
|
+
export type DesignSystemColorValue = string;
|
|
71
|
+
/**
|
|
72
|
+
* Component tokens (the token registry, z-index left out) and defaults (variant and size), per
|
|
73
|
+
* component.
|
|
74
|
+
*/
|
|
75
|
+
export interface DesignSystemComponents {
|
|
76
|
+
accordion?: DesignSystemComponentsAccordion;
|
|
77
|
+
alert?: DesignSystemComponentsAlert;
|
|
78
|
+
'aspect-ratio'?: DesignSystemComponentsAspectRatio;
|
|
79
|
+
avatar?: DesignSystemComponentsAvatar;
|
|
80
|
+
badge?: DesignSystemComponentsBadge;
|
|
81
|
+
board?: DesignSystemComponentsBoard;
|
|
82
|
+
breadcrumb?: DesignSystemComponentsBreadcrumb;
|
|
83
|
+
button?: DesignSystemComponentsButton;
|
|
84
|
+
'canvas-toolbar'?: DesignSystemComponentsCanvasToolbar;
|
|
85
|
+
card?: DesignSystemComponentsCard;
|
|
86
|
+
carousel?: DesignSystemComponentsCarousel;
|
|
87
|
+
'chart-frame'?: DesignSystemComponentsChartFrame;
|
|
88
|
+
'chat-bubble'?: DesignSystemComponentsChatBubble;
|
|
89
|
+
'chat-composer'?: DesignSystemComponentsChatComposer;
|
|
90
|
+
chip?: DesignSystemComponentsChip;
|
|
91
|
+
choice?: DesignSystemComponentsChoice;
|
|
92
|
+
code?: DesignSystemComponentsCode;
|
|
93
|
+
'color-picker'?: DesignSystemComponentsColorPicker;
|
|
94
|
+
combobox?: DesignSystemComponentsCombobox;
|
|
95
|
+
command?: DesignSystemComponentsCommand;
|
|
96
|
+
'copy-button'?: DesignSystemComponentsCopyButton;
|
|
97
|
+
'data-grid'?: DesignSystemComponentsDataGrid;
|
|
98
|
+
date?: DesignSystemComponentsDate;
|
|
99
|
+
dialog?: DesignSystemComponentsDialog;
|
|
100
|
+
empty?: DesignSystemComponentsEmpty;
|
|
101
|
+
field?: DesignSystemComponentsField;
|
|
102
|
+
'file-upload'?: DesignSystemComponentsFileUpload;
|
|
103
|
+
forms?: DesignSystemComponentsForms;
|
|
104
|
+
icon?: DesignSystemComponentsIcon;
|
|
105
|
+
'icon-button'?: DesignSystemComponentsIconButton;
|
|
106
|
+
input?: DesignSystemComponentsInput;
|
|
107
|
+
kbd?: DesignSystemComponentsKbd;
|
|
108
|
+
label?: DesignSystemComponentsLabel;
|
|
109
|
+
menu?: DesignSystemComponentsMenu;
|
|
110
|
+
navigation?: DesignSystemComponentsNavigation;
|
|
111
|
+
'number-field'?: DesignSystemComponentsNumberField;
|
|
112
|
+
pagination?: DesignSystemComponentsPagination;
|
|
113
|
+
'pin-input'?: DesignSystemComponentsPinInput;
|
|
114
|
+
popover?: DesignSystemComponentsPopover;
|
|
115
|
+
progress?: DesignSystemComponentsProgress;
|
|
116
|
+
'radio-group'?: DesignSystemComponentsRadioGroup;
|
|
117
|
+
rating?: DesignSystemComponentsRating;
|
|
118
|
+
resizable?: DesignSystemComponentsResizable;
|
|
119
|
+
'resizable-handle'?: DesignSystemComponentsResizableHandle;
|
|
120
|
+
'scroll-area'?: DesignSystemComponentsScrollArea;
|
|
121
|
+
select?: DesignSystemComponentsSelect;
|
|
122
|
+
separator?: DesignSystemComponentsSeparator;
|
|
123
|
+
sheet?: DesignSystemComponentsSheet;
|
|
124
|
+
sidebar?: DesignSystemComponentsSidebar;
|
|
125
|
+
skeleton?: DesignSystemComponentsSkeleton;
|
|
126
|
+
slider?: DesignSystemComponentsSlider;
|
|
127
|
+
spinner?: DesignSystemComponentsSpinner;
|
|
128
|
+
spreadsheet?: DesignSystemComponentsSpreadsheet;
|
|
129
|
+
stat?: DesignSystemComponentsStat;
|
|
130
|
+
stepper?: DesignSystemComponentsStepper;
|
|
131
|
+
table?: DesignSystemComponentsTable;
|
|
132
|
+
tabs?: DesignSystemComponentsTabs;
|
|
133
|
+
tag?: DesignSystemComponentsTag;
|
|
134
|
+
'tags-input'?: DesignSystemComponentsTagsInput;
|
|
135
|
+
timeline?: DesignSystemComponentsTimeline;
|
|
136
|
+
toast?: DesignSystemComponentsToast;
|
|
137
|
+
toggle?: DesignSystemComponentsToggle;
|
|
138
|
+
'toggle-group'?: DesignSystemComponentsToggleGroup;
|
|
139
|
+
toolbar?: DesignSystemComponentsToolbar;
|
|
140
|
+
tooltip?: DesignSystemComponentsTooltip;
|
|
141
|
+
tree?: DesignSystemComponentsTree;
|
|
142
|
+
'workflow-node'?: DesignSystemComponentsWorkflowNode;
|
|
143
|
+
}
|
|
144
|
+
export interface DesignSystemComponentsAccordion {
|
|
145
|
+
defaults?: DesignSystemComponentsAccordionDefaults;
|
|
146
|
+
'disabled-opacity'?: DesignSystemOpacityStep;
|
|
147
|
+
'trigger-font-size'?: DesignSystemTypeRoleName;
|
|
148
|
+
'trigger-font-weight'?: DesignSystemTypeRoleName;
|
|
149
|
+
'trigger-gap'?: DesignSystemDimension;
|
|
150
|
+
'trigger-padding-block'?: DesignSystemDimension;
|
|
151
|
+
}
|
|
152
|
+
export interface DesignSystemComponentsAccordionDefaults {
|
|
153
|
+
variant?: 'default' | 'bordered';
|
|
154
|
+
}
|
|
155
|
+
export interface DesignSystemComponentsAlert {
|
|
156
|
+
'border-width'?: DesignSystemBorderStep;
|
|
157
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
158
|
+
gap?: DesignSystemDimension;
|
|
159
|
+
'icon-size'?: DesignSystemDimension;
|
|
160
|
+
'padding-block'?: DesignSystemDimension;
|
|
161
|
+
'padding-inline'?: DesignSystemDimension;
|
|
162
|
+
radius?: DesignSystemRadiusStep;
|
|
163
|
+
}
|
|
164
|
+
export interface DesignSystemComponentsAspectRatio {
|
|
165
|
+
radius?: DesignSystemRadiusStep;
|
|
166
|
+
}
|
|
167
|
+
export interface DesignSystemComponentsAvatar {
|
|
168
|
+
defaults?: DesignSystemComponentsAvatarDefaults;
|
|
169
|
+
'font-weight'?: DesignSystemTypeRoleName;
|
|
170
|
+
radius?: DesignSystemRadiusStep;
|
|
171
|
+
'size-lg'?: DesignSystemDimension;
|
|
172
|
+
'size-md'?: DesignSystemDimension;
|
|
173
|
+
'size-sm'?: DesignSystemDimension;
|
|
174
|
+
'size-xs'?: DesignSystemDimension;
|
|
175
|
+
}
|
|
176
|
+
export interface DesignSystemComponentsAvatarDefaults {
|
|
177
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
178
|
+
}
|
|
179
|
+
export interface DesignSystemComponentsBadge {
|
|
180
|
+
'border-width'?: DesignSystemBorderStep;
|
|
181
|
+
defaults?: DesignSystemComponentsBadgeDefaults;
|
|
182
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
183
|
+
'font-weight'?: DesignSystemTypeRoleName;
|
|
184
|
+
gap?: DesignSystemDimension;
|
|
185
|
+
'line-height'?: DesignSystemTypeRoleName;
|
|
186
|
+
'padding-block'?: DesignSystemDimension;
|
|
187
|
+
'padding-inline'?: DesignSystemDimension;
|
|
188
|
+
radius?: DesignSystemRadiusStep;
|
|
189
|
+
}
|
|
190
|
+
export interface DesignSystemComponentsBadgeDefaults {
|
|
191
|
+
variant?: 'default' | 'secondary' | 'outline' | 'success' | 'warning' | 'destructive' | 'info' | 'neutral';
|
|
192
|
+
}
|
|
193
|
+
export interface DesignSystemComponentsBoard {
|
|
194
|
+
'card-elevation'?: DesignSystemElevationLevel;
|
|
195
|
+
'card-radius'?: DesignSystemRadiusStep;
|
|
196
|
+
'column-gap'?: DesignSystemDimension;
|
|
197
|
+
'column-padding'?: DesignSystemDimension;
|
|
198
|
+
'column-radius'?: DesignSystemRadiusStep;
|
|
199
|
+
}
|
|
200
|
+
export interface DesignSystemComponentsBreadcrumb {
|
|
201
|
+
defaults?: DesignSystemComponentsBreadcrumbDefaults;
|
|
202
|
+
}
|
|
203
|
+
export interface DesignSystemComponentsBreadcrumbDefaults {
|
|
204
|
+
size?: 'sm' | 'md' | 'lg';
|
|
205
|
+
}
|
|
206
|
+
export interface DesignSystemComponentsButton {
|
|
207
|
+
'border-width'?: DesignSystemBorderStep;
|
|
208
|
+
defaults?: DesignSystemComponentsButtonDefaults;
|
|
209
|
+
'disabled-opacity'?: DesignSystemOpacityStep;
|
|
210
|
+
elevation?: DesignSystemElevationLevel;
|
|
211
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
212
|
+
'font-size-lg'?: DesignSystemTypeRoleName;
|
|
213
|
+
'font-size-sm'?: DesignSystemTypeRoleName;
|
|
214
|
+
'font-weight'?: DesignSystemTypeRoleName;
|
|
215
|
+
gap?: DesignSystemDimension;
|
|
216
|
+
'height-lg'?: DesignSystemDimension;
|
|
217
|
+
'height-md'?: DesignSystemDimension;
|
|
218
|
+
'height-sm'?: DesignSystemDimension;
|
|
219
|
+
'height-touch'?: DesignSystemDimension;
|
|
220
|
+
'icon-size'?: DesignSystemDimension;
|
|
221
|
+
'line-height'?: DesignSystemTypeRoleName;
|
|
222
|
+
'padding-inline-lg'?: DesignSystemDimension;
|
|
223
|
+
'padding-inline-md'?: DesignSystemDimension;
|
|
224
|
+
'padding-inline-sm'?: DesignSystemDimension;
|
|
225
|
+
radius?: DesignSystemRadiusStep;
|
|
226
|
+
}
|
|
227
|
+
export interface DesignSystemComponentsButtonDefaults {
|
|
228
|
+
size?: 'sm' | 'md' | 'lg' | 'icon';
|
|
229
|
+
variant?: 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
|
|
230
|
+
}
|
|
231
|
+
export interface DesignSystemComponentsCanvasToolbar {
|
|
232
|
+
'button-font-size'?: DesignSystemTypeRoleName;
|
|
233
|
+
'button-radius'?: DesignSystemRadiusStep;
|
|
234
|
+
gap?: DesignSystemDimension;
|
|
235
|
+
padding?: DesignSystemDimension;
|
|
236
|
+
}
|
|
237
|
+
export interface DesignSystemComponentsCard {
|
|
238
|
+
background?: DesignSystemRoleName;
|
|
239
|
+
'border-width'?: DesignSystemBorderStep;
|
|
240
|
+
defaults?: DesignSystemComponentsCardDefaults;
|
|
241
|
+
'description-font-size'?: DesignSystemTypeRoleName;
|
|
242
|
+
elevation?: DesignSystemElevationLevel;
|
|
243
|
+
'padding-block'?: DesignSystemDimension;
|
|
244
|
+
'padding-inline'?: DesignSystemDimension;
|
|
245
|
+
radius?: DesignSystemRadiusStep;
|
|
246
|
+
'title-font-size'?: DesignSystemTypeRoleName;
|
|
247
|
+
'title-font-weight'?: DesignSystemTypeRoleName;
|
|
248
|
+
'title-line-height'?: DesignSystemTypeRoleName;
|
|
249
|
+
}
|
|
250
|
+
export interface DesignSystemComponentsCardDefaults {
|
|
251
|
+
variant?: 'elevated' | 'flat';
|
|
252
|
+
}
|
|
253
|
+
export interface DesignSystemComponentsCarousel {
|
|
254
|
+
'fallback-padding'?: DesignSystemDimension;
|
|
255
|
+
radius?: DesignSystemRadiusStep;
|
|
256
|
+
}
|
|
257
|
+
export interface DesignSystemComponentsChartFrame {
|
|
258
|
+
'title-font-size'?: DesignSystemTypeRoleName;
|
|
259
|
+
}
|
|
260
|
+
export interface DesignSystemComponentsChatBubble {
|
|
261
|
+
'padding-block'?: DesignSystemDimension;
|
|
262
|
+
'padding-inline'?: DesignSystemDimension;
|
|
263
|
+
radius?: DesignSystemRadiusStep;
|
|
264
|
+
'tail-radius'?: DesignSystemRadiusStep;
|
|
265
|
+
}
|
|
266
|
+
export interface DesignSystemComponentsChatComposer {
|
|
267
|
+
gap?: DesignSystemDimension;
|
|
268
|
+
padding?: DesignSystemDimension;
|
|
269
|
+
radius?: DesignSystemRadiusStep;
|
|
270
|
+
}
|
|
271
|
+
export interface DesignSystemComponentsChip {
|
|
272
|
+
defaults?: DesignSystemComponentsChipDefaults;
|
|
273
|
+
}
|
|
274
|
+
export interface DesignSystemComponentsChipDefaults {
|
|
275
|
+
variant?: 'default' | 'secondary' | 'outline' | 'success' | 'warning' | 'destructive' | 'info' | 'neutral';
|
|
276
|
+
}
|
|
277
|
+
export interface DesignSystemComponentsChoice {
|
|
278
|
+
defaults?: DesignSystemComponentsChoiceDefaults;
|
|
279
|
+
'description-font-size'?: DesignSystemTypeRoleName;
|
|
280
|
+
'disabled-opacity'?: DesignSystemOpacityStep;
|
|
281
|
+
gap?: DesignSystemDimension;
|
|
282
|
+
'label-font-size'?: DesignSystemTypeRoleName;
|
|
283
|
+
'label-font-weight'?: DesignSystemTypeRoleName;
|
|
284
|
+
'switch-gap'?: DesignSystemDimension;
|
|
285
|
+
}
|
|
286
|
+
export interface DesignSystemComponentsChoiceDefaults {
|
|
287
|
+
size?: 'sm' | 'md';
|
|
288
|
+
}
|
|
289
|
+
export interface DesignSystemComponentsCode {
|
|
290
|
+
'block-border-width'?: DesignSystemBorderStep;
|
|
291
|
+
'block-line-height'?: DesignSystemTypeRoleName;
|
|
292
|
+
'block-padding-block'?: DesignSystemDimension;
|
|
293
|
+
'block-padding-inline'?: DesignSystemDimension;
|
|
294
|
+
'block-radius'?: DesignSystemRadiusStep;
|
|
295
|
+
defaults?: DesignSystemComponentsCodeDefaults;
|
|
296
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
297
|
+
'font-weight'?: DesignSystemTypeRoleName;
|
|
298
|
+
}
|
|
299
|
+
export interface DesignSystemComponentsCodeDefaults {
|
|
300
|
+
variant?: 'inline' | 'block';
|
|
301
|
+
}
|
|
302
|
+
export interface DesignSystemComponentsColorPicker {
|
|
303
|
+
gap?: DesignSystemDimension;
|
|
304
|
+
'swatch-radius'?: DesignSystemRadiusStep;
|
|
305
|
+
'swatch-size'?: DesignSystemDimension;
|
|
306
|
+
}
|
|
307
|
+
export interface DesignSystemComponentsCombobox {
|
|
308
|
+
'border-width'?: DesignSystemBorderStep;
|
|
309
|
+
defaults?: DesignSystemComponentsComboboxDefaults;
|
|
310
|
+
'font-size-lg'?: DesignSystemTypeRoleName;
|
|
311
|
+
'font-size-md'?: DesignSystemTypeRoleName;
|
|
312
|
+
'font-size-sm'?: DesignSystemTypeRoleName;
|
|
313
|
+
'height-lg'?: DesignSystemDimension;
|
|
314
|
+
'height-md'?: DesignSystemDimension;
|
|
315
|
+
'height-sm'?: DesignSystemDimension;
|
|
316
|
+
radius?: DesignSystemRadiusStep;
|
|
317
|
+
}
|
|
318
|
+
export interface DesignSystemComponentsComboboxDefaults {
|
|
319
|
+
size?: 'sm' | 'md' | 'lg';
|
|
320
|
+
variant?: 'outline' | 'soft';
|
|
321
|
+
}
|
|
322
|
+
export interface DesignSystemComponentsCommand {
|
|
323
|
+
'border-width'?: DesignSystemBorderStep;
|
|
324
|
+
defaults?: DesignSystemComponentsCommandDefaults;
|
|
325
|
+
'font-size-lg'?: DesignSystemTypeRoleName;
|
|
326
|
+
'font-size-md'?: DesignSystemTypeRoleName;
|
|
327
|
+
'font-size-sm'?: DesignSystemTypeRoleName;
|
|
328
|
+
'input-gap'?: DesignSystemDimension;
|
|
329
|
+
'input-padding-inline'?: DesignSystemDimension;
|
|
330
|
+
radius?: DesignSystemRadiusStep;
|
|
331
|
+
}
|
|
332
|
+
export interface DesignSystemComponentsCommandDefaults {
|
|
333
|
+
size?: 'sm' | 'md' | 'lg';
|
|
334
|
+
variant?: 'outline' | 'soft';
|
|
335
|
+
}
|
|
336
|
+
export interface DesignSystemComponentsCopyButton {
|
|
337
|
+
defaults?: DesignSystemComponentsCopyButtonDefaults;
|
|
338
|
+
}
|
|
339
|
+
export interface DesignSystemComponentsCopyButtonDefaults {
|
|
340
|
+
size?: 'sm' | 'md';
|
|
341
|
+
}
|
|
342
|
+
export interface DesignSystemComponentsDataGrid {
|
|
343
|
+
gap?: DesignSystemDimension;
|
|
344
|
+
'pager-font-size'?: DesignSystemTypeRoleName;
|
|
345
|
+
radius?: DesignSystemRadiusStep;
|
|
346
|
+
}
|
|
347
|
+
export interface DesignSystemComponentsDate {
|
|
348
|
+
'control-border-width'?: DesignSystemBorderStep;
|
|
349
|
+
'control-radius'?: DesignSystemRadiusStep;
|
|
350
|
+
defaults?: DesignSystemComponentsDateDefaults;
|
|
351
|
+
'description-font-size'?: DesignSystemTypeRoleName;
|
|
352
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
353
|
+
'label-font-weight'?: DesignSystemTypeRoleName;
|
|
354
|
+
'panel-elevation'?: DesignSystemElevationLevel;
|
|
355
|
+
'panel-padding'?: DesignSystemDimension;
|
|
356
|
+
'panel-radius'?: DesignSystemRadiusStep;
|
|
357
|
+
}
|
|
358
|
+
export interface DesignSystemComponentsDateDefaults {
|
|
359
|
+
size?: 'sm' | 'md';
|
|
360
|
+
}
|
|
361
|
+
export interface DesignSystemComponentsDialog {
|
|
362
|
+
'alert-padding'?: DesignSystemDimension;
|
|
363
|
+
'border-width'?: DesignSystemBorderStep;
|
|
364
|
+
defaults?: DesignSystemComponentsDialogDefaults;
|
|
365
|
+
elevation?: DesignSystemElevationLevel;
|
|
366
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
367
|
+
'line-height'?: DesignSystemTypeRoleName;
|
|
368
|
+
radius?: DesignSystemRadiusStep;
|
|
369
|
+
'scrim-opacity'?: DesignSystemOpacityStep;
|
|
370
|
+
'title-font-size'?: DesignSystemTypeRoleName;
|
|
371
|
+
'title-font-weight'?: DesignSystemTypeRoleName;
|
|
372
|
+
'title-line-height'?: DesignSystemTypeRoleName;
|
|
373
|
+
}
|
|
374
|
+
export interface DesignSystemComponentsDialogDefaults {
|
|
375
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
376
|
+
}
|
|
377
|
+
export interface DesignSystemComponentsEmpty {
|
|
378
|
+
defaults?: DesignSystemComponentsEmptyDefaults;
|
|
379
|
+
'description-font-size'?: DesignSystemTypeRoleName;
|
|
380
|
+
gap?: DesignSystemDimension;
|
|
381
|
+
'padding-block'?: DesignSystemDimension;
|
|
382
|
+
'padding-inline'?: DesignSystemDimension;
|
|
383
|
+
'title-font-size'?: DesignSystemTypeRoleName;
|
|
384
|
+
'title-font-weight'?: DesignSystemTypeRoleName;
|
|
385
|
+
}
|
|
386
|
+
export interface DesignSystemComponentsEmptyDefaults {
|
|
387
|
+
size?: 'sm' | 'md';
|
|
388
|
+
}
|
|
389
|
+
export interface DesignSystemComponentsField {
|
|
390
|
+
'description-font-size'?: DesignSystemTypeRoleName;
|
|
391
|
+
'description-line-height'?: DesignSystemTypeRoleName;
|
|
392
|
+
gap?: DesignSystemDimension;
|
|
393
|
+
'label-font-size'?: DesignSystemTypeRoleName;
|
|
394
|
+
'label-font-weight'?: DesignSystemTypeRoleName;
|
|
395
|
+
'label-line-height'?: DesignSystemTypeRoleName;
|
|
396
|
+
}
|
|
397
|
+
export interface DesignSystemComponentsFileUpload {
|
|
398
|
+
'browse-height'?: DesignSystemDimension;
|
|
399
|
+
defaults?: DesignSystemComponentsFileUploadDefaults;
|
|
400
|
+
gap?: DesignSystemDimension;
|
|
401
|
+
'zone-border-width'?: DesignSystemBorderStep;
|
|
402
|
+
'zone-padding-block'?: DesignSystemDimension;
|
|
403
|
+
'zone-padding-inline'?: DesignSystemDimension;
|
|
404
|
+
'zone-radius'?: DesignSystemRadiusStep;
|
|
405
|
+
}
|
|
406
|
+
export interface DesignSystemComponentsFileUploadDefaults {
|
|
407
|
+
variant?: 'default' | 'compact';
|
|
408
|
+
}
|
|
409
|
+
export interface DesignSystemComponentsForms {
|
|
410
|
+
gap?: DesignSystemDimension;
|
|
411
|
+
}
|
|
412
|
+
export interface DesignSystemComponentsIcon {
|
|
413
|
+
defaults?: DesignSystemComponentsIconDefaults;
|
|
414
|
+
'size-lg'?: DesignSystemDimension;
|
|
415
|
+
'size-md'?: DesignSystemDimension;
|
|
416
|
+
'size-sm'?: DesignSystemDimension;
|
|
417
|
+
'size-xs'?: DesignSystemDimension;
|
|
418
|
+
'stroke-width'?: DesignSystemStrokeWidth;
|
|
419
|
+
}
|
|
420
|
+
export interface DesignSystemComponentsIconButton {
|
|
421
|
+
defaults?: DesignSystemComponentsIconButtonDefaults;
|
|
422
|
+
}
|
|
423
|
+
export interface DesignSystemComponentsIconButtonDefaults {
|
|
424
|
+
size?: 'sm' | 'md' | 'lg' | 'icon';
|
|
425
|
+
variant?: 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
|
|
426
|
+
}
|
|
427
|
+
export interface DesignSystemComponentsIconDefaults {
|
|
428
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
429
|
+
}
|
|
430
|
+
export interface DesignSystemComponentsInput {
|
|
431
|
+
'border-width'?: DesignSystemBorderStep;
|
|
432
|
+
'disabled-opacity'?: DesignSystemOpacityStep;
|
|
433
|
+
elevation?: DesignSystemElevationLevel;
|
|
434
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
435
|
+
'font-size-touch'?: DesignSystemTypeRoleName;
|
|
436
|
+
'font-weight'?: DesignSystemTypeRoleName;
|
|
437
|
+
height?: DesignSystemDimension;
|
|
438
|
+
'height-touch'?: DesignSystemDimension;
|
|
439
|
+
'padding-block'?: DesignSystemDimension;
|
|
440
|
+
'padding-inline'?: DesignSystemDimension;
|
|
441
|
+
radius?: DesignSystemRadiusStep;
|
|
442
|
+
'textarea-padding-block'?: DesignSystemDimension;
|
|
443
|
+
}
|
|
444
|
+
export interface DesignSystemComponentsKbd {
|
|
445
|
+
'border-width'?: DesignSystemBorderStep;
|
|
446
|
+
'font-weight'?: DesignSystemTypeRoleName;
|
|
447
|
+
'min-size'?: DesignSystemDimension;
|
|
448
|
+
'padding-block'?: DesignSystemDimension;
|
|
449
|
+
radius?: DesignSystemRadiusStep;
|
|
450
|
+
}
|
|
451
|
+
export interface DesignSystemComponentsLabel {
|
|
452
|
+
defaults?: DesignSystemComponentsLabelDefaults;
|
|
453
|
+
}
|
|
454
|
+
export interface DesignSystemComponentsLabelDefaults {
|
|
455
|
+
size?: 'sm' | 'md';
|
|
456
|
+
}
|
|
457
|
+
export interface DesignSystemComponentsMenu {
|
|
458
|
+
'content-elevation'?: DesignSystemElevationLevel;
|
|
459
|
+
'content-font-size'?: DesignSystemTypeRoleName;
|
|
460
|
+
'content-padding-block'?: DesignSystemDimension;
|
|
461
|
+
'content-radius'?: DesignSystemRadiusStep;
|
|
462
|
+
defaults?: DesignSystemComponentsMenuDefaults;
|
|
463
|
+
'trigger-border-width'?: DesignSystemBorderStep;
|
|
464
|
+
'trigger-font-size'?: DesignSystemTypeRoleName;
|
|
465
|
+
'trigger-font-weight'?: DesignSystemTypeRoleName;
|
|
466
|
+
'trigger-height-lg'?: DesignSystemDimension;
|
|
467
|
+
'trigger-height-md'?: DesignSystemDimension;
|
|
468
|
+
'trigger-height-sm'?: DesignSystemDimension;
|
|
469
|
+
'trigger-radius'?: DesignSystemRadiusStep;
|
|
470
|
+
}
|
|
471
|
+
export interface DesignSystemComponentsMenuDefaults {
|
|
472
|
+
size?: 'sm' | 'md' | 'lg';
|
|
473
|
+
variant?: 'default' | 'soft';
|
|
474
|
+
}
|
|
475
|
+
export interface DesignSystemComponentsNavigation {
|
|
476
|
+
'chevron-opacity'?: DesignSystemOpacityStep;
|
|
477
|
+
defaults?: DesignSystemComponentsNavigationDefaults;
|
|
478
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
479
|
+
'list-gap'?: DesignSystemDimension;
|
|
480
|
+
'trigger-radius'?: DesignSystemRadiusStep;
|
|
481
|
+
}
|
|
482
|
+
export interface DesignSystemComponentsNavigationDefaults {
|
|
483
|
+
size?: 'sm' | 'md' | 'lg';
|
|
484
|
+
}
|
|
485
|
+
export interface DesignSystemComponentsNumberField {
|
|
486
|
+
'border-width'?: DesignSystemBorderStep;
|
|
487
|
+
defaults?: DesignSystemComponentsNumberFieldDefaults;
|
|
488
|
+
'padding-block'?: DesignSystemDimension;
|
|
489
|
+
'padding-inline'?: DesignSystemDimension;
|
|
490
|
+
radius?: DesignSystemRadiusStep;
|
|
491
|
+
'stepper-size'?: DesignSystemDimension;
|
|
492
|
+
}
|
|
493
|
+
export interface DesignSystemComponentsNumberFieldDefaults {
|
|
494
|
+
size?: 'sm' | 'md' | 'lg';
|
|
495
|
+
}
|
|
496
|
+
export interface DesignSystemComponentsPagination {
|
|
497
|
+
defaults?: DesignSystemComponentsPaginationDefaults;
|
|
498
|
+
}
|
|
499
|
+
export interface DesignSystemComponentsPaginationDefaults {
|
|
500
|
+
size?: 'sm' | 'md' | 'lg';
|
|
501
|
+
variant?: 'outline' | 'soft';
|
|
502
|
+
}
|
|
503
|
+
export interface DesignSystemComponentsPinInput {
|
|
504
|
+
'cell-block-size'?: DesignSystemDimension;
|
|
505
|
+
'cell-font-size'?: DesignSystemTypeRoleName;
|
|
506
|
+
'cell-inline-size'?: DesignSystemDimension;
|
|
507
|
+
'cell-radius'?: DesignSystemRadiusStep;
|
|
508
|
+
defaults?: DesignSystemComponentsPinInputDefaults;
|
|
509
|
+
gap?: DesignSystemDimension;
|
|
510
|
+
}
|
|
511
|
+
export interface DesignSystemComponentsPinInputDefaults {
|
|
512
|
+
size?: 'sm' | 'md' | 'lg';
|
|
513
|
+
}
|
|
514
|
+
export interface DesignSystemComponentsPopover {
|
|
515
|
+
'border-width'?: DesignSystemBorderStep;
|
|
516
|
+
defaults?: DesignSystemComponentsPopoverDefaults;
|
|
517
|
+
elevation?: DesignSystemElevationLevel;
|
|
518
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
519
|
+
'padding-block'?: DesignSystemDimension;
|
|
520
|
+
'padding-inline'?: DesignSystemDimension;
|
|
521
|
+
radius?: DesignSystemRadiusStep;
|
|
522
|
+
'title-font-size'?: DesignSystemTypeRoleName;
|
|
523
|
+
'title-font-weight'?: DesignSystemTypeRoleName;
|
|
524
|
+
'title-line-height'?: DesignSystemTypeRoleName;
|
|
525
|
+
}
|
|
526
|
+
export interface DesignSystemComponentsPopoverDefaults {
|
|
527
|
+
size?: 'sm' | 'md' | 'lg';
|
|
528
|
+
variant?: 'elevated' | 'flat';
|
|
529
|
+
}
|
|
530
|
+
export interface DesignSystemComponentsProgress {
|
|
531
|
+
defaults?: DesignSystemComponentsProgressDefaults;
|
|
532
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
533
|
+
gap?: DesignSystemDimension;
|
|
534
|
+
radius?: DesignSystemRadiusStep;
|
|
535
|
+
'track-height-lg'?: DesignSystemDimension;
|
|
536
|
+
'track-height-md'?: DesignSystemDimension;
|
|
537
|
+
'track-height-sm'?: DesignSystemDimension;
|
|
538
|
+
}
|
|
539
|
+
export interface DesignSystemComponentsProgressDefaults {
|
|
540
|
+
size?: 'sm' | 'md' | 'lg';
|
|
541
|
+
}
|
|
542
|
+
export interface DesignSystemComponentsRadioGroup {
|
|
543
|
+
defaults?: DesignSystemComponentsRadioGroupDefaults;
|
|
544
|
+
}
|
|
545
|
+
export interface DesignSystemComponentsRadioGroupDefaults {
|
|
546
|
+
size?: 'sm' | 'md';
|
|
547
|
+
variant?: 'default' | 'card';
|
|
548
|
+
}
|
|
549
|
+
export interface DesignSystemComponentsRating {
|
|
550
|
+
defaults?: DesignSystemComponentsRatingDefaults;
|
|
551
|
+
'label-font-size'?: DesignSystemTypeRoleName;
|
|
552
|
+
'label-font-weight'?: DesignSystemTypeRoleName;
|
|
553
|
+
'star-radius'?: DesignSystemRadiusStep;
|
|
554
|
+
'stars-gap'?: DesignSystemDimension;
|
|
555
|
+
}
|
|
556
|
+
export interface DesignSystemComponentsRatingDefaults {
|
|
557
|
+
size?: 'sm' | 'md' | 'lg';
|
|
558
|
+
}
|
|
559
|
+
export interface DesignSystemComponentsResizable {
|
|
560
|
+
'border-width'?: DesignSystemBorderStep;
|
|
561
|
+
defaults?: DesignSystemComponentsResizableDefaults;
|
|
562
|
+
radius?: DesignSystemRadiusStep;
|
|
563
|
+
}
|
|
564
|
+
export interface DesignSystemComponentsResizableDefaults {
|
|
565
|
+
variant?: 'plain' | 'bordered';
|
|
566
|
+
}
|
|
567
|
+
export interface DesignSystemComponentsResizableHandle {
|
|
568
|
+
defaults?: DesignSystemComponentsResizableHandleDefaults;
|
|
569
|
+
}
|
|
570
|
+
export interface DesignSystemComponentsResizableHandleDefaults {
|
|
571
|
+
size?: 'sm' | 'md';
|
|
572
|
+
}
|
|
573
|
+
export interface DesignSystemComponentsScrollArea {
|
|
574
|
+
'border-width'?: DesignSystemBorderStep;
|
|
575
|
+
defaults?: DesignSystemComponentsScrollAreaDefaults;
|
|
576
|
+
padding?: DesignSystemDimension;
|
|
577
|
+
radius?: DesignSystemRadiusStep;
|
|
578
|
+
'scrollbar-radius'?: DesignSystemRadiusStep;
|
|
579
|
+
'scrollbar-size'?: DesignSystemDimension;
|
|
580
|
+
'thumb-min-size'?: DesignSystemDimension;
|
|
581
|
+
}
|
|
582
|
+
export interface DesignSystemComponentsScrollAreaDefaults {
|
|
583
|
+
size?: 'sm' | 'md' | 'lg';
|
|
584
|
+
}
|
|
585
|
+
export interface DesignSystemComponentsSelect {
|
|
586
|
+
'border-width'?: DesignSystemBorderStep;
|
|
587
|
+
'chevron-opacity'?: DesignSystemOpacityStep;
|
|
588
|
+
'chevron-size'?: DesignSystemDimension;
|
|
589
|
+
defaults?: DesignSystemComponentsSelectDefaults;
|
|
590
|
+
'font-size-lg'?: DesignSystemTypeRoleName;
|
|
591
|
+
'font-size-md'?: DesignSystemTypeRoleName;
|
|
592
|
+
'font-size-sm'?: DesignSystemTypeRoleName;
|
|
593
|
+
'font-weight'?: DesignSystemTypeRoleName;
|
|
594
|
+
gap?: DesignSystemDimension;
|
|
595
|
+
'height-lg'?: DesignSystemDimension;
|
|
596
|
+
'height-md'?: DesignSystemDimension;
|
|
597
|
+
'height-sm'?: DesignSystemDimension;
|
|
598
|
+
'padding-inline-lg'?: DesignSystemDimension;
|
|
599
|
+
'padding-inline-md'?: DesignSystemDimension;
|
|
600
|
+
'padding-inline-sm'?: DesignSystemDimension;
|
|
601
|
+
radius?: DesignSystemRadiusStep;
|
|
602
|
+
}
|
|
603
|
+
export interface DesignSystemComponentsSelectDefaults {
|
|
604
|
+
size?: 'sm' | 'md' | 'lg';
|
|
605
|
+
variant?: 'outline' | 'soft';
|
|
606
|
+
}
|
|
607
|
+
export interface DesignSystemComponentsSeparator {
|
|
608
|
+
defaults?: DesignSystemComponentsSeparatorDefaults;
|
|
609
|
+
thickness?: DesignSystemBorderStep;
|
|
610
|
+
}
|
|
611
|
+
export interface DesignSystemComponentsSeparatorDefaults {
|
|
612
|
+
variant?: 'default' | 'subtle' | 'strong';
|
|
613
|
+
}
|
|
614
|
+
export interface DesignSystemComponentsSheet {
|
|
615
|
+
'border-width'?: DesignSystemBorderStep;
|
|
616
|
+
defaults?: DesignSystemComponentsSheetDefaults;
|
|
617
|
+
elevation?: DesignSystemElevationLevel;
|
|
618
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
619
|
+
gap?: DesignSystemDimension;
|
|
620
|
+
'line-height'?: DesignSystemTypeRoleName;
|
|
621
|
+
padding?: DesignSystemDimension;
|
|
622
|
+
'scrim-opacity'?: DesignSystemOpacityStep;
|
|
623
|
+
'title-font-size'?: DesignSystemTypeRoleName;
|
|
624
|
+
'title-font-weight'?: DesignSystemTypeRoleName;
|
|
625
|
+
'title-line-height'?: DesignSystemTypeRoleName;
|
|
626
|
+
}
|
|
627
|
+
export interface DesignSystemComponentsSheetDefaults {
|
|
628
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
629
|
+
}
|
|
630
|
+
export interface DesignSystemComponentsSidebar {
|
|
631
|
+
'body-gap'?: DesignSystemDimension;
|
|
632
|
+
'body-padding-block'?: DesignSystemDimension;
|
|
633
|
+
'body-padding-inline'?: DesignSystemDimension;
|
|
634
|
+
defaults?: DesignSystemComponentsSidebarDefaults;
|
|
635
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
636
|
+
'header-gap'?: DesignSystemDimension;
|
|
637
|
+
'header-padding-inline'?: DesignSystemDimension;
|
|
638
|
+
'inset-radius'?: DesignSystemRadiusStep;
|
|
639
|
+
}
|
|
640
|
+
export interface DesignSystemComponentsSidebarDefaults {
|
|
641
|
+
variant?: 'default' | 'inset';
|
|
642
|
+
}
|
|
643
|
+
export interface DesignSystemComponentsSkeleton {
|
|
644
|
+
'circle-size'?: DesignSystemDimension;
|
|
645
|
+
defaults?: DesignSystemComponentsSkeletonDefaults;
|
|
646
|
+
'height-lg'?: DesignSystemDimension;
|
|
647
|
+
'height-md'?: DesignSystemDimension;
|
|
648
|
+
'height-sm'?: DesignSystemDimension;
|
|
649
|
+
radius?: DesignSystemRadiusStep;
|
|
650
|
+
}
|
|
651
|
+
export interface DesignSystemComponentsSkeletonDefaults {
|
|
652
|
+
size?: 'sm' | 'md' | 'lg';
|
|
653
|
+
}
|
|
654
|
+
export interface DesignSystemComponentsSlider {
|
|
655
|
+
defaults?: DesignSystemComponentsSliderDefaults;
|
|
656
|
+
'disabled-opacity'?: DesignSystemOpacityStep;
|
|
657
|
+
'thumb-border-width'?: DesignSystemBorderStep;
|
|
658
|
+
'thumb-elevation'?: DesignSystemElevationLevel;
|
|
659
|
+
}
|
|
660
|
+
export interface DesignSystemComponentsSliderDefaults {
|
|
661
|
+
size?: 'sm' | 'md' | 'lg';
|
|
662
|
+
}
|
|
663
|
+
export interface DesignSystemComponentsSpinner {
|
|
664
|
+
defaults?: DesignSystemComponentsSpinnerDefaults;
|
|
665
|
+
radius?: DesignSystemRadiusStep;
|
|
666
|
+
}
|
|
667
|
+
export interface DesignSystemComponentsSpinnerDefaults {
|
|
668
|
+
size?: 'sm' | 'md' | 'lg';
|
|
669
|
+
}
|
|
670
|
+
export interface DesignSystemComponentsSpreadsheet {
|
|
671
|
+
'bar-radius'?: DesignSystemRadiusStep;
|
|
672
|
+
gap?: DesignSystemDimension;
|
|
673
|
+
'tab-padding-inline'?: DesignSystemDimension;
|
|
674
|
+
'tab-radius'?: DesignSystemRadiusStep;
|
|
675
|
+
}
|
|
676
|
+
export interface DesignSystemComponentsStat {
|
|
677
|
+
'border-width'?: DesignSystemBorderStep;
|
|
678
|
+
defaults?: DesignSystemComponentsStatDefaults;
|
|
679
|
+
elevation?: DesignSystemElevationLevel;
|
|
680
|
+
gap?: DesignSystemDimension;
|
|
681
|
+
'icon-radius'?: DesignSystemRadiusStep;
|
|
682
|
+
'icon-size'?: DesignSystemDimension;
|
|
683
|
+
'label-font-size'?: DesignSystemTypeRoleName;
|
|
684
|
+
'label-font-weight'?: DesignSystemTypeRoleName;
|
|
685
|
+
padding?: DesignSystemDimension;
|
|
686
|
+
radius?: DesignSystemRadiusStep;
|
|
687
|
+
'value-font-size'?: DesignSystemTypeRoleName;
|
|
688
|
+
'value-font-weight'?: DesignSystemTypeRoleName;
|
|
689
|
+
}
|
|
690
|
+
export interface DesignSystemComponentsStatDefaults {
|
|
691
|
+
variant?: 'elevated' | 'flat';
|
|
692
|
+
}
|
|
693
|
+
export interface DesignSystemComponentsStepper {
|
|
694
|
+
'check-size'?: DesignSystemDimension;
|
|
695
|
+
gap?: DesignSystemDimension;
|
|
696
|
+
'marker-border-width'?: DesignSystemBorderStep;
|
|
697
|
+
'marker-font-size'?: DesignSystemTypeRoleName;
|
|
698
|
+
'marker-font-weight'?: DesignSystemTypeRoleName;
|
|
699
|
+
'marker-radius'?: DesignSystemRadiusStep;
|
|
700
|
+
'marker-size'?: DesignSystemDimension;
|
|
701
|
+
'trigger-radius'?: DesignSystemRadiusStep;
|
|
702
|
+
}
|
|
703
|
+
export interface DesignSystemComponentsTable {
|
|
704
|
+
'border-width'?: DesignSystemBorderStep;
|
|
705
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
706
|
+
'head-font-size'?: DesignSystemTypeRoleName;
|
|
707
|
+
'head-font-weight'?: DesignSystemTypeRoleName;
|
|
708
|
+
radius?: DesignSystemRadiusStep;
|
|
709
|
+
}
|
|
710
|
+
export interface DesignSystemComponentsTabs {
|
|
711
|
+
defaults?: DesignSystemComponentsTabsDefaults;
|
|
712
|
+
'disabled-opacity'?: DesignSystemOpacityStep;
|
|
713
|
+
gap?: DesignSystemDimension;
|
|
714
|
+
'list-gap'?: DesignSystemDimension;
|
|
715
|
+
'list-radius'?: DesignSystemRadiusStep;
|
|
716
|
+
'trigger-font-size'?: DesignSystemTypeRoleName;
|
|
717
|
+
'trigger-font-weight'?: DesignSystemTypeRoleName;
|
|
718
|
+
'trigger-gap'?: DesignSystemDimension;
|
|
719
|
+
'trigger-height-touch'?: DesignSystemDimension;
|
|
720
|
+
}
|
|
721
|
+
export interface DesignSystemComponentsTabsDefaults {
|
|
722
|
+
variant?: 'line' | 'pills' | 'enclosed';
|
|
723
|
+
}
|
|
724
|
+
export interface DesignSystemComponentsTag {
|
|
725
|
+
defaults?: DesignSystemComponentsTagDefaults;
|
|
726
|
+
}
|
|
727
|
+
export interface DesignSystemComponentsTagDefaults {
|
|
728
|
+
variant?: 'default' | 'secondary' | 'outline' | 'success' | 'warning' | 'destructive' | 'info' | 'neutral';
|
|
729
|
+
}
|
|
730
|
+
export interface DesignSystemComponentsTagsInput {
|
|
731
|
+
'border-width'?: DesignSystemBorderStep;
|
|
732
|
+
'disabled-opacity'?: DesignSystemOpacityStep;
|
|
733
|
+
elevation?: DesignSystemElevationLevel;
|
|
734
|
+
gap?: DesignSystemDimension;
|
|
735
|
+
height?: DesignSystemDimension;
|
|
736
|
+
'height-touch'?: DesignSystemDimension;
|
|
737
|
+
'padding-inline'?: DesignSystemDimension;
|
|
738
|
+
radius?: DesignSystemRadiusStep;
|
|
739
|
+
'tag-font-size'?: DesignSystemTypeRoleName;
|
|
740
|
+
'tag-radius'?: DesignSystemRadiusStep;
|
|
741
|
+
}
|
|
742
|
+
export interface DesignSystemComponentsTimeline {
|
|
743
|
+
'marker-radius'?: DesignSystemRadiusStep;
|
|
744
|
+
'marker-size'?: DesignSystemDimension;
|
|
745
|
+
'time-font-size'?: DesignSystemTypeRoleName;
|
|
746
|
+
'time-font-weight'?: DesignSystemTypeRoleName;
|
|
747
|
+
}
|
|
748
|
+
export interface DesignSystemComponentsToast {
|
|
749
|
+
'border-width'?: DesignSystemBorderStep;
|
|
750
|
+
elevation?: DesignSystemElevationLevel;
|
|
751
|
+
gap?: DesignSystemDimension;
|
|
752
|
+
'icon-size'?: DesignSystemDimension;
|
|
753
|
+
'padding-block'?: DesignSystemDimension;
|
|
754
|
+
radius?: DesignSystemRadiusStep;
|
|
755
|
+
'title-font-size'?: DesignSystemTypeRoleName;
|
|
756
|
+
'title-font-weight'?: DesignSystemTypeRoleName;
|
|
757
|
+
}
|
|
758
|
+
export interface DesignSystemComponentsToggle {
|
|
759
|
+
'border-width'?: DesignSystemBorderStep;
|
|
760
|
+
defaults?: DesignSystemComponentsToggleDefaults;
|
|
761
|
+
'disabled-opacity'?: DesignSystemOpacityStep;
|
|
762
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
763
|
+
'font-weight'?: DesignSystemTypeRoleName;
|
|
764
|
+
gap?: DesignSystemDimension;
|
|
765
|
+
'height-lg'?: DesignSystemDimension;
|
|
766
|
+
'height-md'?: DesignSystemDimension;
|
|
767
|
+
'height-sm'?: DesignSystemDimension;
|
|
768
|
+
'line-height'?: DesignSystemTypeRoleName;
|
|
769
|
+
'padding-inline-lg'?: DesignSystemDimension;
|
|
770
|
+
'padding-inline-md'?: DesignSystemDimension;
|
|
771
|
+
'padding-inline-sm'?: DesignSystemDimension;
|
|
772
|
+
radius?: DesignSystemRadiusStep;
|
|
773
|
+
}
|
|
774
|
+
export interface DesignSystemComponentsToggleDefaults {
|
|
775
|
+
size?: 'sm' | 'md' | 'lg';
|
|
776
|
+
variant?: 'default' | 'outline';
|
|
777
|
+
}
|
|
778
|
+
export interface DesignSystemComponentsToggleGroup {
|
|
779
|
+
defaults?: DesignSystemComponentsToggleGroupDefaults;
|
|
780
|
+
}
|
|
781
|
+
export interface DesignSystemComponentsToggleGroupDefaults {
|
|
782
|
+
size?: 'sm' | 'md' | 'lg';
|
|
783
|
+
variant?: 'default' | 'outline';
|
|
784
|
+
}
|
|
785
|
+
export interface DesignSystemComponentsToolbar {
|
|
786
|
+
'border-width'?: DesignSystemBorderStep;
|
|
787
|
+
defaults?: DesignSystemComponentsToolbarDefaults;
|
|
788
|
+
'disabled-opacity'?: DesignSystemOpacityStep;
|
|
789
|
+
gap?: DesignSystemDimension;
|
|
790
|
+
'item-font-size'?: DesignSystemTypeRoleName;
|
|
791
|
+
'item-font-weight'?: DesignSystemTypeRoleName;
|
|
792
|
+
'item-height-sm'?: DesignSystemDimension;
|
|
793
|
+
padding?: DesignSystemDimension;
|
|
794
|
+
radius?: DesignSystemRadiusStep;
|
|
795
|
+
}
|
|
796
|
+
export interface DesignSystemComponentsToolbarDefaults {
|
|
797
|
+
size?: 'sm' | 'md';
|
|
798
|
+
variant?: 'default' | 'outline' | 'ghost';
|
|
799
|
+
}
|
|
800
|
+
export interface DesignSystemComponentsTooltip {
|
|
801
|
+
elevation?: DesignSystemElevationLevel;
|
|
802
|
+
'font-size'?: DesignSystemTypeRoleName;
|
|
803
|
+
'font-weight'?: DesignSystemTypeRoleName;
|
|
804
|
+
'line-height'?: DesignSystemTypeRoleName;
|
|
805
|
+
radius?: DesignSystemRadiusStep;
|
|
806
|
+
}
|
|
807
|
+
export interface DesignSystemComponentsTree {
|
|
808
|
+
'checkbox-radius'?: DesignSystemRadiusStep;
|
|
809
|
+
'checkbox-size'?: DesignSystemDimension;
|
|
810
|
+
defaults?: DesignSystemComponentsTreeDefaults;
|
|
811
|
+
gap?: DesignSystemDimension;
|
|
812
|
+
padding?: DesignSystemDimension;
|
|
813
|
+
radius?: DesignSystemRadiusStep;
|
|
814
|
+
'row-gap'?: DesignSystemDimension;
|
|
815
|
+
'row-padding-block'?: DesignSystemDimension;
|
|
816
|
+
}
|
|
817
|
+
export interface DesignSystemComponentsTreeDefaults {
|
|
818
|
+
variant?: 'default' | 'bordered';
|
|
819
|
+
}
|
|
820
|
+
export interface DesignSystemComponentsWorkflowNode {
|
|
821
|
+
elevation?: DesignSystemElevationLevel;
|
|
822
|
+
'padding-block'?: DesignSystemDimension;
|
|
823
|
+
'padding-inline'?: DesignSystemDimension;
|
|
824
|
+
radius?: DesignSystemRadiusStep;
|
|
825
|
+
}
|
|
826
|
+
/** One mode’s chart palette: 8 categorical, 9 sequential and 9 diverging colors. */
|
|
827
|
+
export interface DesignSystemDataVizPalette {
|
|
828
|
+
axis?: DesignSystemColorValue;
|
|
829
|
+
categorical?: readonly DesignSystemColorValue[];
|
|
830
|
+
diverging?: readonly DesignSystemColorValue[];
|
|
831
|
+
grid?: DesignSystemColorValue;
|
|
832
|
+
sequential?: readonly DesignSystemColorValue[];
|
|
833
|
+
}
|
|
834
|
+
/** A space, control, icon or target size step. */
|
|
835
|
+
export type DesignSystemDimension = 'space-0' | 'space-1' | 'space-2' | 'space-3' | 'space-4' | 'space-5' | 'space-6' | 'space-7' | 'space-8' | 'space-9' | 'space-10' | 'space-11' | 'space-12' | 'control-xs' | 'control-sm' | 'control-md' | 'control-lg' | 'icon-xs' | 'icon-sm' | 'icon-md' | 'icon-lg' | 'target-min' | 'target-touch';
|
|
836
|
+
/** Elevation style. */
|
|
837
|
+
export interface DesignSystemElevation {
|
|
838
|
+
style?: 'flat' | 'soft' | 'crisp' | 'glow' | 'layered';
|
|
839
|
+
}
|
|
840
|
+
/** An elevation level. */
|
|
841
|
+
export type DesignSystemElevationLevel = number;
|
|
842
|
+
/** A family stack (1 to 8 names, quoted by the compiler) and its font files. */
|
|
843
|
+
export interface DesignSystemFontFamily {
|
|
844
|
+
files?: readonly DesignSystemFontFile[];
|
|
845
|
+
stack: readonly string[];
|
|
846
|
+
}
|
|
847
|
+
/**
|
|
848
|
+
* A self-hosted font file: a same-origin relative path (.woff2, .woff, .ttf, .otf), or at developer
|
|
849
|
+
* trust a base64 data:font URL of at most 131072 bytes.
|
|
850
|
+
*/
|
|
851
|
+
export interface DesignSystemFontFile {
|
|
852
|
+
display?: 'swap' | 'fallback' | 'optional' | 'block' | 'auto';
|
|
853
|
+
preload?: boolean;
|
|
854
|
+
/** At most 131072 bytes inline; data URLs need developer trust. */
|
|
855
|
+
src: string;
|
|
856
|
+
style?: 'normal' | 'italic';
|
|
857
|
+
weight?: string;
|
|
858
|
+
}
|
|
859
|
+
/** Icon style, stroke and sizes (px). */
|
|
860
|
+
export interface DesignSystemIcons {
|
|
861
|
+
size?: DesignSystemIconsSize;
|
|
862
|
+
stroke?: number;
|
|
863
|
+
style?: 'outline' | 'filled';
|
|
864
|
+
}
|
|
865
|
+
export interface DesignSystemIconsSize {
|
|
866
|
+
lg?: number;
|
|
867
|
+
md?: number;
|
|
868
|
+
sm?: number;
|
|
869
|
+
}
|
|
870
|
+
/** One design-system issue: a stable code, a JSON path from $, a message and an optional hint. */
|
|
871
|
+
export interface DesignSystemIssue {
|
|
872
|
+
code: DesignSystemIssueCode;
|
|
873
|
+
hint?: string;
|
|
874
|
+
message: string;
|
|
875
|
+
path: string;
|
|
876
|
+
}
|
|
877
|
+
/**
|
|
878
|
+
* Every stable design-system code; aa-text, aa-focus and target-size are raised by the compiler.
|
|
879
|
+
*/
|
|
880
|
+
export type DesignSystemIssueCode = 'unknown-key' | 'invalid-type' | 'invalid-value' | 'required' | 'format-version' | 'extends-range' | 'extends-cycle' | 'extends-depth' | 'url-refused' | 'inline-bytes' | 'aa-text' | 'aa-focus' | 'target-size';
|
|
881
|
+
/** Layout widths, breakpoints and the grid (px). */
|
|
882
|
+
export interface DesignSystemLayout {
|
|
883
|
+
breakpoints?: DesignSystemLayoutBreakpoints;
|
|
884
|
+
contentMax?: number;
|
|
885
|
+
grid?: DesignSystemLayoutGrid;
|
|
886
|
+
wideMax?: number;
|
|
887
|
+
}
|
|
888
|
+
export interface DesignSystemLayoutBreakpoints {
|
|
889
|
+
lg?: number;
|
|
890
|
+
md?: number;
|
|
891
|
+
sm?: number;
|
|
892
|
+
}
|
|
893
|
+
export interface DesignSystemLayoutGrid {
|
|
894
|
+
columns?: DesignSystemLayoutGridColumns;
|
|
895
|
+
gutter?: DesignSystemLayoutGridGutter;
|
|
896
|
+
}
|
|
897
|
+
export interface DesignSystemLayoutGridColumns {
|
|
898
|
+
base?: number;
|
|
899
|
+
lg?: number;
|
|
900
|
+
md?: number;
|
|
901
|
+
sm?: number;
|
|
902
|
+
}
|
|
903
|
+
export interface DesignSystemLayoutGridGutter {
|
|
904
|
+
base?: DesignSystemSpaceStep;
|
|
905
|
+
lg?: DesignSystemSpaceStep;
|
|
906
|
+
md?: DesignSystemSpaceStep;
|
|
907
|
+
sm?: DesignSystemSpaceStep;
|
|
908
|
+
}
|
|
909
|
+
/** Motion personality, durations (ms) and a named easing. */
|
|
910
|
+
export interface DesignSystemMotion {
|
|
911
|
+
durations?: DesignSystemMotionDurations;
|
|
912
|
+
easing?: 'standard' | 'emphasized' | 'enter' | 'exit' | 'linear';
|
|
913
|
+
personality?: 'none' | 'subtle' | 'standard' | 'expressive';
|
|
914
|
+
}
|
|
915
|
+
export interface DesignSystemMotionDurations {
|
|
916
|
+
base?: number;
|
|
917
|
+
fast?: number;
|
|
918
|
+
slow?: number;
|
|
919
|
+
}
|
|
920
|
+
/** An opacity step. */
|
|
921
|
+
export type DesignSystemOpacityStep = 'disabled' | 'muted' | 'scrim';
|
|
922
|
+
/** A shape radius step. */
|
|
923
|
+
export type DesignSystemRadiusStep = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
924
|
+
/** Explicit role pins for one mode: checked by the compiler, never moved (ADR-022). */
|
|
925
|
+
export interface DesignSystemRoleMap {
|
|
926
|
+
accent?: DesignSystemColorValue;
|
|
927
|
+
accentForeground?: DesignSystemColorValue;
|
|
928
|
+
background?: DesignSystemColorValue;
|
|
929
|
+
border?: DesignSystemColorValue;
|
|
930
|
+
borderStrong?: DesignSystemColorValue;
|
|
931
|
+
canvas?: DesignSystemColorValue;
|
|
932
|
+
destructive?: DesignSystemColorValue;
|
|
933
|
+
destructiveForeground?: DesignSystemColorValue;
|
|
934
|
+
destructiveSoft?: DesignSystemColorValue;
|
|
935
|
+
destructiveSoftForeground?: DesignSystemColorValue;
|
|
936
|
+
elevated?: DesignSystemColorValue;
|
|
937
|
+
elevatedForeground?: DesignSystemColorValue;
|
|
938
|
+
foreground?: DesignSystemColorValue;
|
|
939
|
+
info?: DesignSystemColorValue;
|
|
940
|
+
infoForeground?: DesignSystemColorValue;
|
|
941
|
+
infoSoft?: DesignSystemColorValue;
|
|
942
|
+
infoSoftForeground?: DesignSystemColorValue;
|
|
943
|
+
input?: DesignSystemColorValue;
|
|
944
|
+
link?: DesignSystemColorValue;
|
|
945
|
+
linkVisited?: DesignSystemColorValue;
|
|
946
|
+
muted?: DesignSystemColorValue;
|
|
947
|
+
mutedForeground?: DesignSystemColorValue;
|
|
948
|
+
overlay?: DesignSystemColorValue;
|
|
949
|
+
primary?: DesignSystemColorValue;
|
|
950
|
+
primaryForeground?: DesignSystemColorValue;
|
|
951
|
+
primarySoft?: DesignSystemColorValue;
|
|
952
|
+
primarySoftForeground?: DesignSystemColorValue;
|
|
953
|
+
ring?: DesignSystemColorValue;
|
|
954
|
+
scrim?: DesignSystemColorValue;
|
|
955
|
+
secondary?: DesignSystemColorValue;
|
|
956
|
+
secondaryForeground?: DesignSystemColorValue;
|
|
957
|
+
selection?: DesignSystemColorValue;
|
|
958
|
+
selectionForeground?: DesignSystemColorValue;
|
|
959
|
+
shadow?: DesignSystemColorValue;
|
|
960
|
+
sidebar?: DesignSystemColorValue;
|
|
961
|
+
sidebarBorder?: DesignSystemColorValue;
|
|
962
|
+
sidebarForeground?: DesignSystemColorValue;
|
|
963
|
+
sidebarPrimary?: DesignSystemColorValue;
|
|
964
|
+
subtle?: DesignSystemColorValue;
|
|
965
|
+
subtleForeground?: DesignSystemColorValue;
|
|
966
|
+
success?: DesignSystemColorValue;
|
|
967
|
+
successForeground?: DesignSystemColorValue;
|
|
968
|
+
successSoft?: DesignSystemColorValue;
|
|
969
|
+
successSoftForeground?: DesignSystemColorValue;
|
|
970
|
+
surface?: DesignSystemColorValue;
|
|
971
|
+
surfaceForeground?: DesignSystemColorValue;
|
|
972
|
+
warning?: DesignSystemColorValue;
|
|
973
|
+
warningForeground?: DesignSystemColorValue;
|
|
974
|
+
warningSoft?: DesignSystemColorValue;
|
|
975
|
+
warningSoftForeground?: DesignSystemColorValue;
|
|
976
|
+
}
|
|
977
|
+
/** A semantic color role of the token contract. */
|
|
978
|
+
export type DesignSystemRoleName = 'background' | 'foreground' | 'surface' | 'surfaceForeground' | 'elevated' | 'elevatedForeground' | 'muted' | 'mutedForeground' | 'subtle' | 'subtleForeground' | 'border' | 'borderStrong' | 'input' | 'ring' | 'primary' | 'primaryForeground' | 'primarySoft' | 'primarySoftForeground' | 'secondary' | 'secondaryForeground' | 'accent' | 'accentForeground' | 'destructive' | 'destructiveForeground' | 'destructiveSoft' | 'destructiveSoftForeground' | 'success' | 'successForeground' | 'successSoft' | 'successSoftForeground' | 'warning' | 'warningForeground' | 'warningSoft' | 'warningSoftForeground' | 'info' | 'infoForeground' | 'infoSoft' | 'infoSoftForeground' | 'sidebar' | 'sidebarForeground' | 'sidebarBorder' | 'sidebarPrimary' | 'overlay' | 'scrim' | 'shadow' | 'link' | 'linkVisited' | 'selection' | 'selectionForeground' | 'canvas';
|
|
979
|
+
/** Shape: radius (px), radius scale and border width (px). */
|
|
980
|
+
export interface DesignSystemShape {
|
|
981
|
+
borderWidth?: number;
|
|
982
|
+
radius?: number;
|
|
983
|
+
radiusScale?: number;
|
|
984
|
+
}
|
|
985
|
+
/** Space: the base unit (px) and the density multiplier. */
|
|
986
|
+
export interface DesignSystemSpace {
|
|
987
|
+
base?: number;
|
|
988
|
+
density?: number;
|
|
989
|
+
}
|
|
990
|
+
/** A space step. */
|
|
991
|
+
export type DesignSystemSpaceStep = 'space-0' | 'space-1' | 'space-2' | 'space-3' | 'space-4' | 'space-5' | 'space-6' | 'space-7' | 'space-8' | 'space-9' | 'space-10' | 'space-11' | 'space-12';
|
|
992
|
+
/** A stroke width in px. */
|
|
993
|
+
export type DesignSystemStrokeWidth = number;
|
|
994
|
+
/** Surface style and glass settings. */
|
|
995
|
+
export interface DesignSystemSurface {
|
|
996
|
+
glass?: DesignSystemSurfaceGlass;
|
|
997
|
+
style?: 'solid' | 'glass';
|
|
998
|
+
}
|
|
999
|
+
export interface DesignSystemSurfaceGlass {
|
|
1000
|
+
alpha?: number;
|
|
1001
|
+
blur?: number;
|
|
1002
|
+
}
|
|
1003
|
+
/** A type role: family, size (px), weight, line height and tracking (em). */
|
|
1004
|
+
export interface DesignSystemTypeRole {
|
|
1005
|
+
family?: 'sans' | 'heading' | 'mono' | 'serif';
|
|
1006
|
+
line?: number;
|
|
1007
|
+
size?: number;
|
|
1008
|
+
tracking?: number;
|
|
1009
|
+
weight?: number;
|
|
1010
|
+
}
|
|
1011
|
+
/** A type role name. */
|
|
1012
|
+
export type DesignSystemTypeRoleName = 'display' | 'title' | 'heading' | 'body' | 'label' | 'caption' | 'code';
|
|
1013
|
+
/** Typography: family stacks with font files, the scale and the type roles. */
|
|
1014
|
+
export interface DesignSystemTypography {
|
|
1015
|
+
families?: DesignSystemTypographyFamilies;
|
|
1016
|
+
roles?: DesignSystemTypographyRoles;
|
|
1017
|
+
scale?: DesignSystemTypographyScale;
|
|
1018
|
+
}
|
|
1019
|
+
export interface DesignSystemTypographyFamilies {
|
|
1020
|
+
heading?: DesignSystemFontFamily;
|
|
1021
|
+
mono?: DesignSystemFontFamily;
|
|
1022
|
+
sans?: DesignSystemFontFamily;
|
|
1023
|
+
serif?: DesignSystemFontFamily;
|
|
1024
|
+
}
|
|
1025
|
+
export interface DesignSystemTypographyRoles {
|
|
1026
|
+
body?: DesignSystemTypeRole;
|
|
1027
|
+
caption?: DesignSystemTypeRole;
|
|
1028
|
+
code?: DesignSystemTypeRole;
|
|
1029
|
+
display?: DesignSystemTypeRole;
|
|
1030
|
+
heading?: DesignSystemTypeRole;
|
|
1031
|
+
label?: DesignSystemTypeRole;
|
|
1032
|
+
title?: DesignSystemTypeRole;
|
|
1033
|
+
}
|
|
1034
|
+
export interface DesignSystemTypographyScale {
|
|
1035
|
+
base?: number;
|
|
1036
|
+
ratio?: number;
|
|
1037
|
+
}
|
|
1038
|
+
/**
|
|
1039
|
+
* A named variant (high-contrast, compact, seasonal): a closed partial document of sections,
|
|
1040
|
+
* orthogonal to mode.
|
|
1041
|
+
*/
|
|
1042
|
+
export interface DesignSystemVariant {
|
|
1043
|
+
accessibility?: DesignSystemAccessibility;
|
|
1044
|
+
assets?: DesignSystemAssets;
|
|
1045
|
+
color?: DesignSystemColor;
|
|
1046
|
+
components?: DesignSystemComponents;
|
|
1047
|
+
elevation?: DesignSystemElevation;
|
|
1048
|
+
icons?: DesignSystemIcons;
|
|
1049
|
+
layout?: DesignSystemLayout;
|
|
1050
|
+
motion?: DesignSystemMotion;
|
|
1051
|
+
shape?: DesignSystemShape;
|
|
1052
|
+
space?: DesignSystemSpace;
|
|
1053
|
+
surface?: DesignSystemSurface;
|
|
1054
|
+
typography?: DesignSystemTypography;
|
|
1055
|
+
voice?: DesignSystemVoice;
|
|
1056
|
+
}
|
|
1057
|
+
/** Voice data: tone words, a lexicon (at most 200 entries) and guidelines. */
|
|
1058
|
+
export interface DesignSystemVoice {
|
|
1059
|
+
guidelines?: readonly string[];
|
|
1060
|
+
/**
|
|
1061
|
+
* At most 200 entries; keys match ^[a-z][a-z0-9-]{0,47}$ and are never __proto__, constructor or
|
|
1062
|
+
* prototype.
|
|
1063
|
+
*/
|
|
1064
|
+
lexicon?: Readonly<Record<string, string>>;
|
|
1065
|
+
/** Unique items. */
|
|
1066
|
+
tone?: readonly string[];
|
|
1067
|
+
}
|
|
1068
|
+
/**
|
|
1069
|
+
* A Texuli design system (ADR-021, formatVersion 1): one closed JSON document a company or an agent
|
|
1070
|
+
* writes once and every Texuli surface follows. Data only: colors are hex or numeric oklch, lengths
|
|
1071
|
+
* are numbers in px, fonts and assets are same-origin relative paths or capped data URLs, and
|
|
1072
|
+
* nothing reaches CSS that the token contract’s css-safe checks would refuse. Generated from
|
|
1073
|
+
* @texuli/spec/design-system’s vocabulary by scripts/design-system-schema.ts; validateDesignSystem
|
|
1074
|
+
* enforces the rules the dialect cannot express.
|
|
1075
|
+
*/
|
|
1076
|
+
export interface DesignSystem {
|
|
1077
|
+
accessibility?: DesignSystemAccessibility;
|
|
1078
|
+
assets?: DesignSystemAssets;
|
|
1079
|
+
color?: DesignSystemColor;
|
|
1080
|
+
components?: DesignSystemComponents;
|
|
1081
|
+
description?: string;
|
|
1082
|
+
elevation?: DesignSystemElevation;
|
|
1083
|
+
/**
|
|
1084
|
+
* texuli:<theme> or an exact id@x.y.z; never a range, a URL or a path. Cycles and chains deeper
|
|
1085
|
+
* than 4 are refused.
|
|
1086
|
+
*/
|
|
1087
|
+
extends?: string;
|
|
1088
|
+
format: 'texuli/design-system';
|
|
1089
|
+
formatVersion: 1;
|
|
1090
|
+
icons?: DesignSystemIcons;
|
|
1091
|
+
id: string;
|
|
1092
|
+
layout?: DesignSystemLayout;
|
|
1093
|
+
license?: string;
|
|
1094
|
+
motion?: DesignSystemMotion;
|
|
1095
|
+
name: string;
|
|
1096
|
+
owner?: string;
|
|
1097
|
+
shape?: DesignSystemShape;
|
|
1098
|
+
space?: DesignSystemSpace;
|
|
1099
|
+
surface?: DesignSystemSurface;
|
|
1100
|
+
/** Unique items. */
|
|
1101
|
+
tags?: readonly string[];
|
|
1102
|
+
typography?: DesignSystemTypography;
|
|
1103
|
+
/**
|
|
1104
|
+
* At most 16 entries; keys match ^[a-z][a-z0-9-]{0,47}$ and are never __proto__, constructor or
|
|
1105
|
+
* prototype.
|
|
1106
|
+
*/
|
|
1107
|
+
variants?: Readonly<Record<string, DesignSystemVariant>>;
|
|
1108
|
+
version: string;
|
|
1109
|
+
voice?: DesignSystemVoice;
|
|
1110
|
+
}
|