@4alldigital/foundation-ui--gamma 1.22.1 → 1.24.0

package/dist/types/fui/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Checkbox';

package/dist/types/fui/components/Container/Container.d.ts

@@ -1,6 +1,7 @@
 import { Props } from './Container.types';
 declare const Container: {
-    ({ children, className, spacing }: Props): React.ReactElement;
-    defaultProps: {};
+    ({ children, className, spacing, padded }: Props): React.ReactElement;
+    displayName: string;
 };
 export default Container;
+export type { Props };

package/dist/types/fui/components/Container/Container.types.d.ts

@@ -3,4 +3,5 @@ export interface Props {
     children: React.ReactNode;
     className?: string;
     spacing?: 'feature' | 'component' | 'module' | 'element' | 'atom' | 'none';
+    padded?: boolean;
 }

package/dist/types/fui/components/ContentPageLayout/ContentPageLayout.d.ts

@@ -1,3 +1,7 @@
 import { Props } from './ContentPageLayout.types';
-declare const ContentPageLayout: ({ children, spacing, narrow, flush, className }: Props) => React.ReactElement;
+declare const ContentPageLayout: {
+    ({ spacing, children, narrow, flush, className, }: Props): React.ReactElement;
+    displayName: string;
+};
 export default ContentPageLayout;
+export type { Props };

package/dist/types/fui/components/ContentRowsLayout/ContentRowsLayout.d.ts

@@ -1,8 +1,7 @@
-import { Props, SIZE } from './ContentRowsLayout.types';
+import { Props } from './ContentRowsLayout.types';
 declare const ContentRowsLayout: {
     ({ className, children, size }: Props): React.ReactElement;
-    defaultProps: {
-        size: SIZE;
-    };
+    displayName: string;
 };
 export default ContentRowsLayout;
+export type { Props };

package/dist/types/fui/components/Copy/Copy.d.ts

@@ -1,11 +1,7 @@
-import { Align, Props, Tag } from './Copy.types';
+import { Props } from './Copy.types';
 declare const Copy: {
-    ({ children, tag: Tag, size, align, transform, id, testID }: Props): React.ReactElement;
-    defaultProps: {
-        inverted: boolean;
-        maxLength: boolean;
-        tag: Tag;
-        align: Align;
-    };
+    ({ children, as: Tag, size, align, transform, id, testID, }: Props): React.ReactElement;
+    displayName: string;
 };
 export default Copy;
+export type { Props };

package/dist/types/fui/components/Copy/Copy.types.d.ts

@@ -1,40 +1,41 @@
 /// <reference types="react" />
-export declare enum Align {
+export declare enum ALIGN {
     LEFT = "left",
     CENTER = "center",
     RIGHT = "right",
     JUSTIFY = "justify",
     NOWRAP = "nowrap"
 }
-export declare enum Transform {
+export declare enum TRANSFORM {
     LOWERCASE = "lowercase",
     UPPERCASE = "uppercase",
     CAPITALIZE = "capitalize",
     NORMALCASE = "normal-case"
 }
-export declare enum Contextual {
+export declare enum CONTEXTUAL {
     INVERTED = "inverted",
     MUTED = "muted"
 }
-export declare enum Size {
+export declare enum SIZE {
     SMALL = "small",
     LARGE = "large",
     INTRO = "intro"
 }
-export declare enum Tag {
+export declare enum TAG {
     P = "p",
+    SPAN = "span",
     DIV = "div",
     SMALL = "small"
 }
 export interface Props {
     children: string | Array<React.ReactNode> | React.ReactNode;
-    align?: Align;
-    size?: Size;
-    transform?: Transform;
-    contextual?: Contextual;
+    align?: ALIGN;
+    size?: SIZE;
+    transform?: TRANSFORM;
+    contextual?: CONTEXTUAL;
     inverted?: boolean;
     maxLength?: boolean;
-    tag: Tag;
+    as?: TAG;
     id?: string;
     testID?: string;
 }

package/dist/types/fui/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Props } from './FileUpload.types';
+declare const FileUpload: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export default FileUpload;
+export type { Props };

package/dist/types/fui/components/FileUpload/FileUpload.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FileUpload from '.';
+declare const meta: Meta<typeof FileUpload>;
+type Story = StoryObj<typeof FileUpload>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/components/FileUpload/FileUpload.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/FileUpload/FileUpload.types.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    id: string;
+    name: string;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+}

package/dist/types/fui/components/FileUpload/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FileUpload';

package/dist/types/fui/components/Form/Form.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from './Form.types';
+declare const Form: {
+    ({ children, className, submit, onSubmit, hideSubmit, ariaSubmitLabel, submitID, initialValues, submitVariant, }: Props): React.ReactElement;
+    displayName: string;
+};
+export default Form;
+export type { Props };

package/dist/types/fui/components/Form/Form.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Form from '.';
+declare const meta: Meta<typeof Form>;
+type Story = StoryObj<typeof Form>;
+export declare const Default: Story;
+export declare const Example: Story;
+export default meta;

package/dist/types/fui/components/Form/Form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/Form/Form.types.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { BTN_VARIANTS } from "../Button/Button.types";
+export interface Props {
+    /** The form inputs and content. */
+    children: React.ReactNode;
+    /** Additional classes. */
+    className?: string;
+    /** Disable form inputs validation. */
+    noValidate?: boolean;
+    /** The submit handler that will fire once the form is submitted. */
+    onSubmit: (values: {
+        [k: string]: FormDataEntryValue;
+    }) => void;
+    /** The label for the submit button. */
+    submit?: string;
+    /** Hide submit button. */
+    hideSubmit?: boolean;
+    /** The aria-label attribute value for the submit button. */
+    ariaSubmitLabel?: string;
+    /** Unique form submit button id. */
+    submitID?: string;
+    /** Initial form values. */
+    initialValues?: {
+        [k: string]: FormDataEntryValue;
+    };
+    submitVariant?: BTN_VARIANTS;
+}

package/dist/types/fui/components/Form/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Form';

package/dist/types/fui/components/FormField/FormField.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from './FormField.types';
+declare const FormField: {
+    ({ name, type, label, required, className, icon, options, disabled, description, showPasswordLabel, hidePasswordLabel, }: Props): React.ReactElement;
+    displayName: string;
+};
+export default FormField;
+export type { Props };

package/dist/types/fui/components/FormField/FormField.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FormField from '.';
+declare const meta: Meta<typeof FormField>;
+type Story = StoryObj<typeof FormField>;
+export declare const Default: Story;
+export declare const Example: Story;
+export default meta;

package/dist/types/fui/components/FormField/FormField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/FormField/FormField.types.d.ts

@@ -0,0 +1,34 @@
+export declare enum FieldTypes {
+    TEXT = "text",
+    TEXTAREA = "textarea",
+    SELECT = "select",
+    CHECKBOX = "checkbox",
+    RADIO = "radio",
+    SWITCH = "switch",
+    DATE = "date",
+    TIME = "time",
+    DATETIME = "datetime",
+    FILE = "file",
+    PASSWORD = "password",
+    EMAIL = "email",
+    NUMBER = "number",
+    TEL = "tel",
+    URL = "url",
+    SEARCH = "search"
+}
+export interface Props {
+    type: FieldTypes;
+    name: string;
+    className?: string;
+    label?: string;
+    required?: boolean;
+    icon?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    disabled?: boolean;
+    description?: string;
+    showPasswordLabel?: string;
+    hidePasswordLabel?: string;
+}

package/dist/types/fui/components/FormField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FormField';

package/dist/types/fui/components/FormSelect/FormSelect.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from './FormSelect.types';
+declare const FormSelect: {
+    ({ id, name, options, required, className, disabled }: Props): React.ReactElement;
+    displayName: string;
+};
+export default FormSelect;
+export type { Props };

package/dist/types/fui/components/FormSelect/FormSelect.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FormSelect from '.';
+declare const meta: Meta<typeof FormSelect>;
+type Story = StoryObj<typeof FormSelect>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/components/FormSelect/FormSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/FormSelect/FormSelect.types.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+type OptionsType = {
+    value: string;
+    label: string;
+    /** The selected option's value. */
+    defaultValue?: string;
+    disabled?: boolean;
+};
+export interface Props {
+    /** The selected option's value. */
+    options: Array<OptionsType>;
+    /** Unique id for the field, required for a11y. */
+    id: string;
+    /** The select visible default label value. */
+    label?: string;
+    /** Is field required. */
+    required?: boolean;
+    /** Additional classes. */
+    className?: string;
+    /** Dropdown icon color. */
+    iconColor?: string;
+    /** Dropdown icon color. */
+    itemIcon?: string;
+    /** Additional wrapper CSS classes. */
+    wrapperStyles?: string;
+    /** Select Up Icon. */
+    selectIconUp?: string;
+    /** Select Down Icon. */
+    selectIconDown?: string;
+    /** Select Form Item Name. */
+    name?: string;
+    /** Is field disabled. */
+    disabled?: boolean;
+}
+export interface ItemProps {
+    children: React.ReactNode;
+    value: string;
+    itemIcon: string;
+    iconColor?: string;
+}
+export {};

package/dist/types/fui/components/FormSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FormSelect';

package/dist/types/fui/components/Heading/Heading.d.ts

@@ -1,8 +1,7 @@
-import { HeadingTag, Props } from './Heading.types';
+import { Props } from './Heading.types';
 declare const Heading: {
     ({ children, tag, transform, align, id, testID, flush, className }: Props): React.ReactElement;
-    defaultProps: {
-        tag: HeadingTag;
-    };
+    displayName: string;
 };
 export default Heading;
+export type { Props };

package/dist/types/fui/components/Hr/Hr.d.ts

@@ -1,2 +1,5 @@
-declare const Hr: () => React.ReactElement;
+declare const Hr: {
+    (): React.ReactElement;
+    displayName: string;
+};
 export default Hr;

package/dist/types/fui/components/Icon/Icon.d.ts

@@ -4,9 +4,8 @@ import { Props } from './Icon.types';
  * List of supported icons can be found at https://icon-sets.iconify.design.
  */
 declare const Icon: {
-    ({ name, size, color, id, testID }: Props): React.ReactElement;
-    defaultProps: {
-        size: number;
-    };
+    ({ name, size, color, id, className, testID }: Props): React.ReactElement;
+    displayName: string;
 };
 export default Icon;
+export type { Props };

package/dist/types/fui/components/Icon/Icon.types.d.ts

@@ -1,7 +1,8 @@
 export interface Props {
     name: string;
-    size: number;
+    size?: number;
     color?: string;
     id?: string;
     testID?: string;
+    className?: string;
 }

package/dist/types/fui/components/Image/Image.d.ts

@@ -1,3 +1,7 @@
 import { Props } from './Image.types';
-declare const Image: ({ src, alt, title, caption, figure, onLoad, id, className, testID, }: Props) => React.ReactElement;
+declare const Image: {
+    ({ src, alt, title, caption, figure, onLoad, id, className, testID, }: Props): React.ReactElement;
+    displayName: string;
+};
 export default Image;
+export type { Props };

package/dist/types/fui/components/Label/Label.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from './Label.types';
+declare const Label: {
+    ({ label, id }: Props): React.ReactElement;
+    displayName: string;
+};
+export default Label;
+export type { Props };

package/dist/types/fui/components/Label/Label.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Label from '.';
+declare const meta: Meta<typeof Label>;
+type Story = StoryObj<typeof Label>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/components/Label/Label.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/Label/Label.types.d.ts

@@ -0,0 +1,4 @@
+export interface Props {
+    label: string;
+    id: string;
+}

package/dist/types/fui/components/Label/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Label';

package/dist/types/fui/components/Link/Link.d.ts

@@ -1,11 +1,7 @@
 import { Props } from './Link.types';
 declare const Link: {
     ({ href, children, onClick, history, target, id, testID, className }: Props): React.ReactElement;
-    defaultProps: {
-        href: undefined;
-        onClick: () => void;
-        history: undefined;
-        target: undefined;
-    };
+    displayName: string;
 };
 export default Link;
+export type { Props };

package/dist/types/fui/components/List/List.d.ts

@@ -1,8 +1,7 @@
-import { ListTag, Props } from './List.types';
+import { Props } from './List.types';
 declare const List: {
-    ({ variants, children, as, id, testID, }: Props): React.ReactElement;
-    defaultProps: {
-        as: ListTag;
-    };
+    ({ variants, children, as, id, testID, className }: Props): React.ReactElement;
+    displayName: string;
 };
 export default List;
+export type { Props };

package/dist/types/fui/components/List/List.types.d.ts

@@ -21,4 +21,5 @@ export type Props = {
     as: ListTag;
     id?: string;
     testID?: string;
+    className?: string;
 };

package/dist/types/fui/components/ListItem/ListItem.d.ts

@@ -1,8 +1,7 @@
 import { Props } from './ListItem.types';
 declare const ListItem: {
-    ({ children, as: Tag, id, testID }: Props): React.ReactElement;
-    defaultProps: {
-        as: string;
-    };
+    ({ children, as: Tag, id, testID, className }: Props): React.ReactElement;
+    displayName: string;
 };
 export default ListItem;
+export type { Props };

package/dist/types/fui/components/ListItem/ListItem.types.d.ts

@@ -4,4 +4,5 @@ export type Props = {
     as: 'li' | 'dt' | 'dd';
     id?: string;
     testID?: string;
+    className?: string;
 };

package/dist/types/fui/components/Loader/Loader.d.ts

@@ -1,8 +1,7 @@
 import { Props } from './Loader.types';
 declare const Loader: {
-    ({ size }: Props): React.ReactElement;
-    defaultProps: {
-        size: number;
-    };
+    ({ color, size, thickness }: Props): React.ReactElement;
+    displayName: string;
 };
 export default Loader;
+export type { Props };

package/dist/types/fui/components/Loader/Loader.types.d.ts

@@ -1,4 +1,5 @@
 export interface Props {
     color?: string;
     size?: number;
+    thickness?: number;
 }

package/dist/types/fui/components/Notice/Notice.d.ts

@@ -1,3 +1,7 @@
 import { Props } from './Notice.types';
-declare const Notice: ({ foo, id, testID }: Props) => React.ReactElement;
+declare const Notice: {
+    ({ foo, id, testID }: Props): React.ReactElement;
+    displayName: string;
+};
 export default Notice;
+export type { Props };

package/dist/types/fui/components/Radio/Radio.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Props } from './Radio.types';
+declare const Radio: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export default Radio;
+export type { Props };

package/dist/types/fui/components/Radio/Radio.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Radio from '.';
+declare const meta: Meta<typeof Radio>;
+type Story = StoryObj<typeof Radio>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/components/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/Radio/Radio.types.d.ts

@@ -0,0 +1,13 @@
+export interface Props {
+    id: string;
+    name: string;
+    icon?: string;
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+}

package/dist/types/fui/components/Radio/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Radio';

package/dist/types/fui/components/Switch/Switch.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Props } from './Switch.types';
+declare const Switch: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export default Switch;
+export type { Props };

package/dist/types/fui/components/Switch/Switch.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Switch from '.';
+declare const meta: Meta<typeof Switch>;
+type Story = StoryObj<typeof Switch>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/components/Switch/Switch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/Switch/Switch.types.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    id: string;
+    name: string;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+}

package/dist/types/fui/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Switch';

package/dist/types/fui/components/TextInput/TextInput.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Props } from './TextInput.types';
+declare const TextInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export default TextInput;
+export type { Props };

package/dist/types/fui/components/TextInput/TextInput.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import TextInput from '.';
+declare const meta: Meta<typeof TextInput>;
+type Story = StoryObj<typeof TextInput>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/components/TextInput/TextInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/TextInput/TextInput.types.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export declare enum InputType {
+    TEXT = "text",
+    PASSWORD = "password",
+    EMAIL = "email",
+    NUMBER = "number",
+    TEL = "tel",
+    URL = "url",
+    SEARCH = "search",
+    DATE = "date",
+    TIME = "time",
+    DATETIME = "datetime-local",
+    MONTH = "month",
+    WEEK = "week",
+    FILE = "file",
+    TEXTAREA = "textarea"
+}
+export interface Props {
+    /** Input type. */
+    type?: InputType;
+    /** Specify if input is required. */
+    required?: boolean;
+    /** Custom style attributes. */
+    className?: string;
+    /** OnChange function handler. */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Input name attribute. */
+    name?: string;
+    /** Input icon value. */
+    icon?: string;
+    /** Input status. */
+    disabled?: boolean;
+}

package/dist/types/fui/components/TextInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TextInput';

package/dist/types/fui/components/index.d.ts

@@ -13,3 +13,5 @@ export { default as Loader } from './Loader';
 export { default as Container } from './Container';
 export { default as ContentPageLayout } from './ContentPageLayout';
 export { default as ContentRowsLayout } from './ContentRowsLayout';
+export { default as Form } from './Form';
+export { default as FormField } from './FormField';

package/dist/types/fui/hooks/useTheme.d.ts

@@ -0,0 +1 @@
+export default function useTheme(): any;