@marigold/components 0.4.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @marigold/components
 
+## 0.6.0
+
+### Minor Changes
+
+- [#1819](https://github.com/marigold-ui/marigold/pull/1819) [`d162a6a8`](https://github.com/marigold-ui/marigold/commit/d162a6a8d1f9d99bfc08d59f6dae294a6fa95310) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): add new Component Switch
+
+* [#1842](https://github.com/marigold-ui/marigold/pull/1842) [`e053b7b9`](https://github.com/marigold-ui/marigold/commit/e053b7b903f02c56cf10e6b9aecbedd29399895d) Thanks [@ti10le](https://github.com/ti10le)! - feat: extend svg fill prop to handle theme color
+
+- [#1822](https://github.com/marigold-ui/marigold/pull/1822) [`527ba94f`](https://github.com/marigold-ui/marigold/commit/527ba94fa1a3255dc6f846fcc9def978ec906bf3) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp/docs): Alert update variant + docs
+
+* [#1807](https://github.com/marigold-ui/marigold/pull/1807) [`b55e10bc`](https://github.com/marigold-ui/marigold/commit/b55e10bc7119554373d43f9d8872346c1e6d6c39) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): add Tooltip component v1
+
+- [#1851](https://github.com/marigold-ui/marigold/pull/1851) [`9a95a6f5`](https://github.com/marigold-ui/marigold/commit/9a95a6f541dec34e27eac8557186f929e811c07c) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): make Inline accepting fragment + standard text
+
+* [#1820](https://github.com/marigold-ui/marigold/pull/1820) [`f62033b6`](https://github.com/marigold-ui/marigold/commit/f62033b642a623a75f311af701febc4b54f77120) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Checkbox add indeterminated state + doc update
+
+### Patch Changes
+
+- [#1849](https://github.com/marigold-ui/marigold/pull/1849) [`21f72b34`](https://github.com/marigold-ui/marigold/commit/21f72b3499c7ed2f88a0b96315f0374140e98e85) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: remove Alert
+
+* [#1852](https://github.com/marigold-ui/marigold/pull/1852) [`25c8675e`](https://github.com/marigold-ui/marigold/commit/25c8675ed470cc71f8f968a83b9781b66412c493) Thanks [@ti10le](https://github.com/ti10le)! - refa(comp): fill prop instead of css or \_\_basCSS
+
+* Updated dependencies [[`4cc0ad3b`](https://github.com/marigold-ui/marigold/commit/4cc0ad3b85b993e01b4d85b6f30b1a81cdee2351), [`64b9089e`](https://github.com/marigold-ui/marigold/commit/64b9089ed2e1e35975472e342b02cda40f5de66f), [`539d4198`](https://github.com/marigold-ui/marigold/commit/539d41987118db125ee37a4a83231335ea15830a), [`e053b7b9`](https://github.com/marigold-ui/marigold/commit/e053b7b903f02c56cf10e6b9aecbedd29399895d)]:
+  - @marigold/system@0.6.0
+  - @marigold/icons@0.5.0
+
+## 0.5.1
+
+### Patch Changes
+
+- [#1795](https://github.com/marigold-ui/marigold/pull/1795) [`a178eafe`](https://github.com/marigold-ui/marigold/commit/a178eafe8c8380ee23b4587d953ee52b231414ff) Thanks [@ti10le](https://github.com/ti10le)! - refa: use interface instead of type
+
+* [#1798](https://github.com/marigold-ui/marigold/pull/1798) [`9939b743`](https://github.com/marigold-ui/marigold/commit/9939b743df4dfe40bfd5dd61a1a4b88641ef9559) Thanks [@sebald](https://github.com/sebald)! - fix(components): Use own `flattenChildren` helper to fix ESM build
+
+* Updated dependencies [[`a178eafe`](https://github.com/marigold-ui/marigold/commit/a178eafe8c8380ee23b4587d953ee52b231414ff)]:
+  - @marigold/system@0.5.1
+  - @marigold/icons@0.4.2
+
+## 0.5.0
+
+### Minor Changes
+
+- [#1784](https://github.com/marigold-ui/marigold/pull/1784) [`99af3b37`](https://github.com/marigold-ui/marigold/commit/99af3b37de24599138777ed90de0445571c3095e) Thanks [@ti10le](https://github.com/ti10le)! - refa(comp): use interface instead of type
+
+* [#1727](https://github.com/marigold-ui/marigold/pull/1727) [`026300b1`](https://github.com/marigold-ui/marigold/commit/026300b1b539b57785c0eb0282a3d3fd763194bc) Thanks [@sebald](https://github.com/sebald)! - feat(components): <Text> add possibility to change font size via style props
+
+### Patch Changes
+
+- [#1774](https://github.com/marigold-ui/marigold/pull/1774) [`93480b63`](https://github.com/marigold-ui/marigold/commit/93480b6333a4d6231db35dbf12de5726533ebfc8) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove label prop and add children + refa
+
+* [#1775](https://github.com/marigold-ui/marigold/pull/1775) [`6da8eba2`](https://github.com/marigold-ui/marigold/commit/6da8eba28c518c75758180697e5f0f5e5989c1f4) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Checkbox remove label prop and add children + refa
+
+* Updated dependencies [[`5936de75`](https://github.com/marigold-ui/marigold/commit/5936de75e5a0134584438117c53c5edfe15c6c5d)]:
+  - @marigold/system@0.5.0
+  - @marigold/icons@0.4.1
+
 ## 0.4.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -6,12 +6,15 @@ import { ToggleProps } from '@react-types/checkbox';
 import { SeparatorProps } from '@react-aria/separator';
 import { AriaSelectProps } from '@react-types/select';
 import { SingleSelection } from '@react-types/shared';
+import { AriaSwitchProps } from '@react-types/switch';
 import { AriaTextFieldProps } from '@react-types/textfield';
+import { TooltipTriggerProps } from '@react-types/tooltip';
 import * as _react_stately_overlays from '@react-stately/overlays';
 import { OverlayProps } from '@react-aria/overlays';
 import { AriaDialogProps } from '@react-types/dialog';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
 export { SSRProvider } from '@react-aria/ssr';
+import { TooltipTriggerState } from '@react-stately/tooltip';
 export { Item, Section } from '@react-stately/collections';
 
 interface RootThemeExtension<Value> {
@@ -24,41 +27,16 @@ interface MarigoldProviderProps<T extends Theme$1> extends ThemeProviderProps<T>
 }
 declare function MarigoldProvider<T extends Theme$1>({ theme, children, }: MarigoldProviderProps<T>): JSX.Element;
 
-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;
-};
-declare type AlertVariants = keyof typeof ICON_MAP;
-interface AlertThemeExtension<Value> {
-    alert?: {
-        [key in AlertVariants]?: Value;
-    };
-}
-declare type AlertProps = {
-    variant?: AlertVariants;
-} & ComponentProps<'div'>;
-declare const Alert: React.FC<AlertProps>;
-
 interface BadgeThemeExtension<Value> {
     badge?: {
         [key: string]: Value;
     };
 }
-declare type BadgeProps = {
+interface BadgeProps extends ComponentProps<'div'> {
     variant?: string;
     bgColor?: string;
     borderColor?: string;
-} & ComponentProps<'div'>;
+}
 declare const Badge: React.FC<BadgeProps>;
 
 interface ButtonThemeExtension<Value> {
@@ -66,7 +44,8 @@ interface ButtonThemeExtension<Value> {
         [key: string]: Value;
     };
 }
-declare type ButtonProps = PolymorphicPropsWithRef<BoxOwnProps, 'button'>;
+interface ButtonProps extends PolymorphicPropsWithRef<BoxOwnProps, 'button'> {
+}
 declare const Button: PolymorphicComponentWithRef<BoxOwnProps, 'button'>;
 
 interface CardThemeExtension<Value> {
@@ -74,20 +53,20 @@ interface CardThemeExtension<Value> {
         [key: string]: Value;
     };
 }
-declare type CardProps = {
+interface CardProps extends ComponentProps<'div'> {
     title?: string;
     width?: ResponsiveStyleValue<string>;
     variant?: string;
-} & ComponentProps<'div'>;
+}
 declare const Card: React.FC<CardProps>;
 
-declare type CheckboxIconProps = {
+interface CheckboxIconProps {
     variant?: string;
     checked?: boolean;
     disabled?: boolean;
+    indeterminated?: boolean;
     error?: boolean;
-    children?: never;
-};
+}
 
 interface CheckboxThemeExtension<Value> {
     checkbox?: {
@@ -95,14 +74,12 @@ interface CheckboxThemeExtension<Value> {
     };
 }
 declare type CheckboxInputProps = CheckboxIconProps & ToggleProps & ComponentProps<'input'>;
-declare type CheckboxProps = {
+interface CheckboxProps extends CheckboxInputProps {
     id: string;
-    label: string;
     required?: boolean;
     labelVariant?: string;
-    error?: boolean;
     errorMessage?: string;
-} & CheckboxInputProps;
+}
 declare const Checkbox: React.FC<CheckboxProps>;
 
 interface DividerThemeExtension<Value> {
@@ -110,9 +87,9 @@ interface DividerThemeExtension<Value> {
         [key: string]: Value;
     };
 }
-declare type DividerProps = {
+interface DividerProps extends SeparatorProps {
     variant?: string;
-} & SeparatorProps;
+}
 declare const Divider: React.FC<DividerProps>;
 
 interface ImageThemeExtension<Value> {
@@ -120,10 +97,10 @@ interface ImageThemeExtension<Value> {
         [key: string]: Value;
     };
 }
-declare type ImageProps = {
+interface ImageProps extends ComponentProps<'img'> {
     variant?: string;
     children?: never;
-} & ComponentProps<'img'>;
+}
 declare const Image: React.FC<ImageProps>;
 
 interface InputThemeExtension<Value> {
@@ -131,9 +108,9 @@ interface InputThemeExtension<Value> {
         [key: string]: Value;
     };
 }
-declare type InputProps = {
+interface InputProps extends ComponentProps<'input'> {
     variant?: string;
-} & ComponentProps<'input'>;
+}
 declare const Input: React.FC<InputProps>;
 
 interface LabelThemeExtension<Value> {
@@ -148,9 +125,9 @@ declare type LabelBaseProps = {
     color?: ResponsiveStyleValue<string>;
 } & ComponentProps<'label'>;
 declare const LabelBase: React.FC<LabelProps>;
-declare type LabelProps = {
+interface LabelProps extends LabelBaseProps {
     required?: boolean;
-} & LabelBaseProps;
+}
 declare const Label: React.FC<LabelProps>;
 
 interface TextThemeExtension<Value> {
@@ -158,36 +135,39 @@ interface TextThemeExtension<Value> {
         [key: string]: Value;
     };
 }
-declare type TextOwnProps = {
+interface TextOwnProps extends BoxOwnProps {
     align?: ResponsiveStyleValue<string>;
     color?: ResponsiveStyleValue<string>;
     cursor?: ResponsiveStyleValue<string>;
+    size?: ResponsiveStyleValue<keyof Theme$1['fontSizes'] | string>;
     outline?: ResponsiveStyleValue<string>;
     userSelect?: ResponsiveStyleValue<string>;
-} & BoxOwnProps;
-declare type TextProps = PolymorphicPropsWithRef<TextOwnProps, 'span'>;
+}
+interface TextProps extends PolymorphicPropsWithRef<TextOwnProps, 'span'> {
+}
 declare const Text: PolymorphicComponentWithRef<TextOwnProps, 'span'>;
 
 interface LinkThemeExtension<Value> {
     link?: Value;
 }
-declare type LinkOwnProps = {
+interface LinkOwnProps extends TextOwnProps {
     disabled?: boolean;
-} & TextOwnProps;
-declare type LinkProps = PolymorphicProps<LinkOwnProps, 'a'>;
+}
+interface LinkProps extends PolymorphicProps<LinkOwnProps, 'a'> {
+}
 declare const Link: PolymorphicComponent<LinkOwnProps, "a">;
 
 interface MenuThemeExtension<Value> {
     menu?: Value;
 }
-declare type MenuProps = {
+interface MenuProps {
     variant?: string;
     label?: string;
     onClick: ComponentProps<typeof Button>['onClick'];
     show?: boolean;
     className?: string;
     title?: string;
-};
+}
 declare const Menu: React.FC<MenuProps>;
 
 interface MenuItemThemeExtension<Value> {
@@ -195,9 +175,9 @@ interface MenuItemThemeExtension<Value> {
         [key: string]: Value;
     };
 }
-declare type MenuItemProps = {
+interface MenuItemProps extends ComponentProps<typeof Link> {
     variant?: string;
-} & ComponentProps<typeof Link>;
+}
 declare const MenuItem: React.FC<MenuItemProps>;
 
 interface MessageThemeExtension<Value> {
@@ -205,34 +185,32 @@ interface MessageThemeExtension<Value> {
         [key: string]: Value;
     };
 }
-declare type MessageProps = {
+interface MessageProps extends ComponentProps<'div'> {
     messageTitle: string;
     variant?: string;
-} & ComponentProps<'div'>;
+}
 declare const Message: React.FC<MessageProps>;
 
-declare type RadioIconProps = {
+interface RadioIconProps {
     variant?: string;
     checked?: boolean;
     disabled?: boolean;
     error?: boolean;
-    children?: never;
-};
+}
 
 interface RadioThemeExtension<Value> {
     radio?: {
         [key: string]: Value;
     };
 }
-declare type RadioInputProps = RadioIconProps & ComponentProps<'input'>;
-declare type RadioProps = {
+interface RadioInputProps extends RadioIconProps, ComponentProps<'input'> {
+}
+interface RadioProps extends RadioInputProps {
     id: string;
-    label: string;
     required?: boolean;
     labelVariant?: string;
-    error?: boolean;
     errorMessage?: string;
-} & RadioInputProps;
+}
 declare const Radio: React.FC<RadioProps>;
 
 interface SelectThemeExtension<Value> {
@@ -263,11 +241,23 @@ interface SliderThemeExtension<Value> {
         [key: string]: Value;
     };
 }
-declare type SliderProps = {
+interface SliderProps extends ComponentProps<'input'> {
     variant?: string;
-} & ComponentProps<'input'>;
+}
 declare const Slider: React.FC<SliderProps>;
 
+interface SwitchThemeExtension<Value> {
+    switch?: {
+        [key: string]: Value;
+    };
+}
+declare type SwitchProps = {
+    variant?: string;
+    labelVariant?: string;
+    disabled?: boolean;
+} & AriaSwitchProps & ToggleProps & ComponentProps<'input'>;
+declare const Switch: React.FC<SwitchProps>;
+
 interface TextareaThemeExtension<Value> {
     textarea?: {
         [key: string]: Value;
@@ -281,52 +271,68 @@ declare type TextareaProps = {
 } & AriaTextFieldProps & ComponentProps<'textarea'>;
 declare const Textarea: React.FC<TextareaProps>;
 
+interface TooltipThemeExtension<Value> {
+    tooltip?: {
+        [key: string]: Value;
+    };
+}
+interface TooltipProps extends TooltipTriggerProps {
+    variant?: string;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+
+declare const TooltipContext: React.Context<{
+    state?: TooltipTriggerState | undefined;
+}>;
+declare const TooltipTrigger: React.FC;
+
 interface ValidationMessageThemeExtension<Value> {
     validation?: {
         [key: string]: Value;
     };
 }
-declare type ValidationMessageProps = {
+interface ValidationMessageProps extends ComponentProps<'span'> {
     variant?: string;
-} & ComponentProps<'span'>;
+}
 declare const ValidationMessage: React.FC<ValidationMessageProps>;
 
-interface Theme extends Theme$1, RootThemeExtension<CSSObject>, AlertThemeExtension<CSSObject>, BadgeThemeExtension<CSSObject>, ButtonThemeExtension<CSSObject>, CardThemeExtension<CSSObject>, CheckboxThemeExtension<CSSObject>, DividerThemeExtension<CSSObject>, ImageThemeExtension<CSSObject>, InputThemeExtension<CSSObject>, LabelThemeExtension<CSSObject>, LinkThemeExtension<CSSObject>, MenuThemeExtension<CSSObject>, MenuItemThemeExtension<CSSObject>, MessageThemeExtension<CSSObject>, RadioThemeExtension<CSSObject>, SelectThemeExtension<CSSObject>, SliderThemeExtension<CSSObject>, TextThemeExtension<CSSObject>, TextareaThemeExtension<CSSObject>, ValidationMessageThemeExtension<CSSObject> {
+interface Theme extends Theme$1, RootThemeExtension<CSSObject>, BadgeThemeExtension<CSSObject>, ButtonThemeExtension<CSSObject>, CardThemeExtension<CSSObject>, CheckboxThemeExtension<CSSObject>, DividerThemeExtension<CSSObject>, ImageThemeExtension<CSSObject>, InputThemeExtension<CSSObject>, LabelThemeExtension<CSSObject>, LinkThemeExtension<CSSObject>, MenuThemeExtension<CSSObject>, MenuItemThemeExtension<CSSObject>, MessageThemeExtension<CSSObject>, RadioThemeExtension<CSSObject>, SelectThemeExtension<CSSObject>, SliderThemeExtension<CSSObject>, SwitchThemeExtension<CSSObject>, TextThemeExtension<CSSObject>, TextareaThemeExtension<CSSObject>, TooltipThemeExtension<CSSObject>, ValidationMessageThemeExtension<CSSObject> {
 }
 
-declare type ActionGroupProps = {
+interface ActionGroupProps extends ComponentProps<'div'> {
     space?: ResponsiveStyleValue<string>;
     verticalAlignment?: boolean;
-} & ComponentProps<'div'>;
+}
 declare const ActionGroup: React.FC<ActionGroupProps>;
 
 declare type WidthValues = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-declare type ColumnProps = {
+interface ColumnProps {
     className?: string;
     width?: WidthValues | WidthValues[];
-};
+}
 declare const Column: React.FC<ColumnProps>;
 
-declare type ColumnsProps = {
+interface ColumnsProps {
     className?: string;
     space?: ResponsiveStyleValue<string>;
     horizontalAlign?: 'left' | 'right' | 'center';
     verticalAlign?: 'top' | 'bottom' | 'center';
-};
+}
 declare const Columns: React.FC<ColumnsProps>;
 
-declare type ModalDialogProps = {
+interface ModalDialogProps extends OverlayProps, AriaDialogProps {
     variant?: string;
     backdropVariant?: string;
-} & OverlayProps & AriaDialogProps;
+}
 
-declare type DialogProps = {
+interface DialogProps extends ModalDialogProps, ComponentProps<'div'> {
     backdropVariant?: string;
     close: ComponentProps<typeof Button>['onClick'];
     isOpen: boolean;
     title?: string;
     variant?: string;
-} & ModalDialogProps & ComponentProps<'div'>;
+    role?: 'dialog' | 'alertdialog';
+}
 declare const Dialog: React.FC<DialogProps>;
 declare const useDialogButtonProps: () => {
     state: _react_stately_overlays.OverlayTriggerState;
@@ -343,22 +349,20 @@ declare type FieldProps = {
 } & AriaTextFieldProps & ComponentProps<'input'>;
 declare const Field: React.FC<FieldProps>;
 
-declare type InlineProps = {
+interface InlineProps {
     space?: ResponsiveStyleValue<string>;
     align?: 'top' | 'center' | 'bottom';
-};
+}
 declare const Inline: React.FC<InlineProps>;
 
-declare type StackProps = {
+interface StackProps {
     space?: ResponsiveStyleValue<string>;
     align?: 'left' | 'right' | 'center';
-};
+}
 declare const Stack: React.FC<StackProps>;
 
-declare type ContainerProps = {
-    className?: string;
-    title?: string;
-};
+interface ContainerProps extends ComponentProps<'div'> {
+}
 declare const Container: React.FC<ContainerProps>;
 
-export { ActionGroup, ActionGroupProps, Alert, AlertProps, AlertThemeExtension, AlertVariants, Badge, BadgeProps, BadgeThemeExtension, Button, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Checkbox, CheckboxProps, CheckboxThemeExtension, Column, ColumnProps, Columns, Container, ContainerProps, Dialog, DialogProps, Divider, DividerProps, DividerThemeExtension, Field, FieldProps, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputProps, InputThemeExtension, Label, LabelBase, LabelBaseProps, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuItem, MenuItemProps, MenuItemThemeExtension, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, Radio, RadioProps, RadioThemeExtension, RootThemeExtension, Select, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Stack, StackProps, Text, TextOwnProps, TextProps, TextThemeExtension, Textarea, TextareaProps, TextareaThemeExtension, Theme, ValidationMessage, ValidationMessageProps, ValidationMessageThemeExtension, useDialogButtonProps };
+export { ActionGroup, ActionGroupProps, Badge, BadgeProps, BadgeThemeExtension, Button, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Checkbox, CheckboxProps, CheckboxThemeExtension, Column, ColumnProps, Columns, ColumnsProps, Container, ContainerProps, Dialog, DialogProps, Divider, DividerProps, DividerThemeExtension, Field, FieldProps, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputProps, InputThemeExtension, Label, LabelBase, LabelBaseProps, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuItem, MenuItemProps, MenuItemThemeExtension, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, Radio, RadioProps, RadioThemeExtension, RootThemeExtension, Select, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Stack, StackProps, Switch, SwitchProps, SwitchThemeExtension, Text, TextOwnProps, TextProps, TextThemeExtension, Textarea, TextareaProps, TextareaThemeExtension, Theme, Tooltip, TooltipContext, TooltipProps, TooltipThemeExtension, TooltipTrigger, ValidationMessage, ValidationMessageProps, ValidationMessageThemeExtension, useDialogButtonProps };