@goodhood-web/ui 0.0.6 → 1.0.0-development.1

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

@@ -0,0 +1,395 @@
+/// <reference types="react" />
+declare const iconsMap: {
+    '24': {
+        readonly arrow_left: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly arrow_right: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly bookmark: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly bookmarked: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly burger_menu: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly camera: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly checkmark: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly checkmark_circle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly chevron_down: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly chevron_left: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly chevron_right: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly chevron_up: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly comment_bubble: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly cross: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly cross_circle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly envelope: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly event_calendar: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly external_link: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly eye: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly eye_crossed: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly filter: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly globe: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly heart: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly image: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly loudspeaker: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly marketplace: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly more_dots: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly more_dots_alt: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly mute: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly notification_bell: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly paperclip: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly pencil: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly pin: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly plus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly plus_circle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly privacy_lock: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly search: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly share_arrow: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly share_arrow_outline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly sort: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly thanks: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly trash_can: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+    };
+    '32': {
+        readonly address_book: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly baby_toy: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly bicycle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly bookmark: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly books: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly bubble_heart_filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly bubble_heart_outline: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly buildings: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly burger_menu: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly business: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly business_profile: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly camera: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly camera_crossed: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly car: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly carrot: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly chat: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly checkmark_circle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly christmas_tree: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly clipboard: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly clothing: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly cocktail: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly comment_bubble: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly compass: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly computer: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly couch: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly credit_card: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly cross_circle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly cutlery: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly drill_tool: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly email: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly envelope: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly event_calendar_check: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly event_calendar_date: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly event_calendar_plus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly exchange: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly eye: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly eye_crossed: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly gift: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly group: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly healthcare: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly heart: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly house: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly image: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly info: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly invite_neighbour: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly key: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly kitchen_pot: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly list: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly log_out: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly loudspeaker: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly map: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly marketplace: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly miscellaneous_other: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly more_dots: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly more_dots_alt: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly music: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly nebenan_de: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly neighbour: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly notification_bell: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly organisation: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly paper_form_empty: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly paper_form_filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly paperclip: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly paw: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly pencil: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly pin: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly pins: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly plant: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly plus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly plus_circle: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly post: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly privacy_lock: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly qr_code: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly search: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly settings_cog: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly shopping_bag: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly shopping_cart: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly special_place: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly suitcase: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly supporter: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly tennis_ball: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly thanks: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly trash_can: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly truck: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly user: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly user_profile: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly wellness: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+    };
+};
+export default iconsMap;

package/lib/IconButton/IconButton.d.ts

@@ -0,0 +1,3 @@
+import { IconButtonProps } from './IconButton.types';
+declare const IconButton: ({ icon, size, type, ...baseButtonProps }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default IconButton;

package/{src/lib/IconButton/IconButton.types.ts → lib/IconButton/IconButton.types.d.ts}

@@ -1,17 +1,19 @@
 import { BaseButtonProps } from '../BaseButton/BaseButton';
 import { Icon24, Icon32 } from '../Icon/Icon.types';
-
-type BaseIconButtonProps = Omit<BaseButtonProps, 'children' | 'ref' | 'className'> &
-  ({ ariaLabel: string } | { ariaLabelledBy: string });
-
+type BaseIconButtonProps = Omit<BaseButtonProps, 'children' | 'ref' | 'className'> & ({
+    ariaLabel: string;
+} | {
+    ariaLabelledBy: string;
+});
 type IconButtonIcon24Props = {
-  icon: Icon24;
-  size?: 'small';
+    icon: Icon24;
+    size?: 'small';
+    type?: 'circular';
 } & BaseIconButtonProps;
-
 type IconButtonIcon32Props = {
-  icon: Icon32;
-  size: 'medium' | 'large';
+    icon: Icon32;
+    size: 'medium' | 'large';
+    type?: 'circular';
 } & BaseIconButtonProps;
-
 export type IconButtonProps = IconButtonIcon32Props | IconButtonIcon24Props;
+export {};

package/lib/IconButton/utils.d.ts

@@ -0,0 +1,3 @@
+type IconButtonSize = 'large' | 'medium' | 'small';
+export declare const getIconSize: (size: IconButtonSize) => "32" | "24";
+export {};

package/lib/Image/Image.d.ts

@@ -0,0 +1,3 @@
+import { ImageProps } from './Image.type';
+declare const Image: ({ alt, className, src }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export default Image;

package/lib/Image/Image.type.d.ts

@@ -0,0 +1,5 @@
+export interface ImageProps {
+    alt: string;
+    className?: string;
+    src: string;
+}

package/lib/LabelPill/LabelPill.d.ts

@@ -0,0 +1,3 @@
+import { LabelPillProps } from './LabelPill.types';
+declare const LabelPill: ({ label, size }: LabelPillProps) => import("react/jsx-runtime").JSX.Element;
+export default LabelPill;

package/lib/LabelPill/LabelPill.types.d.ts

@@ -0,0 +1,4 @@
+export interface LabelPillProps {
+    label: string;
+    size: 'small' | 'medium';
+}

package/lib/Legend/Legend.d.ts

@@ -0,0 +1,3 @@
+import { LegendProps } from './Legend.types';
+declare const Legend: ({ className, headline, text }: LegendProps) => import("react/jsx-runtime").JSX.Element;
+export default Legend;

package/lib/Legend/Legend.types.d.ts

@@ -0,0 +1,5 @@
+export type LegendProps = {
+    className?: string;
+    headline: string;
+    text?: string;
+};

package/lib/MenuItem/MenuItem.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemProps } from './MenuItem.types';
+declare const MenuItem: ({ isSelected, labelPillText, leftIcon, onClick, rightIcon, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuItem;

package/lib/MenuItem/MenuItem.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface MenuItemProps {
+    isSelected?: boolean;
+    labelPillText: string;
+    leftIcon: ReactNode;
+    onClick: () => void;
+    rightIcon: ReactNode;
+    text: string;
+}

package/lib/NotificationBubble/NotificationBubble.d.ts

@@ -0,0 +1,3 @@
+import { NotificationBubbleProps } from './NotificationBubble.types';
+declare const NotificationBubble: (props: NotificationBubbleProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationBubble;

package/{src/lib/NotificationBubble/NotificationBubble.types.tsx → lib/NotificationBubble/NotificationBubble.types.d.ts}

@@ -1,6 +1,5 @@
 import { BadgeOwnProps } from '@mui/base';
-
 export interface NotificationBubbleProps extends BadgeOwnProps {
-  ariaLabel?: string;
-  value?: number;
+    ariaLabel?: string;
+    value?: number;
 }

package/lib/Thumbnail/Thumbnail.d.ts

@@ -0,0 +1,3 @@
+import { ThumbnailCircularProps, ThumbnailSquareProps } from './Thumbnail.type';
+declare const Thumbnail: ({ alt, isPlaceholder, shape, size, src, }: ThumbnailCircularProps | ThumbnailSquareProps) => import("react/jsx-runtime").JSX.Element;
+export default Thumbnail;

package/{src/lib/Thumbnail/Thumbnail.type.tsx → lib/Thumbnail/Thumbnail.type.d.ts}

@@ -1,18 +1,15 @@
 import { ImageProps } from '../Image/Image.type';
-
 interface ThumbnailProps extends ImageProps {
-  isPlaceholder?: boolean;
+    isPlaceholder?: boolean;
 }
-
 export type TCircularSize = '28' | '32' | '40' | '48' | '56' | '80' | '120' | '280';
 export type TSquareSize = '24' | '32' | '40' | '48' | '56' | '64' | '80' | '120';
-
 export interface ThumbnailCircularProps extends ThumbnailProps {
-  shape: 'circular';
-  size: TCircularSize;
+    shape: 'circular';
+    size: TCircularSize;
 }
-
 export interface ThumbnailSquareProps extends ThumbnailProps {
-  shape: 'square';
-  size: TSquareSize;
+    shape: 'square';
+    size: TSquareSize;
 }
+export {};

package/lib/Toggle/Toggle.d.ts

@@ -0,0 +1,3 @@
+import { ToggleProps } from './Toggle.types';
+declare const Toggle: (props: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+export default Toggle;

package/{src/lib/Toggle/Toggle.types.ts → lib/Toggle/Toggle.types.d.ts}

@@ -1,6 +1,5 @@
 import { UseSwitchParameters } from '@mui/base';
-
 export interface ToggleProps extends UseSwitchParameters {
-  className?: string;
-  id?: string;
+    className?: string;
+    id?: string;
 }

package/lib/ToggleInput/ToggleInput.d.ts

@@ -0,0 +1,3 @@
+import { ToggleInputProps } from './ToggleInput.types';
+declare const ToggleInput: ({ checked, defaultChecked, disabled, icon, label, onChange, withBorder, }: ToggleInputProps) => import("react/jsx-runtime").JSX.Element;
+export default ToggleInput;

package/{src/lib/ToggleInput/ToggleInput.types.ts → lib/ToggleInput/ToggleInput.types.d.ts}

@@ -1,9 +1,7 @@
 import { UseSwitchParameters } from '@mui/base';
-
 import { Icon32 } from '../Icon/Icon.types';
-
 export interface ToggleInputProps extends UseSwitchParameters {
-  icon?: Icon32;
-  label: string;
-  withBorder?: boolean;
+    icon?: Icon32;
+    label: string;
+    withBorder?: boolean;
 }

package/lib/Typography/Typography.d.ts

@@ -0,0 +1,3 @@
+import { TypographyProps } from './Typography.types';
+declare function Typography({ as, children, className, type }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+export default Typography;

package/lib/Typography/Typography.types.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+export type TypographyType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'detail-medium' | 'detail-bold' | 'detail-upper-case';
+export interface TypographyProps {
+    as?: Extract<keyof JSX.IntrinsicElements, 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
+    children: string;
+    className?: string;
+    type: TypographyType;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "0.0.6",
+  "version": "1.0.0-development.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -12,5 +12,6 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
-  }
+  },
+  "private": false
 }

package/style.css

@@ -0,0 +1 @@
+._baseBtn_u66q2_5{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}._baseBtn--active_u66q2_12{background:#b1b1b1}._root_a2f7b_5{display:flex;overflow:hidden;width:100%;flex-direction:column;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#201649}._root--border-radius_a2f7b_15{border-radius:8px}._root_1wtf4_5{padding:8px 0;color:inherit}._iconComponent_a3o6m_5{display:block}._iconComponent_a3o6m_5 path{stroke:currentColor}._iconButton_fn1d5_5{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:auto;height:auto;min-width:unset;min-height:unset;color:#201649}._iconButton_fn1d5_5:disabled{background:none}._iconButton_fn1d5_5:hover,._iconButton_fn1d5_5:active{background:none}._iconButton--circular_fn1d5_25{border-radius:50%;background:#cae85d}._iconButton--circular_fn1d5_25:disabled{background:#ffffff}._iconButton--circular_fn1d5_25:hover{background:#b5d622}._iconButton--circular_fn1d5_25:active{background:#cae85d}._iconButton--circular-small_fn1d5_38{width:40px;height:40px}._iconButton--circular-medium_fn1d5_42{width:48px;height:48px}._iconButton--circular-large_fn1d5_46{width:56px;height:56px}._root_11z9n_5{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_11z9n_13{flex-grow:1;margin:0}._h1_1xwl1_5{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:500;letter-spacing:0;line-height:40px;text-decoration:none;text-indent:0px;text-transform:none}._h2_1xwl1_17{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:Semi Bold;letter-spacing:0;line-height:32px;text-decoration:none;text-indent:0px;text-transform:none}._h3_1xwl1_29{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h4_1xwl1_41{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h5_1xwl1_53{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h6_1xwl1_65{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:1;line-height:24px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h7_1xwl1_77{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:Extra Bold;letter-spacing:1;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h8_1xwl1_89{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:1.5;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._body-large_1xwl1_101{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._body-regular_1xwl1_113{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-semibold_1xwl1_125{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Semi Bold;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_1xwl1_137{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Italic;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._detail-medium_1xwl1_149{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-bold_1xwl1_161{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-upper-case_1xwl1_173{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._ccBtn_7njhf_5{display:flex;width:100%;height:40px;align-items:center;align-self:stretch;padding:8px 16px;border-color:transparent;border-radius:12px;background-color:#f4f3f6;color:#201649;cursor:pointer;font-size:14px}._dividerContainer_10eh1_5{display:flex;align-items:center}._dividerLine_10eh1_10{height:1px;flex-grow:1}._fieldset_1e2kt_5{border:none}._labelPill_37b6j_5{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_37b6j_5 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_37b6j_17{height:20px;padding:0 8px}._labelPill--small_37b6j_17 span{font-size:10px;font-weight:800;text-transform:uppercase}._labelPill--medium_37b6j_26{padding:4px 8px}._labelPill--medium_37b6j_26 span{font-size:12px;font-weight:700}._legend_fehrw_5{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_fehrw_5 ._text_fehrw_11{color:#635c80}._menuItem_143wx_5{display:flex;width:100%;flex-shrink:0;align-items:center;padding:0 8px;background-color:#fff;color:#201649;gap:8px;text-decoration:none;cursor:pointer}._menuItem_143wx_5 ._highlightFrame_143wx_17{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_143wx_5 ._rightIcon_143wx_25{display:inherit;margin-left:auto}._menuItem_143wx_5 ._rightIcon_143wx_25 svg path{stroke:#635c80!important}._menuItem--selected_143wx_32 ._highlightFrame_143wx_17{background-color:#f2fbc4}._menuItem--selected_143wx_32 ._highlightFrame_143wx_17 svg path{stroke:#738c00}._menuItem--selected_143wx_32:hover{color:#738c00}._menuItem_143wx_5:not(._menuItem--selected_143wx_32):active{background-color:#f4f3f6}._menuItem_143wx_5:not(._menuItem--selected_143wx_32):hover{color:#635c80}._menuItem_143wx_5:not(._menuItem--selected_143wx_32):hover svg path{stroke:#635c80}._menuItem_143wx_5:not(._menuItem--selected_143wx_32):hover ._highlightFrame_143wx_17{background-color:#f4f3f6}._bubbleContent_1wprd_5{position:relative;display:inline-block}._bubble_1wprd_5{position:absolute;z-index:auto;top:6px;right:6px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background-color:#ff9de2;color:#201649;font-size:12px;font-weight:700;text-align:center;transform:translate(50%,-50%);transform-origin:100% 0;white-space:nowrap}._bubble--empty_1wprd_30{width:12px;height:12px}._root_sno8x_12{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px}._root--24_sno8x_18{width:24px;height:24px}._root--28_sno8x_22{width:28px;height:28px}._root--32_sno8x_26{width:32px;height:32px}._root--40_sno8x_30{width:40px;height:40px}._root--48_sno8x_34{width:48px;height:48px}._root--56_sno8x_38{width:56px;height:56px}._root--64_sno8x_42{width:64px;height:64px}._root--80_sno8x_46{width:80px;height:80px}._root--120_sno8x_50{width:120px;height:120px}._root--280_sno8x_54{width:280px;height:280px}._root--square_sno8x_58._root--24_sno8x_18,._root--square_sno8x_58._root--32_sno8x_26{border-radius:4px}._root--square_sno8x_58._root--40_sno8x_30,._root--square_sno8x_58._root--48_sno8x_34{border-radius:8px}._root--square_sno8x_58._root--56_sno8x_38,._root--square_sno8x_58._root--64_sno8x_42{border-radius:12px}._root--square_sno8x_58._root--80_sno8x_46,._root--square_sno8x_58._root--120_sno8x_50{border-radius:16px}._root--circular_sno8x_70{border-radius:50%}._root--isPlaceholder_sno8x_73:before{position:absolute;z-index:1;width:100%;height:100%;content:"";opacity:.4}._root_sno8x_12 img{width:100%;height:100%;object-fit:cover}._switch_1nqgr_5{position:relative;display:inline-block;width:48px;height:28px}._switch_1nqgr_5 input{position:absolute;z-index:2;width:48px;height:28px;cursor:pointer;opacity:0}._switch_1nqgr_5 ._slider_1nqgr_19{z-index:1;display:block;width:100%;height:100%;border-radius:34px;background-color:#e9e8ed;box-shadow:0 1px 3px #0003 inset;cursor:pointer;transition:.4s}._switch_1nqgr_5 ._slider_1nqgr_19:before{position:absolute;right:3px;bottom:2px;width:24px;height:24px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px #0003;content:"";transform:translate(-18px);transition:.4s}._switch_1nqgr_5 ._slider_1nqgr_19._focusVisible_1nqgr_43{box-shadow:0 0 0 3px #cae85d}._switch_1nqgr_5 input:checked+._slider_1nqgr_19{background-color:#b5d622}._switch_1nqgr_5 input:checked+._slider_1nqgr_19:before{transform:translate(0)}._toggleInput_1wk6s_5{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_1wk6s_5 svg{flex-shrink:0}._toggleInput_1wk6s_5 ._textLabel_1wk6s_18{flex-grow:1}._toggleInput_1wk6s_5 ._switch_1wk6s_21{flex-shrink:0}._toggleInput--checked_1wk6s_24{color:#201649}._toggleInput--withBorder_1wk6s_27{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px}

package/.babelrc

@@ -1,12 +0,0 @@
-{
-  "presets": [
-    [
-      "@nx/react/babel",
-      {
-        "runtime": "automatic",
-        "useBuiltIns": "usage"
-      }
-    ]
-  ],
-  "plugins": []
-}