@goodhood-web/ui 3.3.0-development.25 → 3.3.0-development.26

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

@@ -1,3 +1,3 @@
 import { StickerProps } from './Sticker.types';
-declare const Sticker: ({ color, icon, size }: StickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Sticker: ({ className, 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,6 @@
 import { Icon32 } from '../../../Base/Icon/Icon.types';
 export interface StickerProps {
+    className?: string;
     color: 'green' | 'pink' | 'lavender' | 'teal' | 'orange' | 'grey' | 'lightGrey';
     icon: Icon32;
     size: 'small' | 'medium' | 'large';

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

@@ -0,0 +1,3 @@
+import { ContentCreatorTileProps } from './ContentCreatorTile.types';
+declare const ContentCreatorTile: ({ description, headline, isActive, isPending, onClick, selected, sticker, }: ContentCreatorTileProps) => import("react/jsx-runtime").JSX.Element;
+export default ContentCreatorTile;

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

@@ -0,0 +1,11 @@
+import { StickerProps } from '../../../Badges/Sticker/Sticker.types';
+import { BaseButtonProps } from '../../Button/Button.types';
+export interface ContentCreatorTileProps {
+    description?: string;
+    headline: string;
+    isActive: boolean;
+    isPending?: boolean;
+    onClick?: BaseButtonProps['onClick'];
+    selected?: boolean;
+    sticker: StickerProps;
+}

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

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

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

@@ -2,5 +2,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'>[];
+    ref?: React.RefObject<HTMLTextAreaElement>;
     size: 'medium' | 'large';
 }

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

@@ -1,3 +1,3 @@
 import { TextInputProps } from './TextInput.types';
-declare const TextInput: ({ ariaDescribedby, ariaExpanded, charLimit, colorScheme, errorText, hintText, icon, iconButton, id, inputFieldType, label, limitCharInput, name, onClick, onKeyDown, readonly, ref, role, showInputHints, size, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextInput: import('react').ForwardRefExoticComponent<TextInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default TextInput;

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

@@ -1,10 +1,16 @@
 import { UseInputParameters } from '@mui/base';
 import { ForwardedRef, HTMLInputTypeAttribute, KeyboardEventHandler } from 'react';
+import { CountryCode } from '../../../Base/FlagIcon/FlagIcon.types';
 import { IconProps } from '../../../Base/Icon/Icon.types';
-import { IconButtonIcon24Props } from '../../Buttons/IconButton/IconButton.types';
+import { IconButtonIcon16Props, IconButtonIcon24Props } from '../../Buttons/IconButton/IconButton.types';
 export interface CommonTextInputProps extends UseInputParameters {
+    ariaActivedescendant?: string;
+    ariaAutocomplete?: 'none' | 'inline' | 'list' | 'both' | undefined;
+    ariaControls?: string;
     ariaDescribedby?: string;
     ariaExpanded?: boolean;
+    autoFocus?: boolean;
+    autocomplete?: string;
     charLimit?: number;
     colorScheme?: 'outline' | 'filled';
     errorText?: string;
@@ -14,18 +20,25 @@ export interface CommonTextInputProps extends UseInputParameters {
     limitCharInput?: boolean;
     name?: string;
     onKeyDown?: KeyboardEventHandler;
+    placeholder?: string;
+    progressBar?: React.ReactNode;
     readonly?: boolean;
-    ref?: ForwardedRef<null>;
     role?: 'combobox';
     showInputHints?: boolean;
+    wrapperClassName?: string;
 }
 export interface TextInputProps extends CommonTextInputProps {
+    flagIcon?: CountryCode;
     icon?: IconProps;
-    iconButton?: IconButtonIcon24Props & {
+    iconButton?: (IconButtonIcon24Props & {
         ariaExpanded?: boolean;
         ariaHaspopup?: boolean;
         ref?: ForwardedRef<null>;
-    };
+    }) | (IconButtonIcon16Props & {
+        ariaExpanded?: boolean;
+        ariaHaspopup?: boolean;
+        ref?: ForwardedRef<null>;
+    });
     inputFieldType?: HTMLInputTypeAttribute;
-    size: 'medium' | 'large' | 'small';
+    size?: 'medium' | 'large' | 'small';
 }

package/lib/Atoms/Progress/ProgressBar/ProgressBar.d.ts

@@ -1,3 +1,3 @@
 import { ProgressBarProps } from './ProgressBar.types';
-export declare const ProgressBar: ({ progress, steps }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ className, progress, steps, type, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export default ProgressBar;

package/lib/Atoms/Progress/ProgressBar/ProgressBar.types.d.ts

@@ -1,4 +1,6 @@
 export type ProgressBarProps = {
+    className?: string;
     progress: number;
     steps: number;
+    type?: 'progress' | 'password';
 };

package/lib/Base/FlagIcon/FlagIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as FlagIconProps } from './FlagIcon.types';
+declare const FlagIcon: ({ countryCode, disabled }: FlagIconProps) => import("react/jsx-runtime").JSX.Element;
+export default FlagIcon;

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

@@ -0,0 +1,6 @@
+import { IconMap } from './icons';
+export type CountryCode = keyof typeof IconMap;
+export default interface FlagIconProps {
+    countryCode: CountryCode;
+    disabled?: boolean;
+}

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

@@ -0,0 +1,164 @@
+export declare const IconMap: {
+    AT: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    BE: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    BG: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    CY: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    CZ: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    DE: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    DK: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    EE: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    ES: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    FI: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    FR: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    GR: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    HR: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    HU: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    IE: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    IT: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    LT: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    LU: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    LV: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    MT: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NL: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PL: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PT: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    RO: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    SE: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    SI: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    SK: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+};

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

@@ -589,6 +589,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly checkmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly christmas_tree: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;

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

@@ -95,6 +95,12 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    readonly checkmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly christmas_tree: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

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

@@ -502,6 +502,12 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        readonly checkmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         readonly christmas_tree: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "3.3.0-development.25",
+  "version": "3.3.0-development.26",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",