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

package/lib/Atoms/Badges/Badge/Badge.d.ts

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

package/lib/Atoms/Badges/Badge/Badge.types.d.ts

@@ -1,6 +1,5 @@
 import { BadgeOwnProps } from '@mui/base';
 import { default as BadgeIconProps } from '../BadgeIcon/BadgeIcon.types';
-
 type BadgeIcon = BadgeIconProps['type'];
 export interface BadgeProps {
     ariaLabel?: string;

package/lib/Atoms/Badges/BadgeIcon/BadgeIcon.d.ts

@@ -1,4 +1,3 @@
 import { default as BadgeIconProps } from './BadgeIcon.types';
-
 declare const BadgeIcon: ({ ariaLabel, className, role, size, type }: BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
 export default BadgeIcon;

package/lib/Atoms/Badges/BadgeIcon/BadgeIcon.types.d.ts

@@ -1,5 +1,4 @@
 import { AriaRole } from 'react';
-
 export default interface BadgeIconProps {
     ariaLabel?: string;
     className?: string;

package/lib/Atoms/Badges/BadgeLabel/BadgeLabel.d.ts

@@ -1,4 +1,3 @@
 import { default as BadgeLabelProps } from './BadgeLabel.types';
-
 declare const BadgeLabel: ({ buttonHref, buttonOnClick, buttonText, text, type, }: BadgeLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default BadgeLabel;

package/lib/Atoms/Badges/BadgeLabel/BadgeLabel.types.d.ts

@@ -1,6 +1,5 @@
 import { TextButtonProps } from '../../Buttons/TextButton/TextButton.types';
 import { default as BadgeIconProps } from '../BadgeIcon/BadgeIcon.types';
-
 export default interface BadgeLabelProps {
     buttonHref: TextButtonProps['href'];
     buttonOnClick: TextButtonProps['onClick'];

package/lib/Atoms/Badges/FeedItemCategory/FeedItemCategory.d.ts

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

package/lib/Atoms/Badges/LabelPill/LabelPill.d.ts

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

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

@@ -5,7 +5,7 @@ interface CommonProps {
 }
 export interface TileProps extends CommonProps {
     color?: never;
-    shape: 'tile';
+    shape?: 'tile';
     size: 'small' | 'medium';
 }
 export interface PillProps extends CommonProps {

package/lib/Atoms/Badges/Sticker/Sticker.d.ts

@@ -1,4 +1,3 @@
 import { StickerProps } from './Sticker.types';
-
 declare const Sticker: ({ color, icon, size }: StickerProps) => import("react/jsx-runtime").JSX.Element;
 export default Sticker;

package/lib/Atoms/Badges/Sticker/Sticker.types.d.ts

@@ -1,5 +1,4 @@
 import { Icon32 } from '../../../Base/Icon/Icon.types';
-
 export interface StickerProps {
     color: 'green' | 'pink' | 'lavender' | 'teal' | 'orange' | 'grey';
     icon: Icon32;

package/lib/Atoms/Badges/Tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import { default as TooltipProps } from './Tooltip.types';
+declare const Tooltip: ({ children, hasPointer, id, position, text, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default Tooltip;

package/lib/Atoms/Badges/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export default interface TooltipProps {
+    children: ReactNode;
+    hasPointer?: boolean;
+    id: string;
+    position?: 'top' | 'bottom';
+    text: string | ReactNode;
+}

package/lib/Atoms/Buttons/Bookmark/Bookmark.d.ts

@@ -1,3 +1,2 @@
 import { BookmarkTypes } from './Bookmark.types';
-
 export default function Bookmark({ bookmarked, ...props }: BookmarkTypes): import("react/jsx-runtime").JSX.Element;

package/lib/Atoms/Buttons/Bookmark/Bookmark.types.d.ts

@@ -1,5 +1,4 @@
 import { ButtonProps } from '../Button/Button.types';
-
 export interface BookmarkTypes extends Omit<ButtonProps, 'children'> {
     bookmarked: boolean;
 }

package/lib/Atoms/Buttons/Button/Button.d.ts

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

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

@@ -1,10 +1,12 @@
 import { ButtonOwnProps } from '@mui/base';
-import { AriaRole, ForwardedRef, MouseEvent, ReactNode } from 'react';
-
+import { AriaRole, ForwardedRef, MouseEvent, ReactElement, ReactNode } from 'react';
+import { IconProps } from '../../../Base/Icon/Icon.types';
 interface CommonProps {
+    ariaDescribedBy?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
     className?: string;
+    'data-testid'?: string;
     disabled?: boolean;
     ref?: ForwardedRef<null>;
     role?: AriaRole;
@@ -22,7 +24,9 @@ export interface LinkProps extends CommonProps {
 }
 export interface ButtonVariationProps {
     fullWidth?: boolean;
+    leftIcon?: ReactElement<IconProps>;
     loading?: boolean;
+    rightIcon?: ReactElement<IconProps>;
     size?: 'small' | 'medium' | 'large' | 'extraLarge';
     target?: string;
     text?: string;

package/lib/Atoms/Buttons/ButtonPrimary/ButtonPrimary.d.ts

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

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

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { ButtonProps, ButtonVariationProps } from '../Button/Button.types';
-
 export interface ButtonPrimaryProps extends ButtonVariationProps, Omit<ButtonProps, 'children'> {
     children?: ReactNode;
     color?: 'highlight' | 'primary' | 'transparent';

package/lib/Atoms/Buttons/ButtonSecondary/ButtonSecondary.d.ts

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

package/lib/Atoms/Buttons/ButtonSecondary/ButtonSecondary.types.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { ButtonProps, ButtonVariationProps } from '../Button/Button.types';
-
 export interface ButtonSecondaryProps extends ButtonVariationProps, Omit<ButtonProps, 'children'> {
     children?: ReactNode;
     color?: 'green' | 'pink' | 'grey' | 'teal' | 'lavender' | 'orange';

package/lib/Atoms/Buttons/ButtonTertiary/ButtonTertiary.d.ts

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

package/lib/Atoms/Buttons/ButtonTertiary/ButtonTertiary.types.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { ButtonProps, ButtonVariationProps } from '../Button/Button.types';
-
 export interface ButtonTertiaryProps extends ButtonVariationProps, Omit<ButtonProps, 'children'> {
     children?: ReactNode;
     color?: 'green' | 'pink' | 'blue' | 'deepPurple';

package/lib/Atoms/Buttons/CopyLinkButton/CopyLinkButton.d.ts

@@ -0,0 +1,3 @@
+import { CopyLinkButtonProps } from './CopyLinkButton.types';
+declare const CopyLinkButton: ({ ariaLabel, iconSize, link, onClick, style, }: CopyLinkButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default CopyLinkButton;

package/lib/Atoms/Buttons/CopyLinkButton/CopyLinkButton.types.d.ts

@@ -0,0 +1,7 @@
+export interface CopyLinkButtonProps {
+    ariaLabel?: string;
+    iconSize?: '24' | '32';
+    link: string;
+    onClick: () => void;
+    style?: 'outline' | 'filled';
+}

package/lib/Atoms/Buttons/IconButton/IconButton.d.ts

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

package/lib/Atoms/Buttons/IconButton/IconButton.types.d.ts

@@ -1,6 +1,5 @@
 import { Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
 import { ButtonProps } from '../Button/Button.types';
-
 type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & ({
     ariaLabel: string;
 } | {
@@ -8,17 +7,17 @@ type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> &
 }) & {
     className?: string;
     iconClassName?: string;
+    loading?: boolean;
     type?: 'button' | 'submit' | 'reset';
+    variant?: 'green' | 'white';
 };
-type IconButtonIcon24Props = {
+export type IconButtonIcon24Props = {
     icon: Icon24;
     size?: 'small';
-    variant?: 'circular';
 } & BaseIconButtonProps;
-type IconButtonIcon32Props = {
+export type IconButtonIcon32Props = {
     icon: Icon32;
-    size: 'medium' | 'large';
-    variant?: 'circular';
+    size?: 'medium' | 'large';
 } & BaseIconButtonProps;
 export type IconButtonProps = IconButtonIcon32Props | IconButtonIcon24Props;
 export {};

package/lib/Atoms/Buttons/TextButton/TextButton.d.ts

@@ -1,5 +1,4 @@
 import { TextButtonProps } from './TextButton.types';
-
 export declare const typographyType: {
     large: string;
     link: string;

package/lib/Atoms/Buttons/TextButton/TextButton.types.d.ts

@@ -2,7 +2,6 @@ import { ReactElement } from 'react';
 import { IconProps } from '../../../Base/Icon/Icon.types';
 import { NotificationBubbleProps } from '../../NotificationBubble/NotificationBubble.types';
 import { ButtonProps } from '../Button/Button.types';
-
 export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'> {
     className?: string;
     color: 'green' | 'blue' | 'deepPurple';

package/lib/Atoms/Buttons/Tiles/FeedTile/FeedTile.d.ts

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

package/lib/Atoms/Buttons/Tiles/FeedTile/FeedTile.types.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
 import { Icon32 } from '../../../../Base/Icon/Icon.types';
 import { BaseButtonProps } from '../../../Buttons/Button/Button.types';
-
 export default interface FeedTileProps {
     fullWidth?: boolean;
     icon: Icon32;

package/lib/Atoms/Buttons/Tiles/MenuTile/MenuTile.d.ts

@@ -1,4 +1,3 @@
 import { default as MenuTileProps } from './MenuTile.type';
-
 declare const MenuTile: ({ fullWidth, icon, primaryText, secondaryText, ...props }: MenuTileProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuTile;

package/lib/Atoms/Buttons/Tiles/MenuTile/MenuTile.type.d.ts

@@ -1,6 +1,5 @@
 import { Icon32 } from '../../../../Base/Icon/Icon.types';
 import { ButtonProps } from '../../Button/Button.types';
-
 export default interface MenuTileProps extends Omit<ButtonProps, 'children'> {
     fullWidth?: boolean;
     icon?: Icon32;

package/lib/Atoms/Content/BodyText/BodyText.d.ts

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

package/lib/Atoms/Content/PlaceholderThumbnail/PlaceholderThumbnail.d.ts

@@ -1,4 +1,3 @@
 import { PlaceholderThumbnailProps } from './PlaceholderThumbnail.type';
-
 declare const PlaceholderThumbnail: ({ className, icon, size }: PlaceholderThumbnailProps) => import("react/jsx-runtime").JSX.Element;
 export default PlaceholderThumbnail;

package/lib/Atoms/Content/PlaceholderThumbnail/PlaceholderThumbnail.type.d.ts

@@ -1,6 +1,5 @@
 import { ReactElement } from 'react';
 import { IconProps } from '../../../Base/Icon/Icon.types';
-
 export type PlaceholderThumbnailProps = {
     className?: string;
     icon: ReactElement<IconProps>;

package/lib/Atoms/Content/Thumbnail/Thumbnail.d.ts

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

package/lib/Atoms/Content/Thumbnail/Thumbnail.type.d.ts

@@ -1,11 +1,12 @@
 import { ImageProps } from '../../Image/Image.type';
-
 export interface ThumbnailProps extends ImageProps {
     className?: string;
     isPlaceholder?: boolean;
 }
-export type TCircularSize = '28' | '32' | '40' | '48' | '56' | '64' | '80' | '120' | '280';
-export type TSquareSize = '24' | '32' | '40' | '48' | '56' | '64' | '80' | '120';
+export declare const circularSizes: readonly ["28", "32", "40", "48", "56", "64", "80", "120", "280"];
+export declare const squareSizes: readonly ["24", "32", "40", "48", "56", "64", "80", "120"];
+export type TCircularSize = (typeof circularSizes)[number];
+export type TSquareSize = (typeof squareSizes)[number];
 export interface ThumbnailCircularProps extends ThumbnailProps {
     shape: 'circular';
     size: TCircularSize;

package/lib/Atoms/Content/ThumbnailWithLabel/ThumbnailWithLabel.d.ts

@@ -1,4 +1,3 @@
 import { ThumbnailWithLabelProps } from './ThumbnailWithLabel.type';
-
 declare const ThumbnailWithLabel: ({ alt, isPlaceholder, label, placeholderIcon, shape, src, }: ThumbnailWithLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default ThumbnailWithLabel;

package/lib/Atoms/Content/ThumbnailWithLabel/ThumbnailWithLabel.type.d.ts

@@ -1,6 +1,5 @@
 import { Icon32 } from '../../../Base/Icon/Icon.types';
 import { ThumbnailProps } from '../Thumbnail/Thumbnail.type';
-
 export type ThumbnailWithLabelProps = ThumbnailProps & {
     label: string;
     placeholderIcon?: Icon32;

package/lib/Atoms/Content/ThumbnailWrapper/ThumbnailWrapper.d.ts

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

package/lib/Atoms/Content/ThumbnailWrapper/ThumbnailWrapper.types.d.ts

@@ -1,6 +1,5 @@
 import { BadgeOwnProps } from '@mui/base/Badge/Badge.types';
 import { ThumbnailCircularProps, ThumbnailSquareProps } from '../Thumbnail/Thumbnail.type';
-
 export default interface ThumbnailWrapperProps {
     ariaLabel?: string;
     children: BadgeOwnProps['children'];

package/lib/Atoms/Content/UserAvatar/UserAvatar.d.ts

@@ -0,0 +1,3 @@
+import { UserAvatarProps } from './UserAvatar.types';
+export declare const UserAvatar: ({ alt, avatarColor, size, userId, userImageSrc, }: UserAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default UserAvatar;

package/lib/Atoms/Content/UserAvatar/UserAvatar.types.d.ts

@@ -0,0 +1,17 @@
+import { TCircularSize } from '../Thumbnail/Thumbnail.type';
+export type AvatarColor = 'green' | 'purple' | 'orange' | 'blue';
+type BaseUserAvatarProps = {
+    alt: string;
+    size: TCircularSize;
+    userImageSrc?: string;
+};
+type UserIdMandatory = BaseUserAvatarProps & {
+    avatarColor?: AvatarColor;
+    userId: number;
+};
+type AvatarColorMandatory = BaseUserAvatarProps & {
+    avatarColor: AvatarColor;
+    userId?: number;
+};
+export type UserAvatarProps = UserIdMandatory | AvatarColorMandatory;
+export {};

package/lib/Atoms/Divider/Divider.d.ts

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

package/lib/Atoms/Dropdowns/DropdownHeader/DropdownHeader.d.ts

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

package/lib/Atoms/Dropdowns/DropdownHeader/DropdownHeader.types.d.ts

@@ -0,0 +1,6 @@
+import { Icon24 } from '../../../Base/Icon/Icon.types';
+import { ButtonProps } from '../../Buttons/Button/Button.types';
+export type DropdownHeaderProps = Pick<ButtonProps, 'onClick' | 'ariaLabel' | 'ariaLabelledBy' | 'disabled' | 'role'> & {
+    icon?: Icon24;
+    text?: string;
+};

package/lib/Atoms/Dropdowns/DropdownOption/DropdownOption.d.ts

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

package/lib/Atoms/Dropdowns/DropdownOption/DropdownOption.types.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../../Buttons/Button/Button.types';
+export type DropdownOptionProps = Pick<ButtonProps, 'onClick' | 'ariaLabel' | 'ariaLabelledBy' | 'disabled' | 'role'> & {
+    alt?: string;
+    isSelected?: boolean;
+    src?: string;
+    text: string;
+};

package/lib/Atoms/Dropdowns/DropdownOptionsCluster/DropdownOptionsCluster.d.ts

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

package/lib/Atoms/Dropdowns/DropdownOptionsCluster/DropdownOptionsCluster.types.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+export type DropdownOptionsClusterProps = PropsWithChildren<{
+    className?: string;
+}>;

package/lib/Atoms/Dropdowns/Select/Select.d.ts

@@ -1,3 +1,2 @@
 import { SelectTypes } from './Select.types';
-
 export default function Select({ children, colorScheme, disabled, errorMessage, onChange, placeholder, value, }: SelectTypes): import("react/jsx-runtime").JSX.Element;

package/lib/Atoms/Dropdowns/Select/Select.types.d.ts

@@ -1,5 +1,4 @@
 import { FocusEvent, KeyboardEvent, MouseEvent, ReactElement } from 'react';
-
 export interface SelectTypes {
     children: ReactElement<HTMLOptionElement> | ReactElement<HTMLOptionElement>[];
     colorScheme: 'light' | 'dark';

package/lib/Atoms/Image/Image.d.ts

@@ -1,4 +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/Atoms/Inputs/CheckboxInput/CheckboxInput.d.ts

@@ -1,4 +1,3 @@
 import { CheckboxInputProps } from './CheckboxInput.types';
-
 export declare function CheckboxInput({ checked, children, className, disabled, id, label, onChange, size, }: CheckboxInputProps): import("react/jsx-runtime").JSX.Element | null;
 export default CheckboxInput;

package/lib/Atoms/Inputs/CheckboxInput/CheckboxInput.types.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
-
 export declare enum CheckboxInputSizes {
     medium = "body-large",
     small = "body-semibold",

package/lib/Atoms/Inputs/InputDetails/InputDetails.d.ts

@@ -0,0 +1,3 @@
+import { default as InputDetailsProps } from './InputDetails.types';
+declare const InputDetails: ({ charCount, charLimit, errorText, hintText, }: InputDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export default InputDetails;

package/lib/Atoms/Inputs/InputDetails/InputDetails.types.d.ts

@@ -0,0 +1,6 @@
+export default interface InputDetailsProps {
+    charCount?: number;
+    charLimit?: number;
+    errorText?: string;
+    hintText?: string;
+}

package/lib/Atoms/Inputs/InputFieldSpecial/InputFieldSpecial.d.ts

@@ -1,4 +1,3 @@
 import { InputFieldSpecialProps } from './InputFieldSpecial.types';
-
 declare const InputFieldSpecial: ({ ariaLabel, disabled, errorMessage, id, maxDigits, name, onChange, placeholder, style, value, }: InputFieldSpecialProps) => import("react/jsx-runtime").JSX.Element;
 export default InputFieldSpecial;

package/lib/Atoms/Inputs/InputFieldSpecial/InputFieldSpecial.utils.d.ts

@@ -1,3 +1,2 @@
 import { maxDigitsValueMap } from './InputFieldSpecial.types';
-
 export declare const getValue: (value: number, maxDigits: keyof typeof maxDigitsValueMap) => number;

package/lib/Atoms/Inputs/RadioButton/RadioButton.d.ts

@@ -1,4 +1,3 @@
 import { RadioButtonTypes } from './RadioButton.types';
-
 export declare function RadioButton({ checked, disabled, id, label, onChange, size, value, }: RadioButtonTypes): import("react/jsx-runtime").JSX.Element;
 export default RadioButton;

package/lib/Atoms/Inputs/RadioButton/RadioButton.types.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from 'react';
-
 export interface RadioButtonTypes extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     id: string;
     label: string;

package/lib/Atoms/Inputs/TextAreaInput/TextAreaInput.d.ts

@@ -0,0 +1,3 @@
+import { TextAreaInputProps } from './TextAreaInput.types';
+declare const TextAreaInput: ({ ariaDescribedby, attachment, charLimit, colorScheme, errorText, hintText, id, label, name, ref, showInputHints, size, ...props }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TextAreaInput;

package/lib/Atoms/Inputs/TextAreaInput/TextAreaInput.types.d.ts

@@ -0,0 +1,6 @@
+import { IconButtonIcon24Props } from '../../Buttons/IconButton/IconButton.types';
+import { CommonTextInputProps } from '../TextInput/TextInput.types';
+export interface TextAreaInputProps extends CommonTextInputProps {
+    attachment?: Pick<IconButtonIcon24Props, 'icon' | 'onClick' | 'ariaLabel' | 'disabled'>[];
+    size: 'medium' | 'large';
+}

package/lib/Atoms/Inputs/TextInput/TextInput.d.ts

@@ -1,4 +1,3 @@
 import { TextInputProps } from './TextInput.types';
-
-declare const TextInput: ({ colorScheme, errorMessage, id, label, name, ref, size, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextInput: ({ ariaDescribedby, charLimit, colorScheme, errorText, hintText, icon, id, inputFieldType, label, name, ref, showInputHints, size, textButton, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TextInput;

package/lib/Atoms/Inputs/TextInput/TextInput.types.d.ts

@@ -1,12 +1,22 @@
-import { UseInputParameters } from '@mui/base/useInput';
-import { ForwardedRef } from 'react';
-
-export interface TextInputProps extends UseInputParameters {
-    colorScheme: 'light' | 'dark';
-    errorMessage?: string;
+import { UseInputParameters } from '@mui/base';
+import { ForwardedRef, HTMLInputTypeAttribute } from 'react';
+import { IconProps } from '../../../Base/Icon/Icon.types';
+import { IconButtonIcon24Props } from '../../Buttons/IconButton/IconButton.types';
+export interface CommonTextInputProps extends UseInputParameters {
+    ariaDescribedby?: string;
+    charLimit?: number;
+    colorScheme?: 'outline' | 'filled';
+    errorText?: string;
+    hintText?: string;
     id: string;
     label: string;
     name?: string;
     ref?: ForwardedRef<null>;
-    size: 'small' | 'medium';
+    showInputHints?: boolean;
+}
+export interface TextInputProps extends CommonTextInputProps {
+    icon?: IconProps;
+    inputFieldType?: HTMLInputTypeAttribute;
+    size: 'medium' | 'large' | 'small';
+    textButton?: IconButtonIcon24Props;
 }

package/lib/Atoms/Inputs/Toggle/Toggle.d.ts

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

package/lib/Atoms/Inputs/Toggle/Toggle.types.d.ts

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

package/lib/Atoms/NotificationBubble/NotificationBubble.d.ts

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

package/lib/Atoms/NotificationBubble/NotificationBubble.types.d.ts

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

package/lib/Atoms/Selectables/SelectablePill/SelectablePill.d.ts

@@ -1,4 +1,3 @@
 import { SelectablePillProps } from './SelectablePill.types';
-
 declare const SelectablePill: ({ disabled, icon, id, isSelected, label, onToggleChange, orientation, popular, style, value, variant, }: SelectablePillProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectablePill;

package/lib/Atoms/Selectables/SelectablePill/SelectablePill.types.d.ts

@@ -1,5 +1,4 @@
 import { Icon32 } from '../../../Base/Icon/Icon.types';
-
 export interface SelectablePillProps {
     disabled?: boolean;
     icon?: Icon32;

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

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

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