@marigold/components 4.1.4 → 4.2.0

package/dist/index.d.ts

@@ -4,9 +4,8 @@ export { Box, BoxOwnProps, BoxProps, StyleProps, ThemeProvider, useTheme } from
 import React, { ReactNode, HTMLAttributes, LabelHTMLAttributes, Key, ForwardRefExoticComponent, RefAttributes, ReactElement } from 'react';
 import { ComponentProps, PolymorphicPropsWithRef, PolymorphicComponentWithRef, NonZeroPercentage } from '@marigold/types';
 import * as _react_types_shared from '@react-types/shared';
-import { PressEvents, CollectionElement } from '@react-types/shared';
+import { PressEvents, CollectionElement, StyleProps } from '@react-types/shared';
 import { AriaCheckboxProps, AriaCheckboxGroupProps } from '@react-types/checkbox';
-import { CheckboxGroupState } from '@react-stately/checkbox';
 import { AriaDialogProps } from '@react-types/dialog';
 import { SeparatorProps } from '@react-aria/separator';
 import { AriaNumberFieldProps } from '@react-types/numberfield';
@@ -16,12 +15,14 @@ import { AriaSelectProps } from '@react-types/select';
 import { AriaSliderProps } from '@react-types/slider';
 import { AriaSwitchProps } from '@react-types/switch';
 import { AriaTableProps } from '@react-aria/table';
-import { TableStateProps, TableBody, Cell, Column, TableHeader, Row } from '@react-stately/table';
+import { TableStateProps, RowProps as RowProps$1, TableBody, Cell, Column, TableHeader } from '@react-stately/table';
 import { AriaTextFieldProps } from '@react-types/textfield';
 import { PositionProps } from '@react-types/overlays';
 import { TooltipTriggerProps as TooltipTriggerProps$1 } from '@react-types/tooltip';
 import { aspect, size } from '@marigold/tokens';
-import { AriaOverlayProps } from '@react-aria/overlays';
+import { CheckboxGroupState } from '@react-stately/checkbox';
+import { OverlayProps as OverlayProps$1, AriaPopoverProps, AriaModalOverlayProps } from '@react-aria/overlays';
+import { OverlayTriggerState } from '@react-stately/overlays';
 export { SSRProvider } from '@react-aria/ssr';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
 
@@ -87,8 +88,6 @@ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.Re
 
 interface CheckboxGroupContextProps extends CheckboxGroupState {
     error?: boolean;
-    variant?: string;
-    size?: string;
 }
 /**
  * Needs to be falsy so we can check if a checkbox is used as standalone
@@ -96,8 +95,6 @@ interface CheckboxGroupContextProps extends CheckboxGroupState {
  */
 declare const CheckboxGroupContext: React.Context<CheckboxGroupContextProps>;
 declare const useCheckboxGroupContext: () => CheckboxGroupContextProps;
-interface CheckboxGroupThemeExtension extends ThemeExtensionsWithParts<'CheckboxGroup', ['container', 'group']> {
-}
 interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, AriaCheckboxGroupProps {
     children: ReactNode;
     variant?: string;
@@ -111,7 +108,7 @@ interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, Ar
     defaultValue?: string[];
     onChange?: (value: string[]) => void;
 }
-declare const CheckboxGroup: ({ children, variant, size, required, disabled, readOnly, error, ...rest }: CheckboxGroupProps) => JSX.Element;
+declare const CheckboxGroup: ({ children, required, disabled, readOnly, error, ...rest }: CheckboxGroupProps) => JSX.Element;
 
 interface DialogTriggerProps {
     children: [trigger: ReactNode, menu: ReactNode];
@@ -312,25 +309,37 @@ interface NumberFieldProps extends Omit<ComponentProps<'input'>, CustomProps>, O
 }
 declare const NumberField: React.ForwardRefExoticComponent<NumberFieldProps & React.RefAttributes<HTMLInputElement>>;
 
-interface OverlayProps extends ComponentProps<'div'> {
-    children: ReactNode;
-    open?: boolean;
-    container?: HTMLElement;
-}
-declare const Overlay: ({ children, open, container, ...props }: OverlayProps) => JSX.Element | null;
-
-interface PopoverProps extends Omit<AriaOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled'> {
+interface ModalProps extends HTMLAttributes<HTMLElement> {
     children?: ReactNode;
     open?: boolean;
+    onClose?: () => void;
     dismissable?: boolean;
-    keyboardDismissDisabled?: boolean;
-    /**
-     * Adjust size of the popover. This is used to make the popover
-     * at least the same width as its anchor element.
-     */
-    minWidth?: number | string;
+    keyboardDismissable?: boolean;
 }
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<unknown>>;
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+
+interface OverlayProps {
+    open: boolean;
+    children: OverlayProps$1['children'];
+    container?: OverlayProps$1['portalContainer'];
+}
+declare const Overlay: ({ children, container, open }: OverlayProps) => JSX.Element | null;
+
+interface PopoverProps extends Pick<AriaPopoverProps, 'triggerRef' | 'scrollRef' | 'isNonModal'> {
+    keyboardDismissDisabled?: AriaPopoverProps['isKeyboardDismissDisabled'];
+    state: OverlayTriggerState;
+    children: ReactNode;
+}
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+
+interface TrayProps extends AriaModalOverlayProps, StyleProps, OverlayProps$1 {
+    children: ReactNode;
+    state: OverlayTriggerState;
+}
+interface TrayWrapperProps extends TrayProps {
+}
+declare const Tray: React.ForwardRefExoticComponent<TrayProps & React.RefAttributes<HTMLDivElement>>;
+declare const TrayWrapper: React.ForwardRefExoticComponent<TrayWrapperProps & React.RefAttributes<HTMLDivElement>>;
 
 interface UnderlayThemeExtension extends ThemeExtension<'Underlay'> {
 }
@@ -340,19 +349,15 @@ interface UnderlayProps extends HTMLAttributes<HTMLElement> {
 }
 declare const Underlay: ({ size, variant, ...props }: UnderlayProps) => JSX.Element;
 
-interface RadioGroupThemeExtension extends ThemeExtensionsWithParts<'RadioGroup', ['container', 'group']> {
-}
 interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'isDisabled' | 'isRquired' | 'isReadOnly ' | 'validationState'> {
     children: ReactNode[];
-    variant?: string;
-    size?: string;
     width?: string;
     required?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
     error?: boolean;
 }
-declare const RadioGroup: ({ children, orientation, size, variant, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => JSX.Element;
+declare const RadioGroup: ({ children, orientation, width, required, disabled, readOnly, error, ...rest }: RadioGroupProps) => JSX.Element;
 
 interface RadioThemeExtension extends ThemeExtensionsWithParts<'Radio', ['container', 'label', 'radio']> {
 }
@@ -449,6 +454,10 @@ interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAc
     size?: string;
     stretch?: boolean;
 }
+interface RowProps extends RowProps$1 {
+    variant?: string;
+    size?: string;
+}
 declare const Table: Table;
 /**
  * Necessary since TypeScript can not infer the
@@ -460,7 +469,7 @@ interface Table {
     Cell: typeof Cell;
     Column: typeof Column;
     Header: typeof TableHeader;
-    Row: typeof Row;
+    Row: (props: RowProps) => JSX.Element;
 }
 
 interface TextThemeExtension extends ThemeExtension<'Text'> {
@@ -510,7 +519,7 @@ declare const Tooltip: {
     Trigger: ({ disabled, open, delay, placement, children, ...rest }: TooltipTriggerProps) => JSX.Element;
 };
 
-interface ComponentStyles extends BadgeThemeExtension, ButtonThemeExtension, CardThemeExtension, CheckboxThemeExtension, CheckboxGroupThemeExtension, BodyThemeExtension, DialogThemeExtension, DividerThemeExtension, FieldThemeExtension, FooterThemeExtension, HeaderThemeExtension, HeadlineThemeExtension, HelpTextThemeExtension, ImageThemeExtension, InputThemeExtension, LabelThemeExtension, LinkThemeExtension, ListThemeExtension, ListBoxThemeExtension, MenuThemeExtension, MessageThemeExtension, NumberFieldThemeExtension, RadioThemeExtension, RadioGroupThemeExtension, SelectThemeExtension, SliderThemeExtension, SwitchThemeExtension, TableThemeExtension, TextThemeExtension, TextAreaThemeExtension, TooltipThemeExtension, UnderlayThemeExtension {
+interface ComponentStyles extends BadgeThemeExtension, ButtonThemeExtension, CardThemeExtension, CheckboxThemeExtension, BodyThemeExtension, DialogThemeExtension, DividerThemeExtension, FieldThemeExtension, FooterThemeExtension, HeaderThemeExtension, HeadlineThemeExtension, HelpTextThemeExtension, ImageThemeExtension, InputThemeExtension, LabelThemeExtension, LinkThemeExtension, ListThemeExtension, ListBoxThemeExtension, MenuThemeExtension, MessageThemeExtension, NumberFieldThemeExtension, RadioThemeExtension, SelectThemeExtension, SliderThemeExtension, SwitchThemeExtension, TableThemeExtension, TextThemeExtension, TextAreaThemeExtension, TooltipThemeExtension, UnderlayThemeExtension {
 }
 interface Theme extends Theme$1 {
     components: ComponentStyles;
@@ -652,4 +661,4 @@ declare const Tiles: ({ space, stretch, equalHeight, tilesWidth, children, ...pr
 
 declare const XLoader: React.ForwardRefExoticComponent<SVGProps & React.RefAttributes<SVGElement>>;
 
-export { Aside, AsideProps, Aspect, AspectProps, Badge, BadgeProps, BadgeThemeExtension, Body, BodyProps, BodyThemeExtension, Breakout, BreakoutProps, Button, ButtonOwnProps, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxGroupThemeExtension, CheckboxProps, CheckboxThemeExtension, Columns, ColumnsProps, Container, ContainerProps, CustomCheckboxProps, CustomRadioProps, CustomSwitchProps, CustomTextAreaEvents, CustomTextFieldEvents, CustomizedTheme, Dialog, DialogChildProps, DialogProps, DialogThemeExtension, Divider, DividerProps, DividerThemeExtension, Footer, FooterProps, FooterThemeExtension, Header, HeaderProps, HeaderThemeExtension, Headline, HeadlineProps, HeadlineThemeExtension, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputOwnProps, InputProps, InputThemeExtension, Label, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, List, ListProps, ListThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, NumberField, NumberFieldProps, NumberFieldThemeExtension, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioComponent, RadioGroupProps, RadioGroupThemeExtension, RadioProps, RadioThemeExtension, Select, SelectComponent, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Split, SplitProps, Stack, StackProps, Switch, SwitchProps, SwitchThemeExtension, Table, TableProps, TableThemeExtension, Text, TextArea, TextAreaProps, TextAreaThemeExtension, TextField, TextFieldProps, TextProps, TextThemeExtension, Theme, Tiles, TilesProps, Tooltip, TooltipProps, TooltipThemeExtension, Underlay, UnderlayProps, UnderlayThemeExtension, XLoader, extendTheme, useCheckboxGroupContext };
+export { Aside, AsideProps, Aspect, AspectProps, Badge, BadgeProps, BadgeThemeExtension, Body, BodyProps, BodyThemeExtension, Breakout, BreakoutProps, Button, ButtonOwnProps, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxProps, CheckboxThemeExtension, Columns, ColumnsProps, Container, ContainerProps, CustomCheckboxProps, CustomRadioProps, CustomSwitchProps, CustomTextAreaEvents, CustomTextFieldEvents, CustomizedTheme, Dialog, DialogChildProps, DialogProps, DialogThemeExtension, Divider, DividerProps, DividerThemeExtension, Footer, FooterProps, FooterThemeExtension, Header, HeaderProps, HeaderThemeExtension, Headline, HeadlineProps, HeadlineThemeExtension, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputOwnProps, InputProps, InputThemeExtension, Label, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, List, ListProps, ListThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, Modal, ModalProps, NumberField, NumberFieldProps, NumberFieldThemeExtension, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioComponent, RadioGroupProps, RadioProps, RadioThemeExtension, RowProps, Select, SelectComponent, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Split, SplitProps, Stack, StackProps, Switch, SwitchProps, SwitchThemeExtension, Table, TableProps, TableThemeExtension, Text, TextArea, TextAreaProps, TextAreaThemeExtension, TextField, TextFieldProps, TextProps, TextThemeExtension, Theme, Tiles, TilesProps, Tooltip, TooltipProps, TooltipThemeExtension, Tray, TrayWrapper, Underlay, UnderlayProps, UnderlayThemeExtension, XLoader, extendTheme, useCheckboxGroupContext };