@goodhood-web/ui 1.12.0-development.9 → 2.0.0-development.2

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

@@ -2,10 +2,12 @@ import { AriaRole } from 'react';
 import { default as icons16 } from './icons/16x16';
 import { default as icons24 } from './icons/24x24';
 import { default as icons32 } from './icons/32x32';
-
 export type Icon32 = keyof typeof icons32;
 export type Icon24 = keyof typeof icons24;
 export type Icon16 = keyof typeof icons16;
+export declare const iconNames16: string[];
+export declare const iconNames24: string[];
+export declare const iconNames32: string[];
 type BaseIconProps = {
     className?: string;
     role?: Extract<AriaRole, 'presentation' | 'img'>;

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

@@ -5,10 +5,10 @@ declare const IconsMap: {
     readonly arrow_right: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
-    readonly bookmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    readonly bookmark_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
-    readonly bookmarked: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    readonly bookmark_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
     readonly burger_menu: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -41,6 +41,9 @@ declare const IconsMap: {
     readonly comment_bubble: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    readonly copy: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     readonly cross: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;

package/lib/Base/Icon/icons/32x32/index.d.ts

@@ -8,13 +8,13 @@ declare const IconsMap: {
     readonly bicycle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
-    readonly bookmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    readonly bookmark_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
     readonly books: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
-    readonly bubble_heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    readonly bubble_heart_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
     readonly bubble_heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -74,6 +74,9 @@ declare const IconsMap: {
     readonly confetti: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    readonly copy: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     readonly couch: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
@@ -110,7 +113,7 @@ declare const IconsMap: {
     readonly event_calendar_plus: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
-    readonly event_calendar_plus_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    readonly event_calendar_plus_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
     readonly exchange: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -125,7 +128,10 @@ declare const IconsMap: {
     readonly gift: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
-    readonly gift_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    readonly gift_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    readonly gift_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
     readonly globe: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -134,7 +140,7 @@ declare const IconsMap: {
     readonly group: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
-    readonly group_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    readonly group_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
     readonly healthcare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -146,7 +152,10 @@ declare const IconsMap: {
     readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
-    readonly heart_handshake_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    readonly heart_handshake_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    readonly heart_handshake_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
     readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -218,10 +227,10 @@ declare const IconsMap: {
     readonly organisation: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
-    readonly paper_form_empty: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    readonly paper_empty: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
-    readonly paper_form_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+    readonly paper_form: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
     readonly paperclip: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -275,6 +284,9 @@ declare const IconsMap: {
     readonly special_place: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    readonly star: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     readonly suitcase: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;

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

@@ -29,10 +29,10 @@ declare const iconsMap: {
         readonly arrow_right: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
-        readonly bookmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        readonly bookmark_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
-        readonly bookmarked: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        readonly bookmark_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
         readonly burger_menu: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -65,6 +65,9 @@ declare const iconsMap: {
         readonly comment_bubble: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
+        readonly copy: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
         readonly cross: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
@@ -178,13 +181,13 @@ declare const iconsMap: {
         readonly bicycle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
-        readonly bookmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        readonly bookmark_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
         readonly books: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
-        readonly bubble_heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        readonly bubble_heart_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
         readonly bubble_heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -244,6 +247,9 @@ declare const iconsMap: {
         readonly confetti: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
+        readonly copy: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
         readonly couch: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
@@ -280,7 +286,7 @@ declare const iconsMap: {
         readonly event_calendar_plus: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
-        readonly event_calendar_plus_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        readonly event_calendar_plus_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
         readonly exchange: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -295,7 +301,10 @@ declare const iconsMap: {
         readonly gift: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
-        readonly gift_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        readonly gift_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
+        readonly gift_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
         readonly globe: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -304,7 +313,7 @@ declare const iconsMap: {
         readonly group: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
-        readonly group_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        readonly group_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
         readonly healthcare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -316,7 +325,10 @@ declare const iconsMap: {
         readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
-        readonly heart_handshake_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        readonly heart_handshake_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
+        readonly heart_handshake_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
         readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -388,10 +400,10 @@ declare const iconsMap: {
         readonly organisation: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
-        readonly paper_form_empty: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        readonly paper_empty: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
-        readonly paper_form_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        readonly paper_form: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
         readonly paperclip: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -445,6 +457,9 @@ declare const iconsMap: {
         readonly special_place: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
+        readonly star: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
         readonly suitcase: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;

package/lib/Base/Typography/Typography.d.ts

@@ -1,4 +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/Base/Typography/Typography.types.d.ts

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

package/lib/Molecules/Card/Card.d.ts

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

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

@@ -1,7 +1,6 @@
 import { ReactElement } from 'react';
 import { CardBodyProps } from './CardBody/CardBody.types';
 import { CardHeaderProps } from './CardHeader/CardHeader.types';
-
 export interface CardProps {
     allowedElement?: React.ElementType;
     ariaLabel?: string;
@@ -10,4 +9,5 @@ export interface CardProps {
     children: ReactElement<CardBodyProps | CardHeaderProps> | ReactElement<CardBodyProps | CardHeaderProps>[];
     className?: string;
     role?: string;
+    withoutPadding?: boolean;
 }

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

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

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

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

package/lib/Molecules/Card/CardFooters/ActionBar/ActionBar.d.ts

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

package/lib/Molecules/Card/CardFooters/ActionBar/ActionBar.types.d.ts

@@ -1,6 +1,5 @@
 import { default as ActionBarCtaProps } from './ActionBarCta/ActionBarCta.types';
 import { default as ActionBarListProps } from './ActionBarList/ActionBarList.types';
-
 export type ActionBarProps = (ActionBarListProps & {
     type: 'list';
 }) | (ActionBarCtaProps & {

package/lib/Molecules/Card/CardFooters/ActionBar/ActionBarCta/ActionBarCta.d.ts

@@ -1,4 +1,3 @@
 import { default as ActionBarCtaProps } from './ActionBarCta.types';
-
 declare const ActionBarCta: ({ button, text }: ActionBarCtaProps) => import("react/jsx-runtime").JSX.Element;
 export default ActionBarCta;

package/lib/Molecules/Card/CardFooters/ActionBar/ActionBarCta/ActionBarCta.types.d.ts

@@ -1,5 +1,4 @@
 import { ButtonProps } from '../../../../../Atoms/Buttons/Button/Button.types';
-
 export default interface ActionBarCtaProps {
     button: Pick<ButtonProps, 'onClick' | 'ariaLabel'> & {
         text: string;

package/lib/Molecules/Card/CardFooters/ActionBar/ActionBarList/ActionBarList.d.ts

@@ -1,4 +1,3 @@
 import { default as ActionBarListProps } from './ActionBarList.types';
-
 declare const ActionBarList: ({ items }: ActionBarListProps) => import("react/jsx-runtime").JSX.Element;
 export default ActionBarList;

package/lib/Molecules/Card/CardFooters/ActionBar/ActionBarList/ActionBarList.types.d.ts

@@ -1,5 +1,4 @@
 import { default as ActionBarItemProps } from './ActionItem/ActionItem.types';
-
 export default interface ActionBarListProps {
     items: ActionBarItemProps[];
 }

package/lib/Molecules/Card/CardFooters/ActionBar/ActionBarList/ActionItem/ActionItem.d.ts

@@ -1,4 +1,3 @@
 import { default as ActionItemProps } from './ActionItem.types';
-
 declare const ActionItem: ({ className, disabled, icon, onClick, text }: ActionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ActionItem;

package/lib/Molecules/Card/CardFooters/ActionBar/ActionBarList/ActionItem/ActionItem.types.d.ts

@@ -1,6 +1,5 @@
 import { ButtonProps } from '../../../../../../Atoms/Buttons/Button/Button.types';
 import { Icon24 } from '../../../../../../Base/Icon/Icon.types';
-
 export default interface ActionBarItemProps {
     className?: string;
     disabled?: boolean;

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

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

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

@@ -2,7 +2,6 @@ import { ReactElement, ReactNode } from 'react';
 import { IconButtonProps } from '../../../Atoms/Buttons/IconButton/IconButton.types';
 import { IconProps } from '../../../Base/Icon/Icon.types';
 import { TypographyProps } from '../../../Base/Typography/Typography.types';
-
 export type CardHeaderProps = {
     as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;
     className?: string;

package/lib/Molecules/ListItems/NotificationListItem/NotificationListItem.d.ts

@@ -1,4 +1,3 @@
 import { NotificationListItemProps } from './NotificationListItem.types';
-
 declare const NotificationListItem: ({ linkText, onNotificationClick, primaryImg, secondaryImg, timeAgo, title, unread, }: NotificationListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default NotificationListItem;

package/lib/Molecules/ListItems/NotificationListItem/NotificationListItem.types.d.ts

@@ -1,25 +1,22 @@
 import { default as React } from 'react';
-
 type Shape = 'circular' | 'square';
-type ImageProps = {
+export type NotificationListItemImageProps = {
     icon: React.ReactNode;
     imageURL: string | null | undefined;
     shape: Shape;
 };
 export interface NotificationListItemProps {
-    defaultIcon?: React.ReactNode;
-    imgSrc?: string;
     linkText: string;
     onNotificationClick?: () => void;
-    primaryImg: ImageProps;
-    secondaryImg: ImageProps;
+    primaryImg: NotificationListItemImageProps;
+    secondaryImg?: NotificationListItemImageProps;
     timeAgo: string;
     title: string;
     unread?: boolean;
 }
 export type ThumbnailProps = {
     className: string;
-    imgProps: ImageProps;
+    imgProps: NotificationListItemImageProps;
     size: '32' | '56';
 };
 export {};

package/lib/Molecules/Markdown/Markdown.d.ts

@@ -1,5 +1,4 @@
 import { MarkdownProps } from './Markdown.types';
-
 export declare const quotesToTokens: (string: string) => string;
 export declare const tokensToQuotes: (string: string) => string;
 declare function Markdown({ className, inline, text }: MarkdownProps): import("react/jsx-runtime").JSX.Element;

package/lib/Molecules/Navigation/MenuItem/MenuItem.d.ts

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

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

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { ButtonProps } from '../../../Atoms/Buttons/Button/Button.types';
-
 export interface MenuItemProps {
     className?: string;
     compact?: boolean;

package/lib/Molecules/Navigation/NavBar/NavBar.d.ts

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

package/lib/Molecules/Navigation/NavBar/NavBar.types.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type NavBarProps = {
     children: ReactNode;
     onChange: (value: string) => void;

package/lib/Molecules/Navigation/NavBar/NavItem/NavItem.d.ts

@@ -1,4 +1,3 @@
 import { NavItemProps } from './NavItem.types';
-
 declare const NavItem: ({ active, ariaLabel, icon, id, label, onChange }: NavItemProps) => import("react/jsx-runtime").JSX.Element;
 export default NavItem;

package/lib/Molecules/Navigation/NavBar/NavItem/NavItem.types.d.ts

@@ -1,6 +1,5 @@
 import { ReactElement } from 'react';
 import { Icon24, Icon32 } from '../../../../Base/Icon/Icon.types';
-
 export type NavItemProps = {
     active?: boolean;
     ariaLabel?: string;

package/lib/Molecules/Notices/EmptyState/EmptyState.d.ts

@@ -1,4 +1,3 @@
 import { default as EmptyStateProps } from './EmptyState.types';
-
 declare const EmptyState: ({ buttons, customVisual, primaryText, secondaryText, size, stickerProps, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 export default EmptyState;

package/lib/Molecules/Notices/EmptyState/EmptyState.types.d.ts

@@ -1,15 +1,22 @@
 import { ReactElement } from 'react';
 import { StickerProps } from '../../../Atoms/Badges/Sticker/Sticker.types';
 import { ButtonPrimaryProps } from '../../../Atoms/Buttons/ButtonPrimary/ButtonPrimary.types';
+import { ButtonSecondaryProps } from '../../../Atoms/Buttons/ButtonSecondary/ButtonSecondary.types';
+import { ButtonTertiaryProps } from '../../../Atoms/Buttons/ButtonTertiary/ButtonTertiary.types';
 import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.types';
-
 type TextButton = Omit<TextButtonProps, 'size'> & {
     buttonType: 'text';
 };
 type ButtonPrimary = Omit<ButtonPrimaryProps, 'size'> & {
     buttonType: 'primary';
 };
-export type ButtonProps = TextButton | ButtonPrimary;
+type ButtonSecondary = Omit<ButtonSecondaryProps, 'size'> & {
+    buttonType: 'secondary';
+};
+type ButtonTertiary = Omit<ButtonTertiaryProps, 'size'> & {
+    buttonType: 'tertiary';
+};
+export type ButtonProps = TextButton | ButtonPrimary | ButtonSecondary | ButtonTertiary;
 export default interface EmptyStateProps {
     buttons?: ButtonProps[];
     customVisual?: ReactElement;

package/lib/Molecules/Notices/Notice/InfoNotice/InfoNotice.d.ts

@@ -1,4 +1,3 @@
 import { default as NoticeProps } from '../Notice.types';
-
 declare const InfoNotice: ({ context, dismissible, iconName, notificationBubble, onClick, onDismiss, primaryText, secondaryText, size, textButton, type, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
 export default InfoNotice;

package/lib/Molecules/Notices/Notice/Notice.d.ts

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

package/lib/Molecules/Notices/Notice/Notice.types.d.ts

@@ -2,7 +2,6 @@ import { IconButtonProps } from '../../../Atoms/Buttons/IconButton/IconButton.ty
 import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.types';
 import { NotificationBubbleProps } from '../../../Atoms/NotificationBubble/NotificationBubble.types';
 import { Icon24 } from '../../../Base/Icon/Icon.types';
-
 export default interface NoticeProps {
     context: 'warning' | 'infoGrey' | 'infoGreen';
     dismissible?: boolean;

package/lib/Molecules/Notices/Notice/WarningNotice/WarningNotice.d.ts

@@ -1,4 +1,3 @@
 import { default as NoticeProps } from '../Notice.types';
-
 declare const WarningNotice: ({ dismissible, iconName, notificationBubble, onDismiss, primaryText, secondaryText, size, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
 export default WarningNotice;

package/lib/Molecules/Notices/Snackbar/Snackbar.d.ts

@@ -1,4 +1,3 @@
 import { default as SnackbarProps } from './Snackbar.types';
-
 declare const Snackbar: ({ dismissable, isOpen, leftIconLarge, leftIconSmall, onClick, onClose, rightIconLarge, rightIconSmall, textButton, textLabel, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
 export default Snackbar;

package/lib/Molecules/Notices/Snackbar/Snackbar.types.d.ts

@@ -1,5 +1,4 @@
 import { Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
-
 export default interface SnackbarProps {
     dismissable?: boolean;
     isOpen: boolean;

package/lib/Molecules/Selections/RadioButtonCluster/RadioButtonCluster.d.ts

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

package/lib/Molecules/Selections/RadioButtonCluster/RadioButtonCluster.types.d.ts

@@ -1,5 +1,4 @@
 import { ChangeEvent, ReactNode } from 'react';
-
 export interface RadioButtonClusterTypes {
     children: ReactNode;
     disabled?: boolean;

package/lib/Molecules/Selections/SelectablePillGroup/SelectablePillGroup.d.ts

@@ -1,4 +1,3 @@
 import { ToggleButtonGroupProps } from './SelectablePillGroup.types';
-
 declare const SelectablePillGroup: ({ className, items, multiselect, onChange, selectedItems, togglable, }: ToggleButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectablePillGroup;

package/lib/Molecules/Selections/SelectablePillGroup/SelectablePillGroup.types.d.ts

@@ -1,5 +1,4 @@
 import { SelectablePillProps } from '../../../Atoms/Selectables/SelectablePill/SelectablePill.types';
-
 export interface ToggleButtonGroupProps {
     className?: string;
     items: SelectablePillProps[];

package/lib/Molecules/Selections/SwitcherToggle/SwitcherToggle.d.ts

@@ -1,4 +1,3 @@
 import { SwitcherToggleProps } from './SwitcherToggle.types';
-
 declare const SwitcherToggle: ({ className, items, onChange, style, value, }: SwitcherToggleProps) => import("react/jsx-runtime").JSX.Element | null;
 export default SwitcherToggle;

package/lib/Molecules/Selections/ToggleInput/ToggleInput.d.ts

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

package/lib/Molecules/Selections/ToggleInput/ToggleInput.types.d.ts

@@ -1,6 +1,5 @@
 import { UseSwitchParameters } from '@mui/base';
 import { Icon32 } from '../../../Base/Icon/Icon.types';
-
 export interface ToggleInputProps extends UseSwitchParameters {
     description?: string;
     icon?: Icon32;

package/lib/Molecules/TabBar/NavigationTab/NavigationTab.d.ts

@@ -1,4 +1,3 @@
 import { NavigationTabProps } from './NavigationTab.types';
-
 declare const NavigationTab: ({ onChange, tabs, value }: NavigationTabProps) => import("react/jsx-runtime").JSX.Element;
 export default NavigationTab;

package/lib/Molecules/TabBar/NavigationTab/NavigationTab.types.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export interface TabsProps {
     content: ReactNode;
     id: string | number;

package/lib/Organisms/Cards/MarketplaceItemCardless/MarketplaceItemCardless.d.ts

@@ -1,3 +1,2 @@
 import { MarketplaceItemCardlessTypes } from './MarketplaceItemCardless.types';
-
 export default function MarketplaceItemCardless({ bookmarked, context, image, onBookmark, onClick, price, reserved, reservedText, timeStamp, title, }: MarketplaceItemCardlessTypes): import("react/jsx-runtime").JSX.Element;

package/lib/Organisms/Forms/Fieldset/Fieldset.d.ts

@@ -1,4 +1,3 @@
 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/Organisms/Forms/Fieldset/Fieldset.types.d.ts

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

package/lib/Organisms/Forms/Form/Form.d.ts

@@ -1,4 +1,3 @@
 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/Organisms/Forms/Form/Form.types.d.ts

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