@obosbbl/grunnmuren-react 2.0.0-canary.5 → 2.0.0-canary.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +122 -10
- package/dist/index.d.mts +507 -79
- package/dist/index.mjs +1161 -141
- package/package.json +9 -6
- package/dist/Button-client-wuoyidfi.js +0 -144
package/dist/index.d.mts
CHANGED
|
@@ -1,86 +1,112 @@
|
|
|
1
|
-
import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1,
|
|
2
|
-
export { ListBoxItemProps as ComboboxItemProps, Form,
|
|
1
|
+
import { RouterProvider, ButtonProps as ButtonProps$1, LinkProps, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, ListBoxItemProps, ListBoxSectionProps, HeadingProps as HeadingProps$1, ComboBoxProps, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, SelectProps as SelectProps$1, TextFieldProps as TextFieldProps$1, NumberFieldProps as NumberFieldProps$1, ContextValue, BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, DisclosureProps as DisclosureProps$1 } from 'react-aria-components';
|
|
2
|
+
export { ListBoxItemProps as ComboboxItemProps, Form, ListBoxItemProps as SelectItemProps, DisclosureGroup as UNSAFE_DisclosureGroup, DisclosureGroupProps as UNSAFE_DisclosureGroupProps } from 'react-aria-components';
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
4
|
import * as react from 'react';
|
|
5
|
+
import { HTMLProps, ReactNode, RefAttributes, HTMLAttributes } from 'react';
|
|
6
|
+
import * as cva from 'cva';
|
|
4
7
|
import { VariantProps } from 'cva';
|
|
5
|
-
import
|
|
8
|
+
import { DateFormatterOptions } from 'react-aria';
|
|
9
|
+
|
|
10
|
+
type Locale = 'nb' | 'sv' | 'en';
|
|
11
|
+
/**
|
|
12
|
+
* Returns the locale set in `<GrunnmurenProvider />`
|
|
13
|
+
*/
|
|
14
|
+
declare function _useLocale(): Locale;
|
|
15
|
+
|
|
16
|
+
type RouterProviderProps = React.ComponentProps<typeof RouterProvider>;
|
|
17
|
+
type GrunnmurenProviderProps = {
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* The locale to apply to the children.
|
|
21
|
+
* @default nb
|
|
22
|
+
*/
|
|
23
|
+
locale?: Locale;
|
|
24
|
+
/** The router to use for client side navigation */
|
|
25
|
+
navigate?: RouterProviderProps['navigate'];
|
|
26
|
+
/** Converts a router-specific href to a native HTML href, e.g. prepending a base path */
|
|
27
|
+
useHref?: RouterProviderProps['useHref'];
|
|
28
|
+
};
|
|
29
|
+
declare function GrunnmurenProvider({ children, locale, navigate, useHref, }: GrunnmurenProviderProps): react_jsx_runtime.JSX.Element;
|
|
30
|
+
|
|
31
|
+
type AccordionProps = {
|
|
32
|
+
children: React.ReactNode;
|
|
33
|
+
/** Additional CSS className for the element. */
|
|
34
|
+
className?: string;
|
|
35
|
+
/** Additional style properties for the element. */
|
|
36
|
+
style?: React.CSSProperties;
|
|
37
|
+
};
|
|
38
|
+
type AccordionItemProps = {
|
|
39
|
+
children?: React.ReactNode;
|
|
40
|
+
/** Additional CSS className for the element. */
|
|
41
|
+
className?: string;
|
|
42
|
+
/** Additional style properties for the element. */
|
|
43
|
+
style?: React.CSSProperties;
|
|
44
|
+
/** Whether the accordion is open (controlled) */
|
|
45
|
+
isOpen?: boolean;
|
|
46
|
+
/** Whether the accordion is open by default (uncontrolled) */
|
|
47
|
+
defaultOpen?: boolean;
|
|
48
|
+
/** Handler that is called when the accordion's open state changes */
|
|
49
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
50
|
+
};
|
|
51
|
+
declare const _Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
|
|
52
|
+
declare const _AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
53
|
+
|
|
54
|
+
type BadgeProps = VariantProps<typeof badgeVariants> & {
|
|
55
|
+
children?: React.ReactNode;
|
|
56
|
+
className?: string;
|
|
57
|
+
};
|
|
58
|
+
declare const badgeVariants: (props?: ({
|
|
59
|
+
color?: "gray-dark" | "mint" | "sky" | "white" | "blue-dark" | "green-dark" | undefined;
|
|
60
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
61
|
+
} & ({
|
|
62
|
+
class?: cva.ClassValue;
|
|
63
|
+
className?: never;
|
|
64
|
+
} | {
|
|
65
|
+
class?: never;
|
|
66
|
+
className?: cva.ClassValue;
|
|
67
|
+
})) | undefined) => string;
|
|
68
|
+
declare const _Badge: react.ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
69
|
+
color?: "gray-dark" | "mint" | "sky" | "white" | "blue-dark" | "green-dark" | undefined;
|
|
70
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
71
|
+
} & ({
|
|
72
|
+
class?: cva.ClassValue;
|
|
73
|
+
className?: never;
|
|
74
|
+
} | {
|
|
75
|
+
class?: never;
|
|
76
|
+
className?: cva.ClassValue;
|
|
77
|
+
})) | undefined) => string> & {
|
|
78
|
+
children?: React.ReactNode;
|
|
79
|
+
className?: string;
|
|
80
|
+
} & react.RefAttributes<HTMLSpanElement>>;
|
|
6
81
|
|
|
7
82
|
/**
|
|
8
83
|
* Figma: https://www.figma.com/file/9OvSg0ZXI5E1eQYi7AWiWn/Grunnmuren-2.0-%E2%94%82-Designsystem?node-id=30%3A2574&mode=dev
|
|
9
84
|
*/
|
|
10
85
|
declare const buttonVariants: (props?: ({
|
|
11
86
|
variant?: "primary" | "secondary" | "tertiary" | undefined;
|
|
12
|
-
color?: "
|
|
87
|
+
color?: "mint" | "white" | "green" | undefined;
|
|
13
88
|
isIconOnly?: boolean | undefined;
|
|
89
|
+
isPending?: boolean | undefined;
|
|
14
90
|
} & ({
|
|
15
|
-
class?:
|
|
16
|
-
|
|
17
|
-
} | null | undefined)[] | {
|
|
18
|
-
[x: string]: any;
|
|
19
|
-
} | null | undefined)[] | {
|
|
20
|
-
[x: string]: any;
|
|
21
|
-
} | null | undefined)[] | {
|
|
22
|
-
[x: string]: any;
|
|
23
|
-
} | null | undefined)[] | {
|
|
24
|
-
[x: string]: any;
|
|
25
|
-
} | null | undefined)[] | {
|
|
26
|
-
[x: string]: any;
|
|
27
|
-
} | null | undefined)[] | {
|
|
28
|
-
[x: string]: any;
|
|
29
|
-
} | null | undefined)[] | {
|
|
30
|
-
[x: string]: any;
|
|
31
|
-
} | null | undefined)[] | {
|
|
32
|
-
[x: string]: any;
|
|
33
|
-
} | null | undefined)[] | {
|
|
34
|
-
[x: string]: any;
|
|
35
|
-
} | null | undefined)[] | {
|
|
36
|
-
[x: string]: any;
|
|
37
|
-
} | null | undefined)[] | {
|
|
38
|
-
[x: string]: any;
|
|
39
|
-
} | null | undefined;
|
|
40
|
-
className?: undefined;
|
|
91
|
+
class?: cva.ClassValue;
|
|
92
|
+
className?: never;
|
|
41
93
|
} | {
|
|
42
|
-
class?:
|
|
43
|
-
className?:
|
|
44
|
-
[x: string]: any;
|
|
45
|
-
} | null | undefined)[] | {
|
|
46
|
-
[x: string]: any;
|
|
47
|
-
} | null | undefined)[] | {
|
|
48
|
-
[x: string]: any;
|
|
49
|
-
} | null | undefined)[] | {
|
|
50
|
-
[x: string]: any;
|
|
51
|
-
} | null | undefined)[] | {
|
|
52
|
-
[x: string]: any;
|
|
53
|
-
} | null | undefined)[] | {
|
|
54
|
-
[x: string]: any;
|
|
55
|
-
} | null | undefined)[] | {
|
|
56
|
-
[x: string]: any;
|
|
57
|
-
} | null | undefined)[] | {
|
|
58
|
-
[x: string]: any;
|
|
59
|
-
} | null | undefined)[] | {
|
|
60
|
-
[x: string]: any;
|
|
61
|
-
} | null | undefined)[] | {
|
|
62
|
-
[x: string]: any;
|
|
63
|
-
} | null | undefined)[] | {
|
|
64
|
-
[x: string]: any;
|
|
65
|
-
} | null | undefined)[] | {
|
|
66
|
-
[x: string]: any;
|
|
67
|
-
} | null | undefined;
|
|
94
|
+
class?: never;
|
|
95
|
+
className?: cva.ClassValue;
|
|
68
96
|
})) | undefined) => string;
|
|
69
|
-
type ButtonOrLinkProps =
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
href: string;
|
|
73
|
-
});
|
|
74
|
-
type ButtonProps = VariantProps<typeof buttonVariants> & {
|
|
75
|
-
className?: string;
|
|
76
|
-
children: React.ReactNode;
|
|
97
|
+
type ButtonOrLinkProps$1 = VariantProps<typeof buttonVariants> & {
|
|
98
|
+
children?: React.ReactNode;
|
|
99
|
+
href?: LinkProps['href'];
|
|
77
100
|
/**
|
|
78
101
|
* Display the button in a loading state
|
|
102
|
+
* @deprecated Use isPending instead.
|
|
79
103
|
* @default false
|
|
80
104
|
*/
|
|
81
105
|
isLoading?: boolean;
|
|
106
|
+
/** Additional style properties for the element. */
|
|
82
107
|
style?: React.CSSProperties;
|
|
83
|
-
}
|
|
108
|
+
};
|
|
109
|
+
type ButtonProps = (ButtonProps$1 | LinkProps) & ButtonOrLinkProps$1;
|
|
84
110
|
declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
85
111
|
|
|
86
112
|
type CheckboxProps = {
|
|
@@ -94,7 +120,17 @@ type CheckboxProps = {
|
|
|
94
120
|
/** Additional style properties for the element. */
|
|
95
121
|
style?: React.CSSProperties;
|
|
96
122
|
} & Omit<CheckboxProps$1, 'isDisabled' | 'style' | 'children' | 'isIndeterminate' | 'isReadOnly'>;
|
|
97
|
-
declare const _Checkbox: react.ForwardRefExoticComponent<
|
|
123
|
+
declare const _Checkbox: react.ForwardRefExoticComponent<{
|
|
124
|
+
children: React.ReactNode;
|
|
125
|
+
/** Additional CSS className for the element. */
|
|
126
|
+
className?: string;
|
|
127
|
+
/** Help text for the form control. */
|
|
128
|
+
description?: React.ReactNode;
|
|
129
|
+
/** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
130
|
+
errorMessage?: React.ReactNode;
|
|
131
|
+
/** Additional style properties for the element. */
|
|
132
|
+
style?: React.CSSProperties;
|
|
133
|
+
} & Omit<CheckboxProps$1, "style" | "children" | "isDisabled" | "isIndeterminate" | "isReadOnly"> & react.RefAttributes<HTMLLabelElement>>;
|
|
98
134
|
|
|
99
135
|
type CheckboxGroupProps = {
|
|
100
136
|
children: React.ReactNode;
|
|
@@ -109,7 +145,29 @@ type CheckboxGroupProps = {
|
|
|
109
145
|
/** Additional style properties for the element. */
|
|
110
146
|
style?: React.CSSProperties;
|
|
111
147
|
} & Omit<CheckboxGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
|
|
112
|
-
declare const _CheckboxGroup: react.ForwardRefExoticComponent<
|
|
148
|
+
declare const _CheckboxGroup: react.ForwardRefExoticComponent<{
|
|
149
|
+
children: React.ReactNode;
|
|
150
|
+
/** Additional CSS className for the element. */
|
|
151
|
+
className?: string;
|
|
152
|
+
/** Help text for the form control. */
|
|
153
|
+
description?: React.ReactNode;
|
|
154
|
+
/** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
155
|
+
errorMessage?: React.ReactNode;
|
|
156
|
+
/** Label for the form control. */
|
|
157
|
+
label?: React.ReactNode;
|
|
158
|
+
/** Additional style properties for the element. */
|
|
159
|
+
style?: React.CSSProperties;
|
|
160
|
+
} & Omit<CheckboxGroupProps$1, "style" | "children" | "className" | "isDisabled" | "isReadOnly" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
|
|
161
|
+
|
|
162
|
+
declare const ListBoxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
|
|
163
|
+
/**
|
|
164
|
+
* This component can be used to group items in a listbox
|
|
165
|
+
*/
|
|
166
|
+
declare const ListBoxSection: <T extends object>({ className, ...restProps }: ListBoxSectionProps<T>) => react_jsx_runtime.JSX.Element;
|
|
167
|
+
/**
|
|
168
|
+
* This component can be used to label grouped items in a `ListBoxSection` with a heading
|
|
169
|
+
*/
|
|
170
|
+
declare const ListBoxHeader: (props: HeadingProps$1) => react_jsx_runtime.JSX.Element;
|
|
113
171
|
|
|
114
172
|
type ComboboxProps<T extends object> = {
|
|
115
173
|
children: React.ReactNode;
|
|
@@ -120,10 +178,15 @@ type ComboboxProps<T extends object> = {
|
|
|
120
178
|
/** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
121
179
|
errorMessage?: React.ReactNode;
|
|
122
180
|
/**
|
|
123
|
-
* Display the dropdown button trigger in a
|
|
124
|
-
* @
|
|
181
|
+
* Display the dropdown button trigger in a pending state
|
|
182
|
+
* @deprecated Use isPending instead.
|
|
125
183
|
*/
|
|
126
184
|
isLoading?: boolean;
|
|
185
|
+
/**
|
|
186
|
+
* Display the dropdown button trigger in a pending state
|
|
187
|
+
* @default false
|
|
188
|
+
*/
|
|
189
|
+
isPending?: boolean;
|
|
127
190
|
/** Label for the form control. */
|
|
128
191
|
label?: React.ReactNode;
|
|
129
192
|
/** Placeholder text. Only visible when the input value is empty. */
|
|
@@ -131,8 +194,31 @@ type ComboboxProps<T extends object> = {
|
|
|
131
194
|
/** Additional style properties for the element. */
|
|
132
195
|
style?: React.CSSProperties;
|
|
133
196
|
} & Omit<ComboBoxProps<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
|
|
134
|
-
declare const
|
|
135
|
-
|
|
197
|
+
declare const _Combobox: react.ForwardRefExoticComponent<{
|
|
198
|
+
children: React.ReactNode;
|
|
199
|
+
/** Additional CSS className for the element. */
|
|
200
|
+
className?: string;
|
|
201
|
+
/** Help text for the form control. */
|
|
202
|
+
description?: React.ReactNode;
|
|
203
|
+
/** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
204
|
+
errorMessage?: React.ReactNode;
|
|
205
|
+
/**
|
|
206
|
+
* Display the dropdown button trigger in a pending state
|
|
207
|
+
* @deprecated Use isPending instead.
|
|
208
|
+
*/
|
|
209
|
+
isLoading?: boolean;
|
|
210
|
+
/**
|
|
211
|
+
* Display the dropdown button trigger in a pending state
|
|
212
|
+
* @default false
|
|
213
|
+
*/
|
|
214
|
+
isPending?: boolean;
|
|
215
|
+
/** Label for the form control. */
|
|
216
|
+
label?: React.ReactNode;
|
|
217
|
+
/** Placeholder text. Only visible when the input value is empty. */
|
|
218
|
+
placeholder?: string;
|
|
219
|
+
/** Additional style properties for the element. */
|
|
220
|
+
style?: React.CSSProperties;
|
|
221
|
+
} & Omit<ComboBoxProps<object>, "style" | "children" | "className" | "isDisabled" | "isReadOnly"> & react.RefAttributes<HTMLInputElement>>;
|
|
136
222
|
|
|
137
223
|
type RadioGroupProps = {
|
|
138
224
|
children: React.ReactNode;
|
|
@@ -147,7 +233,19 @@ type RadioGroupProps = {
|
|
|
147
233
|
/** Additional style properties for the element. */
|
|
148
234
|
style?: React.CSSProperties;
|
|
149
235
|
} & Omit<RadioGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
|
|
150
|
-
declare const _RadioGroup: react.ForwardRefExoticComponent<
|
|
236
|
+
declare const _RadioGroup: react.ForwardRefExoticComponent<{
|
|
237
|
+
children: React.ReactNode;
|
|
238
|
+
/** Additional CSS className for the element. */
|
|
239
|
+
className?: string;
|
|
240
|
+
/** Help text for the form control. */
|
|
241
|
+
description?: React.ReactNode;
|
|
242
|
+
/** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
243
|
+
errorMessage?: React.ReactNode;
|
|
244
|
+
/** Label for the form control. */
|
|
245
|
+
label?: React.ReactNode;
|
|
246
|
+
/** Additional style properties for the element. */
|
|
247
|
+
style?: React.CSSProperties;
|
|
248
|
+
} & Omit<RadioGroupProps$1, "style" | "children" | "className" | "isDisabled" | "isReadOnly" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
|
|
151
249
|
|
|
152
250
|
type RadioProps = {
|
|
153
251
|
children: React.ReactNode;
|
|
@@ -158,7 +256,15 @@ type RadioProps = {
|
|
|
158
256
|
/** Additional style properties for the element. */
|
|
159
257
|
style?: React.CSSProperties;
|
|
160
258
|
} & Omit<RadioProps$1, 'isDisabled' | 'children' | 'style'>;
|
|
161
|
-
declare const _Radio: react.ForwardRefExoticComponent<
|
|
259
|
+
declare const _Radio: react.ForwardRefExoticComponent<{
|
|
260
|
+
children: React.ReactNode;
|
|
261
|
+
/** Additional CSS className for the element. */
|
|
262
|
+
className?: string;
|
|
263
|
+
/** Help text for the form control. */
|
|
264
|
+
description?: React.ReactNode;
|
|
265
|
+
/** Additional style properties for the element. */
|
|
266
|
+
style?: React.CSSProperties;
|
|
267
|
+
} & Omit<RadioProps$1, "style" | "children" | "isDisabled"> & react.RefAttributes<HTMLLabelElement>>;
|
|
162
268
|
|
|
163
269
|
type SelectProps<T extends object> = {
|
|
164
270
|
children: React.ReactNode;
|
|
@@ -175,8 +281,21 @@ type SelectProps<T extends object> = {
|
|
|
175
281
|
/** Additional style properties for the element. */
|
|
176
282
|
style?: React.CSSProperties;
|
|
177
283
|
} & Omit<SelectProps$1<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
|
|
178
|
-
declare const
|
|
179
|
-
|
|
284
|
+
declare const _Select: react.ForwardRefExoticComponent<{
|
|
285
|
+
children: React.ReactNode;
|
|
286
|
+
/** Additional CSS className for the element. */
|
|
287
|
+
className?: string;
|
|
288
|
+
/** Help text for the form control. */
|
|
289
|
+
description?: React.ReactNode;
|
|
290
|
+
/** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
291
|
+
errorMessage?: React.ReactNode;
|
|
292
|
+
/** Label for the form control. */
|
|
293
|
+
label?: React.ReactNode;
|
|
294
|
+
/** Placeholder text. Only visible when the input value is empty. */
|
|
295
|
+
placeholder?: string;
|
|
296
|
+
/** Additional style properties for the element. */
|
|
297
|
+
style?: React.CSSProperties;
|
|
298
|
+
} & Omit<SelectProps$1<object>, "style" | "children" | "className" | "isDisabled" | "isReadOnly"> & react.RefAttributes<HTMLButtonElement>>;
|
|
180
299
|
|
|
181
300
|
type TextAreaProps = {
|
|
182
301
|
/** Additional CSS className for the element. */
|
|
@@ -197,7 +316,25 @@ type TextAreaProps = {
|
|
|
197
316
|
*/
|
|
198
317
|
rows?: number;
|
|
199
318
|
} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
|
|
200
|
-
declare const _TextArea: react.ForwardRefExoticComponent<
|
|
319
|
+
declare const _TextArea: react.ForwardRefExoticComponent<{
|
|
320
|
+
/** Additional CSS className for the element. */
|
|
321
|
+
className?: string;
|
|
322
|
+
/** Help text for the form control. */
|
|
323
|
+
description?: React.ReactNode;
|
|
324
|
+
/** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
325
|
+
errorMessage?: React.ReactNode;
|
|
326
|
+
/** Label for the form control. */
|
|
327
|
+
label?: React.ReactNode;
|
|
328
|
+
/** Placeholder text. Only visible when the input value is empty. */
|
|
329
|
+
placeholder?: string;
|
|
330
|
+
/** Additional style properties for the element. */
|
|
331
|
+
style?: React.CSSProperties;
|
|
332
|
+
/**
|
|
333
|
+
* The number of visible text lines for the control.
|
|
334
|
+
* @default 2
|
|
335
|
+
*/
|
|
336
|
+
rows?: number;
|
|
337
|
+
} & Omit<TextFieldProps$1, "style" | "children" | "className" | "isDisabled" | "isReadOnly"> & react.RefAttributes<HTMLTextAreaElement>>;
|
|
201
338
|
|
|
202
339
|
type TextFieldProps = {
|
|
203
340
|
/** Additional CSS className for the element. */
|
|
@@ -221,9 +358,300 @@ type TextFieldProps = {
|
|
|
221
358
|
textAlign?: 'left' | 'right';
|
|
222
359
|
/** Additional style properties for the element. */
|
|
223
360
|
style?: React.CSSProperties;
|
|
224
|
-
/** Add a divider between the left/right addons and the input */
|
|
361
|
+
/** Add a divider between the left/right addons and the input, a value of 0 will be ignored */
|
|
225
362
|
withAddonDivider?: boolean;
|
|
363
|
+
/** Defines the number of characters and determines the width of the input element */
|
|
364
|
+
size?: number;
|
|
226
365
|
} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
|
|
227
|
-
declare const _TextField: react.ForwardRefExoticComponent<
|
|
366
|
+
declare const _TextField: react.ForwardRefExoticComponent<{
|
|
367
|
+
/** Additional CSS className for the element. */
|
|
368
|
+
className?: string;
|
|
369
|
+
/** Help text for the form control. */
|
|
370
|
+
description?: React.ReactNode;
|
|
371
|
+
/** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
372
|
+
errorMessage?: React.ReactNode;
|
|
373
|
+
/** Element to be rendered in the left side of the input. */
|
|
374
|
+
leftAddon?: React.ReactNode;
|
|
375
|
+
/** Label for the form control. */
|
|
376
|
+
label?: React.ReactNode;
|
|
377
|
+
/** Element to be rendered in the right side of the input. */
|
|
378
|
+
rightAddon?: React.ReactNode;
|
|
379
|
+
/** Placeholder text. Only visible when the input value is empty. */
|
|
380
|
+
placeholder?: string;
|
|
381
|
+
/**
|
|
382
|
+
* Text alignment of the input
|
|
383
|
+
* @default left
|
|
384
|
+
*/
|
|
385
|
+
textAlign?: "left" | "right";
|
|
386
|
+
/** Additional style properties for the element. */
|
|
387
|
+
style?: React.CSSProperties;
|
|
388
|
+
/** Add a divider between the left/right addons and the input, a value of 0 will be ignored */
|
|
389
|
+
withAddonDivider?: boolean;
|
|
390
|
+
/** Defines the number of characters and determines the width of the input element */
|
|
391
|
+
size?: number;
|
|
392
|
+
} & Omit<TextFieldProps$1, "style" | "children" | "className" | "isDisabled" | "isReadOnly"> & react.RefAttributes<HTMLInputElement>>;
|
|
393
|
+
|
|
394
|
+
type NumberFieldProps = {
|
|
395
|
+
/** Additional CSS className for the element. */
|
|
396
|
+
className?: string;
|
|
397
|
+
/** Help text for the form control. */
|
|
398
|
+
description?: React.ReactNode;
|
|
399
|
+
/** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
400
|
+
errorMessage?: React.ReactNode;
|
|
401
|
+
/** Element to be rendered in the left side of the input. */
|
|
402
|
+
leftAddon?: React.ReactNode;
|
|
403
|
+
/** Label for the form control. */
|
|
404
|
+
label?: React.ReactNode;
|
|
405
|
+
/** Element to be rendered in the right side of the input. */
|
|
406
|
+
rightAddon?: React.ReactNode;
|
|
407
|
+
/** Placeholder text. Only visible when the input value is empty. */
|
|
408
|
+
placeholder?: string;
|
|
409
|
+
/**
|
|
410
|
+
* Text alignment of the input
|
|
411
|
+
* @default left
|
|
412
|
+
*/
|
|
413
|
+
textAlign?: 'left' | 'right';
|
|
414
|
+
/** Additional style properties for the element. */
|
|
415
|
+
style?: React.CSSProperties;
|
|
416
|
+
/** Add a divider between the left/right addons and the input */
|
|
417
|
+
withAddonDivider?: boolean;
|
|
418
|
+
/** Defines the number of characters and determines the width of the input element, a value of 0 will be ignored */
|
|
419
|
+
size?: number;
|
|
420
|
+
/** Defines the maximum numeric value */
|
|
421
|
+
maxValue?: number;
|
|
422
|
+
/** Defines the minimum numeric value */
|
|
423
|
+
minValue?: number;
|
|
424
|
+
} & Omit<NumberFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'hideStepper'>;
|
|
425
|
+
declare const _NumberField: react.ForwardRefExoticComponent<{
|
|
426
|
+
/** Additional CSS className for the element. */
|
|
427
|
+
className?: string;
|
|
428
|
+
/** Help text for the form control. */
|
|
429
|
+
description?: React.ReactNode;
|
|
430
|
+
/** Error message for the form control. Automatically sets `isInvalid` to true */
|
|
431
|
+
errorMessage?: React.ReactNode;
|
|
432
|
+
/** Element to be rendered in the left side of the input. */
|
|
433
|
+
leftAddon?: React.ReactNode;
|
|
434
|
+
/** Label for the form control. */
|
|
435
|
+
label?: React.ReactNode;
|
|
436
|
+
/** Element to be rendered in the right side of the input. */
|
|
437
|
+
rightAddon?: React.ReactNode;
|
|
438
|
+
/** Placeholder text. Only visible when the input value is empty. */
|
|
439
|
+
placeholder?: string;
|
|
440
|
+
/**
|
|
441
|
+
* Text alignment of the input
|
|
442
|
+
* @default left
|
|
443
|
+
*/
|
|
444
|
+
textAlign?: "left" | "right";
|
|
445
|
+
/** Additional style properties for the element. */
|
|
446
|
+
style?: React.CSSProperties;
|
|
447
|
+
/** Add a divider between the left/right addons and the input */
|
|
448
|
+
withAddonDivider?: boolean;
|
|
449
|
+
/** Defines the number of characters and determines the width of the input element, a value of 0 will be ignored */
|
|
450
|
+
size?: number;
|
|
451
|
+
/** Defines the maximum numeric value */
|
|
452
|
+
maxValue?: number;
|
|
453
|
+
/** Defines the minimum numeric value */
|
|
454
|
+
minValue?: number;
|
|
455
|
+
} & Omit<NumberFieldProps$1, "style" | "children" | "className" | "isDisabled" | "isReadOnly" | "hideStepper"> & react.RefAttributes<HTMLInputElement>>;
|
|
456
|
+
|
|
457
|
+
declare const alertVariants: (props?: ({
|
|
458
|
+
variant?: "info" | "success" | "warning" | "danger" | undefined;
|
|
459
|
+
} & ({
|
|
460
|
+
class?: cva.ClassValue;
|
|
461
|
+
className?: never;
|
|
462
|
+
} | {
|
|
463
|
+
class?: never;
|
|
464
|
+
className?: cva.ClassValue;
|
|
465
|
+
})) | undefined) => string;
|
|
466
|
+
type Props = VariantProps<typeof alertVariants> & {
|
|
467
|
+
children: React.ReactNode;
|
|
468
|
+
/**
|
|
469
|
+
* The ARIA role for the alertbox.
|
|
470
|
+
*/
|
|
471
|
+
role: 'alert' | 'status' | 'none';
|
|
472
|
+
/** Additional CSS className for the element. */
|
|
473
|
+
className?: string;
|
|
474
|
+
/** 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. */
|
|
475
|
+
icon?: React.ComponentType;
|
|
476
|
+
/**
|
|
477
|
+
* Controls if the alert is expandable or not
|
|
478
|
+
* @default false
|
|
479
|
+
*/
|
|
480
|
+
isExpandable?: boolean;
|
|
481
|
+
/**
|
|
482
|
+
* Controls if the alert can be dismissed with a close button.
|
|
483
|
+
* @default false
|
|
484
|
+
*/
|
|
485
|
+
isDismissable?: boolean;
|
|
486
|
+
/**
|
|
487
|
+
* Controls if the alert is rendered or not.
|
|
488
|
+
* This is used to control the open/closed state of the component; make the component "controlled".
|
|
489
|
+
* @default false
|
|
490
|
+
*/
|
|
491
|
+
isDismissed?: boolean;
|
|
492
|
+
/**
|
|
493
|
+
* Callback that should be triggered when a dismissable alert is closed.
|
|
494
|
+
* This is used to control the open/closed state of the component; make the component "controlled".
|
|
495
|
+
*/
|
|
496
|
+
onDismiss?: () => void;
|
|
497
|
+
};
|
|
498
|
+
declare const Alertbox: ({ children, role, className, icon, variant, isDismissable, isDismissed, onDismiss, isExpandable, }: Props) => react_jsx_runtime.JSX.Element | undefined;
|
|
499
|
+
|
|
500
|
+
type HeadingProps = HTMLProps<HTMLHeadingElement> & {
|
|
501
|
+
children?: React.ReactNode;
|
|
502
|
+
/** The level of the heading */
|
|
503
|
+
level: 1 | 2 | 3 | 4 | 5 | 6;
|
|
504
|
+
/** @private Used internally for slotted components */
|
|
505
|
+
_innerWrapper?: (children: React.ReactNode) => React.ReactNode;
|
|
506
|
+
};
|
|
507
|
+
declare const HeadingContext: react.Context<ContextValue<Partial<HeadingProps>, HTMLHeadingElement>>;
|
|
508
|
+
declare const ContentContext: react.Context<ContextValue<Partial<ContentProps>, HTMLDivElement>>;
|
|
509
|
+
type ContentProps = HTMLProps<HTMLDivElement> & {
|
|
510
|
+
children: React.ReactNode;
|
|
511
|
+
/** @private Used internally for slotted components */
|
|
512
|
+
_outerWrapper?: (children: React.ReactNode) => React.ReactNode;
|
|
513
|
+
};
|
|
514
|
+
type MediaProps = HTMLProps<HTMLDivElement> & {
|
|
515
|
+
children: React.ReactNode;
|
|
516
|
+
};
|
|
517
|
+
declare const Media: (props: MediaProps) => react_jsx_runtime.JSX.Element;
|
|
518
|
+
type FooterProps = HTMLProps<HTMLDivElement> & {
|
|
519
|
+
children: React.ReactNode;
|
|
520
|
+
};
|
|
521
|
+
type CaptionProps = HTMLProps<HTMLDivElement> & {
|
|
522
|
+
children: React.ReactNode;
|
|
523
|
+
};
|
|
524
|
+
declare const Caption: ({ className, ...restProps }: CaptionProps) => react_jsx_runtime.JSX.Element;
|
|
525
|
+
declare const Footer: (props: FooterProps) => react_jsx_runtime.JSX.Element;
|
|
526
|
+
declare const _Heading: react.ForwardRefExoticComponent<Omit<HeadingProps, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
527
|
+
declare const _Content: react.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
528
|
+
|
|
529
|
+
type BreadcrumbProps = {
|
|
530
|
+
/** Additional CSS className for the element. */
|
|
531
|
+
className?: string;
|
|
532
|
+
children?: React.ReactNode;
|
|
533
|
+
/** Additional style properties for the element. */
|
|
534
|
+
style?: React.CSSProperties;
|
|
535
|
+
/** The URL to navigate to when clicking the breadcrumb. */
|
|
536
|
+
href?: LinkProps['href'];
|
|
537
|
+
} & Omit<BreadcrumbProps$1, 'className' | 'style'>;
|
|
538
|
+
declare const _Breadcrumb: react.ForwardRefExoticComponent<{
|
|
539
|
+
/** Additional CSS className for the element. */
|
|
540
|
+
className?: string;
|
|
541
|
+
children?: React.ReactNode;
|
|
542
|
+
/** Additional style properties for the element. */
|
|
543
|
+
style?: React.CSSProperties;
|
|
544
|
+
/** The URL to navigate to when clicking the breadcrumb. */
|
|
545
|
+
href?: LinkProps["href"];
|
|
546
|
+
} & Omit<BreadcrumbProps$1, "style" | "className"> & react.RefAttributes<HTMLLIElement>>;
|
|
547
|
+
|
|
548
|
+
type BreadcrumbsProps = {
|
|
549
|
+
/** Additional CSS className for the element. */
|
|
550
|
+
className?: string;
|
|
551
|
+
/** Additional style properties for the element. */
|
|
552
|
+
style?: React.CSSProperties;
|
|
553
|
+
} & Omit<BreadcrumbsProps$1<BreadcrumbProps>, 'className' | 'style'>;
|
|
554
|
+
declare const _Breadcrumbs: react.ForwardRefExoticComponent<{
|
|
555
|
+
/** Additional CSS className for the element. */
|
|
556
|
+
className?: string;
|
|
557
|
+
/** Additional style properties for the element. */
|
|
558
|
+
style?: React.CSSProperties;
|
|
559
|
+
} & Omit<BreadcrumbsProps$1<BreadcrumbProps>, "style" | "className"> & react.RefAttributes<HTMLOListElement>>;
|
|
560
|
+
|
|
561
|
+
type ButtonOrLinkProps = {
|
|
562
|
+
children?: React.ReactNode;
|
|
563
|
+
/** Additional CSS className for the element. */
|
|
564
|
+
className?: string;
|
|
565
|
+
/** Determines whether to use an anchor or a button for the Backlink */
|
|
566
|
+
href?: LinkProps['href'];
|
|
567
|
+
/** To add a permanent underline on the link (not only on hover)
|
|
568
|
+
* @default false
|
|
569
|
+
*/
|
|
570
|
+
withUnderline?: boolean;
|
|
571
|
+
};
|
|
572
|
+
type BacklinkProps = (ButtonProps$1 | LinkProps) & ButtonOrLinkProps;
|
|
573
|
+
declare const _Backlink: react.ForwardRefExoticComponent<BacklinkProps & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
574
|
+
|
|
575
|
+
type CardProps = VariantProps<typeof cardVariants> & {
|
|
576
|
+
children?: React.ReactNode;
|
|
577
|
+
className?: string;
|
|
578
|
+
};
|
|
579
|
+
declare const cardVariants: (props?: ({
|
|
580
|
+
variant?: "subtle" | "outlined" | undefined;
|
|
581
|
+
layout?: "horizontal" | "vertical" | undefined;
|
|
582
|
+
} & ({
|
|
583
|
+
class?: cva.ClassValue;
|
|
584
|
+
className?: never;
|
|
585
|
+
} | {
|
|
586
|
+
class?: never;
|
|
587
|
+
className?: cva.ClassValue;
|
|
588
|
+
})) | undefined) => string;
|
|
589
|
+
declare const Card: ({ children, className: _className, variant, layout, ...restProps }: CardProps) => react_jsx_runtime.JSX.Element;
|
|
590
|
+
type CardLinkWrapperProps = {
|
|
591
|
+
children?: React.ReactNode;
|
|
592
|
+
className?: string;
|
|
593
|
+
} & {
|
|
594
|
+
[K in keyof Omit<LinkProps, 'className' | 'children'>]?: never;
|
|
595
|
+
};
|
|
596
|
+
type CardLinkProps = (Omit<LinkProps, 'href'> & Required<Pick<LinkProps, 'href'>>) | CardLinkWrapperProps;
|
|
597
|
+
/**
|
|
598
|
+
* A component that creates a clickable area on a card.
|
|
599
|
+
* It can be used either as a wrapper around a link or as a standalone link.
|
|
600
|
+
*/
|
|
601
|
+
declare const CardLink: ({ className: _className, href, ...restProps }: CardLinkProps) => react_jsx_runtime.JSX.Element;
|
|
602
|
+
|
|
603
|
+
type DateFormatterProps = {
|
|
604
|
+
value: Date | string;
|
|
605
|
+
options?: DateFormatterOptions;
|
|
606
|
+
/** Callback to customize the rendering of the date */
|
|
607
|
+
children?: (formattedDate: string) => ReactNode;
|
|
608
|
+
};
|
|
609
|
+
/**
|
|
610
|
+
* A React component that wraps https://react-spectrum.adobe.com/react-aria/useDateFormatter.html
|
|
611
|
+
* By default it sets the timeZone to `Europe/Berlin` to prevent the server's timezone from affecting
|
|
612
|
+
* the localized format
|
|
613
|
+
*/
|
|
614
|
+
declare const DateFormatter: ({ options: _options, value, children: render, }: DateFormatterProps) => ReactNode;
|
|
615
|
+
|
|
616
|
+
type VideoLoopProps = {
|
|
617
|
+
/** The video url */
|
|
618
|
+
src: string;
|
|
619
|
+
/** The video format */
|
|
620
|
+
format: string;
|
|
621
|
+
/**
|
|
622
|
+
* The content of the video must have a text description, so that it is accessible to screen readers.
|
|
623
|
+
* You can either just provide a just caption, just an alt text, or both a caption and an alt text.
|
|
624
|
+
* Make sure the alt text doesn't repeat too much of the caption text, if so just a caption is sufficent.
|
|
625
|
+
* Think of this just as an alt text, but for a muted video - this text will not be visible, but read by screen readers.
|
|
626
|
+
* */
|
|
627
|
+
alt?: string;
|
|
628
|
+
className?: string;
|
|
629
|
+
};
|
|
630
|
+
declare const VideoLoop: ({ src, format, alt, className }: VideoLoopProps) => react_jsx_runtime.JSX.Element;
|
|
631
|
+
|
|
632
|
+
declare const disclosureButtonVariants: (props?: ({
|
|
633
|
+
withChevron?: boolean | undefined;
|
|
634
|
+
isIconOnly?: boolean | undefined;
|
|
635
|
+
} & ({
|
|
636
|
+
class?: cva.ClassValue;
|
|
637
|
+
className?: never;
|
|
638
|
+
} | {
|
|
639
|
+
class?: never;
|
|
640
|
+
className?: cva.ClassValue;
|
|
641
|
+
})) | undefined) => string;
|
|
642
|
+
type DisclosureButtonProps = Omit<ButtonProps$1, 'children' | 'aria-expanded' | 'aria-controls'> & VariantProps<typeof disclosureButtonVariants> & {
|
|
643
|
+
children: React.ReactNode;
|
|
644
|
+
} & RefAttributes<HTMLButtonElement>;
|
|
645
|
+
declare const DisclosureButton: ({ className, withChevron, isIconOnly, children, ref: _ref, ...restProps }: DisclosureButtonProps) => react_jsx_runtime.JSX.Element;
|
|
646
|
+
type DisclosureProps = DisclosureProps$1 & RefAttributes<HTMLDivElement> & {
|
|
647
|
+
children: React.ReactNode;
|
|
648
|
+
className?: string;
|
|
649
|
+
};
|
|
650
|
+
declare const Disclosure: ({ ref: _ref, children, ..._props }: DisclosureProps) => react_jsx_runtime.JSX.Element;
|
|
651
|
+
type DisclosurePanelProps = Omit<HTMLAttributes<HTMLDivElement>, 'role'> & {
|
|
652
|
+
children: React.ReactNode;
|
|
653
|
+
role?: 'group' | 'region' | 'none';
|
|
654
|
+
} & RefAttributes<HTMLDivElement>;
|
|
655
|
+
declare const DisclosurePanel: ({ ref: _ref, ..._props }: DisclosurePanelProps) => react_jsx_runtime.JSX.Element;
|
|
228
656
|
|
|
229
|
-
export { _Button as Button, type ButtonProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, _Combobox as Combobox, ComboboxItem, type ComboboxProps, _Radio as Radio, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, _Select as Select, SelectItem, type SelectProps, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps };
|
|
657
|
+
export { _Accordion as Accordion, _AccordionItem as AccordionItem, type AccordionItemProps, type AccordionProps, Alertbox, type Props as AlertboxProps, _Backlink as Backlink, type BacklinkProps, _Badge as Badge, type BadgeProps, _Breadcrumb as Breadcrumb, type BreadcrumbProps, _Breadcrumbs as Breadcrumbs, type BreadcrumbsProps, _Button as Button, type ButtonProps, Caption, type CaptionProps, Card, CardLink, type CardLinkProps, type CardProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, _Combobox as Combobox, ListBoxHeader as ComboboxHeader, ListBoxItem as ComboboxItem, type ComboboxProps, ListBoxSection as ComboboxSection, _Content as Content, ContentContext, type ContentProps, DateFormatter, type DateFormatterProps, Footer, type FooterProps, GrunnmurenProvider, type GrunnmurenProviderProps, _Heading as Heading, HeadingContext, type HeadingProps, type Locale, Media, type MediaProps, _NumberField as NumberField, type NumberFieldProps, _Radio as Radio, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, _Select as Select, ListBoxHeader as SelectHeader, ListBoxItem as SelectItem, type SelectProps, ListBoxSection as SelectSection, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, Disclosure as UNSAFE_Disclosure, DisclosureButton as UNSAFE_DisclosureButton, type DisclosureButtonProps as UNSAFE_DisclosureButtonProps, DisclosurePanel as UNSAFE_DisclosurePanel, type DisclosurePanelProps as UNSAFE_DisclosurePanelProps, type DisclosureProps as UNSAFE_DisclosureProps, VideoLoop, _useLocale as useLocale };
|