@marigold/components 10.1.0 → 10.1.1
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 +65 -22
- package/dist/index.d.ts +65 -22
- package/dist/index.js +852 -490
- package/dist/index.mjs +792 -431
- package/package.json +4 -4
package/dist/index.d.mts
CHANGED
|
@@ -6,10 +6,10 @@ import * as react from 'react';
|
|
|
6
6
|
import react__default, { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, Dispatch, SetStateAction } from 'react';
|
|
7
7
|
import { AriaAccordionProps } from '@react-aria/accordion';
|
|
8
8
|
import { TreeState } from '@react-stately/tree';
|
|
9
|
-
import { GapSpaceProp, AspectProp, WidthProp, alignment, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, GridColsAlignProp, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp
|
|
9
|
+
import { GapSpaceProp, AspectProp, WidthProp, alignment, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, GridColsAlignProp, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
|
|
10
10
|
export { ThemeProvider, useTheme } from '@marigold/system';
|
|
11
11
|
import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, HtmlProps, AriaLabelingProps } from '@marigold/types';
|
|
12
|
-
import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
|
|
12
|
+
import RAC, { ValidationResult, Key, DateValue, TagListProps, ProgressBarProps } from 'react-aria-components';
|
|
13
13
|
export { Form, FormProps, RouterProvider } from 'react-aria-components';
|
|
14
14
|
export { I18nProvider } from '@react-aria/i18n';
|
|
15
15
|
import { AriaTableProps } from '@react-aria/table';
|
|
@@ -630,7 +630,7 @@ declare const Footer: ({ children, variant, size, ...props }: FooterProps) => re
|
|
|
630
630
|
|
|
631
631
|
interface GridAreaProps {
|
|
632
632
|
/**
|
|
633
|
-
* Name of the grid area slot
|
|
633
|
+
* Name of the grid area slot.
|
|
634
634
|
*/
|
|
635
635
|
name: string;
|
|
636
636
|
/**
|
|
@@ -749,7 +749,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
|
|
|
749
749
|
}
|
|
750
750
|
declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
751
751
|
|
|
752
|
-
type RemovedProps$g = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
|
|
752
|
+
type RemovedProps$g = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
|
|
753
753
|
interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$g> {
|
|
754
754
|
/**
|
|
755
755
|
* Disables the Calendar.
|
|
@@ -763,9 +763,16 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
|
|
|
763
763
|
readOnly?: boolean;
|
|
764
764
|
variant?: string;
|
|
765
765
|
size?: string;
|
|
766
|
+
/**
|
|
767
|
+
* Width of the calendar.
|
|
768
|
+
*/
|
|
766
769
|
width?: WidthProp['width'];
|
|
770
|
+
/**
|
|
771
|
+
* Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
|
|
772
|
+
*/
|
|
773
|
+
dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
|
|
767
774
|
}
|
|
768
|
-
declare const _Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
775
|
+
declare const _Calendar: ({ disabled, readOnly, size, variant, dateUnavailable, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
769
776
|
|
|
770
777
|
type RemovedProps$f = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
|
|
771
778
|
interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$f>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
@@ -968,9 +975,17 @@ interface SectionMessageProps {
|
|
|
968
975
|
* Adds a close button, makes the section message dismissable.
|
|
969
976
|
*/
|
|
970
977
|
closeButton?: boolean;
|
|
978
|
+
/**
|
|
979
|
+
* Handler that is called when you need to control the dismissable message to close.
|
|
980
|
+
*/
|
|
981
|
+
onCloseChange?: (close: boolean) => void;
|
|
982
|
+
/**
|
|
983
|
+
* If the message should be closed/dismissed (controlled).
|
|
984
|
+
*/
|
|
985
|
+
close?: boolean;
|
|
971
986
|
}
|
|
972
987
|
declare const SectionMessage: {
|
|
973
|
-
({ variant, size, children, closeButton, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
|
|
988
|
+
({ variant, size, children, closeButton, close, onCloseChange, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
|
|
974
989
|
Title: ({ children }: SectionMessageTitleProps) => react_jsx_runtime.JSX.Element;
|
|
975
990
|
Content: ({ children, }: SectionMessageContentProps) => react_jsx_runtime.JSX.Element;
|
|
976
991
|
};
|
|
@@ -1048,6 +1063,34 @@ interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismis
|
|
|
1048
1063
|
}
|
|
1049
1064
|
declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
|
|
1050
1065
|
|
|
1066
|
+
interface PaginationProps {
|
|
1067
|
+
/**
|
|
1068
|
+
* The initial page. (uncontrolled)
|
|
1069
|
+
*/
|
|
1070
|
+
defaultPage?: number;
|
|
1071
|
+
/**
|
|
1072
|
+
* The current page. (controlled)
|
|
1073
|
+
*/
|
|
1074
|
+
page?: number;
|
|
1075
|
+
/**
|
|
1076
|
+
* The number of total items.
|
|
1077
|
+
*/
|
|
1078
|
+
totalItems: number;
|
|
1079
|
+
/**
|
|
1080
|
+
* The number of items per page.
|
|
1081
|
+
*/
|
|
1082
|
+
pageSize: number;
|
|
1083
|
+
/**
|
|
1084
|
+
* Handler that is called when the pagination active page changes.
|
|
1085
|
+
*/
|
|
1086
|
+
onChange?: (page: number) => void;
|
|
1087
|
+
/**
|
|
1088
|
+
* Labels for the pagination controls.
|
|
1089
|
+
*/
|
|
1090
|
+
controlLabels?: [string, string];
|
|
1091
|
+
}
|
|
1092
|
+
declare const _Pagination: ({ defaultPage, page, totalItems, pageSize, onChange, controlLabels, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
1093
|
+
|
|
1051
1094
|
interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
|
|
1052
1095
|
}
|
|
1053
1096
|
declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
|
|
@@ -1143,10 +1186,6 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
|
|
|
1143
1186
|
|
|
1144
1187
|
type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
1145
1188
|
interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
1146
|
-
/**
|
|
1147
|
-
* Icon element to display in the search field.
|
|
1148
|
-
*/
|
|
1149
|
-
icon?: ReactElement;
|
|
1150
1189
|
/**
|
|
1151
1190
|
* Action element to display in the search field.
|
|
1152
1191
|
*/
|
|
@@ -1566,14 +1605,14 @@ interface TilesProps extends GapSpaceProp, AriaRegionProps {
|
|
|
1566
1605
|
* Set minimum width for all items inside.
|
|
1567
1606
|
* @default '250px'
|
|
1568
1607
|
*/
|
|
1569
|
-
tilesWidth
|
|
1608
|
+
tilesWidth?: string;
|
|
1570
1609
|
/**
|
|
1571
1610
|
* Tiles will stretch to available width and will distribute their width equally. Note that this can make them wider than the specified tiles width, but not smaller than the given "tilesWidth". Basically, this is full responsive mode.
|
|
1572
1611
|
* @default false
|
|
1573
1612
|
*/
|
|
1574
1613
|
stretch?: boolean;
|
|
1575
1614
|
/**
|
|
1576
|
-
* If true, all items will have the
|
|
1615
|
+
* If true, all items will have the height of the biggest item.
|
|
1577
1616
|
* @default false
|
|
1578
1617
|
*/
|
|
1579
1618
|
equalHeight?: boolean;
|
|
@@ -1643,19 +1682,23 @@ declare const _Tag: {
|
|
|
1643
1682
|
Group: ({ width, items, children, renderEmptyState, variant, size, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1644
1683
|
};
|
|
1645
1684
|
|
|
1646
|
-
interface
|
|
1685
|
+
interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
|
|
1647
1686
|
/**
|
|
1648
|
-
*
|
|
1687
|
+
* Children of the component that will make up the label.
|
|
1688
|
+
*/
|
|
1689
|
+
children?: ReactNode;
|
|
1690
|
+
size?: string;
|
|
1691
|
+
variant?: string;
|
|
1692
|
+
}
|
|
1693
|
+
|
|
1694
|
+
interface XLoaderProps extends LoaderProps {
|
|
1695
|
+
/**
|
|
1696
|
+
* Show the loader in `fullsize` to overlay and block interaction with the site or `ìnline` to show loading for a certain area.
|
|
1649
1697
|
* @default undefined
|
|
1650
1698
|
*/
|
|
1651
|
-
mode?:
|
|
1699
|
+
mode?: 'fullsize' | 'inline';
|
|
1652
1700
|
}
|
|
1653
|
-
declare const
|
|
1654
|
-
readonly FullSize: "fullsize";
|
|
1655
|
-
readonly Inline: "inline";
|
|
1656
|
-
};
|
|
1657
|
-
type LoadingModeKeys = (typeof LoadingModes)[keyof typeof LoadingModes];
|
|
1658
|
-
declare const XLoader: react.ForwardRefExoticComponent<XLoaderProps & react.RefAttributes<SVGElement>>;
|
|
1701
|
+
declare const XLoader: ({ mode, variant, ...props }: XLoaderProps) => react_jsx_runtime.JSX.Element;
|
|
1659
1702
|
|
|
1660
1703
|
interface TabProps extends Omit<RAC.TabProps, 'className' | 'style'> {
|
|
1661
1704
|
}
|
|
@@ -1682,4 +1725,4 @@ declare const _Tabs: {
|
|
|
1682
1725
|
Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
|
|
1683
1726
|
};
|
|
1684
1727
|
|
|
1685
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, 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, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _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, Grid, type GridProps, _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, _Modal as Modal, type ModalProps, type MultiSelectItemProps, type MultiSelectProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$j as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, 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, type TemplateValue, _Text as 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, type XLoaderProps, _Calendar, useFieldGroupContext, usePortalContainer };
|
|
1728
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, 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, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _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, Grid, type GridProps, _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, _Modal as Modal, type ModalProps, type MultiSelectItemProps, type MultiSelectProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$j as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, 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, type TemplateValue, _Text as 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, type XLoaderProps, _Calendar, useFieldGroupContext, usePortalContainer };
|
package/dist/index.d.ts
CHANGED
|
@@ -6,10 +6,10 @@ import * as react from 'react';
|
|
|
6
6
|
import react__default, { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes, Key as Key$1, Dispatch, SetStateAction } from 'react';
|
|
7
7
|
import { AriaAccordionProps } from '@react-aria/accordion';
|
|
8
8
|
import { TreeState } from '@react-stately/tree';
|
|
9
|
-
import { GapSpaceProp, AspectProp, WidthProp, alignment, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, GridColsAlignProp, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp
|
|
9
|
+
import { GapSpaceProp, AspectProp, WidthProp, alignment, PaddingSpaceProp, PaddingRightProp, PaddingLeftProp, PaddingBottomProp, PaddingTopProp, PaddingSpacePropX, PaddingSpacePropY, GridColsAlignProp, PlaceItemsProp, TextAlignProp, HeightProp, ObjectFitProp, ObjectPositionProp, Theme, ThemeProviderProps, FontSizeProp, FontWeightProp, FontStyleProp, CursorProp } from '@marigold/system';
|
|
10
10
|
export { ThemeProvider, useTheme } from '@marigold/system';
|
|
11
11
|
import { AriaRegionProps, NonZeroPercentage, DistributiveOmit, HtmlProps, AriaLabelingProps } from '@marigold/types';
|
|
12
|
-
import RAC, { ValidationResult, Key, DateValue, TagListProps } from 'react-aria-components';
|
|
12
|
+
import RAC, { ValidationResult, Key, DateValue, TagListProps, ProgressBarProps } from 'react-aria-components';
|
|
13
13
|
export { Form, FormProps, RouterProvider } from 'react-aria-components';
|
|
14
14
|
export { I18nProvider } from '@react-aria/i18n';
|
|
15
15
|
import { AriaTableProps } from '@react-aria/table';
|
|
@@ -630,7 +630,7 @@ declare const Footer: ({ children, variant, size, ...props }: FooterProps) => re
|
|
|
630
630
|
|
|
631
631
|
interface GridAreaProps {
|
|
632
632
|
/**
|
|
633
|
-
* Name of the grid area slot
|
|
633
|
+
* Name of the grid area slot.
|
|
634
634
|
*/
|
|
635
635
|
name: string;
|
|
636
636
|
/**
|
|
@@ -749,7 +749,7 @@ interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProp
|
|
|
749
749
|
}
|
|
750
750
|
declare const _DateField: react.ForwardRefExoticComponent<DateFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
751
751
|
|
|
752
|
-
type RemovedProps$g = 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
|
|
752
|
+
type RemovedProps$g = 'visibleDuration' | 'pageBehavior' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'errorMessage' | 'className' | 'style';
|
|
753
753
|
interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$g> {
|
|
754
754
|
/**
|
|
755
755
|
* Disables the Calendar.
|
|
@@ -763,9 +763,16 @@ interface CalendarProps extends Omit<RAC.CalendarProps<DateValue>, RemovedProps$
|
|
|
763
763
|
readOnly?: boolean;
|
|
764
764
|
variant?: string;
|
|
765
765
|
size?: string;
|
|
766
|
+
/**
|
|
767
|
+
* Width of the calendar.
|
|
768
|
+
*/
|
|
766
769
|
width?: WidthProp['width'];
|
|
770
|
+
/**
|
|
771
|
+
* Callback that is called for each date of the calendar. If it returns true, then the date is unavailable.
|
|
772
|
+
*/
|
|
773
|
+
dateUnavailable?: RAC.CalendarProps<DateValue>['isDateUnavailable'];
|
|
767
774
|
}
|
|
768
|
-
declare const _Calendar: ({ disabled, readOnly, size, variant, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
775
|
+
declare const _Calendar: ({ disabled, readOnly, size, variant, dateUnavailable, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
|
|
769
776
|
|
|
770
777
|
type RemovedProps$f = 'isDisabled' | 'isDateUnavailable' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'style' | 'className' | 'isOpen';
|
|
771
778
|
interface DatePickerProps extends Omit<RAC.DatePickerProps<DateValue>, RemovedProps$f>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
@@ -968,9 +975,17 @@ interface SectionMessageProps {
|
|
|
968
975
|
* Adds a close button, makes the section message dismissable.
|
|
969
976
|
*/
|
|
970
977
|
closeButton?: boolean;
|
|
978
|
+
/**
|
|
979
|
+
* Handler that is called when you need to control the dismissable message to close.
|
|
980
|
+
*/
|
|
981
|
+
onCloseChange?: (close: boolean) => void;
|
|
982
|
+
/**
|
|
983
|
+
* If the message should be closed/dismissed (controlled).
|
|
984
|
+
*/
|
|
985
|
+
close?: boolean;
|
|
971
986
|
}
|
|
972
987
|
declare const SectionMessage: {
|
|
973
|
-
({ variant, size, children, closeButton, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
|
|
988
|
+
({ variant, size, children, closeButton, close, onCloseChange, ...props }: SectionMessageProps): react_jsx_runtime.JSX.Element | null;
|
|
974
989
|
Title: ({ children }: SectionMessageTitleProps) => react_jsx_runtime.JSX.Element;
|
|
975
990
|
Content: ({ children, }: SectionMessageContentProps) => react_jsx_runtime.JSX.Element;
|
|
976
991
|
};
|
|
@@ -1048,6 +1063,34 @@ interface UnderlayProps extends Omit<RAC.ModalOverlayProps, 'isOpen' | 'isDismis
|
|
|
1048
1063
|
}
|
|
1049
1064
|
declare const Underlay: ({ size, variant, open, dismissable, keyboardDismissable, ...rest }: UnderlayProps) => react_jsx_runtime.JSX.Element;
|
|
1050
1065
|
|
|
1066
|
+
interface PaginationProps {
|
|
1067
|
+
/**
|
|
1068
|
+
* The initial page. (uncontrolled)
|
|
1069
|
+
*/
|
|
1070
|
+
defaultPage?: number;
|
|
1071
|
+
/**
|
|
1072
|
+
* The current page. (controlled)
|
|
1073
|
+
*/
|
|
1074
|
+
page?: number;
|
|
1075
|
+
/**
|
|
1076
|
+
* The number of total items.
|
|
1077
|
+
*/
|
|
1078
|
+
totalItems: number;
|
|
1079
|
+
/**
|
|
1080
|
+
* The number of items per page.
|
|
1081
|
+
*/
|
|
1082
|
+
pageSize: number;
|
|
1083
|
+
/**
|
|
1084
|
+
* Handler that is called when the pagination active page changes.
|
|
1085
|
+
*/
|
|
1086
|
+
onChange?: (page: number) => void;
|
|
1087
|
+
/**
|
|
1088
|
+
* Labels for the pagination controls.
|
|
1089
|
+
*/
|
|
1090
|
+
controlLabels?: [string, string];
|
|
1091
|
+
}
|
|
1092
|
+
declare const _Pagination: ({ defaultPage, page, totalItems, pageSize, onChange, controlLabels, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
1093
|
+
|
|
1051
1094
|
interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
|
|
1052
1095
|
}
|
|
1053
1096
|
declare function MarigoldProvider<T extends Theme>({ children, className, theme, }: MarigoldProviderProps<T>): react_jsx_runtime.JSX.Element;
|
|
@@ -1143,10 +1186,6 @@ interface RadioComponent extends ForwardRefExoticComponent<RadioProps & RefAttri
|
|
|
1143
1186
|
|
|
1144
1187
|
type RemovedProps$6 = 'className' | 'style' | 'children' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'value' | 'defaultValue';
|
|
1145
1188
|
interface SearchFieldProps extends Omit<RAC.SearchFieldProps, RemovedProps$6>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
|
|
1146
|
-
/**
|
|
1147
|
-
* Icon element to display in the search field.
|
|
1148
|
-
*/
|
|
1149
|
-
icon?: ReactElement;
|
|
1150
1189
|
/**
|
|
1151
1190
|
* Action element to display in the search field.
|
|
1152
1191
|
*/
|
|
@@ -1566,14 +1605,14 @@ interface TilesProps extends GapSpaceProp, AriaRegionProps {
|
|
|
1566
1605
|
* Set minimum width for all items inside.
|
|
1567
1606
|
* @default '250px'
|
|
1568
1607
|
*/
|
|
1569
|
-
tilesWidth
|
|
1608
|
+
tilesWidth?: string;
|
|
1570
1609
|
/**
|
|
1571
1610
|
* Tiles will stretch to available width and will distribute their width equally. Note that this can make them wider than the specified tiles width, but not smaller than the given "tilesWidth". Basically, this is full responsive mode.
|
|
1572
1611
|
* @default false
|
|
1573
1612
|
*/
|
|
1574
1613
|
stretch?: boolean;
|
|
1575
1614
|
/**
|
|
1576
|
-
* If true, all items will have the
|
|
1615
|
+
* If true, all items will have the height of the biggest item.
|
|
1577
1616
|
* @default false
|
|
1578
1617
|
*/
|
|
1579
1618
|
equalHeight?: boolean;
|
|
@@ -1643,19 +1682,23 @@ declare const _Tag: {
|
|
|
1643
1682
|
Group: ({ width, items, children, renderEmptyState, variant, size, ...rest }: TagGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1644
1683
|
};
|
|
1645
1684
|
|
|
1646
|
-
interface
|
|
1685
|
+
interface LoaderProps extends Pick<ProgressBarProps, 'id' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
|
|
1647
1686
|
/**
|
|
1648
|
-
*
|
|
1687
|
+
* Children of the component that will make up the label.
|
|
1688
|
+
*/
|
|
1689
|
+
children?: ReactNode;
|
|
1690
|
+
size?: string;
|
|
1691
|
+
variant?: string;
|
|
1692
|
+
}
|
|
1693
|
+
|
|
1694
|
+
interface XLoaderProps extends LoaderProps {
|
|
1695
|
+
/**
|
|
1696
|
+
* Show the loader in `fullsize` to overlay and block interaction with the site or `ìnline` to show loading for a certain area.
|
|
1649
1697
|
* @default undefined
|
|
1650
1698
|
*/
|
|
1651
|
-
mode?:
|
|
1699
|
+
mode?: 'fullsize' | 'inline';
|
|
1652
1700
|
}
|
|
1653
|
-
declare const
|
|
1654
|
-
readonly FullSize: "fullsize";
|
|
1655
|
-
readonly Inline: "inline";
|
|
1656
|
-
};
|
|
1657
|
-
type LoadingModeKeys = (typeof LoadingModes)[keyof typeof LoadingModes];
|
|
1658
|
-
declare const XLoader: react.ForwardRefExoticComponent<XLoaderProps & react.RefAttributes<SVGElement>>;
|
|
1701
|
+
declare const XLoader: ({ mode, variant, ...props }: XLoaderProps) => react_jsx_runtime.JSX.Element;
|
|
1659
1702
|
|
|
1660
1703
|
interface TabProps extends Omit<RAC.TabProps, 'className' | 'style'> {
|
|
1661
1704
|
}
|
|
@@ -1682,4 +1725,4 @@ declare const _Tabs: {
|
|
|
1682
1725
|
Item: (props: TabProps) => react_jsx_runtime.JSX.Element;
|
|
1683
1726
|
};
|
|
1684
1727
|
|
|
1685
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, 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, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _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, Grid, type GridProps, _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, _Modal as Modal, type ModalProps, type MultiSelectItemProps, type MultiSelectProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$j as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, 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, type TemplateValue, _Text as 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, type XLoaderProps, _Calendar, useFieldGroupContext, usePortalContainer };
|
|
1728
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionOwnItemProps, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, 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, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CloseButton, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _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, Grid, type GridProps, _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, _Modal as Modal, type ModalProps, type MultiSelectItemProps, type MultiSelectProps, Multiselect, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$j as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, 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, type TemplateValue, _Text as 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, type XLoaderProps, _Calendar, useFieldGroupContext, usePortalContainer };
|