@goodhood-web/ui 1.4.0 → 1.5.0-development.2

package/lib/Accordion/Accordion.d.ts

@@ -1,3 +1,4 @@
 import { AccordionProps } from './Accordion.types';
+
 declare const Accordion: ({ children, className, id }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/lib/Accordion/Accordion.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export type AccordionProps = {
     children: ReactNode;
     className?: string;

package/lib/Accordion/AccordionItem.d.ts

@@ -1,3 +1,4 @@
 import { AccordionItemProps } from './AccordionItem.types';
+
 declare const AccordionItem: ({ accordionBtnClassName, accordionPanelClassName, children, id, size, title, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/lib/Accordion/AccordionItem.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export type AccordionItemProps = {
     accordionBtnClassName?: string;
     accordionPanelClassName?: string;

package/lib/BaseButton/BaseButton.d.ts

@@ -1,5 +1,6 @@
-import { ButtonOwnProps } from '@mui/base';
 import { AriaRole, ForwardedRef, MouseEvent } from 'react';
+import { ButtonOwnProps } from '@mui/base';
+
 export interface BaseButtonProps extends ButtonOwnProps {
     ariaLabel?: string;
     ariaLabelledBy?: string;

package/lib/Button/Button.d.ts

@@ -1,3 +1,4 @@
 import { ButtonProps } from './Button.types';
+
 declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export default Button;

package/lib/Button/Button.types.d.ts

@@ -1,5 +1,6 @@
-import { ButtonOwnProps } from '@mui/base';
 import { AriaRole, ForwardedRef, MouseEvent, ReactNode } from 'react';
+import { ButtonOwnProps } from '@mui/base';
+
 interface CommonProps {
     ariaLabel?: string;
     ariaLabelledBy?: string;

package/lib/ButtonPrimary/ButtonPrimary.d.ts

@@ -1,3 +1,4 @@
 import { ButtonPrimaryProps } from './ButtonPrimary.types';
+
 declare const ButtonPrimary: ({ children, className, color, loading, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonPrimary;

package/lib/ButtonPrimary/ButtonPrimary.types.d.ts

@@ -1,10 +1,11 @@
-import React from 'react';
 import { ButtonProps } from '../Button/Button.types';
+import { default as React } from 'react';
+
 export interface ButtonPrimaryProps extends Omit<ButtonProps, 'children'> {
     children?: React.ReactNode;
     color?: 'highlight' | 'primary';
     loading?: boolean;
-    size?: 'small' | 'medium' | 'large';
+    size?: 'tiny' | 'small' | 'medium' | 'large';
     target?: string;
     text?: string;
 }

package/lib/Card/Card.d.ts

@@ -1,3 +1,4 @@
 import { CardProps } from './Card.types';
+
 declare const Card: ({ ariaLabel, as: Tag, borderRadius, children, className, role, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/lib/Card/Card.types.d.ts

@@ -1,6 +1,7 @@
-import { ReactElement } from 'react';
-import { CardBodyProps } from './CardBody/CardBody.types';
 import { CardHeaderProps } from './CardHeader/CardHeader.type';
+import { CardBodyProps } from './CardBody/CardBody.types';
+import { ReactElement } from 'react';
+
 export interface CardProps {
     ariaLabel?: string;
     as?: Extract<keyof JSX.IntrinsicElements, 'section' | 'div'>;

package/lib/Card/CardBody/CardBody.d.ts

@@ -1,3 +1,4 @@
 import { CardBodyProps } from './CardBody.types';
+
 declare const CardBody: ({ children, className }: CardBodyProps) => import("react/jsx-runtime").JSX.Element;
 export default CardBody;

package/lib/Card/CardBody/CardBody.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export interface CardBodyProps {
     children: ReactNode;
     className?: string;

package/lib/Card/CardHeader/CardHeader.d.ts

@@ -1,3 +1,4 @@
 import { CardHeaderProps } from './CardHeader.type';
-declare const CardHeader: ({ as, headline, leftElement, rightElement, type, }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+
+declare const CardHeader: ({ as, className, headline, leftElement, rightElement, type, }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default CardHeader;

package/lib/Card/CardHeader/CardHeader.type.d.ts

@@ -1,10 +1,12 @@
-import { ReactElement } from 'react';
-import { BaseButtonProps } from '../../BaseButton/BaseButton';
-import { IconProps } from '../../Icon/Icon.types';
-import { IconButtonProps } from '../../IconButton/IconButton.types';
 import { TypographyProps } from '../../Typography/Typography.types';
+import { IconButtonProps } from '../../IconButton/IconButton.types';
+import { IconProps } from '../../Icon/Icon.types';
+import { BaseButtonProps } from '../../BaseButton/BaseButton';
+import { ReactElement } from 'react';
+
 export type CardHeaderProps = {
     as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;
+    className?: string;
     headline: string;
     leftElement?: ReactElement<IconProps | IconButtonProps>;
     rightElement?: ReactElement<BaseButtonProps>;

package/lib/Divider/Divider.d.ts

@@ -1,3 +1,4 @@
 import { DividerProps } from './Divider.types';
+
 declare const Divider: ({ offsetLeft, offsetRight }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 export default Divider;

package/lib/Fieldset/Fieldset.d.ts

@@ -1,3 +1,4 @@
 import { FieldsetProps } from './Fieldset.types';
+
 declare const Fieldset: ({ children, classname, disabled, form, name }: FieldsetProps) => import("react/jsx-runtime").JSX.Element;
 export default Fieldset;

package/lib/Fieldset/Fieldset.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export interface FieldsetProps {
     children: ReactNode;
     classname?: string;

package/lib/Form/Form.d.ts

@@ -1,3 +1,4 @@
 import { FormProps } from './Form.types';
+
 declare const Form: ({ ariaLabel, ariaLabelledBy, children, className, id }: FormProps) => import("react/jsx-runtime").JSX.Element;
 export default Form;

package/lib/Form/Form.types.d.ts

@@ -1,4 +1,5 @@
 import { HTMLProps, ReactNode } from 'react';
+
 type NativeFormProps = HTMLProps<HTMLFormElement>;
 export type FormProps = {
     ariaLabel?: NativeFormProps['aria-label'];

package/lib/Icon/Icon.d.ts

@@ -1,4 +1,5 @@
-import { ReactElement } from 'react';
 import { IconProps } from './Icon.types';
+import { ReactElement } from 'react';
+
 declare const Icon: ({ className, name, role, size, title, }: IconProps) => ReactElement | null;
 export default Icon;

package/lib/Icon/Icon.types.d.ts

@@ -1,6 +1,7 @@
+import { default as icons32 } from './icons/32x32';
+import { default as icons24 } from './icons/24x24';
 import { AriaRole } from 'react';
-import icons24 from './icons/24x24';
-import icons32 from './icons/32x32';
+
 export type Icon32 = keyof typeof icons32;
 export type Icon24 = keyof typeof icons24;
 type BaseIconProps = {

package/lib/Icon/icons/24x24/index.d.ts

@@ -1,129 +1,129 @@
 /// <reference types="react" />
 declare const IconsMap: {
-    readonly arrow_left: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly arrow_left: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly arrow_right: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly arrow_right: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly bookmark: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly bookmark: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly bookmarked: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly bookmarked: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly burger_menu: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly burger_menu: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly camera: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly camera: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly checkmark: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly checkmark: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly checkmark_circle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly checkmark_circle: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly chevron_down: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly chevron_down: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly chevron_left: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly chevron_left: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly chevron_right: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly chevron_right: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly chevron_up: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly chevron_up: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly comment_bubble: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly comment_bubble: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly cross: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly cross: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly cross_circle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly cross_circle: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly envelope: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly envelope: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly event_calendar: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly event_calendar: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly external_link: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly external_link: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly eye: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly eye: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly eye_crossed: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly eye_crossed: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly filter: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly filter: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly globe: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly globe: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly heart: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly heart: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly image: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly image: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly loudspeaker: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly loudspeaker: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly marketplace: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly marketplace: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly more_dots: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly more_dots: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly more_dots_alt: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly more_dots_alt: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly mute: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly mute: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly notification_bell: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly notification_bell: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly paperclip: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly paperclip: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly pencil: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly pencil: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly pin: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly pin: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly plus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly plus: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly plus_circle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly plus_circle: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly privacy_lock: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly privacy_lock: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly search: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly search: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly share_arrow: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly share_arrow: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly share_arrow_outline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly share_arrow_outline: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly sort: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly sort: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly thanks: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly thanks: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
-    readonly trash_can: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    readonly trash_can: import('react').FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
 };