@marigold/components 6.9.1 → 6.11.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 +82 -52
- package/dist/index.d.ts +82 -52
- package/dist/index.js +256 -344
- package/dist/index.mjs +218 -306
- package/package.json +3 -3
package/dist/index.d.mts
CHANGED
|
@@ -4,14 +4,14 @@ import * as react from 'react';
|
|
|
4
4
|
import react__default, { ReactElement, ReactNode, Key, ElementType, HTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
5
5
|
import { AriaAccordionProps } from '@react-aria/accordion';
|
|
6
6
|
import * as _react_types_shared from '@react-types/shared';
|
|
7
|
-
import { ItemElement, ItemProps, Node, CollectionElement, StyleProps
|
|
7
|
+
import { ItemElement, ItemProps, Node, CollectionElement, StyleProps } from '@react-types/shared';
|
|
8
8
|
import { TreeState } from '@react-stately/tree';
|
|
9
9
|
import { GapSpaceProp, AspectProp, WidthProp, AlignmentProp, alignment, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PlaceItemsProp, GridColumn, GridColsAlignProp, TextAlignProp, StateAttrProps, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
|
|
10
10
|
export { ThemeProvider, useTheme } from '@marigold/system';
|
|
11
11
|
import { NonZeroPercentage, HtmlProps } from '@marigold/types';
|
|
12
12
|
import { SearchAutocompleteProps } from '@react-types/autocomplete';
|
|
13
13
|
import { ComboBoxProps as ComboBoxProps$1 } from '@react-types/combobox';
|
|
14
|
-
import RAC, { ValidationResult } from 'react-aria-components';
|
|
14
|
+
import RAC, { ValidationResult, TagListProps } from 'react-aria-components';
|
|
15
15
|
import { DateValue, CalendarDate } from '@internationalized/date';
|
|
16
16
|
import { AriaDateFieldProps, AriaDatePickerProps } from '@react-aria/datepicker';
|
|
17
17
|
import { AriaCalendarProps, DateValue as DateValue$1, AriaCalendarCellProps, AriaCalendarGridProps } from '@react-aria/calendar';
|
|
@@ -22,9 +22,7 @@ import { Item, Section } from '@react-stately/collections';
|
|
|
22
22
|
import { AriaSelectProps } from '@react-types/select';
|
|
23
23
|
import { AriaTableProps } from '@react-aria/table';
|
|
24
24
|
import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1 } from '@react-stately/table';
|
|
25
|
-
import { AriaTagGroupProps } from '@react-aria/tag';
|
|
26
25
|
export { VisuallyHidden } from '@react-aria/visually-hidden';
|
|
27
|
-
import { AriaTabListProps } from '@react-types/tabs';
|
|
28
26
|
|
|
29
27
|
interface AccordionProps extends Omit<AriaAccordionProps<object>, 'children' | 'expandedKeys' | 'disabledKeys' | 'onExpandedChange'> {
|
|
30
28
|
children: ItemElement<object>[] | ItemElement<object>;
|
|
@@ -53,10 +51,9 @@ interface AsideProps extends GapSpaceProp {
|
|
|
53
51
|
children: [ReactElement, ReactElement];
|
|
54
52
|
side?: 'left' | 'right';
|
|
55
53
|
sideWidth?: string;
|
|
56
|
-
stretch?: boolean;
|
|
57
54
|
wrap?: NonZeroPercentage;
|
|
58
55
|
}
|
|
59
|
-
declare const Aside: ({ children, sideWidth, space, side,
|
|
56
|
+
declare const Aside: ({ children, sideWidth, space, side, wrap, }: AsideProps) => react_jsx_runtime.JSX.Element;
|
|
60
57
|
|
|
61
58
|
interface AspectProps extends Omit<HtmlProps<'div'>, 'className'>, AspectProp {
|
|
62
59
|
children?: ReactNode;
|
|
@@ -133,8 +130,8 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
|
|
|
133
130
|
}
|
|
134
131
|
declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
|
|
135
132
|
|
|
136
|
-
type RemovedProps$
|
|
137
|
-
interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$
|
|
133
|
+
type RemovedProps$e = 'isDisabled';
|
|
134
|
+
interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$e> {
|
|
138
135
|
variant?: string;
|
|
139
136
|
size?: string;
|
|
140
137
|
fullWidth?: boolean;
|
|
@@ -174,7 +171,6 @@ interface HelpTextProps {
|
|
|
174
171
|
size?: string;
|
|
175
172
|
description?: ReactNode;
|
|
176
173
|
error?: boolean;
|
|
177
|
-
isInvalid?: ValidationResult['isInvalid'];
|
|
178
174
|
errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
|
|
179
175
|
}
|
|
180
176
|
|
|
@@ -186,8 +182,8 @@ interface FieldBaseProps$1<T extends ElementType> extends WidthProp, Pick<HelpTe
|
|
|
186
182
|
children?: ReactNode;
|
|
187
183
|
}
|
|
188
184
|
|
|
189
|
-
type RemovedProps$
|
|
190
|
-
interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$
|
|
185
|
+
type RemovedProps$d = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
|
|
186
|
+
interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$d>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
191
187
|
children?: ReactNode;
|
|
192
188
|
variant?: string;
|
|
193
189
|
size?: string;
|
|
@@ -230,10 +226,11 @@ interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
|
|
|
230
226
|
open?: boolean;
|
|
231
227
|
dismissable?: boolean;
|
|
232
228
|
keyboardDismissable?: boolean;
|
|
229
|
+
isNonModal?: boolean;
|
|
233
230
|
}
|
|
234
231
|
|
|
235
|
-
type RemovedProps$
|
|
236
|
-
interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$
|
|
232
|
+
type RemovedProps$c = 'className' | 'level';
|
|
233
|
+
interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$c>, TextAlignProp {
|
|
237
234
|
color?: string;
|
|
238
235
|
variant?: string;
|
|
239
236
|
size?: string;
|
|
@@ -251,7 +248,7 @@ interface DialogProps extends Omit<RAC.DialogProps, 'className' | 'style'> {
|
|
|
251
248
|
}
|
|
252
249
|
declare const _Dialog: {
|
|
253
250
|
({ variant, size, closeButton, isNonModal, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
|
|
254
|
-
Trigger: ({ open, dismissable, keyboardDismissable, ...rest }: DialogTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
251
|
+
Trigger: ({ open, dismissable, keyboardDismissable, isNonModal, ...rest }: DialogTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
255
252
|
Headline: ({ children }: DialogHeadlineProps) => react_jsx_runtime.JSX.Element;
|
|
256
253
|
};
|
|
257
254
|
|
|
@@ -260,8 +257,8 @@ interface DividerProps extends RAC.SeparatorProps {
|
|
|
260
257
|
}
|
|
261
258
|
declare const _Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
|
|
262
259
|
|
|
263
|
-
type RemovedProps$
|
|
264
|
-
interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$
|
|
260
|
+
type RemovedProps$b = 'className';
|
|
261
|
+
interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$b> {
|
|
265
262
|
size?: string;
|
|
266
263
|
variant?: string;
|
|
267
264
|
}
|
|
@@ -396,8 +393,8 @@ type InsetProps = {
|
|
|
396
393
|
};
|
|
397
394
|
declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
|
|
398
395
|
|
|
399
|
-
type RemovedProps$
|
|
400
|
-
interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$
|
|
396
|
+
type RemovedProps$a = 'className' | 'isDisabled';
|
|
397
|
+
interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$a> {
|
|
401
398
|
variant?: string;
|
|
402
399
|
size?: string;
|
|
403
400
|
disabled?: RAC.LinkProps['isDisabled'];
|
|
@@ -456,8 +453,8 @@ interface MessageProps extends Omit<HtmlProps<'div'>, 'className'> {
|
|
|
456
453
|
}
|
|
457
454
|
declare const Message: ({ messageTitle, variant, size, children, ...props }: MessageProps) => react_jsx_runtime.JSX.Element;
|
|
458
455
|
|
|
459
|
-
type RemovedProps$
|
|
460
|
-
interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$
|
|
456
|
+
type RemovedProps$9 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
|
|
457
|
+
interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$9>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
461
458
|
variant?: string;
|
|
462
459
|
size?: string;
|
|
463
460
|
width?: WidthProp['width'];
|
|
@@ -466,6 +463,7 @@ interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$7>, P
|
|
|
466
463
|
error?: RAC.NumberFieldProps['isInvalid'];
|
|
467
464
|
readOnly?: RAC.NumberFieldProps['isReadOnly'];
|
|
468
465
|
hideStepper?: boolean;
|
|
466
|
+
placeholder?: string;
|
|
469
467
|
}
|
|
470
468
|
declare const _NumberField: react.ForwardRefExoticComponent<NumberFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
471
469
|
|
|
@@ -512,8 +510,8 @@ interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
|
|
|
512
510
|
}
|
|
513
511
|
declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
|
|
514
512
|
|
|
515
|
-
type RemovedProps$
|
|
516
|
-
interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$
|
|
513
|
+
type RemovedProps$8 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
|
|
514
|
+
interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$8> {
|
|
517
515
|
variant?: string;
|
|
518
516
|
size?: string;
|
|
519
517
|
label?: string;
|
|
@@ -529,8 +527,8 @@ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$6> {
|
|
|
529
527
|
}
|
|
530
528
|
declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
531
529
|
|
|
532
|
-
type RemovedProps$
|
|
533
|
-
interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$
|
|
530
|
+
type RemovedProps$7 = 'className' | 'style' | 'children' | 'isDisabled';
|
|
531
|
+
interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$7> {
|
|
534
532
|
variant?: string;
|
|
535
533
|
size?: string;
|
|
536
534
|
width?: string;
|
|
@@ -547,6 +545,23 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
|
|
|
547
545
|
Group: typeof _RadioGroup;
|
|
548
546
|
}
|
|
549
547
|
|
|
548
|
+
type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
549
|
+
interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
550
|
+
icon?: ReactElement;
|
|
551
|
+
action?: ReactElement;
|
|
552
|
+
variant?: string;
|
|
553
|
+
size?: string;
|
|
554
|
+
width?: WidthProp['width'];
|
|
555
|
+
error?: RAC.SearchFieldProps['isInvalid'];
|
|
556
|
+
disabled?: RAC.SearchFieldProps['isDisabled'];
|
|
557
|
+
required?: RAC.SearchFieldProps['isRequired'];
|
|
558
|
+
readOnly?: RAC.SearchFieldProps['isReadOnly'];
|
|
559
|
+
value?: string;
|
|
560
|
+
defaultValue?: string;
|
|
561
|
+
placeholder?: string;
|
|
562
|
+
}
|
|
563
|
+
declare const _SearchField: react.ForwardRefExoticComponent<SearchFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
564
|
+
|
|
550
565
|
interface SelectProps extends Omit<AriaSelectProps<object>, 'autoComplete' | 'isOpen' | 'isLoading' | 'onLoadMore' | 'isDisabled' | 'isRequired' | 'validationState' | 'onSelectionChange'>, Omit<HtmlProps<'select'>, 'onKeyUp' | 'onKeyDown' | 'onFocus' | 'onBlur' | 'children' | 'size' | 'onChange' | 'className'> {
|
|
551
566
|
variant?: string;
|
|
552
567
|
size?: string;
|
|
@@ -588,8 +603,8 @@ interface StackProps extends AlignmentProp, GapSpaceProp {
|
|
|
588
603
|
}
|
|
589
604
|
declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
|
|
590
605
|
|
|
591
|
-
type RemovedProps$
|
|
592
|
-
interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$
|
|
606
|
+
type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
|
|
607
|
+
interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
|
|
593
608
|
variant?: string;
|
|
594
609
|
size?: string;
|
|
595
610
|
children?: ReactNode;
|
|
@@ -633,8 +648,8 @@ interface TextProps extends Omit<HtmlProps<'p'>, 'className'>, TextAlignProp, Fo
|
|
|
633
648
|
}
|
|
634
649
|
declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
|
|
635
650
|
|
|
636
|
-
type RemovedProps$
|
|
637
|
-
interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$
|
|
651
|
+
type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
652
|
+
interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
638
653
|
variant?: string;
|
|
639
654
|
size?: string;
|
|
640
655
|
width?: WidthProp['width'];
|
|
@@ -647,8 +662,8 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<R
|
|
|
647
662
|
}
|
|
648
663
|
declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
|
|
649
664
|
|
|
650
|
-
type RemovedProps$
|
|
651
|
-
interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$
|
|
665
|
+
type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
666
|
+
interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
652
667
|
variant?: string;
|
|
653
668
|
size?: string;
|
|
654
669
|
width?: WidthProp['width'];
|
|
@@ -658,6 +673,7 @@ interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$2>, Pick<
|
|
|
658
673
|
readOnly?: RAC.TextFieldProps['isReadOnly'];
|
|
659
674
|
value?: string;
|
|
660
675
|
defaultValue?: string;
|
|
676
|
+
placeholder?: string;
|
|
661
677
|
}
|
|
662
678
|
declare const _TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
663
679
|
|
|
@@ -669,14 +685,14 @@ interface TilesProps extends GapSpaceProp {
|
|
|
669
685
|
}
|
|
670
686
|
declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
|
|
671
687
|
|
|
672
|
-
type RemovedProps$
|
|
673
|
-
interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$
|
|
688
|
+
type RemovedProps$2 = 'isDisabled' | 'isOpen';
|
|
689
|
+
interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$2> {
|
|
674
690
|
disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
|
|
675
691
|
open?: boolean;
|
|
676
692
|
}
|
|
677
693
|
|
|
678
|
-
type RemovedProps = 'className' | 'isOpen' | 'style';
|
|
679
|
-
interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps> {
|
|
694
|
+
type RemovedProps$1 = 'className' | 'isOpen' | 'style';
|
|
695
|
+
interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps$1> {
|
|
680
696
|
children?: ReactNode;
|
|
681
697
|
variant?: string;
|
|
682
698
|
size?: string;
|
|
@@ -687,34 +703,48 @@ declare const _Tooltip: {
|
|
|
687
703
|
Trigger: ({ delay, children, disabled, open, ...rest }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
688
704
|
};
|
|
689
705
|
|
|
690
|
-
|
|
706
|
+
type RemovedProps = 'className' | 'style' | 'children' | 'isRequired';
|
|
707
|
+
interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description'> {
|
|
708
|
+
variant?: string;
|
|
709
|
+
size?: string;
|
|
691
710
|
width?: WidthProp['width'];
|
|
692
|
-
required?: boolean;
|
|
693
|
-
error?: boolean;
|
|
694
711
|
allowsRemoving?: boolean;
|
|
695
712
|
}
|
|
696
|
-
declare const TagGroup: ({ width, required, error, allowsRemoving, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
|
|
697
713
|
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
* We need this so that TypeScripts allows us to add
|
|
701
|
-
* additional properties to the component (function).
|
|
702
|
-
*/
|
|
703
|
-
type ItemComponent = typeof Item;
|
|
704
|
-
interface TagComponent extends ItemComponent {
|
|
705
|
-
Group: typeof TagGroup;
|
|
714
|
+
interface CloseButtonProps {
|
|
715
|
+
className: string;
|
|
706
716
|
}
|
|
717
|
+
declare const CloseButton: ({ className }: CloseButtonProps) => react_jsx_runtime.JSX.Element;
|
|
718
|
+
interface TagProps extends RAC.TagProps {
|
|
719
|
+
variant?: string;
|
|
720
|
+
size?: string;
|
|
721
|
+
}
|
|
722
|
+
declare const _Tag: {
|
|
723
|
+
({ variant, size, children, ...props }: TagProps): react_jsx_runtime.JSX.Element;
|
|
724
|
+
Group: ({ width, items, children, variant, size, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
|
|
725
|
+
};
|
|
707
726
|
|
|
708
727
|
declare const XLoader: react.ForwardRefExoticComponent<SVGProps & react.RefAttributes<SVGElement>>;
|
|
709
728
|
|
|
710
|
-
interface
|
|
711
|
-
|
|
729
|
+
interface TabProps extends Omit<RAC.TabProps, 'className' | 'style'> {
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
interface TabPanelProps extends Omit<RAC.TabPanelProps, 'className' | 'style'> {
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
interface TabListProps extends Omit<RAC.TabListProps<Object>, 'className' | 'style'>, GapSpaceProp {
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation'> {
|
|
712
739
|
disabled?: boolean;
|
|
740
|
+
size?: 'small' | 'medium' | 'large';
|
|
713
741
|
variant?: string;
|
|
714
742
|
}
|
|
715
|
-
declare const
|
|
716
|
-
({
|
|
717
|
-
|
|
743
|
+
declare const _Tabs: {
|
|
744
|
+
({ disabled, variant, size, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
745
|
+
List: ({ space, ...props }: TabListProps) => react_jsx_runtime.JSX.Element;
|
|
746
|
+
TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
|
|
747
|
+
Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
|
|
718
748
|
};
|
|
719
749
|
|
|
720
|
-
export { Accordion, AccordionItem, AccordionItemProps, AccordionOwnItemProps, AccordionProps, ActionMenu, Aside, AsideProps, Aspect, AspectProps, Autocomplete, AutocompleteProps, Badge, BadgeProps, Body, BodyProps, Breakout, BreakoutProps, _Button as Button, ButtonProps, Calendar, CalendarCell, CalendarCellProps, CalendarGrid, CalendarGridProps, CalendarProps, Card, CardProps, Center, CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CheckboxGroupProps, CheckboxProps, Columns, ColumnsProps, 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, InputOwnProps, InputProps, Inset, InsetProps, _Label as Label, LabelProps, _Link as Link, LinkProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, Message, MessageProps, _Modal as Modal, ModalProps, _NumberField as NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, Tabs, Tag,
|
|
750
|
+
export { Accordion, AccordionItem, AccordionItemProps, AccordionOwnItemProps, AccordionProps, ActionMenu, Aside, AsideProps, Aspect, AspectProps, Autocomplete, AutocompleteProps, Badge, BadgeProps, Body, BodyProps, Breakout, BreakoutProps, _Button as Button, ButtonProps, Calendar, CalendarCell, CalendarCellProps, CalendarGrid, CalendarGridProps, CalendarProps, Card, CardProps, Center, CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CheckboxGroupProps, CheckboxProps, CloseButton, Columns, ColumnsProps, 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, InputOwnProps, InputProps, Inset, InsetProps, _Label as Label, LabelProps, _Link as Link, LinkProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, Message, MessageProps, _Modal as Modal, ModalProps, _NumberField as NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, _SearchField as SearchField, SearchFieldProps, Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, _Tabs as Tabs, TabsProps, _Tag as Tag, TagProps, Text, _TextArea as TextArea, TextAreaProps, _TextField as TextField, TextFieldProps, TextProps, Tiles, TilesProps, _Tooltip as Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, useFieldGroupContext };
|
package/dist/index.d.ts
CHANGED
|
@@ -4,14 +4,14 @@ import * as react from 'react';
|
|
|
4
4
|
import react__default, { ReactElement, ReactNode, Key, ElementType, HTMLAttributes, ComponentPropsWithRef, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
5
5
|
import { AriaAccordionProps } from '@react-aria/accordion';
|
|
6
6
|
import * as _react_types_shared from '@react-types/shared';
|
|
7
|
-
import { ItemElement, ItemProps, Node, CollectionElement, StyleProps
|
|
7
|
+
import { ItemElement, ItemProps, Node, CollectionElement, StyleProps } from '@react-types/shared';
|
|
8
8
|
import { TreeState } from '@react-stately/tree';
|
|
9
9
|
import { GapSpaceProp, AspectProp, WidthProp, AlignmentProp, alignment, PaddingSpaceProp, PaddingSpacePropX, PaddingSpacePropY, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PlaceItemsProp, GridColumn, GridColsAlignProp, TextAlignProp, StateAttrProps, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp, SVGProps } from '@marigold/system';
|
|
10
10
|
export { ThemeProvider, useTheme } from '@marigold/system';
|
|
11
11
|
import { NonZeroPercentage, HtmlProps } from '@marigold/types';
|
|
12
12
|
import { SearchAutocompleteProps } from '@react-types/autocomplete';
|
|
13
13
|
import { ComboBoxProps as ComboBoxProps$1 } from '@react-types/combobox';
|
|
14
|
-
import RAC, { ValidationResult } from 'react-aria-components';
|
|
14
|
+
import RAC, { ValidationResult, TagListProps } from 'react-aria-components';
|
|
15
15
|
import { DateValue, CalendarDate } from '@internationalized/date';
|
|
16
16
|
import { AriaDateFieldProps, AriaDatePickerProps } from '@react-aria/datepicker';
|
|
17
17
|
import { AriaCalendarProps, DateValue as DateValue$1, AriaCalendarCellProps, AriaCalendarGridProps } from '@react-aria/calendar';
|
|
@@ -22,9 +22,7 @@ import { Item, Section } from '@react-stately/collections';
|
|
|
22
22
|
import { AriaSelectProps } from '@react-types/select';
|
|
23
23
|
import { AriaTableProps } from '@react-aria/table';
|
|
24
24
|
import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, TableHeader, ColumnProps as ColumnProps$1 } from '@react-stately/table';
|
|
25
|
-
import { AriaTagGroupProps } from '@react-aria/tag';
|
|
26
25
|
export { VisuallyHidden } from '@react-aria/visually-hidden';
|
|
27
|
-
import { AriaTabListProps } from '@react-types/tabs';
|
|
28
26
|
|
|
29
27
|
interface AccordionProps extends Omit<AriaAccordionProps<object>, 'children' | 'expandedKeys' | 'disabledKeys' | 'onExpandedChange'> {
|
|
30
28
|
children: ItemElement<object>[] | ItemElement<object>;
|
|
@@ -53,10 +51,9 @@ interface AsideProps extends GapSpaceProp {
|
|
|
53
51
|
children: [ReactElement, ReactElement];
|
|
54
52
|
side?: 'left' | 'right';
|
|
55
53
|
sideWidth?: string;
|
|
56
|
-
stretch?: boolean;
|
|
57
54
|
wrap?: NonZeroPercentage;
|
|
58
55
|
}
|
|
59
|
-
declare const Aside: ({ children, sideWidth, space, side,
|
|
56
|
+
declare const Aside: ({ children, sideWidth, space, side, wrap, }: AsideProps) => react_jsx_runtime.JSX.Element;
|
|
60
57
|
|
|
61
58
|
interface AspectProps extends Omit<HtmlProps<'div'>, 'className'>, AspectProp {
|
|
62
59
|
children?: ReactNode;
|
|
@@ -133,8 +130,8 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
|
|
|
133
130
|
}
|
|
134
131
|
declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
|
|
135
132
|
|
|
136
|
-
type RemovedProps$
|
|
137
|
-
interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$
|
|
133
|
+
type RemovedProps$e = 'isDisabled';
|
|
134
|
+
interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$e> {
|
|
138
135
|
variant?: string;
|
|
139
136
|
size?: string;
|
|
140
137
|
fullWidth?: boolean;
|
|
@@ -174,7 +171,6 @@ interface HelpTextProps {
|
|
|
174
171
|
size?: string;
|
|
175
172
|
description?: ReactNode;
|
|
176
173
|
error?: boolean;
|
|
177
|
-
isInvalid?: ValidationResult['isInvalid'];
|
|
178
174
|
errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
|
|
179
175
|
}
|
|
180
176
|
|
|
@@ -186,8 +182,8 @@ interface FieldBaseProps$1<T extends ElementType> extends WidthProp, Pick<HelpTe
|
|
|
186
182
|
children?: ReactNode;
|
|
187
183
|
}
|
|
188
184
|
|
|
189
|
-
type RemovedProps$
|
|
190
|
-
interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$
|
|
185
|
+
type RemovedProps$d = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly';
|
|
186
|
+
interface CheckboxGroupProps extends Omit<RAC.CheckboxGroupProps, RemovedProps$d>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
191
187
|
children?: ReactNode;
|
|
192
188
|
variant?: string;
|
|
193
189
|
size?: string;
|
|
@@ -230,10 +226,11 @@ interface DialogTriggerProps extends Omit<RAC.DialogTriggerProps, 'isOpen'> {
|
|
|
230
226
|
open?: boolean;
|
|
231
227
|
dismissable?: boolean;
|
|
232
228
|
keyboardDismissable?: boolean;
|
|
229
|
+
isNonModal?: boolean;
|
|
233
230
|
}
|
|
234
231
|
|
|
235
|
-
type RemovedProps$
|
|
236
|
-
interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$
|
|
232
|
+
type RemovedProps$c = 'className' | 'level';
|
|
233
|
+
interface HeadlineProps extends Omit<RAC.HeadingProps, RemovedProps$c>, TextAlignProp {
|
|
237
234
|
color?: string;
|
|
238
235
|
variant?: string;
|
|
239
236
|
size?: string;
|
|
@@ -251,7 +248,7 @@ interface DialogProps extends Omit<RAC.DialogProps, 'className' | 'style'> {
|
|
|
251
248
|
}
|
|
252
249
|
declare const _Dialog: {
|
|
253
250
|
({ variant, size, closeButton, isNonModal, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
|
|
254
|
-
Trigger: ({ open, dismissable, keyboardDismissable, ...rest }: DialogTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
251
|
+
Trigger: ({ open, dismissable, keyboardDismissable, isNonModal, ...rest }: DialogTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
255
252
|
Headline: ({ children }: DialogHeadlineProps) => react_jsx_runtime.JSX.Element;
|
|
256
253
|
};
|
|
257
254
|
|
|
@@ -260,8 +257,8 @@ interface DividerProps extends RAC.SeparatorProps {
|
|
|
260
257
|
}
|
|
261
258
|
declare const _Divider: ({ variant, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
|
|
262
259
|
|
|
263
|
-
type RemovedProps$
|
|
264
|
-
interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$
|
|
260
|
+
type RemovedProps$b = 'className';
|
|
261
|
+
interface LabelProps extends Omit<RAC.LabelProps, RemovedProps$b> {
|
|
265
262
|
size?: string;
|
|
266
263
|
variant?: string;
|
|
267
264
|
}
|
|
@@ -396,8 +393,8 @@ type InsetProps = {
|
|
|
396
393
|
};
|
|
397
394
|
declare const Inset: ({ space, spaceX, spaceY, children }: InsetProps) => react_jsx_runtime.JSX.Element;
|
|
398
395
|
|
|
399
|
-
type RemovedProps$
|
|
400
|
-
interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$
|
|
396
|
+
type RemovedProps$a = 'className' | 'isDisabled';
|
|
397
|
+
interface LinkProps extends Omit<RAC.LinkProps, RemovedProps$a> {
|
|
401
398
|
variant?: string;
|
|
402
399
|
size?: string;
|
|
403
400
|
disabled?: RAC.LinkProps['isDisabled'];
|
|
@@ -456,8 +453,8 @@ interface MessageProps extends Omit<HtmlProps<'div'>, 'className'> {
|
|
|
456
453
|
}
|
|
457
454
|
declare const Message: ({ messageTitle, variant, size, children, ...props }: MessageProps) => react_jsx_runtime.JSX.Element;
|
|
458
455
|
|
|
459
|
-
type RemovedProps$
|
|
460
|
-
interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$
|
|
456
|
+
type RemovedProps$9 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'size';
|
|
457
|
+
interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$9>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
461
458
|
variant?: string;
|
|
462
459
|
size?: string;
|
|
463
460
|
width?: WidthProp['width'];
|
|
@@ -466,6 +463,7 @@ interface NumberFieldProps extends Omit<RAC.NumberFieldProps, RemovedProps$7>, P
|
|
|
466
463
|
error?: RAC.NumberFieldProps['isInvalid'];
|
|
467
464
|
readOnly?: RAC.NumberFieldProps['isReadOnly'];
|
|
468
465
|
hideStepper?: boolean;
|
|
466
|
+
placeholder?: string;
|
|
469
467
|
}
|
|
470
468
|
declare const _NumberField: react.ForwardRefExoticComponent<NumberFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
471
469
|
|
|
@@ -512,8 +510,8 @@ interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
|
|
|
512
510
|
}
|
|
513
511
|
declare function MarigoldProvider<T extends Theme>({ children, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
|
|
514
512
|
|
|
515
|
-
type RemovedProps$
|
|
516
|
-
interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$
|
|
513
|
+
type RemovedProps$8 = 'className' | 'style' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'isSelected';
|
|
514
|
+
interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$8> {
|
|
517
515
|
variant?: string;
|
|
518
516
|
size?: string;
|
|
519
517
|
label?: string;
|
|
@@ -529,8 +527,8 @@ interface RadioGroupProps extends Omit<RAC.RadioGroupProps, RemovedProps$6> {
|
|
|
529
527
|
}
|
|
530
528
|
declare const _RadioGroup: ({ variant, size, label, error, disabled, required, readOnly, description, errorMessage, orientation, children, width, ...rest }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
531
529
|
|
|
532
|
-
type RemovedProps$
|
|
533
|
-
interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$
|
|
530
|
+
type RemovedProps$7 = 'className' | 'style' | 'children' | 'isDisabled';
|
|
531
|
+
interface RadioProps extends Omit<RAC.RadioProps, RemovedProps$7> {
|
|
534
532
|
variant?: string;
|
|
535
533
|
size?: string;
|
|
536
534
|
width?: string;
|
|
@@ -547,6 +545,23 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
|
|
|
547
545
|
Group: typeof _RadioGroup;
|
|
548
546
|
}
|
|
549
547
|
|
|
548
|
+
type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
549
|
+
interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
550
|
+
icon?: ReactElement;
|
|
551
|
+
action?: ReactElement;
|
|
552
|
+
variant?: string;
|
|
553
|
+
size?: string;
|
|
554
|
+
width?: WidthProp['width'];
|
|
555
|
+
error?: RAC.SearchFieldProps['isInvalid'];
|
|
556
|
+
disabled?: RAC.SearchFieldProps['isDisabled'];
|
|
557
|
+
required?: RAC.SearchFieldProps['isRequired'];
|
|
558
|
+
readOnly?: RAC.SearchFieldProps['isReadOnly'];
|
|
559
|
+
value?: string;
|
|
560
|
+
defaultValue?: string;
|
|
561
|
+
placeholder?: string;
|
|
562
|
+
}
|
|
563
|
+
declare const _SearchField: react.ForwardRefExoticComponent<SearchFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
564
|
+
|
|
550
565
|
interface SelectProps extends Omit<AriaSelectProps<object>, 'autoComplete' | 'isOpen' | 'isLoading' | 'onLoadMore' | 'isDisabled' | 'isRequired' | 'validationState' | 'onSelectionChange'>, Omit<HtmlProps<'select'>, 'onKeyUp' | 'onKeyDown' | 'onFocus' | 'onBlur' | 'children' | 'size' | 'onChange' | 'className'> {
|
|
551
566
|
variant?: string;
|
|
552
567
|
size?: string;
|
|
@@ -588,8 +603,8 @@ interface StackProps extends AlignmentProp, GapSpaceProp {
|
|
|
588
603
|
}
|
|
589
604
|
declare const Stack: ({ children, space, stretch, orientation, alignX, alignY, ...props }: StackProps) => react_jsx_runtime.JSX.Element;
|
|
590
605
|
|
|
591
|
-
type RemovedProps$
|
|
592
|
-
interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$
|
|
606
|
+
type RemovedProps$5 = 'className' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'children';
|
|
607
|
+
interface SwitchProps extends Omit<RAC.SwitchProps, RemovedProps$5> {
|
|
593
608
|
variant?: string;
|
|
594
609
|
size?: string;
|
|
595
610
|
children?: ReactNode;
|
|
@@ -633,8 +648,8 @@ interface TextProps extends Omit<HtmlProps<'p'>, 'className'>, TextAlignProp, Fo
|
|
|
633
648
|
}
|
|
634
649
|
declare const Text: ({ variant, size, color, align, cursor, weight, fontSize, fontStyle, children, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
|
|
635
650
|
|
|
636
|
-
type RemovedProps$
|
|
637
|
-
interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$
|
|
651
|
+
type RemovedProps$4 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
652
|
+
interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$4>, Pick<RAC.TextAreaProps, 'rows'>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
638
653
|
variant?: string;
|
|
639
654
|
size?: string;
|
|
640
655
|
width?: WidthProp['width'];
|
|
@@ -647,8 +662,8 @@ interface TextAreaProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<R
|
|
|
647
662
|
}
|
|
648
663
|
declare const _TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
|
|
649
664
|
|
|
650
|
-
type RemovedProps$
|
|
651
|
-
interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$
|
|
665
|
+
type RemovedProps$3 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
666
|
+
interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$3>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
652
667
|
variant?: string;
|
|
653
668
|
size?: string;
|
|
654
669
|
width?: WidthProp['width'];
|
|
@@ -658,6 +673,7 @@ interface TextFieldProps extends Omit<RAC.TextFieldProps, RemovedProps$2>, Pick<
|
|
|
658
673
|
readOnly?: RAC.TextFieldProps['isReadOnly'];
|
|
659
674
|
value?: string;
|
|
660
675
|
defaultValue?: string;
|
|
676
|
+
placeholder?: string;
|
|
661
677
|
}
|
|
662
678
|
declare const _TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
663
679
|
|
|
@@ -669,14 +685,14 @@ interface TilesProps extends GapSpaceProp {
|
|
|
669
685
|
}
|
|
670
686
|
declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...props }: TilesProps) => react_jsx_runtime.JSX.Element;
|
|
671
687
|
|
|
672
|
-
type RemovedProps$
|
|
673
|
-
interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$
|
|
688
|
+
type RemovedProps$2 = 'isDisabled' | 'isOpen';
|
|
689
|
+
interface TooltipTriggerProps extends Omit<RAC.TooltipTriggerComponentProps, RemovedProps$2> {
|
|
674
690
|
disabled?: RAC.TooltipTriggerComponentProps['isDisabled'];
|
|
675
691
|
open?: boolean;
|
|
676
692
|
}
|
|
677
693
|
|
|
678
|
-
type RemovedProps = 'className' | 'isOpen' | 'style';
|
|
679
|
-
interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps> {
|
|
694
|
+
type RemovedProps$1 = 'className' | 'isOpen' | 'style';
|
|
695
|
+
interface TooltipProps extends Omit<RAC.TooltipProps, RemovedProps$1> {
|
|
680
696
|
children?: ReactNode;
|
|
681
697
|
variant?: string;
|
|
682
698
|
size?: string;
|
|
@@ -687,34 +703,48 @@ declare const _Tooltip: {
|
|
|
687
703
|
Trigger: ({ delay, children, disabled, open, ...rest }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
688
704
|
};
|
|
689
705
|
|
|
690
|
-
|
|
706
|
+
type RemovedProps = 'className' | 'style' | 'children' | 'isRequired';
|
|
707
|
+
interface TagGroupProps extends Omit<RAC.TagGroupProps, RemovedProps>, Pick<TagListProps<object>, 'items' | 'children'>, Pick<FieldBaseProps$1<'label'>, 'label' | 'description'> {
|
|
708
|
+
variant?: string;
|
|
709
|
+
size?: string;
|
|
691
710
|
width?: WidthProp['width'];
|
|
692
|
-
required?: boolean;
|
|
693
|
-
error?: boolean;
|
|
694
711
|
allowsRemoving?: boolean;
|
|
695
712
|
}
|
|
696
|
-
declare const TagGroup: ({ width, required, error, allowsRemoving, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
|
|
697
713
|
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
* We need this so that TypeScripts allows us to add
|
|
701
|
-
* additional properties to the component (function).
|
|
702
|
-
*/
|
|
703
|
-
type ItemComponent = typeof Item;
|
|
704
|
-
interface TagComponent extends ItemComponent {
|
|
705
|
-
Group: typeof TagGroup;
|
|
714
|
+
interface CloseButtonProps {
|
|
715
|
+
className: string;
|
|
706
716
|
}
|
|
717
|
+
declare const CloseButton: ({ className }: CloseButtonProps) => react_jsx_runtime.JSX.Element;
|
|
718
|
+
interface TagProps extends RAC.TagProps {
|
|
719
|
+
variant?: string;
|
|
720
|
+
size?: string;
|
|
721
|
+
}
|
|
722
|
+
declare const _Tag: {
|
|
723
|
+
({ variant, size, children, ...props }: TagProps): react_jsx_runtime.JSX.Element;
|
|
724
|
+
Group: ({ width, items, children, variant, size, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
|
|
725
|
+
};
|
|
707
726
|
|
|
708
727
|
declare const XLoader: react.ForwardRefExoticComponent<SVGProps & react.RefAttributes<SVGElement>>;
|
|
709
728
|
|
|
710
|
-
interface
|
|
711
|
-
|
|
729
|
+
interface TabProps extends Omit<RAC.TabProps, 'className' | 'style'> {
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
interface TabPanelProps extends Omit<RAC.TabPanelProps, 'className' | 'style'> {
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
interface TabListProps extends Omit<RAC.TabListProps<Object>, 'className' | 'style'>, GapSpaceProp {
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
interface TabsProps extends Omit<RAC.TabsProps, 'className' | 'style' | 'isDisabled' | 'orientation'> {
|
|
712
739
|
disabled?: boolean;
|
|
740
|
+
size?: 'small' | 'medium' | 'large';
|
|
713
741
|
variant?: string;
|
|
714
742
|
}
|
|
715
|
-
declare const
|
|
716
|
-
({
|
|
717
|
-
|
|
743
|
+
declare const _Tabs: {
|
|
744
|
+
({ disabled, variant, size, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
745
|
+
List: ({ space, ...props }: TabListProps) => react_jsx_runtime.JSX.Element;
|
|
746
|
+
TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
|
|
747
|
+
Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
|
|
718
748
|
};
|
|
719
749
|
|
|
720
|
-
export { Accordion, AccordionItem, AccordionItemProps, AccordionOwnItemProps, AccordionProps, ActionMenu, Aside, AsideProps, Aspect, AspectProps, Autocomplete, AutocompleteProps, Badge, BadgeProps, Body, BodyProps, Breakout, BreakoutProps, _Button as Button, ButtonProps, Calendar, CalendarCell, CalendarCellProps, CalendarGrid, CalendarGridProps, CalendarProps, Card, CardProps, Center, CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CheckboxGroupProps, CheckboxProps, Columns, ColumnsProps, 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, InputOwnProps, InputProps, Inset, InsetProps, _Label as Label, LabelProps, _Link as Link, LinkProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, Message, MessageProps, _Modal as Modal, ModalProps, _NumberField as NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, Tabs, Tag,
|
|
750
|
+
export { Accordion, AccordionItem, AccordionItemProps, AccordionOwnItemProps, AccordionProps, ActionMenu, Aside, AsideProps, Aspect, AspectProps, Autocomplete, AutocompleteProps, Badge, BadgeProps, Body, BodyProps, Breakout, BreakoutProps, _Button as Button, ButtonProps, Calendar, CalendarCell, CalendarCellProps, CalendarGrid, CalendarGridProps, CalendarProps, Card, CardProps, Center, CenterProps, _Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, CheckboxGroupProps, CheckboxProps, CloseButton, Columns, ColumnsProps, 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, InputOwnProps, InputProps, Inset, InsetProps, _Label as Label, LabelProps, _Link as Link, LinkProps, List, ListProps, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, Message, MessageProps, _Modal as Modal, ModalProps, _NumberField as NumberField, NumberFieldProps, Overlay, OverlayProps, Popover, PopoverProps, _Radio as Radio, RadioComponent, _RadioGroup as RadioGroup, RadioGroupProps, RadioProps, RowProps, _SearchField as SearchField, SearchFieldProps, Select, SelectComponent, SelectProps, _Slider as Slider, SliderProps, Split, SplitProps, Stack, StackProps, _Switch as Switch, SwitchProps, Table, TableProps, _Tabs as Tabs, TabsProps, _Tag as Tag, TagProps, Text, _TextArea as TextArea, TextAreaProps, _TextField as TextField, TextFieldProps, TextProps, Tiles, TilesProps, _Tooltip as Tooltip, TooltipProps, Tray, TrayProps, TrayWrapper, Underlay, UnderlayProps, XLoader, useFieldGroupContext };
|