@obosbbl/grunnmuren-react 3.4.0 → 3.4.2
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/index.d.mts +762 -628
- package/dist/index.mjs +2329 -2869
- package/package.json +3 -3
- package/dist/__stories__/form-validation.stories.cjs +0 -502
- package/dist/__stories__/form-validation.stories.d.cts +0 -11
- package/dist/__stories__/form-validation.stories.d.ts +0 -11
- package/dist/__stories__/form-validation.stories.js +0 -496
- package/dist/__stories__/home.stories.cjs +0 -32
- package/dist/__stories__/home.stories.d.cts +0 -10
- package/dist/__stories__/home.stories.d.ts +0 -10
- package/dist/__stories__/home.stories.js +0 -29
- package/dist/__stories__/icons.stories.cjs +0 -47
- package/dist/__stories__/icons.stories.d.cts +0 -8
- package/dist/__stories__/icons.stories.d.ts +0 -8
- package/dist/__stories__/icons.stories.js +0 -24
- package/dist/__stories__/layout.stories.cjs +0 -566
- package/dist/__stories__/layout.stories.d.cts +0 -9
- package/dist/__stories__/layout.stories.d.ts +0 -9
- package/dist/__stories__/layout.stories.js +0 -562
- package/dist/__stories__/typography.stories.cjs +0 -224
- package/dist/__stories__/typography.stories.d.cts +0 -14
- package/dist/__stories__/typography.stories.d.ts +0 -14
- package/dist/__stories__/typography.stories.js +0 -214
package/dist/index.d.mts
CHANGED
|
@@ -1,846 +1,980 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
import * as react from
|
|
5
|
-
import {
|
|
6
|
-
import * as
|
|
7
|
-
import {
|
|
8
|
-
import { DisclosureState } from
|
|
9
|
-
import { EmblaViewportRefType } from
|
|
10
|
-
import {
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, CellProps, CheckboxGroupProps as CheckboxGroupProps$1, CheckboxProps as CheckboxProps$1, ColumnProps, ColumnResizerProps, ComboBoxProps, ContextValue, DialogProps as DialogProps$1, DialogTriggerProps as DialogTriggerProps$1, DisclosureGroup, DisclosureGroupProps, DisclosureProps as DisclosureProps$1, FileTriggerProps, Form, Group, HeadingProps as ListBoxHeadingProps, LabelProps, LinkProps as LinkProps$1, ListBoxItemProps, ListBoxSectionProps, ModalOverlayProps, NumberFieldProps as NumberFieldProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, ResizableTableContainerProps, RouterProvider, RowProps, SelectProps as SelectProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabProps as TabProps$1, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, TableProps as TableProps$1, TabsProps as TabsProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1, TextProps } from "react-aria-components";
|
|
2
|
+
import * as cva$1 from "cva";
|
|
3
|
+
import { VariantProps } from "cva";
|
|
4
|
+
import * as react from "react";
|
|
5
|
+
import { ComponentProps, Dispatch, HTMLAttributes, HTMLProps, JSX, ReactNode, Ref, RefAttributes, RefObject, SetStateAction } from "react";
|
|
6
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
7
|
+
import { DateFormatterOptions } from "react-aria";
|
|
8
|
+
import { DisclosureState } from "react-stately";
|
|
9
|
+
import { EmblaViewportRefType } from "embla-carousel-react";
|
|
10
|
+
import { FormValidationProps } from "@react-stately/form";
|
|
11
|
+
|
|
12
|
+
//#region src/disclosure/disclosure.d.ts
|
|
13
13
|
declare const disclosureButtonVariants: (props?: ({
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
withChevron?: boolean | undefined;
|
|
15
|
+
isIconOnly?: boolean | undefined;
|
|
16
16
|
} & ({
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
class?: cva$1.ClassValue;
|
|
18
|
+
className?: never;
|
|
19
19
|
} | {
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
class?: never;
|
|
21
|
+
className?: cva$1.ClassValue;
|
|
22
22
|
})) | undefined) => string;
|
|
23
23
|
type DisclosureButtonProps = Omit<ButtonProps$1, 'children'> & VariantProps<typeof disclosureButtonVariants> & {
|
|
24
|
-
|
|
24
|
+
children?: React.ReactNode;
|
|
25
25
|
} & RefAttributes<HTMLButtonElement>;
|
|
26
|
-
declare const DisclosureButton: ({
|
|
26
|
+
declare const DisclosureButton: ({
|
|
27
|
+
className,
|
|
28
|
+
withChevron,
|
|
29
|
+
isIconOnly,
|
|
30
|
+
children,
|
|
31
|
+
ref: _ref,
|
|
32
|
+
...restProps
|
|
33
|
+
}: DisclosureButtonProps) => react_jsx_runtime0.JSX.Element;
|
|
27
34
|
type DisclosureProps = DisclosureProps$1 & RefAttributes<HTMLDivElement> & {
|
|
28
|
-
|
|
35
|
+
className?: string;
|
|
29
36
|
};
|
|
30
37
|
declare const DisclosureStateContext: react.Context<DisclosureState | null>;
|
|
31
|
-
declare const Disclosure: ({
|
|
38
|
+
declare const Disclosure: ({
|
|
39
|
+
ref: _ref,
|
|
40
|
+
..._props
|
|
41
|
+
}: DisclosureProps) => react_jsx_runtime0.JSX.Element;
|
|
32
42
|
type DisclosurePanelProps = Omit<HTMLAttributes<HTMLDivElement>, 'role'> & {
|
|
33
|
-
|
|
34
|
-
|
|
43
|
+
children: React.ReactNode;
|
|
44
|
+
role?: 'group' | 'region' | 'none';
|
|
35
45
|
} & RefAttributes<HTMLDivElement>;
|
|
36
|
-
declare const DisclosurePanel: ({
|
|
37
|
-
|
|
46
|
+
declare const DisclosurePanel: ({
|
|
47
|
+
ref,
|
|
48
|
+
children,
|
|
49
|
+
...props
|
|
50
|
+
}: DisclosurePanelProps) => react_jsx_runtime0.JSX.Element;
|
|
51
|
+
//#endregion
|
|
52
|
+
//#region src/accordion/accordion.d.ts
|
|
38
53
|
type AccordionProps = HTMLProps<HTMLDivElement> & {
|
|
39
|
-
|
|
54
|
+
children: React.ReactNode;
|
|
40
55
|
};
|
|
41
56
|
type AccordionItemProps = DisclosureProps & {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
declare function AccordionItem(props: AccordionItemProps): react_jsx_runtime.JSX.Element;
|
|
52
|
-
|
|
57
|
+
children?: React.ReactNode; /** @deprecated use isExpanded instead */
|
|
58
|
+
isOpen?: boolean; /** @deprecated use defaultExpanded instead */
|
|
59
|
+
defaultOpen?: boolean; /** @deprecated use onExpandedChange instead */
|
|
60
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
61
|
+
};
|
|
62
|
+
declare function Accordion(props: AccordionProps): react_jsx_runtime0.JSX.Element;
|
|
63
|
+
declare function AccordionItem(props: AccordionItemProps): react_jsx_runtime0.JSX.Element;
|
|
64
|
+
//#endregion
|
|
65
|
+
//#region src/alertbox/alertbox.d.ts
|
|
53
66
|
declare const alertVariants: (props?: ({
|
|
54
|
-
|
|
67
|
+
variant?: "info" | "success" | "warning" | "danger" | undefined;
|
|
55
68
|
} & ({
|
|
56
|
-
|
|
57
|
-
|
|
69
|
+
class?: cva$1.ClassValue;
|
|
70
|
+
className?: never;
|
|
58
71
|
} | {
|
|
59
|
-
|
|
60
|
-
|
|
72
|
+
class?: never;
|
|
73
|
+
className?: cva$1.ClassValue;
|
|
61
74
|
})) | undefined) => string;
|
|
62
75
|
type Props = VariantProps<typeof alertVariants> & {
|
|
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
|
-
|
|
76
|
+
children: React.ReactNode;
|
|
77
|
+
/**
|
|
78
|
+
* The ARIA role for the alertbox.
|
|
79
|
+
*/
|
|
80
|
+
role: 'alert' | 'status' | 'none'; /** Additional CSS className for the element. */
|
|
81
|
+
className?: string; /** Overrides the default icon for the alertbox variant. Should be used sparingly as the default icons are visually connected to the color of the variant. */
|
|
82
|
+
icon?: React.ComponentType;
|
|
83
|
+
/**
|
|
84
|
+
* Controls if the alert is expandable or not
|
|
85
|
+
* @default false
|
|
86
|
+
*/
|
|
87
|
+
isExpandable?: boolean;
|
|
88
|
+
/**
|
|
89
|
+
* Controls if the alert can be dismissed with a close button.
|
|
90
|
+
* @default false
|
|
91
|
+
*/
|
|
92
|
+
isDismissable?: boolean;
|
|
93
|
+
/**
|
|
94
|
+
* Controls if the alert is rendered or not.
|
|
95
|
+
* This is used to control the open/closed state of the component; make the component "controlled".
|
|
96
|
+
* @default false
|
|
97
|
+
*/
|
|
98
|
+
isDismissed?: boolean;
|
|
99
|
+
/**
|
|
100
|
+
* Callback that should be triggered when a dismissable alert is closed.
|
|
101
|
+
* This is used to control the open/closed state of the component; make the component "controlled".
|
|
102
|
+
*/
|
|
103
|
+
onDismiss?: () => void;
|
|
104
|
+
};
|
|
105
|
+
declare const Alertbox: ({
|
|
106
|
+
children,
|
|
107
|
+
role,
|
|
108
|
+
className,
|
|
109
|
+
icon,
|
|
110
|
+
variant,
|
|
111
|
+
isDismissable,
|
|
112
|
+
isDismissed,
|
|
113
|
+
onDismiss,
|
|
114
|
+
isExpandable
|
|
115
|
+
}: Props) => react_jsx_runtime0.JSX.Element | undefined;
|
|
116
|
+
//#endregion
|
|
117
|
+
//#region src/avatar/avatar.d.ts
|
|
96
118
|
type AvatarProps = ComponentProps<'img'>;
|
|
97
|
-
declare const Avatar: ({
|
|
98
|
-
|
|
119
|
+
declare const Avatar: ({
|
|
120
|
+
src,
|
|
121
|
+
alt,
|
|
122
|
+
className,
|
|
123
|
+
onError,
|
|
124
|
+
loading,
|
|
125
|
+
...rest
|
|
126
|
+
}: AvatarProps) => react_jsx_runtime0.JSX.Element;
|
|
127
|
+
//#endregion
|
|
128
|
+
//#region src/backlink/backlink.d.ts
|
|
99
129
|
type ButtonOrLinkProps$1 = {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
withUnderline?: boolean;
|
|
109
|
-
/** Ref to the element. */
|
|
110
|
-
ref?: Ref<HTMLAnchorElement | HTMLButtonElement>;
|
|
130
|
+
children?: React.ReactNode; /** Additional CSS className for the element. */
|
|
131
|
+
className?: string; /** Determines whether to use an anchor or a button for the Backlink */
|
|
132
|
+
href?: LinkProps$1['href'];
|
|
133
|
+
/** To add a permanent underline on the link (not only on hover)
|
|
134
|
+
* @default false
|
|
135
|
+
*/
|
|
136
|
+
withUnderline?: boolean; /** Ref to the element. */
|
|
137
|
+
ref?: Ref<HTMLAnchorElement | HTMLButtonElement>;
|
|
111
138
|
};
|
|
112
139
|
type BacklinkProps = (ButtonProps$1 | LinkProps$1) & ButtonOrLinkProps$1;
|
|
113
|
-
declare function Backlink(props: BacklinkProps):
|
|
114
|
-
|
|
140
|
+
declare function Backlink(props: BacklinkProps): react_jsx_runtime0.JSX.Element;
|
|
141
|
+
//#endregion
|
|
142
|
+
//#region src/badge/badge.d.ts
|
|
115
143
|
type BadgeProps = VariantProps<typeof badgeVariants> & {
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
/** Ref to the element. */
|
|
120
|
-
ref?: Ref<HTMLSpanElement>;
|
|
144
|
+
children?: React.ReactNode; /** Additional CSS className for the element. */
|
|
145
|
+
className?: string; /** Ref to the element. */
|
|
146
|
+
ref?: Ref<HTMLSpanElement>;
|
|
121
147
|
};
|
|
122
148
|
declare const badgeVariants: (props?: ({
|
|
123
|
-
|
|
124
|
-
|
|
149
|
+
color?: "gray-dark" | "mint" | "sky" | "white" | "blue-dark" | "green-dark" | undefined;
|
|
150
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
125
151
|
} & ({
|
|
126
|
-
|
|
127
|
-
|
|
152
|
+
class?: cva$1.ClassValue;
|
|
153
|
+
className?: never;
|
|
128
154
|
} | {
|
|
129
|
-
|
|
130
|
-
|
|
155
|
+
class?: never;
|
|
156
|
+
className?: cva$1.ClassValue;
|
|
131
157
|
})) | undefined) => string;
|
|
132
|
-
declare function Badge(props: BadgeProps):
|
|
133
|
-
|
|
134
|
-
|
|
158
|
+
declare function Badge(props: BadgeProps): react_jsx_runtime0.JSX.Element;
|
|
159
|
+
//#endregion
|
|
160
|
+
//#region src/link/link.d.ts
|
|
135
161
|
declare const linkVariants: (props?: (((VariantProps<(props?: ({
|
|
136
|
-
|
|
162
|
+
animateIcon?: "right" | "left" | "down" | "up" | "up-right" | undefined;
|
|
137
163
|
} & ({
|
|
138
|
-
|
|
139
|
-
|
|
164
|
+
class?: cva$1.ClassValue;
|
|
165
|
+
className?: never;
|
|
140
166
|
} | {
|
|
141
|
-
|
|
142
|
-
|
|
167
|
+
class?: never;
|
|
168
|
+
className?: cva$1.ClassValue;
|
|
143
169
|
})) | undefined) => string> & VariantProps<(props?: ({
|
|
144
|
-
|
|
145
|
-
|
|
170
|
+
class?: cva$1.ClassValue;
|
|
171
|
+
className?: never;
|
|
146
172
|
} | {
|
|
147
|
-
|
|
148
|
-
|
|
173
|
+
class?: never;
|
|
174
|
+
className?: cva$1.ClassValue;
|
|
149
175
|
}) | undefined) => string>) | undefined) & ({
|
|
150
|
-
|
|
151
|
-
|
|
176
|
+
class?: cva$1.ClassValue;
|
|
177
|
+
className?: never;
|
|
152
178
|
} | {
|
|
153
|
-
|
|
154
|
-
|
|
179
|
+
class?: never;
|
|
180
|
+
className?: cva$1.ClassValue;
|
|
155
181
|
})) | undefined) => string;
|
|
156
182
|
type LinkProps = VariantProps<typeof linkVariants> & LinkProps$1 & React.RefAttributes<HTMLAnchorElement> & {
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
};
|
|
160
|
-
declare const Link: ({
|
|
161
|
-
|
|
183
|
+
children?: React.ReactNode; /** @private Internal use */
|
|
184
|
+
'~iconRight'?: React.ReactNode;
|
|
185
|
+
};
|
|
186
|
+
declare const Link: ({
|
|
187
|
+
animateIcon,
|
|
188
|
+
children,
|
|
189
|
+
className,
|
|
190
|
+
"~iconRight": iconRight,
|
|
191
|
+
...props
|
|
192
|
+
}: LinkProps) => react_jsx_runtime0.JSX.Element;
|
|
193
|
+
//#endregion
|
|
194
|
+
//#region src/breadcrumbs/breadcrumb.d.ts
|
|
162
195
|
type BreadcrumbProps = {
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
/** The URL to navigate to when clicking the breadcrumb. */
|
|
169
|
-
href?: LinkProps['href'];
|
|
170
|
-
/** Ref to the element. */
|
|
171
|
-
ref?: Ref<HTMLLIElement>;
|
|
196
|
+
/** Additional CSS className for the element. */className?: string;
|
|
197
|
+
children?: React.ReactNode; /** Additional style properties for the element. */
|
|
198
|
+
style?: React.CSSProperties; /** The URL to navigate to when clicking the breadcrumb. */
|
|
199
|
+
href?: LinkProps['href']; /** Ref to the element. */
|
|
200
|
+
ref?: Ref<HTMLLIElement>;
|
|
172
201
|
} & Omit<BreadcrumbProps$1, 'className' | 'style'>;
|
|
173
|
-
declare function Breadcrumb(props: BreadcrumbProps):
|
|
174
|
-
|
|
202
|
+
declare function Breadcrumb(props: BreadcrumbProps): react_jsx_runtime0.JSX.Element;
|
|
203
|
+
//#endregion
|
|
204
|
+
//#region src/breadcrumbs/breadcrumbs.d.ts
|
|
175
205
|
type BreadcrumbsProps = {
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
style?: React.CSSProperties;
|
|
180
|
-
/** Ref to the element. */
|
|
181
|
-
ref?: Ref<HTMLOListElement>;
|
|
206
|
+
/** Additional CSS className for the element. */className?: string; /** Additional style properties for the element. */
|
|
207
|
+
style?: React.CSSProperties; /** Ref to the element. */
|
|
208
|
+
ref?: Ref<HTMLOListElement>;
|
|
182
209
|
} & Omit<BreadcrumbsProps$1<BreadcrumbProps>, 'className' | 'style'>;
|
|
183
|
-
declare function Breadcrumbs(props: BreadcrumbsProps):
|
|
184
|
-
|
|
210
|
+
declare function Breadcrumbs(props: BreadcrumbsProps): react_jsx_runtime0.JSX.Element;
|
|
211
|
+
//#endregion
|
|
212
|
+
//#region src/button/button.d.ts
|
|
185
213
|
/**
|
|
186
214
|
* Figma: https://www.figma.com/file/9OvSg0ZXI5E1eQYi7AWiWn/Grunnmuren-2.0-%E2%94%82-Designsystem?node-id=30%3A2574&mode=dev
|
|
187
215
|
*/
|
|
188
216
|
declare const buttonVariants: (props?: (((VariantProps<(props?: ({
|
|
189
|
-
|
|
217
|
+
animateIcon?: "right" | "left" | "down" | "up" | "up-right" | undefined;
|
|
190
218
|
} & ({
|
|
191
|
-
|
|
192
|
-
|
|
219
|
+
class?: cva$1.ClassValue;
|
|
220
|
+
className?: never;
|
|
193
221
|
} | {
|
|
194
|
-
|
|
195
|
-
|
|
222
|
+
class?: never;
|
|
223
|
+
className?: cva$1.ClassValue;
|
|
196
224
|
})) | undefined) => string> & VariantProps<(props?: ({
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
225
|
+
variant?: "primary" | "secondary" | "tertiary" | undefined;
|
|
226
|
+
color?: "mint" | "white" | "blue" | undefined;
|
|
227
|
+
isIconOnly?: boolean | undefined;
|
|
228
|
+
isPending?: boolean | undefined;
|
|
201
229
|
} & ({
|
|
202
|
-
|
|
203
|
-
|
|
230
|
+
class?: cva$1.ClassValue;
|
|
231
|
+
className?: never;
|
|
204
232
|
} | {
|
|
205
|
-
|
|
206
|
-
|
|
233
|
+
class?: never;
|
|
234
|
+
className?: cva$1.ClassValue;
|
|
207
235
|
})) | undefined) => string>) | undefined) & ({
|
|
208
|
-
|
|
209
|
-
|
|
236
|
+
class?: cva$1.ClassValue;
|
|
237
|
+
className?: never;
|
|
210
238
|
} | {
|
|
211
|
-
|
|
212
|
-
|
|
239
|
+
class?: never;
|
|
240
|
+
className?: cva$1.ClassValue;
|
|
213
241
|
})) | undefined) => string;
|
|
214
242
|
type ButtonOrLinkProps = VariantProps<typeof buttonVariants> & {
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
/** Ref to the element. */
|
|
220
|
-
ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
|
|
243
|
+
children?: React.ReactNode;
|
|
244
|
+
href?: LinkProps$1['href']; /** Additional style properties for the element. */
|
|
245
|
+
style?: React.CSSProperties; /** Ref to the element. */
|
|
246
|
+
ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
|
|
221
247
|
};
|
|
222
248
|
type ButtonProps = (ButtonProps$1 | LinkProps$1) & ButtonOrLinkProps;
|
|
223
249
|
declare const ButtonContext: react.Context<ContextValue<ButtonProps, HTMLButtonElement | HTMLAnchorElement>>;
|
|
224
|
-
declare function Button({
|
|
225
|
-
|
|
250
|
+
declare function Button({
|
|
251
|
+
ref,
|
|
252
|
+
...props
|
|
253
|
+
}: ButtonProps): react_jsx_runtime0.JSX.Element;
|
|
254
|
+
//#endregion
|
|
255
|
+
//#region src/card/card.d.ts
|
|
226
256
|
type CardProps = VariantProps<typeof cardVariants> & HTMLAttributes<HTMLDivElement> & {
|
|
227
|
-
|
|
257
|
+
children?: React.ReactNode;
|
|
228
258
|
};
|
|
229
259
|
declare const cardVariants: (props?: ({
|
|
230
|
-
|
|
231
|
-
|
|
260
|
+
variant?: "subtle" | "outlined" | undefined;
|
|
261
|
+
layout?: "horizontal" | "vertical" | undefined;
|
|
232
262
|
} & ({
|
|
233
|
-
|
|
234
|
-
|
|
263
|
+
class?: cva$1.ClassValue;
|
|
264
|
+
className?: never;
|
|
235
265
|
} | {
|
|
236
|
-
|
|
237
|
-
|
|
266
|
+
class?: never;
|
|
267
|
+
className?: cva$1.ClassValue;
|
|
238
268
|
})) | undefined) => string;
|
|
239
|
-
declare const Card: ({
|
|
269
|
+
declare const Card: ({
|
|
270
|
+
children,
|
|
271
|
+
className,
|
|
272
|
+
variant,
|
|
273
|
+
layout,
|
|
274
|
+
...restProps
|
|
275
|
+
}: CardProps) => react_jsx_runtime0.JSX.Element;
|
|
240
276
|
type CardLinkWrapperProps = {
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
} & {
|
|
244
|
-
[K in keyof Omit<LinkProps$1, 'className' | 'children'>]?: never;
|
|
245
|
-
};
|
|
277
|
+
children?: React.ReactNode;
|
|
278
|
+
className?: string;
|
|
279
|
+
} & { [K in keyof Omit<LinkProps$1, 'className' | 'children'>]?: never };
|
|
246
280
|
type CardLinkProps = (Omit<LinkProps$1, 'href'> & Required<Pick<LinkProps$1, 'href'>>) | CardLinkWrapperProps;
|
|
247
281
|
/**
|
|
248
282
|
* A component that creates a clickable area on a card.
|
|
249
283
|
* It can be used either as a wrapper around a link or as a standalone link.
|
|
250
284
|
*/
|
|
251
|
-
declare const CardLink: ({
|
|
252
|
-
|
|
285
|
+
declare const CardLink: ({
|
|
286
|
+
className: _className,
|
|
287
|
+
href,
|
|
288
|
+
...restProps
|
|
289
|
+
}: CardLinkProps) => react_jsx_runtime0.JSX.Element;
|
|
290
|
+
//#endregion
|
|
291
|
+
//#region src/carousel/carousel.d.ts
|
|
253
292
|
type CarouselProps = Omit<HTMLProps<HTMLDivElement>, 'onChange' | 'onSelect'> & {
|
|
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
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
293
|
+
children?: React.ReactNode;
|
|
294
|
+
/**
|
|
295
|
+
* Alignment of the items relative to the carousel viewport.
|
|
296
|
+
* @default 'center'
|
|
297
|
+
*/
|
|
298
|
+
align?: 'start' | 'center' | 'end'; /** Delay in milliseconds between each automatic transition of the carousel. Any interaction with the carousel will immediately stop the autoplay. */
|
|
299
|
+
autoPlayDelay?: number;
|
|
300
|
+
/**
|
|
301
|
+
* The initial snapped index of the carousel.
|
|
302
|
+
* @default 0
|
|
303
|
+
*/
|
|
304
|
+
initialIndex?: number;
|
|
305
|
+
/**
|
|
306
|
+
* Whether the carousel infinitely loops.
|
|
307
|
+
* @default false
|
|
308
|
+
*/
|
|
309
|
+
loop?: boolean;
|
|
310
|
+
/**
|
|
311
|
+
* Orientation of the carousel.
|
|
312
|
+
* @default 'horizontal'
|
|
313
|
+
*/
|
|
314
|
+
orientation?: 'horizontal' | 'vertical';
|
|
315
|
+
/**
|
|
316
|
+
* Callback invoked when the snapped index changes.
|
|
317
|
+
*/
|
|
318
|
+
onSelect?: (index: number) => void;
|
|
319
|
+
/**
|
|
320
|
+
* Callback invoked after the carousel scrolling "settles". Think of this as the debounced version of `onSelect`.
|
|
321
|
+
*/
|
|
322
|
+
onSettled?: (index: number) => void;
|
|
323
|
+
/**
|
|
324
|
+
* Whether the carousel should scroll with regular mouse/trackpad scroll gestures, in addition to swipe gestures.
|
|
325
|
+
* @default false
|
|
326
|
+
*/
|
|
327
|
+
scrollGestures?: boolean;
|
|
328
|
+
};
|
|
329
|
+
declare const Carousel: ({
|
|
330
|
+
autoPlayDelay,
|
|
331
|
+
align,
|
|
332
|
+
children,
|
|
333
|
+
initialIndex,
|
|
334
|
+
orientation,
|
|
335
|
+
onSelect,
|
|
336
|
+
onSettled,
|
|
337
|
+
loop,
|
|
338
|
+
scrollGestures,
|
|
339
|
+
ref,
|
|
340
|
+
...rest
|
|
341
|
+
}: CarouselProps) => react_jsx_runtime0.JSX.Element;
|
|
292
342
|
type CarouselContextValue = {
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
343
|
+
slidesInView: number[];
|
|
344
|
+
orientation: 'horizontal' | 'vertical';
|
|
345
|
+
/**
|
|
346
|
+
* @private
|
|
347
|
+
*/
|
|
348
|
+
'~emblaRef': EmblaViewportRefType | null;
|
|
299
349
|
};
|
|
300
350
|
declare const CarouselContext: react.Context<CarouselContextValue>;
|
|
301
351
|
type CarouselItemsContainer = HTMLProps<HTMLDivElement> & {
|
|
302
|
-
|
|
352
|
+
children: React.ReactNode;
|
|
303
353
|
};
|
|
304
|
-
declare const CarouselItemsContainer: ({
|
|
354
|
+
declare const CarouselItemsContainer: ({
|
|
355
|
+
children,
|
|
356
|
+
className,
|
|
357
|
+
...rest
|
|
358
|
+
}: CarouselItemsContainer) => react_jsx_runtime0.JSX.Element;
|
|
305
359
|
type CarouselItemsProps = HTMLProps<HTMLDivElement> & {
|
|
306
|
-
|
|
307
|
-
children: React.ReactNode;
|
|
360
|
+
/** The <CarouselItem/> components to be displayed within the carousel. */children: React.ReactNode;
|
|
308
361
|
};
|
|
309
|
-
declare const CarouselItems: ({
|
|
362
|
+
declare const CarouselItems: ({
|
|
363
|
+
className,
|
|
364
|
+
children
|
|
365
|
+
}: CarouselItemsProps) => react_jsx_runtime0.JSX.Element;
|
|
310
366
|
type CarouselControlsProps = HTMLProps<HTMLDivElement> & {
|
|
311
|
-
|
|
312
|
-
children: React.ReactNode;
|
|
367
|
+
/** The <CarouselItem/> components to be displayed within the carousel. */children: React.ReactNode;
|
|
313
368
|
};
|
|
314
369
|
/**
|
|
315
370
|
* This is internal for now, but we will expose it in the future when we support more flexible positioning of prev/next and other actions.
|
|
316
371
|
* It is used to render the prev/next buttons in the carousel for now.
|
|
317
372
|
*/
|
|
318
|
-
declare const CarouselControls: ({
|
|
373
|
+
declare const CarouselControls: ({
|
|
374
|
+
children,
|
|
375
|
+
className,
|
|
376
|
+
...rest
|
|
377
|
+
}: CarouselControlsProps) => react_jsx_runtime0.JSX.Element;
|
|
319
378
|
type CarouselButtonProps = ButtonProps & {
|
|
320
|
-
|
|
321
|
-
};
|
|
322
|
-
declare const CarouselButton: ({
|
|
379
|
+
slot: 'next' | 'prev';
|
|
380
|
+
};
|
|
381
|
+
declare const CarouselButton: ({
|
|
382
|
+
className,
|
|
383
|
+
isIconOnly,
|
|
384
|
+
slot,
|
|
385
|
+
...rest
|
|
386
|
+
}: CarouselButtonProps) => react_jsx_runtime0.JSX.Element;
|
|
323
387
|
type CarouselItemProps = HTMLProps<HTMLDivElement> & {
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
388
|
+
/** The component/components to display as the <CarouselItem/>. */children: React.ReactNode;
|
|
389
|
+
};
|
|
390
|
+
declare const CarouselItem: ({
|
|
391
|
+
className,
|
|
392
|
+
children,
|
|
393
|
+
...rest
|
|
394
|
+
}: CarouselItemProps) => react_jsx_runtime0.JSX.Element;
|
|
395
|
+
//#endregion
|
|
396
|
+
//#region src/checkbox/checkbox.d.ts
|
|
329
397
|
type CheckboxProps = {
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
errorMessage?: React.ReactNode;
|
|
337
|
-
/** Additional style properties for the element. */
|
|
338
|
-
style?: React.CSSProperties;
|
|
339
|
-
/** Ref for the element. */
|
|
340
|
-
ref?: Ref<HTMLLabelElement>;
|
|
398
|
+
children: React.ReactNode; /** Additional CSS className for the element. */
|
|
399
|
+
className?: string; /** Help text for the form control. */
|
|
400
|
+
description?: React.ReactNode; /** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
401
|
+
errorMessage?: React.ReactNode; /** Additional style properties for the element. */
|
|
402
|
+
style?: React.CSSProperties; /** Ref for the element. */
|
|
403
|
+
ref?: Ref<HTMLLabelElement>;
|
|
341
404
|
} & Omit<CheckboxProps$1, 'isDisabled' | 'style' | 'children' | 'isIndeterminate' | 'isReadOnly'>;
|
|
342
|
-
declare function Checkbox(props: CheckboxProps):
|
|
343
|
-
|
|
405
|
+
declare function Checkbox(props: CheckboxProps): react_jsx_runtime0.JSX.Element;
|
|
406
|
+
//#endregion
|
|
407
|
+
//#region src/checkbox/checkbox-group.d.ts
|
|
344
408
|
type CheckboxGroupProps = {
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
/** Label for the form control. */
|
|
353
|
-
label?: React.ReactNode;
|
|
354
|
-
/** Additional style properties for the element. */
|
|
355
|
-
style?: React.CSSProperties;
|
|
356
|
-
/** Ref to the element. */
|
|
357
|
-
ref?: Ref<HTMLDivElement>;
|
|
409
|
+
children: React.ReactNode; /** Additional CSS className for the element. */
|
|
410
|
+
className?: string; /** Help text for the form control. */
|
|
411
|
+
description?: React.ReactNode; /** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
412
|
+
errorMessage?: React.ReactNode; /** Label for the form control. */
|
|
413
|
+
label?: React.ReactNode; /** Additional style properties for the element. */
|
|
414
|
+
style?: React.CSSProperties; /** Ref to the element. */
|
|
415
|
+
ref?: Ref<HTMLDivElement>;
|
|
358
416
|
} & Omit<CheckboxGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
|
|
359
|
-
declare function CheckboxGroup(props: CheckboxGroupProps):
|
|
360
|
-
|
|
361
|
-
|
|
417
|
+
declare function CheckboxGroup(props: CheckboxGroupProps): react_jsx_runtime0.JSX.Element;
|
|
418
|
+
//#endregion
|
|
419
|
+
//#region src/internals/listbox.d.ts
|
|
420
|
+
declare const ListBoxItem: (props: ListBoxItemProps) => react_jsx_runtime0.JSX.Element;
|
|
362
421
|
/**
|
|
363
422
|
* This component can be used to group items in a listbox
|
|
364
423
|
*/
|
|
365
|
-
declare const ListBoxSection: <T extends object>({
|
|
424
|
+
declare const ListBoxSection: <T extends object>({
|
|
425
|
+
className,
|
|
426
|
+
...restProps
|
|
427
|
+
}: ListBoxSectionProps<T>) => react_jsx_runtime0.JSX.Element;
|
|
366
428
|
/**
|
|
367
429
|
* This component can be used to label grouped items in a `ListBoxSection` with a heading
|
|
368
430
|
*/
|
|
369
|
-
declare const ListBoxHeader: (props:
|
|
370
|
-
|
|
431
|
+
declare const ListBoxHeader: (props: ListBoxHeadingProps) => react_jsx_runtime0.JSX.Element;
|
|
432
|
+
//#endregion
|
|
433
|
+
//#region src/combobox/combobox.d.ts
|
|
371
434
|
type ComboboxProps<T extends object> = {
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
label?: React.ReactNode;
|
|
386
|
-
/** Placeholder text. Only visible when the input value is empty. */
|
|
387
|
-
placeholder?: string;
|
|
388
|
-
/** Additional style properties for the element. */
|
|
389
|
-
style?: React.CSSProperties;
|
|
390
|
-
/** Ref for the input element. */
|
|
391
|
-
ref?: Ref<HTMLInputElement>;
|
|
435
|
+
children: React.ReactNode; /** Additional CSS className for the element. */
|
|
436
|
+
className?: string; /** Help text for the form control. */
|
|
437
|
+
description?: React.ReactNode; /** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
438
|
+
errorMessage?: React.ReactNode;
|
|
439
|
+
/**
|
|
440
|
+
* Display the dropdown button trigger in a pending state
|
|
441
|
+
* @default false
|
|
442
|
+
*/
|
|
443
|
+
isPending?: boolean; /** Label for the form control. */
|
|
444
|
+
label?: React.ReactNode; /** Placeholder text. Only visible when the input value is empty. */
|
|
445
|
+
placeholder?: string; /** Additional style properties for the element. */
|
|
446
|
+
style?: React.CSSProperties; /** Ref for the input element. */
|
|
447
|
+
ref?: Ref<HTMLInputElement>;
|
|
392
448
|
} & Omit<ComboBoxProps<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
|
|
393
|
-
declare function Combobox<T extends object>(props: ComboboxProps<T>):
|
|
394
|
-
|
|
449
|
+
declare function Combobox<T extends object>(props: ComboboxProps<T>): react_jsx_runtime0.JSX.Element;
|
|
450
|
+
//#endregion
|
|
451
|
+
//#region src/content/content.d.ts
|
|
395
452
|
type HeadingProps = Omit<HTMLProps<HTMLHeadingElement>, 'size'> & VariantProps<typeof headingVariants> & {
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
/** @private Used internally for slotted components */
|
|
402
|
-
_outerWrapper?: (children: React.ReactNode) => React.ReactNode;
|
|
403
|
-
/** Ref for the element. */
|
|
404
|
-
ref?: Ref<HTMLHeadingElement>;
|
|
453
|
+
children?: React.ReactNode; /** The semantic level of the heading */
|
|
454
|
+
level: 1 | 2 | 3 | 4 | 5 | 6; /** @private Used internally for slotted components */
|
|
455
|
+
_innerWrapper?: (children: React.ReactNode) => React.ReactNode; /** @private Used internally for slotted components */
|
|
456
|
+
_outerWrapper?: (children: React.ReactNode) => React.ReactNode; /** Ref for the element. */
|
|
457
|
+
ref?: Ref<HTMLHeadingElement>;
|
|
405
458
|
};
|
|
406
459
|
declare const HeadingContext: react.Context<ContextValue<Partial<HeadingProps>, HTMLHeadingElement>>;
|
|
407
460
|
declare const headingVariants: (props?: ({
|
|
408
|
-
|
|
461
|
+
size?: "s" | "xl" | "l" | "m" | "xs" | undefined;
|
|
409
462
|
} & ({
|
|
410
|
-
|
|
411
|
-
|
|
463
|
+
class?: cva$1.ClassValue;
|
|
464
|
+
className?: never;
|
|
412
465
|
} | {
|
|
413
|
-
|
|
414
|
-
|
|
466
|
+
class?: never;
|
|
467
|
+
className?: cva$1.ClassValue;
|
|
415
468
|
})) | undefined) => string;
|
|
416
|
-
declare const Heading: ({
|
|
469
|
+
declare const Heading: ({
|
|
470
|
+
ref,
|
|
471
|
+
...props
|
|
472
|
+
}: HeadingProps) => string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | null | undefined;
|
|
417
473
|
declare const ContentContext: react.Context<ContextValue<Partial<ContentProps>, HTMLDivElement>>;
|
|
418
474
|
type ContentProps = HTMLProps<HTMLDivElement> & {
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
475
|
+
children: React.ReactNode; /** @private Used internally for slotted components */
|
|
476
|
+
_outerWrapper?: (children: React.ReactNode) => React.ReactNode; /** Ref for the element. */
|
|
477
|
+
ref?: Ref<HTMLDivElement>;
|
|
478
|
+
};
|
|
479
|
+
declare const Content: ({
|
|
480
|
+
ref,
|
|
481
|
+
...props
|
|
482
|
+
}: ContentProps) => string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | null | undefined;
|
|
426
483
|
type MediaProps = HTMLProps<HTMLDivElement> & VariantProps<typeof mediaVariant> & {
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
ref?: Ref<HTMLDivElement>;
|
|
484
|
+
children: React.ReactNode; /** Ref for the element. */
|
|
485
|
+
ref?: Ref<HTMLDivElement>;
|
|
430
486
|
};
|
|
431
487
|
declare const mediaVariant: (props?: ({
|
|
432
|
-
|
|
488
|
+
fit?: "contain" | "cover" | undefined;
|
|
433
489
|
} & ({
|
|
434
|
-
|
|
435
|
-
|
|
490
|
+
class?: cva$1.ClassValue;
|
|
491
|
+
className?: never;
|
|
436
492
|
} | {
|
|
437
|
-
|
|
438
|
-
|
|
493
|
+
class?: never;
|
|
494
|
+
className?: cva$1.ClassValue;
|
|
439
495
|
})) | undefined) => string;
|
|
440
496
|
declare const MediaContext: react.Context<ContextValue<Partial<MediaProps>, HTMLDivElement>>;
|
|
441
|
-
declare const Media: ({
|
|
497
|
+
declare const Media: ({
|
|
498
|
+
ref,
|
|
499
|
+
...props
|
|
500
|
+
}: MediaProps) => react_jsx_runtime0.JSX.Element;
|
|
442
501
|
type FooterProps = HTMLProps<HTMLDivElement> & {
|
|
443
|
-
|
|
502
|
+
children: React.ReactNode;
|
|
444
503
|
};
|
|
445
504
|
type CaptionProps = HTMLProps<HTMLDivElement> & {
|
|
446
|
-
|
|
447
|
-
};
|
|
448
|
-
declare const Caption: ({
|
|
449
|
-
|
|
450
|
-
|
|
505
|
+
children: React.ReactNode;
|
|
506
|
+
};
|
|
507
|
+
declare const Caption: ({
|
|
508
|
+
className,
|
|
509
|
+
...restProps
|
|
510
|
+
}: CaptionProps) => react_jsx_runtime0.JSX.Element;
|
|
511
|
+
declare const Footer: (props: FooterProps) => react_jsx_runtime0.JSX.Element;
|
|
512
|
+
//#endregion
|
|
513
|
+
//#region src/date-formatter/date-formatter.d.ts
|
|
451
514
|
type DateFormatterProps = {
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
children?: (formattedDate: string) => ReactNode;
|
|
515
|
+
value: Date | string;
|
|
516
|
+
options?: DateFormatterOptions; /** Callback to customize the rendering of the date */
|
|
517
|
+
children?: (formattedDate: string) => ReactNode;
|
|
456
518
|
};
|
|
457
519
|
/**
|
|
458
520
|
* A React component that wraps https://react-spectrum.adobe.com/react-aria/useDateFormatter.html
|
|
459
521
|
* By default it sets the timeZone to `Europe/Berlin` to prevent the server's timezone from affecting
|
|
460
522
|
* the localized format
|
|
461
523
|
*/
|
|
462
|
-
declare const DateFormatter: ({
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
524
|
+
declare const DateFormatter: ({
|
|
525
|
+
options: _options,
|
|
526
|
+
value,
|
|
527
|
+
children: render
|
|
528
|
+
}: DateFormatterProps) => ReactNode;
|
|
529
|
+
//#endregion
|
|
530
|
+
//#region src/file-upload/file-trigger.d.ts
|
|
531
|
+
type FileTriggerProps$1 = Partial<FormValidationProps<File>> & FileTriggerProps & Omit<HTMLAttributes<HTMLInputElement>, 'onSelect' | 'onChange' | 'required' | 'className'> & {
|
|
532
|
+
ref?: RefObject<HTMLInputElement | null>;
|
|
533
|
+
isInvalid?: boolean;
|
|
534
|
+
isRequired?: boolean;
|
|
535
|
+
};
|
|
536
|
+
//#endregion
|
|
537
|
+
//#region src/file-upload/file-upload.d.ts
|
|
538
|
+
type FileUploadProps = Omit<FileTriggerProps$1, 'onSelect'> & {
|
|
539
|
+
children: ReactNode;
|
|
540
|
+
files?: File[];
|
|
541
|
+
onChange?: Dispatch<SetStateAction<File[]>>;
|
|
542
|
+
validate?: (files: File) => true | string;
|
|
543
|
+
isRequired?: boolean;
|
|
544
|
+
isInvalid?: boolean;
|
|
545
|
+
errorMessage?: string;
|
|
546
|
+
};
|
|
547
|
+
declare const FileUpload: ({
|
|
548
|
+
children,
|
|
549
|
+
files: _files,
|
|
550
|
+
onChange,
|
|
551
|
+
validate,
|
|
552
|
+
isInvalid: _isInvalid,
|
|
553
|
+
errorMessage,
|
|
554
|
+
isRequired,
|
|
555
|
+
allowsMultiple,
|
|
556
|
+
ref,
|
|
557
|
+
...fileTriggerProps
|
|
558
|
+
}: FileUploadProps) => react_jsx_runtime0.JSX.Element;
|
|
559
|
+
//#endregion
|
|
560
|
+
//#region src/use-locale.d.ts
|
|
481
561
|
type Locale = 'nb' | 'sv' | 'en';
|
|
482
562
|
/**
|
|
483
563
|
* Returns the locale set in `<GrunnmurenProvider />`
|
|
484
564
|
*/
|
|
485
565
|
declare function _useLocale(): Locale;
|
|
486
|
-
|
|
566
|
+
//#endregion
|
|
567
|
+
//#region src/grunnmuren-provider.d.ts
|
|
487
568
|
type RouterProviderProps = React.ComponentProps<typeof RouterProvider>;
|
|
488
569
|
type GrunnmurenProviderProps = {
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
570
|
+
children: React.ReactNode;
|
|
571
|
+
/**
|
|
572
|
+
* The locale to apply to the children.
|
|
573
|
+
* @default nb
|
|
574
|
+
*/
|
|
575
|
+
locale?: Locale; /** The router to use for client side navigation */
|
|
576
|
+
navigate?: RouterProviderProps['navigate']; /** Converts a router-specific href to a native HTML href, e.g. prepending a base path */
|
|
577
|
+
useHref?: RouterProviderProps['useHref'];
|
|
578
|
+
};
|
|
579
|
+
declare function GrunnmurenProvider({
|
|
580
|
+
children,
|
|
581
|
+
locale,
|
|
582
|
+
navigate,
|
|
583
|
+
useHref
|
|
584
|
+
}: GrunnmurenProviderProps): react_jsx_runtime0.JSX.Element;
|
|
585
|
+
//#endregion
|
|
586
|
+
//#region src/hero/hero.d.ts
|
|
502
587
|
type HeroProps = HTMLProps<HTMLDivElement> & VariantProps<typeof variants> & {
|
|
503
|
-
|
|
588
|
+
children: React.ReactNode;
|
|
504
589
|
};
|
|
505
590
|
type HeroContextValue = {
|
|
506
|
-
|
|
591
|
+
variant: HeroProps['variant'];
|
|
507
592
|
};
|
|
508
593
|
declare const HeroContext: react.Context<HeroContextValue | null>;
|
|
509
594
|
declare const variants: (props?: ({
|
|
510
|
-
|
|
595
|
+
variant?: "standard" | "full-bleed" | "two-column" | undefined;
|
|
511
596
|
} & ({
|
|
512
|
-
|
|
513
|
-
|
|
597
|
+
class?: cva$1.ClassValue;
|
|
598
|
+
className?: never;
|
|
514
599
|
} | {
|
|
515
|
-
|
|
516
|
-
|
|
600
|
+
class?: never;
|
|
601
|
+
className?: cva$1.ClassValue;
|
|
517
602
|
})) | undefined) => string;
|
|
518
|
-
declare const Hero: ({
|
|
519
|
-
|
|
603
|
+
declare const Hero: ({
|
|
604
|
+
variant,
|
|
605
|
+
className,
|
|
606
|
+
children,
|
|
607
|
+
...rest
|
|
608
|
+
}: HeroProps) => react_jsx_runtime0.JSX.Element;
|
|
609
|
+
//#endregion
|
|
610
|
+
//#region src/label/description.d.ts
|
|
520
611
|
type DescriptionProps = TextProps;
|
|
521
|
-
declare function Description(props: DescriptionProps):
|
|
522
|
-
|
|
612
|
+
declare function Description(props: DescriptionProps): react_jsx_runtime0.JSX.Element;
|
|
613
|
+
//#endregion
|
|
614
|
+
//#region src/label/error-message.d.ts
|
|
523
615
|
type ErrorMessageProps = TextProps;
|
|
524
|
-
declare function ErrorMessage(props: ErrorMessageProps):
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
616
|
+
declare function ErrorMessage(props: ErrorMessageProps): react_jsx_runtime0.JSX.Element;
|
|
617
|
+
//#endregion
|
|
618
|
+
//#region src/label/label.d.ts
|
|
619
|
+
declare function Label(props: LabelProps): react_jsx_runtime0.JSX.Element;
|
|
620
|
+
//#endregion
|
|
621
|
+
//#region src/link-list/link-list.d.ts
|
|
622
|
+
declare const linkListContainerVariants: (props?: ({
|
|
623
|
+
layout?: "grid" | "stack" | undefined;
|
|
624
|
+
} & ({
|
|
625
|
+
class?: cva$1.ClassValue;
|
|
626
|
+
className?: never;
|
|
627
|
+
} | {
|
|
628
|
+
class?: never;
|
|
629
|
+
className?: cva$1.ClassValue;
|
|
630
|
+
})) | undefined) => string;
|
|
631
|
+
type LinkListContainerProps = VariantProps<typeof linkListContainerVariants> & React.HTMLProps<HTMLDivElement> & {
|
|
632
|
+
children: JSX.Element | JSX.Element[];
|
|
633
|
+
};
|
|
634
|
+
declare const LinkListContainer: ({
|
|
635
|
+
className,
|
|
636
|
+
layout,
|
|
637
|
+
...props
|
|
638
|
+
}: LinkListContainerProps) => react_jsx_runtime0.JSX.Element;
|
|
532
639
|
type LinkListProps = React.HTMLProps<HTMLUListElement> & {
|
|
533
|
-
|
|
640
|
+
children: JSX.Element | JSX.Element[];
|
|
534
641
|
};
|
|
535
|
-
declare const LinkList: (
|
|
642
|
+
declare const LinkList: ({
|
|
643
|
+
className,
|
|
644
|
+
...restProps
|
|
645
|
+
}: LinkListProps) => react_jsx_runtime0.JSX.Element;
|
|
536
646
|
type LinkListItemProps = React.HTMLProps<HTMLLIElement> & {
|
|
537
|
-
|
|
538
|
-
};
|
|
539
|
-
declare const LinkListItem: (
|
|
540
|
-
|
|
647
|
+
children: ReactNode;
|
|
648
|
+
};
|
|
649
|
+
declare const LinkListItem: ({
|
|
650
|
+
children,
|
|
651
|
+
className,
|
|
652
|
+
...props
|
|
653
|
+
}: LinkListItemProps) => react_jsx_runtime0.JSX.Element;
|
|
654
|
+
//#endregion
|
|
655
|
+
//#region src/modal/modal.d.ts
|
|
541
656
|
type DialogTriggerProps = DialogTriggerProps$1;
|
|
542
|
-
declare const DialogTrigger: (props: DialogTriggerProps) =>
|
|
543
|
-
type ModalOverlayProps = Omit<ModalOverlayProps
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
657
|
+
declare const DialogTrigger: (props: DialogTriggerProps) => react_jsx_runtime0.JSX.Element;
|
|
658
|
+
type ModalOverlayProps$1 = Omit<ModalOverlayProps, 'isDismissable'> & {
|
|
659
|
+
/** @default 10 Controls the z-index of the modal overlay */zIndex?: number; /** @default true Makes the modal dismissable */
|
|
660
|
+
isDismissable?: boolean;
|
|
661
|
+
};
|
|
662
|
+
type ModalProps = ModalOverlayProps$1;
|
|
663
|
+
declare const Modal: ({
|
|
664
|
+
isDismissable,
|
|
665
|
+
isOpen,
|
|
666
|
+
onOpenChange,
|
|
667
|
+
defaultOpen,
|
|
668
|
+
className,
|
|
669
|
+
zIndex,
|
|
670
|
+
...restProps
|
|
671
|
+
}: ModalProps) => react_jsx_runtime0.JSX.Element;
|
|
551
672
|
type DialogProps = DialogProps$1 & {
|
|
552
|
-
|
|
553
|
-
};
|
|
554
|
-
declare const Dialog: ({
|
|
555
|
-
|
|
673
|
+
children: React.ReactNode;
|
|
674
|
+
};
|
|
675
|
+
declare const Dialog: ({
|
|
676
|
+
className,
|
|
677
|
+
children,
|
|
678
|
+
...restProps
|
|
679
|
+
}: DialogProps) => react_jsx_runtime0.JSX.Element;
|
|
680
|
+
//#endregion
|
|
681
|
+
//#region src/numberfield/numberfield.d.ts
|
|
556
682
|
type NumberFieldProps = {
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
textAlign?: 'left' | 'right';
|
|
576
|
-
/** Additional style properties for the element. */
|
|
577
|
-
style?: React.CSSProperties;
|
|
578
|
-
/** Add a divider between the left/right addons and the input */
|
|
579
|
-
withAddonDivider?: boolean;
|
|
580
|
-
/** Defines the number of characters and determines the width of the input element, a value of 0 will be ignored */
|
|
581
|
-
size?: number;
|
|
582
|
-
/** Defines the maximum numeric value */
|
|
583
|
-
maxValue?: number;
|
|
584
|
-
/** Defines the minimum numeric value */
|
|
585
|
-
minValue?: number;
|
|
586
|
-
/** Ref for the input element. */
|
|
587
|
-
ref?: Ref<HTMLInputElement>;
|
|
683
|
+
/** Additional CSS className for the element. */className?: string; /** Help text for the form control. */
|
|
684
|
+
description?: React.ReactNode; /** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
685
|
+
errorMessage?: React.ReactNode; /** Element to be rendered in the left side of the input. */
|
|
686
|
+
leftAddon?: React.ReactNode; /** Label for the form control. */
|
|
687
|
+
label?: React.ReactNode; /** Element to be rendered in the right side of the input. */
|
|
688
|
+
rightAddon?: React.ReactNode; /** Placeholder text. Only visible when the input value is empty. */
|
|
689
|
+
placeholder?: string;
|
|
690
|
+
/**
|
|
691
|
+
* Text alignment of the input
|
|
692
|
+
* @default left
|
|
693
|
+
*/
|
|
694
|
+
textAlign?: 'left' | 'right'; /** Additional style properties for the element. */
|
|
695
|
+
style?: React.CSSProperties; /** Add a divider between the left/right addons and the input */
|
|
696
|
+
withAddonDivider?: boolean; /** Defines the number of characters and determines the width of the input element, a value of 0 will be ignored */
|
|
697
|
+
size?: number; /** Defines the maximum numeric value */
|
|
698
|
+
maxValue?: number; /** Defines the minimum numeric value */
|
|
699
|
+
minValue?: number; /** Ref for the input element. */
|
|
700
|
+
ref?: Ref<HTMLInputElement>;
|
|
588
701
|
} & Omit<NumberFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'hideStepper'>;
|
|
589
|
-
declare function NumberField(props: NumberFieldProps):
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
type ProgressBarValueTextProps = Omit<HTMLProps<HTMLSpanElement>, 'children'> & {
|
|
593
|
-
className?: string;
|
|
594
|
-
};
|
|
595
|
-
declare const ProgressBarValueText: ({ className, ...restProps }: ProgressBarValueTextProps) => react_jsx_runtime.JSX.Element;
|
|
596
|
-
declare const ProgressBar: ({ children, className, ...restProps }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
|
|
597
|
-
|
|
702
|
+
declare function NumberField(props: NumberFieldProps): react_jsx_runtime0.JSX.Element;
|
|
703
|
+
//#endregion
|
|
704
|
+
//#region src/radiogroup/radio.d.ts
|
|
598
705
|
type RadioProps = {
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
/** Additional style properties for the element. */
|
|
605
|
-
style?: React.CSSProperties;
|
|
606
|
-
/** Ref for the element. */
|
|
607
|
-
ref?: Ref<HTMLLabelElement>;
|
|
706
|
+
children: React.ReactNode; /** Additional CSS className for the element. */
|
|
707
|
+
className?: string; /** Help text for the form control. */
|
|
708
|
+
description?: React.ReactNode; /** Additional style properties for the element. */
|
|
709
|
+
style?: React.CSSProperties; /** Ref for the element. */
|
|
710
|
+
ref?: Ref<HTMLLabelElement>;
|
|
608
711
|
} & Omit<RadioProps$1, 'isDisabled' | 'children' | 'style'>;
|
|
609
|
-
declare function Radio(props: RadioProps):
|
|
610
|
-
|
|
712
|
+
declare function Radio(props: RadioProps): react_jsx_runtime0.JSX.Element;
|
|
713
|
+
//#endregion
|
|
714
|
+
//#region src/radiogroup/radio-group.d.ts
|
|
611
715
|
type RadioGroupProps = {
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
/** Label for the form control. */
|
|
620
|
-
label?: React.ReactNode;
|
|
621
|
-
/** Additional style properties for the element. */
|
|
622
|
-
style?: React.CSSProperties;
|
|
623
|
-
/** Ref for the element. */
|
|
624
|
-
ref?: Ref<HTMLDivElement>;
|
|
716
|
+
children: React.ReactNode; /** Additional CSS className for the element. */
|
|
717
|
+
className?: string; /** Help text for the form control. */
|
|
718
|
+
description?: React.ReactNode; /** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
719
|
+
errorMessage?: React.ReactNode; /** Label for the form control. */
|
|
720
|
+
label?: React.ReactNode; /** Additional style properties for the element. */
|
|
721
|
+
style?: React.CSSProperties; /** Ref for the element. */
|
|
722
|
+
ref?: Ref<HTMLDivElement>;
|
|
625
723
|
} & Omit<RadioGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
|
|
626
|
-
declare function RadioGroup(props: RadioGroupProps):
|
|
627
|
-
|
|
724
|
+
declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime0.JSX.Element;
|
|
725
|
+
//#endregion
|
|
726
|
+
//#region src/select/select.d.ts
|
|
628
727
|
type SelectProps<T extends object> = {
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
label?: React.ReactNode;
|
|
638
|
-
/** Placeholder text. Only visible when the input value is empty. */
|
|
639
|
-
placeholder?: string;
|
|
640
|
-
/** Additional style properties for the element. */
|
|
641
|
-
style?: React.CSSProperties;
|
|
642
|
-
/** Ref for the button element. */
|
|
643
|
-
ref?: Ref<HTMLButtonElement>;
|
|
728
|
+
children: React.ReactNode; /** Additional CSS className for the element. */
|
|
729
|
+
className?: string; /** Help text for the form control. */
|
|
730
|
+
description?: React.ReactNode; /** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
731
|
+
errorMessage?: React.ReactNode; /** Label for the form control. */
|
|
732
|
+
label?: React.ReactNode; /** Placeholder text. Only visible when the input value is empty. */
|
|
733
|
+
placeholder?: string; /** Additional style properties for the element. */
|
|
734
|
+
style?: React.CSSProperties; /** Ref for the button element. */
|
|
735
|
+
ref?: Ref<HTMLButtonElement>;
|
|
644
736
|
} & Omit<SelectProps$1<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
|
|
645
|
-
declare function Select<T extends object>(props: SelectProps<T>):
|
|
646
|
-
|
|
737
|
+
declare function Select<T extends object>(props: SelectProps<T>): react_jsx_runtime0.JSX.Element;
|
|
738
|
+
//#endregion
|
|
739
|
+
//#region src/stepper/stepper.d.ts
|
|
740
|
+
type StepperProps = HTMLAttributes<HTMLDivElement> & {
|
|
741
|
+
children: React.ReactNode; /** The active step, zero indexed. */
|
|
742
|
+
activeStep: number; /** Handler that is called when the step changes. */
|
|
743
|
+
onStepChange?: (step: number) => void;
|
|
744
|
+
};
|
|
745
|
+
declare const Stepper: ({
|
|
746
|
+
children,
|
|
747
|
+
activeStep,
|
|
748
|
+
onStepChange,
|
|
749
|
+
...restProps
|
|
750
|
+
}: StepperProps) => react_jsx_runtime0.JSX.Element;
|
|
751
|
+
type StepProps = HTMLProps<HTMLLIElement> & {
|
|
752
|
+
/**
|
|
753
|
+
* The state fo the step, whether the step is completed or not.
|
|
754
|
+
*/
|
|
755
|
+
state?: 'completed';
|
|
756
|
+
/**
|
|
757
|
+
* Whether the step is disabled.
|
|
758
|
+
* @default false
|
|
759
|
+
*/
|
|
760
|
+
isDisabled?: boolean; /** The current progress of the step, between 0 and 100. */
|
|
761
|
+
progress?: number; /** @private */
|
|
762
|
+
'~stepIndex'?: number;
|
|
763
|
+
};
|
|
764
|
+
declare const Step: ({
|
|
765
|
+
isDisabled,
|
|
766
|
+
state,
|
|
767
|
+
children,
|
|
768
|
+
"~stepIndex": stepIndex,
|
|
769
|
+
progress,
|
|
770
|
+
...restProps
|
|
771
|
+
}: StepProps) => react_jsx_runtime0.JSX.Element;
|
|
772
|
+
//#endregion
|
|
773
|
+
//#region src/table/table.d.ts
|
|
647
774
|
type TableProps = Omit<TableProps$1, 'aria-label' | 'aria-labelledby'> & RefAttributes<HTMLTableElement> & {
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
775
|
+
/**
|
|
776
|
+
* Visual variant of the table
|
|
777
|
+
* @default 'default'
|
|
778
|
+
*/
|
|
779
|
+
variant?: 'default' | 'zebra-striped';
|
|
653
780
|
} & ({
|
|
654
|
-
|
|
655
|
-
|
|
781
|
+
'aria-label': string;
|
|
782
|
+
'aria-labelledby'?: never;
|
|
656
783
|
} | {
|
|
657
|
-
|
|
658
|
-
|
|
784
|
+
'aria-label'?: never;
|
|
785
|
+
'aria-labelledby': string;
|
|
659
786
|
});
|
|
660
787
|
type TableHeaderProps = TableHeaderProps$1<object> & RefAttributes<HTMLTableSectionElement>;
|
|
661
788
|
type TableColumnProps = ColumnProps & RefAttributes<HTMLTableCellElement> & {
|
|
662
|
-
|
|
789
|
+
children: React.ReactNode;
|
|
663
790
|
};
|
|
664
791
|
type TableBodyProps = TableBodyProps$1<object> & RefAttributes<HTMLTableSectionElement>;
|
|
665
792
|
type TableRowProps = RowProps<object> & RefAttributes<HTMLTableRowElement>;
|
|
666
793
|
type TableCellProps = CellProps & RefAttributes<HTMLTableCellElement> & {
|
|
667
|
-
|
|
794
|
+
children: React.ReactNode;
|
|
668
795
|
};
|
|
669
796
|
/**
|
|
670
797
|
* A container component for displaying tabular data with horizontal scrolling support.
|
|
671
798
|
*/
|
|
672
|
-
declare function Table(props: TableProps):
|
|
799
|
+
declare function Table(props: TableProps): react_jsx_runtime0.JSX.Element;
|
|
673
800
|
/**
|
|
674
801
|
* Container for table column headers.
|
|
675
802
|
*/
|
|
676
|
-
declare function TableHeader({
|
|
677
|
-
|
|
803
|
+
declare function TableHeader({
|
|
804
|
+
className,
|
|
805
|
+
children,
|
|
806
|
+
...restProps
|
|
807
|
+
}: TableHeaderProps): react_jsx_runtime0.JSX.Element;
|
|
808
|
+
declare function TableColumn(props: TableColumnProps): react_jsx_runtime0.JSX.Element;
|
|
678
809
|
type TableColumnResizerProps = ColumnResizerProps;
|
|
679
|
-
declare const TableColumnResizer: ({
|
|
810
|
+
declare const TableColumnResizer: ({
|
|
811
|
+
className,
|
|
812
|
+
...restProps
|
|
813
|
+
}: TableColumnResizerProps) => react_jsx_runtime0.JSX.Element;
|
|
680
814
|
/**
|
|
681
815
|
* Container for table rows.
|
|
682
816
|
*/
|
|
683
|
-
declare function TableBody({
|
|
684
|
-
|
|
685
|
-
|
|
817
|
+
declare function TableBody({
|
|
818
|
+
className,
|
|
819
|
+
children,
|
|
820
|
+
...restProps
|
|
821
|
+
}: TableBodyProps): react_jsx_runtime0.JSX.Element;
|
|
822
|
+
declare function TableRow(props: TableRowProps): react_jsx_runtime0.JSX.Element;
|
|
823
|
+
declare function TableCell(props: TableCellProps): react_jsx_runtime0.JSX.Element;
|
|
686
824
|
type TableContainerProps = ResizableTableContainerProps;
|
|
687
|
-
declare const TableContainer: ({
|
|
688
|
-
|
|
825
|
+
declare const TableContainer: ({
|
|
826
|
+
className,
|
|
827
|
+
...restProps
|
|
828
|
+
}: ResizableTableContainerProps) => react_jsx_runtime0.JSX.Element;
|
|
829
|
+
//#endregion
|
|
830
|
+
//#region src/tabs/tabs.d.ts
|
|
689
831
|
type TabsProps = Omit<TabsProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
832
|
+
/**
|
|
833
|
+
* CSS classes to apply to the tabs container
|
|
834
|
+
*/
|
|
835
|
+
className?: string;
|
|
836
|
+
orientation?: 'horizontal' | 'vertical';
|
|
695
837
|
};
|
|
696
838
|
type TabListProps = Omit<TabListProps$1<object>, 'className'> & RefAttributes<HTMLDivElement> & {
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
839
|
+
/**
|
|
840
|
+
* CSS classes to apply to the tab list
|
|
841
|
+
*/
|
|
842
|
+
className?: string;
|
|
701
843
|
};
|
|
702
844
|
type TabProps = Omit<TabProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
845
|
+
children: React.ReactNode;
|
|
846
|
+
/**
|
|
847
|
+
* CSS classes to apply to the tab
|
|
848
|
+
*/
|
|
849
|
+
className?: string;
|
|
708
850
|
};
|
|
709
851
|
type TabPanelProps = Omit<TabPanelProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
852
|
+
children: React.ReactNode;
|
|
853
|
+
/**
|
|
854
|
+
* CSS classes to apply to the tab panel
|
|
855
|
+
*/
|
|
856
|
+
className?: string;
|
|
715
857
|
};
|
|
716
858
|
/**
|
|
717
859
|
* A container component that organizes content into multiple sections
|
|
718
860
|
* and allows users to navigate between them.
|
|
719
861
|
*/
|
|
720
|
-
declare function Tabs(props: TabsProps):
|
|
862
|
+
declare function Tabs(props: TabsProps): react_jsx_runtime0.JSX.Element;
|
|
721
863
|
/**
|
|
722
864
|
* A container component for Tab components within Tabs.
|
|
723
865
|
*/
|
|
724
|
-
declare function TabList({
|
|
866
|
+
declare function TabList({
|
|
867
|
+
className,
|
|
868
|
+
children,
|
|
869
|
+
...restProps
|
|
870
|
+
}: TabListProps): react_jsx_runtime0.JSX.Element;
|
|
725
871
|
/**
|
|
726
872
|
* An individual tab that can be selected to display its associated content.
|
|
727
873
|
*/
|
|
728
|
-
declare function Tab(props: TabProps):
|
|
874
|
+
declare function Tab(props: TabProps): react_jsx_runtime0.JSX.Element;
|
|
729
875
|
/**
|
|
730
876
|
* The content area that displays the selected tab's content.
|
|
731
877
|
*/
|
|
732
|
-
declare function TabPanel(props: TabPanelProps):
|
|
733
|
-
|
|
878
|
+
declare function TabPanel(props: TabPanelProps): react_jsx_runtime0.JSX.Element;
|
|
879
|
+
//#endregion
|
|
880
|
+
//#region src/tag-group/tag-group.d.ts
|
|
734
881
|
type TagGroupProps = Omit<TagGroupProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
882
|
+
/**
|
|
883
|
+
* CSS classes to apply to the tag group
|
|
884
|
+
*/
|
|
885
|
+
className?: string;
|
|
886
|
+
/**
|
|
887
|
+
* The function to call when the tag is removed
|
|
888
|
+
*/
|
|
889
|
+
onRemove?: (key: React.Key) => void;
|
|
890
|
+
/**
|
|
891
|
+
* The selection mode for the tag group
|
|
892
|
+
* @default "single"
|
|
893
|
+
*/
|
|
894
|
+
selectionMode?: 'single' | 'multiple';
|
|
748
895
|
};
|
|
749
896
|
type TagListProps = Omit<TagListProps$1<object>, 'className'> & RefAttributes<HTMLDivElement> & {
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
897
|
+
/**
|
|
898
|
+
* CSS classes to apply to the tag list
|
|
899
|
+
*/
|
|
900
|
+
className?: string;
|
|
754
901
|
};
|
|
755
902
|
type TagProps = Omit<TagProps$1, 'className'> & RefAttributes<HTMLDivElement> & {
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
903
|
+
children: React.ReactNode;
|
|
904
|
+
/**
|
|
905
|
+
* CSS classes to apply to the tag
|
|
906
|
+
*/
|
|
907
|
+
className?: string;
|
|
761
908
|
};
|
|
762
909
|
/**
|
|
763
910
|
* A group component for Tag components that enables selection and organization of options.
|
|
764
911
|
*/
|
|
765
|
-
declare function TagGroup(props: TagGroupProps):
|
|
912
|
+
declare function TagGroup(props: TagGroupProps): react_jsx_runtime0.JSX.Element;
|
|
766
913
|
/**
|
|
767
914
|
* A container component for Tag components within a TagGroup.
|
|
768
915
|
*/
|
|
769
|
-
declare function TagList(props: TagListProps):
|
|
916
|
+
declare function TagList(props: TagListProps): react_jsx_runtime0.JSX.Element;
|
|
770
917
|
/**
|
|
771
918
|
* Interactive tag component for selections, filtering, and categorization.
|
|
772
919
|
*/
|
|
773
|
-
declare function Tag(props: TagProps):
|
|
774
|
-
|
|
920
|
+
declare function Tag(props: TagProps): react_jsx_runtime0.JSX.Element;
|
|
921
|
+
//#endregion
|
|
922
|
+
//#region src/textarea/textarea.d.ts
|
|
775
923
|
type TextAreaProps = {
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
/**
|
|
789
|
-
* The number of visible text lines for the control.
|
|
790
|
-
* @default 2
|
|
791
|
-
*/
|
|
792
|
-
rows?: number;
|
|
793
|
-
/** Ref for the textarea element. */
|
|
794
|
-
ref?: Ref<HTMLTextAreaElement>;
|
|
924
|
+
/** Additional CSS className for the element. */className?: string; /** Help text for the form control. */
|
|
925
|
+
description?: React.ReactNode; /** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
926
|
+
errorMessage?: React.ReactNode; /** Label for the form control. */
|
|
927
|
+
label?: React.ReactNode; /** Placeholder text. Only visible when the input value is empty. */
|
|
928
|
+
placeholder?: string; /** Additional style properties for the element. */
|
|
929
|
+
style?: React.CSSProperties;
|
|
930
|
+
/**
|
|
931
|
+
* The number of visible text lines for the control.
|
|
932
|
+
* @default 2
|
|
933
|
+
*/
|
|
934
|
+
rows?: number; /** Ref for the textarea element. */
|
|
935
|
+
ref?: Ref<HTMLTextAreaElement>;
|
|
795
936
|
} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
|
|
796
|
-
declare function TextArea(props: TextAreaProps):
|
|
797
|
-
|
|
937
|
+
declare function TextArea(props: TextAreaProps): react_jsx_runtime0.JSX.Element;
|
|
938
|
+
//#endregion
|
|
939
|
+
//#region src/textfield/textfield.d.ts
|
|
798
940
|
type TextFieldProps = {
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
* @default left
|
|
816
|
-
*/
|
|
817
|
-
textAlign?: 'left' | 'right';
|
|
818
|
-
/** Additional style properties for the element. */
|
|
819
|
-
style?: React.CSSProperties;
|
|
820
|
-
/** Add a divider between the left/right addons and the input, a value of 0 will be ignored */
|
|
821
|
-
withAddonDivider?: boolean;
|
|
822
|
-
/** Defines the number of characters and determines the width of the input element */
|
|
823
|
-
size?: number;
|
|
824
|
-
/** Ref for the input element. */
|
|
825
|
-
ref?: Ref<HTMLInputElement>;
|
|
941
|
+
/** Additional CSS className for the element. */className?: string; /** Help text for the form control. */
|
|
942
|
+
description?: React.ReactNode; /** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
943
|
+
errorMessage?: React.ReactNode; /** Element to be rendered in the left side of the input. */
|
|
944
|
+
leftAddon?: React.ReactNode; /** Label for the form control. */
|
|
945
|
+
label?: React.ReactNode; /** Element to be rendered in the right side of the input. */
|
|
946
|
+
rightAddon?: React.ReactNode; /** Placeholder text. Only visible when the input value is empty. */
|
|
947
|
+
placeholder?: string;
|
|
948
|
+
/**
|
|
949
|
+
* Text alignment of the input
|
|
950
|
+
* @default left
|
|
951
|
+
*/
|
|
952
|
+
textAlign?: 'left' | 'right'; /** Additional style properties for the element. */
|
|
953
|
+
style?: React.CSSProperties; /** Add a divider between the left/right addons and the input, a value of 0 will be ignored */
|
|
954
|
+
withAddonDivider?: boolean; /** Defines the number of characters and determines the width of the input element */
|
|
955
|
+
size?: number; /** Ref for the input element. */
|
|
956
|
+
ref?: Ref<HTMLInputElement>;
|
|
826
957
|
} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
|
|
827
|
-
declare function TextField(props: TextFieldProps):
|
|
828
|
-
|
|
958
|
+
declare function TextField(props: TextFieldProps): react_jsx_runtime0.JSX.Element;
|
|
959
|
+
//#endregion
|
|
960
|
+
//#region src/video-loop/video-loop.d.ts
|
|
829
961
|
type VideoLoopProps = {
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
962
|
+
/** The video url */src: string; /** The video format */
|
|
963
|
+
format: string;
|
|
964
|
+
/**
|
|
965
|
+
* The content of the video must have a text description, so that it is accessible to screen readers.
|
|
966
|
+
* You can either provide just a caption, just an alt text, or both a caption and an alt text.
|
|
967
|
+
* Make sure the alt text doesn't repeat too much of the caption text, if so just a caption is sufficent.
|
|
968
|
+
* Think of this just as an alt text, but for a muted video - this text will not be visible, but read by screen readers.
|
|
969
|
+
* */
|
|
970
|
+
alt?: string;
|
|
971
|
+
className?: string;
|
|
972
|
+
};
|
|
973
|
+
declare const VideoLoop: ({
|
|
974
|
+
src,
|
|
975
|
+
format,
|
|
976
|
+
alt,
|
|
977
|
+
className
|
|
978
|
+
}: VideoLoopProps) => react_jsx_runtime0.JSX.Element;
|
|
979
|
+
//#endregion
|
|
980
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alertbox, type Props as AlertboxProps, Avatar, type AvatarProps, Backlink, type BacklinkProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonContext, type ButtonProps, Caption, type CaptionProps, Card, CardLink, type CardLinkProps, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Combobox, ListBoxHeader as ComboboxHeader, ListBoxHeader as SelectHeader, ListBoxItem as ComboboxItem, ListBoxItem as SelectItem, type ListBoxItemProps as ComboboxItemProps, type ListBoxItemProps as SelectItemProps, type ComboboxProps, ListBoxSection as ComboboxSection, ListBoxSection as SelectSection, Content, ContentContext, type ContentProps, DateFormatter, type DateFormatterProps, Description, type DescriptionProps, Disclosure, DisclosureButton, type DisclosureButtonProps, DisclosureGroup, type DisclosureGroupProps, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, DisclosureStateContext, ErrorMessage, type ErrorMessageProps, Footer, type FooterProps, Form, Group, GrunnmurenProvider, type GrunnmurenProviderProps, Heading, HeadingContext, type HeadingProps, Label, type LabelProps, LinkList, LinkListContainer, type LinkListContainerProps, LinkListItem, type LinkListItemProps, type LinkListProps, type Locale, Media, MediaContext, type MediaProps, NumberField, type NumberFieldProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectProps, Tag, TagGroup, type TagGroupProps, TagList, type TagListProps, type TagProps, TextArea, type TextAreaProps, TextField, type TextFieldProps, Carousel as UNSAFE_Carousel, CarouselButton as UNSAFE_CarouselButton, type CarouselButtonProps as UNSAFE_CarouselButtonProps, CarouselContext as UNSAFE_CarouselContext, type CarouselContextValue as UNSAFE_CarouselContextValue, CarouselControls as UNSAFE_CarouselControls, type CarouselControlsProps as UNSAFE_CarouselControlsProps, CarouselItem as UNSAFE_CarouselItem, type CarouselItemProps as UNSAFE_CarouselItemProps, CarouselItems as UNSAFE_CarouselItems, CarouselItemsContainer as UNSAFE_CarouselItemsContainer, type CarouselItemsContainer as UNSAFE_CarouselItemsContainerProps, type CarouselItemsProps as UNSAFE_CarouselItemsProps, type CarouselProps as UNSAFE_CarouselProps, Dialog as UNSAFE_Dialog, type DialogProps as UNSAFE_DialogProps, DialogTrigger as UNSAFE_DialogTrigger, type DialogTriggerProps as UNSAFE_DialogTriggerProps, FileUpload as UNSAFE_FileUpload, type FileUploadProps as UNSAFE_FileUploadProps, Hero as UNSAFE_Hero, HeroContext as UNSAFE_HeroContext, type HeroContextValue as UNSAFE_HeroContextValue, type HeroProps as UNSAFE_HeroProps, Link as UNSAFE_Link, type LinkProps as UNSAFE_LinkProps, Modal as UNSAFE_Modal, type ModalProps as UNSAFE_ModalProps, Step as UNSAFE_Step, type StepProps as UNSAFE_StepProps, Stepper as UNSAFE_Stepper, type StepperProps as UNSAFE_StepperProps, Tab as UNSAFE_Tab, TabList as UNSAFE_TabList, type TabListProps as UNSAFE_TabListProps, TabPanel as UNSAFE_TabPanel, type TabPanelProps as UNSAFE_TabPanelProps, type TabProps as UNSAFE_TabProps, Table as UNSAFE_Table, TableBody as UNSAFE_TableBody, type TableBodyProps as UNSAFE_TableBodyProps, TableCell as UNSAFE_TableCell, type TableCellProps as UNSAFE_TableCellProps, TableColumn as UNSAFE_TableColumn, type TableColumnProps as UNSAFE_TableColumnProps, TableColumnResizer as UNSAFE_TableColumnResizer, type TableColumnResizerProps as UNSAFE_TableColumnResizerProps, TableContainer as UNSAFE_TableContainer, type TableContainerProps as UNSAFE_TableContainerProps, TableHeader as UNSAFE_TableHeader, type TableHeaderProps as UNSAFE_TableHeaderProps, type TableProps as UNSAFE_TableProps, TableRow as UNSAFE_TableRow, type TableRowProps as UNSAFE_TableRowProps, Tabs as UNSAFE_Tabs, type TabsProps as UNSAFE_TabsProps, VideoLoop, _useLocale as useLocale };
|