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