@marigold/components 0.2.0 → 0.3.3

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,13 +1,17 @@
 import React from 'react';
 import { ComponentProps } from '@marigold/types';
-declare type RadioInputProps = {
-    variant?: string;
-    error?: boolean;
-} & ComponentProps<'input'>;
+import { RadioIconProps } from './RadioIcon';
+export interface RadioThemeExtension<Value> {
+    radio?: {
+        [key: string]: Value;
+    };
+}
+declare type RadioInputProps = RadioIconProps & ComponentProps<'input'>;
 export declare type RadioProps = {
     id: string;
-    label?: string;
+    label: string;
     required?: boolean;
+    labelVariant?: string;
     error?: boolean;
     errorMessage?: string;
 } & RadioInputProps;

package/dist/Radio/Radio.stories.d.ts

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

package/dist/Radio/RadioIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type RadioIconProps = {
+    variant?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    children?: never;
+};
+export declare const RadioIcon: React.FC<RadioIconProps>;

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';