@marigold/components 7.0.0 → 7.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +91 -116
- package/dist/index.d.ts +91 -116
- package/dist/index.js +863 -1154
- package/dist/index.mjs +720 -1024
- package/package.json +25 -68
package/dist/index.d.mts
CHANGED
|
@@ -1,26 +1,22 @@
|
|
|
1
1
|
export { useAsyncList, useListData } from '@react-stately/data';
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
3
|
import * as react from 'react';
|
|
4
|
-
import react__default, { ReactElement, ReactNode, ElementType, ForwardRefExoticComponent, RefAttributes,
|
|
4
|
+
import react__default, { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1 } from 'react';
|
|
5
5
|
import { AriaAccordionProps } from '@react-aria/accordion';
|
|
6
|
-
import { ItemElement, ItemProps, Node
|
|
6
|
+
import { ItemElement, SelectionMode, ItemProps, Node } from '@react-types/shared';
|
|
7
7
|
import { TreeState } from '@react-stately/tree';
|
|
8
|
-
import { GapSpaceProp, AspectProp, WidthProp, AlignmentProp, alignment, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PlaceItemsProp, GridColumn, GridColsAlignProp, TextAlignProp,
|
|
8
|
+
import { GapSpaceProp, AspectProp, WidthProp, AlignmentProp, alignment, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PlaceItemsProp, GridColumn, GridColsAlignProp, TextAlignProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
|
|
9
9
|
export { ThemeProvider, useTheme } from '@marigold/system';
|
|
10
|
-
import { NonZeroPercentage, HtmlProps } from '@marigold/types';
|
|
11
|
-
import RAC, { ValidationResult, Key, TagListProps } from 'react-aria-components';
|
|
12
|
-
|
|
13
|
-
import { AriaDateFieldProps, AriaDatePickerProps } from '@react-aria/datepicker';
|
|
14
|
-
import { DateValue as DateValue$1 } from '@react-aria/calendar';
|
|
15
|
-
import { OverlayProps as OverlayProps$1, AriaPopoverProps, AriaModalOverlayProps } from '@react-aria/overlays';
|
|
16
|
-
import { OverlayTriggerState } from '@react-stately/overlays';
|
|
10
|
+
import { NonZeroPercentage, HtmlProps, DistributiveOmit } from '@marigold/types';
|
|
11
|
+
import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
|
|
12
|
+
export { Form, FormProps } from 'react-aria-components';
|
|
17
13
|
import { AriaTableProps } from '@react-aria/table';
|
|
18
14
|
import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1 } from '@react-stately/table';
|
|
19
15
|
export { VisuallyHidden } from '@react-aria/visually-hidden';
|
|
20
16
|
|
|
21
17
|
interface AccordionProps extends Omit<AriaAccordionProps<object>, 'children' | 'expandedKeys' | 'disabledKeys' | 'onExpandedChange'> {
|
|
22
18
|
children: ItemElement<object>[] | ItemElement<object>;
|
|
23
|
-
selectionMode?:
|
|
19
|
+
selectionMode?: SelectionMode;
|
|
24
20
|
}
|
|
25
21
|
declare const Accordion: {
|
|
26
22
|
({ children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
@@ -59,17 +55,28 @@ interface HelpTextProps {
|
|
|
59
55
|
variant?: string;
|
|
60
56
|
size?: string;
|
|
61
57
|
description?: ReactNode;
|
|
62
|
-
error?: boolean;
|
|
63
58
|
errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
|
|
64
59
|
}
|
|
65
60
|
|
|
66
|
-
interface FieldBaseProps
|
|
61
|
+
interface FieldBaseProps<T extends ElementType> extends WidthProp, Pick<HelpTextProps, 'description' | 'errorMessage'> {
|
|
67
62
|
as?: T;
|
|
68
63
|
label?: ReactNode;
|
|
69
64
|
variant?: string;
|
|
70
65
|
size?: string;
|
|
71
66
|
children?: ReactNode;
|
|
72
67
|
}
|
|
68
|
+
declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react.RefAttributes<any>) => ReactNode;
|
|
69
|
+
|
|
70
|
+
interface FieldGroupContextProps {
|
|
71
|
+
labelWidth?: string;
|
|
72
|
+
}
|
|
73
|
+
declare const FieldGroupContext: react.Context<FieldGroupContextProps>;
|
|
74
|
+
declare const useFieldGroupContext: () => FieldGroupContextProps;
|
|
75
|
+
interface FieldGroupProps {
|
|
76
|
+
labelWidth?: string;
|
|
77
|
+
children: ReactNode;
|
|
78
|
+
}
|
|
79
|
+
declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_jsx_runtime.JSX.Element;
|
|
73
80
|
|
|
74
81
|
interface ListBoxItemProps extends Omit<RAC.ListBoxItemProps, 'style' | 'className'> {
|
|
75
82
|
}
|
|
@@ -89,8 +96,8 @@ interface ListBoxComponent extends ForwardRefExoticComponent<ListBoxProps & RefA
|
|
|
89
96
|
}
|
|
90
97
|
declare const _ListBox: ListBoxComponent;
|
|
91
98
|
|
|
92
|
-
type RemovedProps$
|
|
93
|
-
interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$
|
|
99
|
+
type RemovedProps$n = 'className' | 'style' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'inputValue' | 'onInputChange' | 'defaultValue' | 'validate' | 'validationState';
|
|
100
|
+
interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps$n>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
|
|
94
101
|
defaultValue?: RAC.ComboBoxProps<object>['defaultInputValue'];
|
|
95
102
|
value?: RAC.ComboBoxProps<object>['inputValue'];
|
|
96
103
|
onChange?: RAC.ComboBoxProps<object>['onInputChange'];
|
|
@@ -100,6 +107,7 @@ interface AutocompleteProps extends Omit<RAC.ComboBoxProps<object>, RemovedProps
|
|
|
100
107
|
readOnly?: RAC.ComboBoxProps<object>['isReadOnly'];
|
|
101
108
|
variant?: string;
|
|
102
109
|
size?: string;
|
|
110
|
+
placeholder?: string;
|
|
103
111
|
/**
|
|
104
112
|
* Handler that is called when the SearchAutocomplete is submitted.
|
|
105
113
|
*
|
|
@@ -116,8 +124,8 @@ interface AutocompleteComponent extends ForwardRefExoticComponent<AutocompletePr
|
|
|
116
124
|
}
|
|
117
125
|
declare const _Autocomplete: AutocompleteComponent;
|
|
118
126
|
|
|
119
|
-
type RemovedProps$
|
|
120
|
-
interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$
|
|
127
|
+
type RemovedProps$m = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'defaultInputValue' | 'inputValue' | 'onInputChange';
|
|
128
|
+
interface ComboBoxProps extends Omit<RAC.ComboBoxProps<any>, RemovedProps$m>, Pick<FieldBaseProps<'label'>, 'width' | 'label' | 'description' | 'errorMessage'> {
|
|
121
129
|
variant?: string;
|
|
122
130
|
size?: string;
|
|
123
131
|
disabled?: RAC.ComboBoxProps<any>['isDisabled'];
|
|
@@ -156,8 +164,8 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
|
|
|
156
164
|
}
|
|
157
165
|
declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
|
|
158
166
|
|
|
159
|
-
type RemovedProps$
|
|
160
|
-
interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$
|
|
167
|
+
type RemovedProps$l = 'isDisabled';
|
|
168
|
+
interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$l> {
|
|
161
169
|
variant?: string;
|
|
162
170
|
size?: string;
|
|
163
171
|
fullWidth?: boolean;
|
|
@@ -190,10 +198,10 @@ interface CheckboxProps extends Omit<HtmlProps<'input'>, 'size' | 'type' | 'defa
|
|
|
190
198
|
variant?: string;
|
|
191
199
|
size?: string;
|
|
192
200
|
}
|
|
193
|
-
declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<
|
|
201
|
+
declare const _Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLLabelElement>>;
|
|
194
202
|
|
|
195
|
-
type RemovedProps$
|
|
196
|
-
interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$
|
|
203
|
+
type RemovedProps$k = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
|
|
204
|
+
interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$k>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
197
205
|
children?: ReactNode;
|
|
198
206
|
variant?: string;
|
|
199
207
|
size?: string;
|
|
@@ -239,8 +247,8 @@ interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
|
|
|
239
247
|
isNonModal?: boolean;
|
|
240
248
|
}
|
|
241
249
|
|
|
242
|
-
type RemovedProps$
|
|
243
|
-
interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$
|
|
250
|
+
type RemovedProps$j = 'className' | 'level';
|
|
251
|
+
interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$j>, TextAlignProp {
|
|
244
252
|
color?: string;
|
|
245
253
|
variant?: string;
|
|
246
254
|
size?: string;
|
|
@@ -267,40 +275,6 @@ interface DividerProps extends RAC.SeparatorProps {
|
|
|
267
275
|
}
|
|
268
276
|
declare const _Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
|
|
269
277
|
|
|
270
|
-
type RemovedProps$g = 'className';
|
|
271
|
-
interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$g> {
|
|
272
|
-
size?: string;
|
|
273
|
-
variant?: string;
|
|
274
|
-
}
|
|
275
|
-
declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
|
|
276
|
-
|
|
277
|
-
interface FieldBaseProps extends WidthProp {
|
|
278
|
-
children?: ReactNode;
|
|
279
|
-
variant?: string;
|
|
280
|
-
size?: string;
|
|
281
|
-
disabled?: boolean;
|
|
282
|
-
label?: ReactNode;
|
|
283
|
-
labelProps?: LabelProps;
|
|
284
|
-
description?: ReactNode;
|
|
285
|
-
descriptionProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
|
|
286
|
-
error?: boolean;
|
|
287
|
-
errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
|
|
288
|
-
errorMessageProps?: Omit<HTMLAttributes<HTMLElement>, 'children'>;
|
|
289
|
-
stateProps?: StateAttrProps;
|
|
290
|
-
}
|
|
291
|
-
declare const FieldBase: ({ children, variant, size, width, disabled, label, labelProps, description, descriptionProps, error, errorMessage, errorMessageProps, stateProps, ...props }: FieldBaseProps) => react_jsx_runtime.JSX.Element;
|
|
292
|
-
|
|
293
|
-
interface FieldGroupContextProps {
|
|
294
|
-
labelWidth?: string;
|
|
295
|
-
}
|
|
296
|
-
declare const FieldGroupContext: react.Context<FieldGroupContextProps>;
|
|
297
|
-
declare const useFieldGroupContext: () => FieldGroupContextProps;
|
|
298
|
-
interface FieldGroupProps {
|
|
299
|
-
labelWidth?: string;
|
|
300
|
-
children: ReactNode;
|
|
301
|
-
}
|
|
302
|
-
declare const FieldGroup: ({ labelWidth, children }: FieldGroupProps) => react_jsx_runtime.JSX.Element;
|
|
303
|
-
|
|
304
278
|
interface FooterProps extends Omit<HtmlProps<'footer'>, 'className'> {
|
|
305
279
|
children?: ReactNode;
|
|
306
280
|
variant?: string;
|
|
@@ -330,8 +304,8 @@ interface InlineProps extends AlignmentProp, GapSpaceProp {
|
|
|
330
304
|
}
|
|
331
305
|
declare const Inline: ({ space, orientation, alignX, alignY, children, ...props }: InlineProps) => react_jsx_runtime.JSX.Element;
|
|
332
306
|
|
|
333
|
-
type RemovedProps$
|
|
334
|
-
interface InputProps extends Omit<RAC.InputProps, RemovedProps$
|
|
307
|
+
type RemovedProps$i = 'className' | 'style' | 'size';
|
|
308
|
+
interface InputProps extends Omit<RAC.InputProps, RemovedProps$i> {
|
|
335
309
|
icon?: ReactElement;
|
|
336
310
|
action?: ReactElement;
|
|
337
311
|
variant?: string;
|
|
@@ -340,27 +314,21 @@ interface InputProps extends Omit<RAC.InputProps, RemovedProps$f> {
|
|
|
340
314
|
}
|
|
341
315
|
declare const _Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
|
|
342
316
|
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
value?: DateValue | null;
|
|
346
|
-
defaultValue?: DateValue | null;
|
|
347
|
-
ref?: RefObject<unknown> | undefined;
|
|
348
|
-
triggerRef?: RefObject<HTMLDivElement> | undefined;
|
|
349
|
-
action?: ReactElement;
|
|
350
|
-
isPressed?: boolean;
|
|
351
|
-
error?: boolean;
|
|
352
|
-
errorMessageProps?: HTMLAttributes<HTMLElement>;
|
|
353
|
-
disabled?: boolean;
|
|
354
|
-
readOnly?: boolean;
|
|
355
|
-
required?: boolean;
|
|
317
|
+
type RemovedProps$h = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'label' | 'children' | 'style';
|
|
318
|
+
interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$h>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
356
319
|
variant?: string;
|
|
357
320
|
size?: string;
|
|
321
|
+
action?: ReactElement;
|
|
322
|
+
required?: RAC.DateFieldProps<DateValue>['isRequired'];
|
|
323
|
+
disabled?: RAC.DateFieldProps<DateValue>['isDisabled'];
|
|
324
|
+
error?: RAC.DateFieldProps<DateValue>['isInvalid'];
|
|
325
|
+
readOnly?: RAC.DateFieldProps<DateValue>['isReadOnly'];
|
|
358
326
|
width?: WidthProp['width'];
|
|
359
327
|
}
|
|
360
|
-
declare const
|
|
328
|
+
declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
361
329
|
|
|
362
|
-
type RemovedProps$
|
|
363
|
-
interface CalendarProps extends Omit<RAC.CalendarProps<DateValue
|
|
330
|
+
type RemovedProps$g = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
|
|
331
|
+
interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$g> {
|
|
364
332
|
disabled?: boolean;
|
|
365
333
|
readOnly?: boolean;
|
|
366
334
|
variant?: string;
|
|
@@ -369,18 +337,18 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue$1>, RemovedProp
|
|
|
369
337
|
}
|
|
370
338
|
declare const _Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
371
339
|
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
error?:
|
|
378
|
-
|
|
340
|
+
type RemovedProps$f = 'isDisabled' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
|
|
341
|
+
interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$f>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
342
|
+
disabled?: RAC.DatePickerProps<DateValue>['isDisabled'];
|
|
343
|
+
required?: RAC.DatePickerProps<DateValue>['isRequired'];
|
|
344
|
+
readOnly?: RAC.DatePickerProps<DateValue>['isReadOnly'];
|
|
345
|
+
error?: RAC.DatePickerProps<DateValue>['isInvalid'];
|
|
346
|
+
open?: RAC.DatePickerProps<DateValue>['isOpen'];
|
|
379
347
|
variant?: string;
|
|
380
348
|
size?: string;
|
|
381
349
|
width?: WidthProp['width'];
|
|
382
350
|
}
|
|
383
|
-
declare const
|
|
351
|
+
declare const _DatePicker: ({ disabled, required, readOnly, error, variant, size, open, ...rest }: DatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
384
352
|
|
|
385
353
|
type InsetProps = {
|
|
386
354
|
children: ReactNode;
|
|
@@ -395,6 +363,13 @@ type InsetProps = {
|
|
|
395
363
|
};
|
|
396
364
|
declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
|
|
397
365
|
|
|
366
|
+
type RemovedProps$e = 'className';
|
|
367
|
+
interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$e> {
|
|
368
|
+
size?: string;
|
|
369
|
+
variant?: string;
|
|
370
|
+
}
|
|
371
|
+
declare const _Label: ({ size, variant, children, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
|
|
372
|
+
|
|
398
373
|
type RemovedProps$d = 'className' | 'isDisabled';
|
|
399
374
|
interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$d> {
|
|
400
375
|
variant?: string;
|
|
@@ -437,9 +412,10 @@ interface MenuProps extends Omit<RAC.MenuTriggerProps, RemovedProps$a>, Omit<RAC
|
|
|
437
412
|
size?: string;
|
|
438
413
|
onAction?: (key: Key$1) => void;
|
|
439
414
|
children?: ReactNode;
|
|
415
|
+
disabled?: boolean;
|
|
440
416
|
}
|
|
441
417
|
declare const _Menu: {
|
|
442
|
-
({ children, label, variant, size, open, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
|
|
418
|
+
({ children, label, variant, size, disabled, open, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
|
|
443
419
|
Item: ({ children, ...props }: MenuItemProps) => react_jsx_runtime.JSX.Element;
|
|
444
420
|
Section: ({ children, title, ...props }: MenuSectionProps) => react_jsx_runtime.JSX.Element;
|
|
445
421
|
};
|
|
@@ -447,8 +423,9 @@ declare const _Menu: {
|
|
|
447
423
|
interface ActionMenuProps extends RAC.MenuProps<object> {
|
|
448
424
|
variant?: string;
|
|
449
425
|
size?: string;
|
|
426
|
+
disabled?: boolean;
|
|
450
427
|
}
|
|
451
|
-
declare const ActionMenu: ({ variant, size, ...props }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
|
|
428
|
+
declare const ActionMenu: ({ variant, size, disabled, ...props }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
|
|
452
429
|
|
|
453
430
|
declare const icons: {
|
|
454
431
|
success: () => react_jsx_runtime.JSX.Element;
|
|
@@ -464,7 +441,7 @@ interface MessageProps extends Omit<HtmlProps<'div'>, 'className'> {
|
|
|
464
441
|
declare const Message: ({ messageTitle, variant, size, children, ...props }: MessageProps) => react_jsx_runtime.JSX.Element;
|
|
465
442
|
|
|
466
443
|
type RemovedProps$9 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
|
|
467
|
-
interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$9>, Pick<FieldBaseProps
|
|
444
|
+
interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$9>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
468
445
|
variant?: string;
|
|
469
446
|
size?: string;
|
|
470
447
|
width?: WidthProp['width'];
|
|
@@ -484,28 +461,12 @@ interface ModalProps extends RAC.ModalOverlayProps {
|
|
|
484
461
|
}
|
|
485
462
|
declare const _Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "className" | "isOpen" | "isDismissable" | "isKeyboardDismissDisabled"> & react.RefAttributes<HTMLDivElement>>;
|
|
486
463
|
|
|
487
|
-
interface
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
container?:
|
|
491
|
-
}
|
|
492
|
-
declare const Overlay: ({ children, container, open }: OverlayProps) => react_jsx_runtime.JSX.Element | null;
|
|
493
|
-
|
|
494
|
-
interface PopoverProps extends Pick<AriaPopoverProps, 'triggerRef' | 'scrollRef' | 'isNonModal'> {
|
|
495
|
-
keyboardDismissDisabled?: AriaPopoverProps['isKeyboardDismissDisabled'];
|
|
496
|
-
state: OverlayTriggerState;
|
|
497
|
-
children: ReactNode;
|
|
498
|
-
}
|
|
499
|
-
declare const Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
|
|
500
|
-
|
|
501
|
-
interface TrayProps extends AriaModalOverlayProps, StyleProps, OverlayProps$1 {
|
|
502
|
-
children: ReactNode;
|
|
503
|
-
state: OverlayTriggerState;
|
|
504
|
-
}
|
|
505
|
-
interface TrayWrapperProps extends TrayProps {
|
|
464
|
+
interface PopoverProps extends Omit<RAC.PopoverProps, 'isOpen' | 'isKeyboardDismissDisabled' | 'style' | 'className'> {
|
|
465
|
+
keyboardDismissDisabled?: boolean;
|
|
466
|
+
open?: boolean;
|
|
467
|
+
container?: Element;
|
|
506
468
|
}
|
|
507
|
-
declare const
|
|
508
|
-
declare const TrayWrapper: react.ForwardRefExoticComponent<TrayWrapperProps & react.RefAttributes<HTMLDivElement>>;
|
|
469
|
+
declare const _Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLDivElement>>;
|
|
509
470
|
|
|
510
471
|
interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled' | 'className'> {
|
|
511
472
|
variant?: string;
|
|
@@ -517,8 +478,12 @@ interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismis
|
|
|
517
478
|
declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
|
|
518
479
|
|
|
519
480
|
interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
|
|
481
|
+
portalContainer?: string;
|
|
520
482
|
}
|
|
521
|
-
declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
|
|
483
|
+
declare function MarigoldProvider<T extends Theme>({ children, theme, portalContainer, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
|
|
484
|
+
|
|
485
|
+
declare const OverlayContainerProvider: react.Provider<string | undefined>;
|
|
486
|
+
declare const usePortalContainer: () => HTMLElement | null;
|
|
522
487
|
|
|
523
488
|
type RemovedProps$8 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
|
|
524
489
|
interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$8> {
|
|
@@ -551,12 +516,12 @@ declare const _Radio: RadioComponent;
|
|
|
551
516
|
* We need this so that TypeScripts allows us to add
|
|
552
517
|
* additional properties to the component (function).
|
|
553
518
|
*/
|
|
554
|
-
interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttributes<
|
|
519
|
+
interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLLabelElement>> {
|
|
555
520
|
Group: typeof _RadioGroup;
|
|
556
521
|
}
|
|
557
522
|
|
|
558
523
|
type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
559
|
-
interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps
|
|
524
|
+
interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
560
525
|
icon?: ReactElement;
|
|
561
526
|
action?: ReactElement;
|
|
562
527
|
variant?: string;
|
|
@@ -594,6 +559,12 @@ interface SelectComponent extends ForwardRefExoticComponent<SelectProps<object>
|
|
|
594
559
|
}
|
|
595
560
|
declare const _Select: SelectComponent;
|
|
596
561
|
|
|
562
|
+
interface ScrollableProps extends WidthProp {
|
|
563
|
+
children?: ReactNode;
|
|
564
|
+
height?: string;
|
|
565
|
+
}
|
|
566
|
+
declare const Scrollable: ({ children, width, height, ...props }: ScrollableProps) => react_jsx_runtime.JSX.Element;
|
|
567
|
+
|
|
597
568
|
interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'> {
|
|
598
569
|
thumbLabels?: string[];
|
|
599
570
|
width?: WidthProp['width'];
|
|
@@ -625,18 +596,20 @@ interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
|
|
|
625
596
|
readOnly?: RAC.SwitchProps['isReadOnly'];
|
|
626
597
|
selected?: RAC.SwitchProps['isSelected'];
|
|
627
598
|
}
|
|
628
|
-
declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<
|
|
599
|
+
declare const _Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
|
|
629
600
|
|
|
630
601
|
interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
|
|
631
602
|
variant?: string;
|
|
632
603
|
size?: string;
|
|
633
604
|
stretch?: boolean;
|
|
605
|
+
stickyHeader?: boolean;
|
|
634
606
|
}
|
|
635
607
|
interface RowProps extends RowProps$1<any> {
|
|
636
608
|
variant?: string;
|
|
637
609
|
size?: string;
|
|
638
610
|
}
|
|
639
611
|
interface ColumnProps extends Omit<ColumnProps$1<any>, 'width'>, WidthProp {
|
|
612
|
+
align?: Exclude<JSX.IntrinsicElements['td']['align'], 'char'>;
|
|
640
613
|
}
|
|
641
614
|
declare const Table: Table;
|
|
642
615
|
/**
|
|
@@ -661,7 +634,7 @@ interface TextProps extends Omit<HtmlProps<'p'>, 'className'>, TextAlignProp, Fo
|
|
|
661
634
|
declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
|
|
662
635
|
|
|
663
636
|
type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
664
|
-
interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps
|
|
637
|
+
interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
665
638
|
variant?: string;
|
|
666
639
|
size?: string;
|
|
667
640
|
width?: WidthProp['width'];
|
|
@@ -675,7 +648,7 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<R
|
|
|
675
648
|
declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
|
|
676
649
|
|
|
677
650
|
type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
678
|
-
interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps
|
|
651
|
+
interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
679
652
|
variant?: string;
|
|
680
653
|
size?: string;
|
|
681
654
|
width?: WidthProp['width'];
|
|
@@ -683,6 +656,8 @@ interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<
|
|
|
683
656
|
required?: RAC.TextFieldProps['isRequired'];
|
|
684
657
|
error?: RAC.TextFieldProps['isInvalid'];
|
|
685
658
|
readOnly?: RAC.TextFieldProps['isReadOnly'];
|
|
659
|
+
min?: HTMLInputElement['min'];
|
|
660
|
+
max?: HTMLInputElement['max'];
|
|
686
661
|
value?: string;
|
|
687
662
|
defaultValue?: string;
|
|
688
663
|
placeholder?: string;
|
|
@@ -716,7 +691,7 @@ declare const _Tooltip: {
|
|
|
716
691
|
};
|
|
717
692
|
|
|
718
693
|
type RemovedProps = 'className' | 'style' | 'children' | 'isRequired';
|
|
719
|
-
interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps
|
|
694
|
+
interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps<'label'>, 'label' | 'description'> {
|
|
720
695
|
variant?: string;
|
|
721
696
|
size?: string;
|
|
722
697
|
width?: WidthProp['width'];
|
|
@@ -759,4 +734,4 @@ declare const _Tabs: {
|
|
|
759
734
|
Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
|
|
760
735
|
};
|
|
761
736
|
|
|
762
|
-
export { Accordion, AccordionItem, AccordionItemProps, AccordionOwnItemProps, AccordionProps, ActionMenu, Aside, AsideProps, Aspect, AspectProps, _Autocomplete as Autocomplete, AutocompleteProps, Badge, BadgeProps, Body, BodyProps, Breakout, BreakoutProps, _Button as Button, ButtonProps, _Calendar as Calendar, CalendarProps, Card, CardProps, Center, CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CheckboxGroupProps, CheckboxProps, CloseButton, Columns, ColumnsProps, _ComboBox as ComboBox, ComboBoxProps, Container, ContainerProps, CustomCheckboxProps, DateField, DateFieldProps, DatePicker, DatePickerProps, _Dialog as Dialog, DialogProps, _Divider as Divider, DividerProps, FieldBase, FieldBaseProps, FieldGroup, FieldGroupContext, FieldGroupContextProps, FieldGroupProps, Footer, FooterProps, _Header as Header, HeaderProps, _Headline as Headline, HeadlineProps, Image, ImageProps, Inline, InlineProps, _Input as Input, InputProps, Inset, InsetProps, _Label as Label, LabelProps, _Link as Link, LinkProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, _Menu as Menu, MenuProps, Message, MessageProps, _Modal as Modal, ModalProps, _NumberField as NumberField, NumberFieldProps,
|
|
737
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, type CustomCheckboxProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, _Divider as Divider, type DividerProps, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, Message, type MessageProps, _Modal as Modal, type ModalProps, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, _Select as Select, type SelectComponent, type SelectProps, _Slider as Slider, type SliderProps, Split, type SplitProps, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, _Calendar, useFieldGroupContext, usePortalContainer };
|