@marigold/components 1.3.0 → 2.1.1

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import { ThemeExtension, ThemeComponentProps, ThemeExtensionsWithParts, BoxOwnProps, StateAttrProps, CSSObject, Theme as Theme$1, ResponsiveStyleValue, ThemeProviderProps, GlobalProps } from '@marigold/system';
+export { useAsyncList, useListData } from '@react-stately/data';
+import { ThemeExtension, ThemeComponentProps, ThemeExtensionsWithParts, CSSObject, BoxOwnProps, StateAttrProps, Theme as Theme$1, ResponsiveStyleValue, ThemeProviderProps, GlobalProps } from '@marigold/system';
 export { Box, BoxOwnProps, BoxProps, StyleProps, ThemeProvider, useTheme } from '@marigold/system';
-import React, { ReactNode, HTMLAttributes, Key, LabelHTMLAttributes, ForwardRefExoticComponent, RefAttributes, ReactElement, ReactChild } from 'react';
+import React, { ReactNode, HTMLAttributes, Key, LabelHTMLAttributes, 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';
@@ -14,13 +15,13 @@ import { Item, Section } from '@react-stately/collections';
 import { AriaSelectProps } from '@react-types/select';
 import { AriaSliderProps } from '@react-types/slider';
 import { AriaSwitchProps } from '@react-types/switch';
-import { TableProps as TableProps$1 } from '@react-aria/table';
+import { AriaTableProps } from '@react-aria/table';
 import { TableStateProps, TableBody, Cell, Column, TableHeader, Row } 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 { OverlayProps as OverlayProps$1 } from '@react-aria/overlays';
+import { AriaOverlayProps } from '@react-aria/overlays';
 export { SSRProvider } from '@react-aria/ssr';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
 
@@ -35,10 +36,11 @@ declare const Badge: ({ variant, size, children, ...props }: BadgeProps) => JSX.
 
 interface ButtonThemeExtension extends ThemeExtension<'Button'> {
 }
-interface ButtonOwnProps extends PressEvents {
+interface ButtonOwnProps extends PressEvents, ComponentProps<'button'> {
     children?: ReactNode;
     variant?: string;
     size?: string;
+    fullWidth?: boolean;
 }
 interface ButtonProps extends PolymorphicPropsWithRef<ButtonOwnProps, 'button'> {
 }
@@ -169,9 +171,12 @@ interface ImageThemeExtension extends ThemeExtension<'Image'> {
 interface ImageProps extends ComponentProps<'img'> {
     variant?: string;
     size?: string;
+    fit?: CSSObject['objectFit'];
+    position?: CSSObject['objectPosition'];
     children?: never;
+    alt: string;
 }
-declare const Image: ({ variant, ...props }: ImageProps) => JSX.Element;
+declare const Image: ({ variant, size, fit, position, ...props }: ImageProps) => JSX.Element;
 
 interface InputThemeExtension extends ThemeExtension<'Input'> {
 }
@@ -303,7 +308,7 @@ interface OverlayProps extends ComponentProps<'div'> {
 }
 declare const Overlay: ({ children, open, container, ...props }: OverlayProps) => JSX.Element | null;
 
-interface PopoverProps extends Omit<OverlayProps$1, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled'> {
+interface PopoverProps extends Omit<AriaOverlayProps, 'isOpen' | 'isDismissable' | 'isKeyboardDismissDisabled'> {
     children?: ReactNode;
     open?: boolean;
     dismissable?: boolean;
@@ -428,7 +433,7 @@ interface TableThemeExtension extends ThemeExtensionsWithParts<'Table', [
     'cell'
 ]> {
 }
-interface TableProps extends Pick<TableProps$1<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
+interface TableProps extends Pick<AriaTableProps<object>, 'focusMode' | 'onRowAction' | 'onCellAction'>, Omit<TableStateProps<object>, 'showSelectionCheckboxes'> {
     variant?: string;
     size?: string;
     stretch?: boolean;
@@ -500,7 +505,7 @@ interface Theme extends Theme$1 {
 }
 
 interface AsideProps {
-    children: [ReactChild, ReactChild];
+    children: [ReactElement, ReactElement];
     side?: 'left' | 'right';
     sideWidth?: ResponsiveStyleValue<string>;
     space?: ResponsiveStyleValue<string>;