@marigold/components 0.1.0 → 0.2.0

package/dist/ActionGroup/ActionGroup.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ResponsiveStyleValue } from '@marigold/system';
+import { ComponentProps } from '@marigold/types';
+export declare type ActionGroupProps = {
+    variant?: string;
+    space?: ResponsiveStyleValue<number | string>;
+    verticalAlignment?: boolean;
+} & ComponentProps<'div'>;
+export declare const ActionGroup: React.FC<ActionGroupProps>;

package/dist/ActionGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './ActionGroup';

package/dist/Alert/Alert.d.ts

@@ -1,6 +1,21 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+declare const ICON_MAP: {
+    readonly success: ({ className, ...props }: {
+        [x: string]: any;
+        className?: string | undefined;
+    }) => JSX.Element;
+    readonly warning: ({ className, ...props }: {
+        [x: string]: any;
+        className?: string | undefined;
+    }) => JSX.Element;
+    readonly error: ({ className, ...props }: {
+        [x: string]: any;
+        className?: string | undefined;
+    }) => JSX.Element;
+};
 export declare type AlertProps = {
-    variant?: string;
+    variant?: keyof typeof ICON_MAP;
 } & ComponentProps<'div'>;
 export declare const Alert: React.FC<AlertProps>;
+export {};

package/dist/Box/Box.d.ts

@@ -1,8 +1,9 @@
-import { ResponsiveStyleValue } from '@marigold/system';
+import { CSSObject, ResponsiveStyleValue } from '@marigold/system';
 import { PolymorphicPropsWithRef, PolymorphicComponentWithRef } from '@marigold/types';
 export declare type BoxOwnProps = {
     className?: string;
     variant?: string | string[];
+    css?: CSSObject;
     display?: ResponsiveStyleValue<string>;
     height?: ResponsiveStyleValue<number | string>;
     width?: ResponsiveStyleValue<number | string>;

package/dist/Button/Button.d.ts

@@ -1,6 +1,4 @@
-import React from 'react';
-import { ComponentPropsWithRef } from '@marigold/types';
-export declare type ButtonProps = {
-    variant?: string;
-} & ComponentPropsWithRef<'button'>;
-export declare const Button: React.FC<ButtonProps>;
+import { PolymorphicComponentWithRef, PolymorphicPropsWithRef } from '@marigold/types';
+import { BoxOwnProps } from '../Box';
+export declare type ButtonProps = PolymorphicPropsWithRef<BoxOwnProps, 'button'>;
+export declare const Button: PolymorphicComponentWithRef<BoxOwnProps, 'button'>;

package/dist/Card/Card.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ResponsiveStyleValue } from '@marigold/system';
+import { ComponentProps } from '@marigold/types';
+export declare type CardProps = {
+    title?: string;
+    width?: ResponsiveStyleValue<string>;
+    variant?: string;
+} & ComponentProps<'div'>;
+export declare const Card: React.FC<CardProps>;

package/dist/Card/index.d.ts

@@ -0,0 +1 @@
+export * from './Card';

package/dist/Checkbox/Checkbox.d.ts

@@ -2,11 +2,14 @@ import React from 'react';
 import { ComponentProps } from '@marigold/types';
 declare type CheckboxInputProps = {
     variant?: string;
+    error?: boolean;
 } & ComponentProps<'input'>;
 export declare type CheckboxProps = {
     id: string;
     label?: string;
     required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
 } & CheckboxInputProps;
 export declare const Checkbox: React.FC<CheckboxProps>;
 export {};

package/dist/Checkbox/CheckboxIcons.d.ts

@@ -0,0 +1,9 @@
+export declare const CheckboxChecked: ({ disabled, ...props }: {
+    [x: string]: any;
+    disabled?: boolean | undefined;
+}) => JSX.Element;
+export declare const CheckboxUnchecked: ({ disabled, error, ...props }: {
+    [x: string]: any;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+}) => JSX.Element;

package/dist/Column/Column.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
+declare type WidthValues = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export declare type ColumnProps = {
     className?: string;
-    width?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    width?: WidthValues | WidthValues[];
 };
 export declare const Column: React.FC<ColumnProps>;
+export {};

package/dist/Dialog/Dialog.d.ts

@@ -2,6 +2,13 @@ import React from 'react';
 import { ComponentProps } from '@marigold/types';
 import { Button } from '../Button';
 export declare type DialogProps = {
-    onClose?: ComponentProps<typeof Button>['onClick'];
+    isOpen: boolean;
+    close: ComponentProps<typeof Button>['onClick'];
+    title?: string;
 } & ComponentProps<'div'>;
 export declare const Dialog: React.FC<DialogProps>;
+export declare const useDialogButtonProps: () => {
+    state: import("@react-stately/overlays").OverlayTriggerState;
+    openButtonProps: React.HTMLAttributes<HTMLSpanElement>;
+    openButtonRef: React.RefObject<HTMLElement>;
+};

package/dist/Dialog/ModalDialog.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { OverlayProps } from '@react-aria/overlays';
+import { AriaDialogProps } from '@react-types/dialog';
+export declare type ModalDialogProps = OverlayProps & AriaDialogProps;
+export declare const ModalDialog: React.FC<ModalDialogProps>;

package/dist/Field/Field.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
 export declare type FieldProps = {
-    variant?: string;
     htmlFor: string;
     label: string;
-    error?: string;
+    required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
 } & ComponentProps<'input'>;
 export declare const Field: React.FC<FieldProps>;

package/dist/Label/Label.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
 export declare type LabelProps = {
-    htmlFor: string;
+    htmlFor?: string;
     variant?: string;
+    required?: boolean;
 } & ComponentProps<'label'>;
 export declare const Label: React.FC<LabelProps>;

package/dist/Provider/MarigoldProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ThemeProviderProps } from '@marigold/system';
+export declare const MarigoldProvider: React.FC<ThemeProviderProps>;

package/dist/Provider/index.d.ts

@@ -0,0 +1,3 @@
+export { useTheme, ThemeProvider } from '@marigold/system';
+export * from './MarigoldProvider';
+export { SSRProvider } from '@react-aria/ssr';

package/dist/Radio/Radio.d.ts

@@ -2,11 +2,14 @@ import React from 'react';
 import { ComponentProps } from '@marigold/types';
 declare type RadioInputProps = {
     variant?: string;
+    error?: boolean;
 } & ComponentProps<'input'>;
 export declare type RadioProps = {
     id: string;
     label?: string;
     required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
 } & RadioInputProps;
 export declare const Radio: React.FC<RadioProps>;
 export {};

package/dist/Radio/RadioIcons.d.ts

@@ -0,0 +1,9 @@
+export declare const RadioChecked: ({ disabled, ...props }: {
+    [x: string]: any;
+    disabled?: boolean | undefined;
+}) => JSX.Element;
+export declare const RadioUnchecked: ({ disabled, error, ...props }: {
+    [x: string]: any;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+}) => JSX.Element;

package/dist/Select/ListBox.d.ts

@@ -0,0 +1,8 @@
+import type { AriaListBoxOptions } from '@react-aria/listbox';
+import type { ListState } from '@react-stately/list';
+interface ListBoxProps extends AriaListBoxOptions<unknown> {
+    state: ListState<unknown>;
+    error?: boolean;
+}
+export declare const ListBox: (props: ListBoxProps) => JSX.Element;
+export {};

package/dist/Select/ListBoxSection.d.ts

@@ -0,0 +1,8 @@
+import type { ListState } from '@react-stately/list';
+import type { Node } from '@react-types/shared';
+interface SectionProps {
+    section: Node<unknown>;
+    state: ListState<unknown>;
+}
+export declare const ListBoxSection: ({ section, state }: SectionProps) => JSX.Element;
+export {};

package/dist/Select/Option.d.ts

@@ -0,0 +1,8 @@
+import type { ListState } from '@react-stately/list';
+import type { Node } from '@react-types/shared';
+interface OptionProps {
+    item: Node<unknown>;
+    state: ListState<unknown>;
+}
+export declare const Option: ({ item, state }: OptionProps) => JSX.Element;
+export {};

package/dist/Select/Popover.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface PopoverProps {
+    isOpen?: boolean;
+    onClose?: () => void;
+    ref?: React.Ref<HTMLDivElement>;
+    className?: string;
+}
+export declare const Popover: React.FC<PopoverProps>;
+export {};

package/dist/Select/Select.d.ts

@@ -1,6 +1,13 @@
-import React from 'react';
+import type { AriaSelectProps } from '@react-types/select';
+import { SingleSelection } from '@react-types/shared';
 import { ComponentProps } from '@marigold/types';
+import { ResponsiveStyleValue } from '@marigold/system';
 export declare type SelectProps = {
-    variant?: string;
-} & ComponentProps<'select'>;
-export declare const Select: React.FC<SelectProps>;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    width?: ResponsiveStyleValue<number | string>;
+    error?: boolean;
+    errorMessage?: string;
+} & ComponentProps<'select'> & AriaSelectProps<object> & SingleSelection;
+export declare const Select: ({ placeholder, disabled, required, error, errorMessage, width, className, ...props }: SelectProps) => JSX.Element;

package/dist/Stack/Stack.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import { ResponsiveStyleValue } from '@marigold/system';
 export declare type StackProps = {
-    className?: string;
-    space?: ResponsiveStyleValue<number | string>;
+    space?: ResponsiveStyleValue<string>;
     align?: 'left' | 'right' | 'center';
-    title?: string;
 };
 export declare const Stack: React.FC<StackProps>;

package/dist/Textarea/Textarea.d.ts

@@ -4,7 +4,8 @@ export declare type TextareaProps = {
     variant?: string;
     label?: string;
     htmlFor?: string;
-    errorMessage?: string;
     required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
 } & ComponentProps<'textarea'>;
 export declare const Textarea: React.FC<TextareaProps>;