@ablehi/automation-app-ui 0.2.2 → 0.3.1
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/dist/catalog.d.ts +464 -300
- package/dist/catalog.js +1 -1
- package/dist/index.d.ts +215 -12
- package/dist/index.js +1 -1
- package/package.json +7 -13
- package/dist/data-display-CmUtl6XB.d.ts +0 -208
package/dist/catalog.d.ts
CHANGED
|
@@ -1,305 +1,469 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { VariantProps } from "class-variance-authority";
|
|
2
|
+
import { ComponentProps, ReactElement, ReactNode } from "react";
|
|
3
|
+
import { Button } from "@base-ui/react/button";
|
|
4
|
+
//#region src/layout.d.ts
|
|
5
|
+
declare const stackVariants: (props?: ({
|
|
6
|
+
align?: "center" | "start" | "end" | "stretch" | null | undefined;
|
|
7
|
+
direction?: "horizontal" | "vertical" | null | undefined;
|
|
8
|
+
gap?: "sm" | "md" | "lg" | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
|
+
declare const gridVariants: (props?: ({
|
|
11
|
+
columns?: 2 | 1 | 3 | 4 | null | undefined;
|
|
12
|
+
gap?: "sm" | "md" | "lg" | null | undefined;
|
|
13
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
14
|
+
interface AutomationAppHeaderProps extends Omit<ComponentProps<"header">, "title"> {
|
|
15
|
+
actions?: ReactNode;
|
|
16
|
+
description?: ReactNode;
|
|
17
|
+
title: ReactNode;
|
|
18
|
+
}
|
|
19
|
+
interface AutomationAppSectionProps extends Omit<ComponentProps<"section">, "title"> {
|
|
20
|
+
actions?: ReactNode;
|
|
21
|
+
description?: ReactNode;
|
|
22
|
+
title?: ReactNode;
|
|
23
|
+
}
|
|
24
|
+
type AutomationAppStackProps = ComponentProps<"div"> & VariantProps<typeof stackVariants>;
|
|
25
|
+
type AutomationAppGridProps = ComponentProps<"div"> & VariantProps<typeof gridVariants>;
|
|
26
|
+
//#endregion
|
|
27
|
+
//#region src/form.d.ts
|
|
28
|
+
declare const buttonVariants: (props?: ({
|
|
29
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
30
|
+
variant?: "primary" | "secondary" | "ghost" | "destructive" | null | undefined;
|
|
31
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
32
|
+
interface AutomationAppFieldProps extends ComponentProps<"div"> {
|
|
33
|
+
children: ReactElement;
|
|
34
|
+
description?: ReactNode;
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
error?: ReactNode;
|
|
37
|
+
label: ReactNode;
|
|
38
|
+
required?: boolean;
|
|
39
|
+
}
|
|
40
|
+
type AutomationAppButtonProps = Button.Props & VariantProps<typeof buttonVariants>;
|
|
41
|
+
interface AutomationAppSelectOption {
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
label: ReactNode;
|
|
44
|
+
textValue?: string;
|
|
45
|
+
value: string;
|
|
46
|
+
}
|
|
47
|
+
interface AutomationAppSelectProps {
|
|
48
|
+
"aria-describedby"?: string;
|
|
49
|
+
"aria-invalid"?: boolean | "false" | "true";
|
|
50
|
+
className?: string;
|
|
51
|
+
defaultValue?: string | null;
|
|
52
|
+
disabled?: boolean;
|
|
53
|
+
id?: string;
|
|
54
|
+
name?: string;
|
|
55
|
+
onValueChange?: (value: string | null) => void;
|
|
56
|
+
options: readonly AutomationAppSelectOption[];
|
|
57
|
+
placeholder?: ReactNode;
|
|
58
|
+
required?: boolean;
|
|
59
|
+
value?: string | null;
|
|
60
|
+
}
|
|
61
|
+
type AutomationAppCheckboxProps = Omit<ComponentProps<"input">, "type">;
|
|
62
|
+
interface AutomationAppRadioOption {
|
|
63
|
+
disabled?: boolean;
|
|
64
|
+
label: ReactNode;
|
|
65
|
+
value: string;
|
|
66
|
+
}
|
|
67
|
+
interface AutomationAppRadioGroupProps extends Omit<ComponentProps<"fieldset">, "defaultValue" | "onChange"> {
|
|
68
|
+
defaultValue?: string;
|
|
69
|
+
legend: ReactNode;
|
|
70
|
+
name: string;
|
|
71
|
+
onValueChange?: (value: string) => void;
|
|
72
|
+
options: readonly AutomationAppRadioOption[];
|
|
73
|
+
value?: string;
|
|
74
|
+
}
|
|
75
|
+
interface AutomationAppSwitchProps extends Omit<ComponentProps<"button">, "onChange" | "role" | "type" | "value"> {
|
|
76
|
+
checked?: boolean;
|
|
77
|
+
defaultChecked?: boolean;
|
|
78
|
+
label: ReactNode;
|
|
79
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
80
|
+
}
|
|
81
|
+
//#endregion
|
|
82
|
+
//#region src/feedback.d.ts
|
|
83
|
+
interface AutomationAppDialogProps {
|
|
84
|
+
children: ReactNode;
|
|
85
|
+
className?: string;
|
|
86
|
+
closeLabel?: string;
|
|
87
|
+
defaultOpen?: boolean;
|
|
88
|
+
description?: ReactNode;
|
|
89
|
+
footer?: ReactNode;
|
|
90
|
+
onOpenChange?: (open: boolean) => void;
|
|
91
|
+
open?: boolean;
|
|
92
|
+
title: ReactNode;
|
|
93
|
+
trigger: ReactElement;
|
|
94
|
+
}
|
|
95
|
+
interface AutomationAppPopoverProps {
|
|
96
|
+
children: ReactNode;
|
|
97
|
+
className?: string;
|
|
98
|
+
defaultOpen?: boolean;
|
|
99
|
+
description?: ReactNode;
|
|
100
|
+
onOpenChange?: (open: boolean) => void;
|
|
101
|
+
open?: boolean;
|
|
102
|
+
title?: ReactNode;
|
|
103
|
+
trigger: ReactElement;
|
|
104
|
+
}
|
|
105
|
+
interface AutomationAppTooltipProps {
|
|
106
|
+
children: ReactElement;
|
|
107
|
+
content: ReactNode;
|
|
108
|
+
delay?: number;
|
|
109
|
+
disabled?: boolean;
|
|
110
|
+
side?: "bottom" | "left" | "right" | "top";
|
|
111
|
+
}
|
|
112
|
+
declare const toastVariants: (props?: ({
|
|
113
|
+
intent?: "error" | "info" | "success" | "warning" | null | undefined;
|
|
114
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
115
|
+
declare const alertVariants: (props?: ({
|
|
116
|
+
intent?: "error" | "info" | "success" | "warning" | null | undefined;
|
|
117
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
118
|
+
interface AutomationAppAlertProps extends VariantProps<typeof alertVariants> {
|
|
119
|
+
action?: ReactNode;
|
|
120
|
+
children: ReactNode;
|
|
121
|
+
className?: string;
|
|
122
|
+
title?: ReactNode;
|
|
123
|
+
}
|
|
124
|
+
interface AutomationAppToastProps extends VariantProps<typeof toastVariants> {
|
|
125
|
+
action?: ReactNode;
|
|
126
|
+
className?: string;
|
|
127
|
+
closeLabel?: string;
|
|
128
|
+
description?: ReactNode;
|
|
129
|
+
onClose?: () => void;
|
|
130
|
+
open?: boolean;
|
|
131
|
+
title: ReactNode;
|
|
132
|
+
}
|
|
133
|
+
//#endregion
|
|
134
|
+
//#region src/status.d.ts
|
|
135
|
+
declare const statusVariants: (props?: ({
|
|
136
|
+
intent?: "error" | "info" | "success" | "warning" | "neutral" | null | undefined;
|
|
137
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
138
|
+
declare const badgeVariants: (props?: ({
|
|
139
|
+
intent?: "error" | "info" | "success" | "warning" | "neutral" | null | undefined;
|
|
140
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
141
|
+
type AutomationAppStatusProps = ComponentProps<"span"> & VariantProps<typeof statusVariants>;
|
|
142
|
+
type AutomationAppBadgeProps = ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
|
|
143
|
+
interface AutomationAppProgressProps extends Omit<ComponentProps<"progress">, "children"> {
|
|
144
|
+
label: string;
|
|
145
|
+
}
|
|
146
|
+
interface AutomationAppStateProps extends Omit<ComponentProps<"div">, "title"> {
|
|
147
|
+
action?: ReactNode;
|
|
148
|
+
description?: ReactNode;
|
|
149
|
+
title: ReactNode;
|
|
150
|
+
}
|
|
151
|
+
interface AutomationAppErrorStateProps extends AutomationAppStateProps {
|
|
152
|
+
severity?: "error" | "warning";
|
|
153
|
+
}
|
|
154
|
+
//#endregion
|
|
155
|
+
//#region src/navigation.d.ts
|
|
156
|
+
interface AutomationAppTabItem {
|
|
157
|
+
disabled?: boolean;
|
|
158
|
+
id: string;
|
|
159
|
+
label: ReactNode;
|
|
160
|
+
panel: ReactNode;
|
|
161
|
+
}
|
|
162
|
+
interface AutomationAppTabsProps extends Omit<ComponentProps<"div">, "onChange"> {
|
|
163
|
+
defaultValue?: string;
|
|
164
|
+
label: string;
|
|
165
|
+
onValueChange?: (value: string) => void;
|
|
166
|
+
tabs: readonly AutomationAppTabItem[];
|
|
167
|
+
value?: string;
|
|
168
|
+
}
|
|
169
|
+
//#endregion
|
|
170
|
+
//#region src/data-display.d.ts
|
|
171
|
+
interface AutomationAppTableProps extends ComponentProps<"table"> {
|
|
172
|
+
caption?: ReactNode;
|
|
173
|
+
captionPosition?: "bottom" | "top";
|
|
174
|
+
containerClassName?: string;
|
|
175
|
+
}
|
|
176
|
+
//#endregion
|
|
177
|
+
//#region src/catalog.d.ts
|
|
178
|
+
export type AutomationAppUiFoundationComponentName = "AutomationAppGrid" | "AutomationAppHeader" | "AutomationAppLayout" | "AutomationAppSection" | "AutomationAppStack" | "AutomationAppButton" | "AutomationAppField" | "AutomationAppInput" | "AutomationAppSelect" | "AutomationAppTextarea" | "AutomationAppCheckbox" | "AutomationAppRadioGroup" | "AutomationAppSwitch" | "AutomationAppTabs" | "AutomationAppDialog" | "AutomationAppPopover" | "AutomationAppToast" | "AutomationAppTooltip" | "AutomationAppAlert" | "AutomationAppEmptyState" | "AutomationAppErrorState" | "AutomationAppLoadingState" | "AutomationAppStatus" | "AutomationAppBadge" | "AutomationAppSkeleton" | "AutomationAppProgress" | "AutomationAppSeparator" | "AutomationAppTable";
|
|
179
|
+
export type AutomationAppUiFoundationTokenName = "--aaui-background" | "--aaui-foreground" | "--aaui-card" | "--aaui-popover" | "--aaui-muted" | "--aaui-muted-foreground" | "--aaui-border" | "--aaui-input" | "--aaui-primary" | "--aaui-primary-foreground" | "--aaui-secondary" | "--aaui-secondary-foreground" | "--aaui-accent" | "--aaui-destructive" | "--aaui-success" | "--aaui-warning" | "--aaui-info" | "--aaui-ring" | "--aaui-radius" | "--aaui-shadow" | "--aaui-font-sans" | "--aaui-space-1" | "--aaui-space-2" | "--aaui-space-3" | "--aaui-space-4" | "--aaui-space-6" | "--aaui-space-8";
|
|
10
180
|
type ComponentCategory = "layout" | "form" | "navigation" | "feedback" | "status" | "data-display";
|
|
11
181
|
type CatalogProp = Readonly<{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
182
|
+
name: string;
|
|
183
|
+
type: string;
|
|
184
|
+
required: boolean;
|
|
185
|
+
description: string;
|
|
16
186
|
}>;
|
|
17
|
-
type AutomationAppUiFoundationCatalogV1 = Readonly<{
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
description: string;
|
|
42
|
-
source: string;
|
|
43
|
-
}[];
|
|
187
|
+
export type AutomationAppUiFoundationCatalogV1 = Readonly<{
|
|
188
|
+
schemaVersion: "automation.app-ui-foundation-catalog.v1";
|
|
189
|
+
packageName: "@ablehi/automation-app-ui";
|
|
190
|
+
packageVersion: string;
|
|
191
|
+
styleEntry: "@ablehi/automation-app-ui/styles.css";
|
|
192
|
+
runtimeExports: readonly ["AutomationAppPortalProvider", "useAutomationAppOverlayRoot"];
|
|
193
|
+
tokens: readonly {
|
|
194
|
+
name: AutomationAppUiFoundationTokenName;
|
|
195
|
+
role: string;
|
|
196
|
+
}[];
|
|
197
|
+
components: readonly {
|
|
198
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
199
|
+
category: ComponentCategory;
|
|
200
|
+
summary: string;
|
|
201
|
+
nativeElement: string | null;
|
|
202
|
+
props: readonly CatalogProp[];
|
|
203
|
+
variants: Readonly<Record<string, readonly string[]>>;
|
|
204
|
+
accessibility: readonly string[];
|
|
205
|
+
}[];
|
|
206
|
+
patterns: readonly {
|
|
207
|
+
id: "form-action" | "collection" | "detail-status" | "confirmation";
|
|
208
|
+
description: string;
|
|
209
|
+
source: string;
|
|
210
|
+
}[];
|
|
44
211
|
}>;
|
|
45
|
-
type CatalogPropFor<Props extends object> = {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
readonly
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
readonly source: "<AutomationAppDialog trigger={<AutomationAppButton variant=\"destructive\">Delete</AutomationAppButton>} title=\"Delete profile?\" description=\"Runs stop and this cannot be undone.\" footer={<><AutomationAppButton variant=\"secondary\">Cancel</AutomationAppButton><AutomationAppButton variant=\"destructive\" onClick={confirm}>Delete</AutomationAppButton></>}>{detail}</AutomationAppDialog>";
|
|
302
|
-
}];
|
|
212
|
+
type CatalogPropFor<Props extends object> = { [Name in Extract<keyof Props, string>]: Omit<CatalogProp, "name" | "required"> & Readonly<{
|
|
213
|
+
name: Name;
|
|
214
|
+
required: Pick<Props, Name> extends Required<Pick<Props, Name>> ? true : false;
|
|
215
|
+
}>; }[Extract<keyof Props, string>];
|
|
216
|
+
export declare const AUTOMATION_APP_UI_FOUNDATION_CATALOG: {
|
|
217
|
+
readonly schemaVersion: "automation.app-ui-foundation-catalog.v1";
|
|
218
|
+
readonly packageName: "@ablehi/automation-app-ui";
|
|
219
|
+
readonly packageVersion: string;
|
|
220
|
+
readonly styleEntry: "@ablehi/automation-app-ui/styles.css";
|
|
221
|
+
readonly runtimeExports: readonly ["AutomationAppPortalProvider", "useAutomationAppOverlayRoot"];
|
|
222
|
+
readonly tokens: {
|
|
223
|
+
name: "--aaui-background" | "--aaui-foreground" | "--aaui-card" | "--aaui-popover" | "--aaui-muted" | "--aaui-muted-foreground" | "--aaui-border" | "--aaui-input" | "--aaui-primary" | "--aaui-primary-foreground" | "--aaui-secondary" | "--aaui-secondary-foreground" | "--aaui-accent" | "--aaui-destructive" | "--aaui-success" | "--aaui-warning" | "--aaui-info" | "--aaui-ring" | "--aaui-radius" | "--aaui-shadow" | "--aaui-font-sans" | "--aaui-space-1" | "--aaui-space-2" | "--aaui-space-3" | "--aaui-space-4" | "--aaui-space-6" | "--aaui-space-8";
|
|
224
|
+
role: "Frame and page background" | "Primary text and icon color" | "Section surface" | "Floating overlay surface" | "Subdued surface" | "Secondary text" | "Structural border" | "Input border and surface" | "Primary action" | "Text on primary action" | "Secondary action surface" | "Text on secondary action" | "Interactive highlight" | "Destructive or error emphasis" | "Success emphasis" | "Warning emphasis" | "Informational emphasis" | "Keyboard focus ring" | "Foundation corner radius" | "Floating-surface shadow" | "Frame sans-serif font stack" | "4px spacing step" | "8px spacing step" | "12px spacing step" | "16px spacing step" | "24px spacing step" | "32px spacing step";
|
|
225
|
+
}[];
|
|
226
|
+
readonly components: readonly [{
|
|
227
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
228
|
+
category: ComponentCategory;
|
|
229
|
+
summary: string;
|
|
230
|
+
nativeElement: string | null;
|
|
231
|
+
props: readonly CatalogPropFor<AutomationAppGridProps>[];
|
|
232
|
+
variants: {};
|
|
233
|
+
accessibility: readonly string[];
|
|
234
|
+
}, {
|
|
235
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
236
|
+
category: ComponentCategory;
|
|
237
|
+
summary: string;
|
|
238
|
+
nativeElement: string | null;
|
|
239
|
+
props: readonly CatalogPropFor<AutomationAppHeaderProps>[];
|
|
240
|
+
variants: {};
|
|
241
|
+
accessibility: readonly string[];
|
|
242
|
+
}, {
|
|
243
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
244
|
+
category: ComponentCategory;
|
|
245
|
+
summary: string;
|
|
246
|
+
nativeElement: string | null;
|
|
247
|
+
props: readonly CatalogPropFor<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>[];
|
|
248
|
+
variants: {};
|
|
249
|
+
accessibility: readonly string[];
|
|
250
|
+
}, {
|
|
251
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
252
|
+
category: ComponentCategory;
|
|
253
|
+
summary: string;
|
|
254
|
+
nativeElement: string | null;
|
|
255
|
+
props: readonly CatalogPropFor<AutomationAppSectionProps>[];
|
|
256
|
+
variants: {};
|
|
257
|
+
accessibility: readonly string[];
|
|
258
|
+
}, {
|
|
259
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
260
|
+
category: ComponentCategory;
|
|
261
|
+
summary: string;
|
|
262
|
+
nativeElement: string | null;
|
|
263
|
+
props: readonly CatalogPropFor<AutomationAppStackProps>[];
|
|
264
|
+
variants: {};
|
|
265
|
+
accessibility: readonly string[];
|
|
266
|
+
}, {
|
|
267
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
268
|
+
category: ComponentCategory;
|
|
269
|
+
summary: string;
|
|
270
|
+
nativeElement: string | null;
|
|
271
|
+
props: readonly CatalogPropFor<AutomationAppButtonProps>[];
|
|
272
|
+
variants: {};
|
|
273
|
+
accessibility: readonly string[];
|
|
274
|
+
}, {
|
|
275
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
276
|
+
category: ComponentCategory;
|
|
277
|
+
summary: string;
|
|
278
|
+
nativeElement: string | null;
|
|
279
|
+
props: readonly CatalogPropFor<AutomationAppFieldProps>[];
|
|
280
|
+
variants: {};
|
|
281
|
+
accessibility: readonly string[];
|
|
282
|
+
}, {
|
|
283
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
284
|
+
category: ComponentCategory;
|
|
285
|
+
summary: string;
|
|
286
|
+
nativeElement: string | null;
|
|
287
|
+
props: readonly CatalogPropFor<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>[];
|
|
288
|
+
variants: {};
|
|
289
|
+
accessibility: readonly string[];
|
|
290
|
+
}, {
|
|
291
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
292
|
+
category: ComponentCategory;
|
|
293
|
+
summary: string;
|
|
294
|
+
nativeElement: string | null;
|
|
295
|
+
props: readonly CatalogPropFor<AutomationAppSelectProps>[];
|
|
296
|
+
variants: {};
|
|
297
|
+
accessibility: readonly string[];
|
|
298
|
+
}, {
|
|
299
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
300
|
+
category: ComponentCategory;
|
|
301
|
+
summary: string;
|
|
302
|
+
nativeElement: string | null;
|
|
303
|
+
props: readonly CatalogPropFor<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>>[];
|
|
304
|
+
variants: {};
|
|
305
|
+
accessibility: readonly string[];
|
|
306
|
+
}, {
|
|
307
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
308
|
+
category: ComponentCategory;
|
|
309
|
+
summary: string;
|
|
310
|
+
nativeElement: string | null;
|
|
311
|
+
props: readonly CatalogPropFor<AutomationAppCheckboxProps>[];
|
|
312
|
+
variants: {};
|
|
313
|
+
accessibility: readonly string[];
|
|
314
|
+
}, {
|
|
315
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
316
|
+
category: ComponentCategory;
|
|
317
|
+
summary: string;
|
|
318
|
+
nativeElement: string | null;
|
|
319
|
+
props: readonly CatalogPropFor<AutomationAppRadioGroupProps>[];
|
|
320
|
+
variants: {};
|
|
321
|
+
accessibility: readonly string[];
|
|
322
|
+
}, {
|
|
323
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
324
|
+
category: ComponentCategory;
|
|
325
|
+
summary: string;
|
|
326
|
+
nativeElement: string | null;
|
|
327
|
+
props: readonly CatalogPropFor<AutomationAppSwitchProps>[];
|
|
328
|
+
variants: {};
|
|
329
|
+
accessibility: readonly string[];
|
|
330
|
+
}, {
|
|
331
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
332
|
+
category: ComponentCategory;
|
|
333
|
+
summary: string;
|
|
334
|
+
nativeElement: string | null;
|
|
335
|
+
props: readonly CatalogPropFor<AutomationAppTabsProps>[];
|
|
336
|
+
variants: {};
|
|
337
|
+
accessibility: readonly string[];
|
|
338
|
+
}, {
|
|
339
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
340
|
+
category: ComponentCategory;
|
|
341
|
+
summary: string;
|
|
342
|
+
nativeElement: string | null;
|
|
343
|
+
props: readonly CatalogPropFor<AutomationAppDialogProps>[];
|
|
344
|
+
variants: {};
|
|
345
|
+
accessibility: readonly string[];
|
|
346
|
+
}, {
|
|
347
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
348
|
+
category: ComponentCategory;
|
|
349
|
+
summary: string;
|
|
350
|
+
nativeElement: string | null;
|
|
351
|
+
props: readonly CatalogPropFor<AutomationAppPopoverProps>[];
|
|
352
|
+
variants: {};
|
|
353
|
+
accessibility: readonly string[];
|
|
354
|
+
}, {
|
|
355
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
356
|
+
category: ComponentCategory;
|
|
357
|
+
summary: string;
|
|
358
|
+
nativeElement: string | null;
|
|
359
|
+
props: readonly CatalogPropFor<AutomationAppToastProps>[];
|
|
360
|
+
variants: {};
|
|
361
|
+
accessibility: readonly string[];
|
|
362
|
+
}, {
|
|
363
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
364
|
+
category: ComponentCategory;
|
|
365
|
+
summary: string;
|
|
366
|
+
nativeElement: string | null;
|
|
367
|
+
props: readonly CatalogPropFor<AutomationAppTooltipProps>[];
|
|
368
|
+
variants: {};
|
|
369
|
+
accessibility: readonly string[];
|
|
370
|
+
}, {
|
|
371
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
372
|
+
category: ComponentCategory;
|
|
373
|
+
summary: string;
|
|
374
|
+
nativeElement: string | null;
|
|
375
|
+
props: readonly CatalogPropFor<AutomationAppAlertProps>[];
|
|
376
|
+
variants: {};
|
|
377
|
+
accessibility: readonly string[];
|
|
378
|
+
}, {
|
|
379
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
380
|
+
category: ComponentCategory;
|
|
381
|
+
summary: string;
|
|
382
|
+
nativeElement: string | null;
|
|
383
|
+
props: readonly CatalogPropFor<AutomationAppStateProps>[];
|
|
384
|
+
variants: {};
|
|
385
|
+
accessibility: readonly string[];
|
|
386
|
+
}, {
|
|
387
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
388
|
+
category: ComponentCategory;
|
|
389
|
+
summary: string;
|
|
390
|
+
nativeElement: string | null;
|
|
391
|
+
props: readonly CatalogPropFor<AutomationAppErrorStateProps>[];
|
|
392
|
+
variants: {};
|
|
393
|
+
accessibility: readonly string[];
|
|
394
|
+
}, {
|
|
395
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
396
|
+
category: ComponentCategory;
|
|
397
|
+
summary: string;
|
|
398
|
+
nativeElement: string | null;
|
|
399
|
+
props: readonly CatalogPropFor<AutomationAppStateProps>[];
|
|
400
|
+
variants: {};
|
|
401
|
+
accessibility: readonly string[];
|
|
402
|
+
}, {
|
|
403
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
404
|
+
category: ComponentCategory;
|
|
405
|
+
summary: string;
|
|
406
|
+
nativeElement: string | null;
|
|
407
|
+
props: readonly CatalogPropFor<AutomationAppStatusProps>[];
|
|
408
|
+
variants: {};
|
|
409
|
+
accessibility: readonly string[];
|
|
410
|
+
}, {
|
|
411
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
412
|
+
category: ComponentCategory;
|
|
413
|
+
summary: string;
|
|
414
|
+
nativeElement: string | null;
|
|
415
|
+
props: readonly CatalogPropFor<AutomationAppBadgeProps>[];
|
|
416
|
+
variants: {};
|
|
417
|
+
accessibility: readonly string[];
|
|
418
|
+
}, {
|
|
419
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
420
|
+
category: ComponentCategory;
|
|
421
|
+
summary: string;
|
|
422
|
+
nativeElement: string | null;
|
|
423
|
+
props: readonly CatalogPropFor<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>[];
|
|
424
|
+
variants: {};
|
|
425
|
+
accessibility: readonly string[];
|
|
426
|
+
}, {
|
|
427
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
428
|
+
category: ComponentCategory;
|
|
429
|
+
summary: string;
|
|
430
|
+
nativeElement: string | null;
|
|
431
|
+
props: readonly CatalogPropFor<AutomationAppProgressProps>[];
|
|
432
|
+
variants: {};
|
|
433
|
+
accessibility: readonly string[];
|
|
434
|
+
}, {
|
|
435
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
436
|
+
category: ComponentCategory;
|
|
437
|
+
summary: string;
|
|
438
|
+
nativeElement: string | null;
|
|
439
|
+
props: readonly CatalogPropFor<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>>[];
|
|
440
|
+
variants: {};
|
|
441
|
+
accessibility: readonly string[];
|
|
442
|
+
}, {
|
|
443
|
+
exportName: AutomationAppUiFoundationComponentName;
|
|
444
|
+
category: ComponentCategory;
|
|
445
|
+
summary: string;
|
|
446
|
+
nativeElement: string | null;
|
|
447
|
+
props: readonly CatalogPropFor<AutomationAppTableProps>[];
|
|
448
|
+
variants: {};
|
|
449
|
+
accessibility: readonly string[];
|
|
450
|
+
}];
|
|
451
|
+
readonly patterns: readonly [{
|
|
452
|
+
readonly id: "form-action";
|
|
453
|
+
readonly description: "A labeled form with inline validation and one primary action.";
|
|
454
|
+
readonly source: "<AutomationAppSection title=\"Create profile\"><AutomationAppStack><AutomationAppField label=\"Name\" error={error}><AutomationAppInput value={name} onChange={onNameChange} /></AutomationAppField><AutomationAppButton onClick={save}>Save</AutomationAppButton></AutomationAppStack></AutomationAppSection>";
|
|
455
|
+
}, {
|
|
456
|
+
readonly id: "collection";
|
|
457
|
+
readonly description: "A collection with loading, empty, error and populated branches.";
|
|
458
|
+
readonly source: "{loading ? <AutomationAppLoadingState title=\"Loading runs\" /> : error ? <AutomationAppErrorState title=\"Runs unavailable\" action={<AutomationAppButton onClick={retry}>Retry</AutomationAppButton>} /> : rows.length === 0 ? <AutomationAppEmptyState title=\"No runs yet\" /> : <AutomationAppTable caption=\"Recent runs\"><tbody>{rows.map(renderRow)}</tbody></AutomationAppTable>}";
|
|
459
|
+
}, {
|
|
460
|
+
readonly id: "detail-status";
|
|
461
|
+
readonly description: "A detail page with categorical metadata and live status.";
|
|
462
|
+
readonly source: "<AutomationAppLayout><AutomationAppHeader title={title} actions={<AutomationAppStatus intent={intent}>{status}</AutomationAppStatus>} /><AutomationAppSection title=\"Details\"><AutomationAppBadge>{category}</AutomationAppBadge>{content}</AutomationAppSection></AutomationAppLayout>";
|
|
463
|
+
}, {
|
|
464
|
+
readonly id: "confirmation";
|
|
465
|
+
readonly description: "An explicit confirmation for a consequential command.";
|
|
466
|
+
readonly source: "<AutomationAppDialog trigger={<AutomationAppButton variant=\"destructive\">Delete</AutomationAppButton>} title=\"Delete profile?\" description=\"Runs stop and this cannot be undone.\" footer={<><AutomationAppButton variant=\"secondary\">Cancel</AutomationAppButton><AutomationAppButton variant=\"destructive\" onClick={confirm}>Delete</AutomationAppButton></>}>{detail}</AutomationAppDialog>";
|
|
467
|
+
}];
|
|
303
468
|
};
|
|
304
|
-
|
|
305
|
-
export { AUTOMATION_APP_UI_FOUNDATION_CATALOG, type AutomationAppUiFoundationCatalogV1, type AutomationAppUiFoundationComponentName, type AutomationAppUiFoundationTokenName };
|
|
469
|
+
//#endregion
|