@marigold/components 0.2.0 → 0.3.0

package/dist/Input/Input.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface InputThemeExtension<Value> {
+    input?: {
+        [key: string]: Value;
+    };
+}
 export declare type InputProps = {
     variant?: string;
 } & ComponentProps<'input'>;

package/dist/Input/Input.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Input } from './Input';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Input>;

package/dist/Label/Label.d.ts

@@ -1,8 +1,19 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
-export declare type LabelProps = {
+import { ResponsiveStyleValue } from '@marigold/system';
+export interface LabelThemeExtension<Value> {
+    label?: {
+        [key: string]: Value;
+    };
+}
+export declare type LabelBaseProps = {
     htmlFor?: string;
     variant?: string;
     required?: boolean;
+    color?: ResponsiveStyleValue<string>;
 } & ComponentProps<'label'>;
+export declare const LabelBase: React.FC<LabelProps>;
+export declare type LabelProps = {
+    required?: boolean;
+} & LabelBaseProps;
 export declare const Label: React.FC<LabelProps>;

package/dist/Label/Label.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Label } from './Label';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Label>;

package/dist/Link/Link.d.ts

@@ -1,7 +1,10 @@
 import { PolymorphicComponent, PolymorphicProps } from '@marigold/types';
 import { TextOwnProps } from '../Text';
+export interface LinkThemeExtension<Value> {
+    link?: Value;
+}
 export declare type LinkOwnProps = {
     disabled?: boolean;
 } & TextOwnProps;
 export declare type LinkProps = PolymorphicProps<LinkOwnProps, 'a'>;
-export declare const Link: PolymorphicComponent<LinkOwnProps, "a">;
+export declare const Link: PolymorphicComponent<any, "a">;

package/dist/Link/Link.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Link } from './Link';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Link>;

package/dist/Menu/Menu.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
 import { Button } from '../Button';
+export interface MenuThemeExtension<Value> {
+    menu?: Value;
+}
 export declare type MenuProps = {
     variant?: string;
     label?: string;

package/dist/Menu/Menu.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Menu } from './Menu';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Menu>;

package/dist/MenuItem/MenuItem.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
 import { Link } from '../Link';
+export interface MenuItemThemeExtension<Value> {
+    menuItem?: {
+        [key: string]: Value;
+    };
+}
 export declare type MenuItemProps = {
     variant?: string;
 } & ComponentProps<typeof Link>;

package/dist/MenuItem/MenuItem.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { MenuItem } from './MenuItem';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof MenuItem>;

package/dist/Message/Message.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface MessageThemeExtension<Value> {
+    message?: {
+        [key: string]: Value;
+    };
+}
 export declare type MessageProps = {
     messageTitle: string;
     variant?: string;

package/dist/Message/Message.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Message } from './Message';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Message>;

package/dist/Provider/MarigoldProvider.d.ts

@@ -1,3 +1,11 @@
-import React from 'react';
-import { ThemeProviderProps } from '@marigold/system';
-export declare const MarigoldProvider: React.FC<ThemeProviderProps>;
+/// <reference types="react" />
+import { Theme, ThemeProviderProps } from '@marigold/system';
+export interface RootThemeExtension<Value> {
+    root?: {
+        body?: Value;
+        html?: Value;
+    };
+}
+export interface MarigoldProviderProps<T extends Theme> extends ThemeProviderProps<T> {
+}
+export declare function MarigoldProvider<T extends Theme>({ theme, children, }: MarigoldProviderProps<T>): JSX.Element;

package/dist/Provider/index.d.ts

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

package/dist/Radio/Radio.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface RadioThemeExtension<Value> {
+    radio?: {
+        [key: string]: Value;
+    };
+}
 declare type RadioInputProps = {
     variant?: string;
     error?: boolean;
@@ -8,6 +13,7 @@ export declare type RadioProps = {
     id: string;
     label?: string;
     required?: boolean;
+    labelVariant?: string;
     error?: boolean;
     errorMessage?: string;
 } & RadioInputProps;

package/dist/Radio/RadioIcons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const RadioChecked: ({ disabled, ...props }: {
     [x: string]: any;
     disabled?: boolean | undefined;

package/dist/Select/ListBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { AriaListBoxOptions } from '@react-aria/listbox';
 import type { ListState } from '@react-stately/list';
 interface ListBoxProps extends AriaListBoxOptions<unknown> {

package/dist/Select/ListBoxSection.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ListState } from '@react-stately/list';
 import type { Node } from '@react-types/shared';
 interface SectionProps {

package/dist/Select/Option.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ListState } from '@react-stately/list';
 import type { Node } from '@react-types/shared';
 interface OptionProps {

package/dist/Select/Select.d.ts

@@ -1,8 +1,22 @@
+/// <reference types="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 interface SelectThemeExtension<Value> {
+    select?: {
+        __default: Value;
+        disabled?: Value;
+        listbox?: {
+            __default: Value;
+            error?: Value;
+        };
+        section?: Value;
+        option?: Value;
+    };
+}
 export declare type SelectProps = {
+    labelVariant?: string;
     placeholder?: string;
     disabled?: boolean;
     required?: boolean;
@@ -10,4 +24,4 @@ export declare type SelectProps = {
     error?: boolean;
     errorMessage?: string;
 } & ComponentProps<'select'> & AriaSelectProps<object> & SingleSelection;
-export declare const Select: ({ placeholder, disabled, required, error, errorMessage, width, className, ...props }: SelectProps) => JSX.Element;
+export declare const Select: ({ labelVariant, placeholder, disabled, required, error, errorMessage, width, className, ...props }: SelectProps) => JSX.Element;

package/dist/Select/Select.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Select } from './Select';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Select>;

package/dist/Slider/Slider.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface SliderThemeExtension<Value> {
+    slider?: {
+        [key: string]: Value;
+    };
+}
 export declare type SliderProps = {
     variant?: string;
 } & ComponentProps<'input'>;

package/dist/Slider/Slider.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Slider } from './Slider';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Slider>;

package/dist/Stack/Stack.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Stack } from './Stack';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Stack>;

package/dist/Text/Text.d.ts

@@ -1,6 +1,11 @@
 import { ResponsiveStyleValue } from '@marigold/system';
 import { PolymorphicComponentWithRef, PolymorphicPropsWithRef } from '@marigold/types';
 import { BoxOwnProps } from '../Box';
+export interface TextThemeExtension<Value> {
+    text?: {
+        [key: string]: Value;
+    };
+}
 export declare type TextOwnProps = {
     align?: ResponsiveStyleValue<string>;
     color?: ResponsiveStyleValue<string>;

package/dist/Text/Text.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Text } from './Text';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Text>;

package/dist/Textarea/Textarea.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface TextareaThemeExtension<Value> {
+    textarea?: {
+        [key: string]: Value;
+    };
+}
 export declare type TextareaProps = {
     variant?: string;
     label?: string;

package/dist/Textarea/Textarea.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { Textarea } from '.';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof Textarea>;

package/dist/ValidationMessage/ValidationMessage.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
+export interface ValidationMessageThemeExtension<Value> {
+    validation?: {
+        [key: string]: Value;
+    };
+}
 export declare type ValidationMessageProps = {
     variant?: string;
 } & ComponentProps<'span'>;

package/dist/ValidationMessage/ValidationMessage.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { ValidationMessage } from './ValidationMessage';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof ValidationMessage>;

package/dist/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1 @@
+export { VisuallyHidden } from '@react-aria/visually-hidden';

package/dist/VisuallyHidden/VisuallyHidden.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory } from '@storybook/react';
+import { VisuallyHidden } from './VisuallyHidden';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: ComponentStory<typeof VisuallyHidden>;

package/dist/VisuallyHidden/index.d.ts

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