@4alldigital/foundation-ui--gamma 1.22.0 → 1.23.0

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+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;
+}

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, className, label, required, ...rest }: 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,25 @@
+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;
+}

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,4 @@
+import React from 'react';
+import { Props } from './FormSelect.types';
+declare const FormSelect: ({ id, name, options, required, className, iconColor, label, itemIcon, selectIconDown, selectIconUp, }: Props) => React.ReactElement;
+export default FormSelect;

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,39 @@
+/// <reference types="react" />
+type OptionsType = {
+    value: string;
+    label: string;
+    /** The selected option's value. */
+    defaultValue?: string;
+    disabled?: boolean;
+};
+export interface Props {
+    /** The select visible default label value. */
+    label?: string;
+    /** The selected option's value. */
+    options: Array<OptionsType>;
+    /** Unique id for the field, required for a11y. */
+    id: 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;
+}
+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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+export declare enum HeadingTag {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5"
+}
+export declare enum HeadingAlign {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right",
+    JUSTIFY = "justify",
+    NOWRAP = "nowrap"
+}
+export declare enum HeadingTransform {
+    LOWERCASE = "lowercase",
+    UPPERCASE = "uppercase",
+    CAPITALIZE = "capitalize",
+    NORMAL_CASE = "normal-case"
+}
+export interface Props {
+    children: string | React.ReactNode;
+    tag: HeadingTag;
+    align?: HeadingAlign;
+    transform?: HeadingTransform;
+    id?: string;
+    testID?: string;
+    flush?: boolean;
+    className?: string;
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { Props } from './Image.types';
+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/Image/Image.stories.d.ts

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

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

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

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

@@ -0,0 +1,16 @@
+export type Props = {
+    src: string;
+    alt: string;
+    title?: string;
+    onLoad?: () => void;
+    /** Image caption, will display as a `figure` if set. */
+    caption?: string;
+    /** Display within a `figure`. */
+    figure?: boolean;
+    /** The image will take up the entire width of the container. */
+    fluid?: boolean;
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    id?: string;
+    testID?: string;
+    className?: string;
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { History } from 'history';
+export interface Props {
+    href: string;
+    children: React.ReactNode;
+    history?: History;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    onClick?: React.MouseEventHandler;
+    id?: string;
+    testID?: string;
+    className?: string;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export type VariantsTypes = 'unstyled' | 'inline' | 'small' | 'large';
+export declare enum Variants {
+    UNSTYLED = "unstyled",
+    INLINE = "inline",
+    SMALL = "small",
+    LARGE = "large"
+}
+export declare enum ListTag {
+    OL = "ol",
+    UL = "ul",
+    DL = "dl",
+    DIV = "div",
+    DT = "dt",
+    DD = "dd",
+    LI = "li"
+}
+export type Props = {
+    variants?: Array<Variants>;
+    children: string | React.ReactNode | Array<React.ReactNode>;
+    as: ListTag;
+    id?: string;
+    testID?: string;
+    className?: string;
+};

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type Props = {
+    children: string | Array<React.ReactNode> | React.ReactNode | Array<any> | any;
+    as: 'li' | 'dt' | 'dd';
+    id?: string;
+    testID?: string;
+    className?: string;
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+export interface Props {
+    foo: string;
+    id?: string;
+    testID?: string;
+}

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

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

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,31 @@
+/// <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_LOCAL = "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;
+}

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

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

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

@@ -0,0 +1,15 @@
+export { default as Blockquote } from './Blockquote';
+export { default as Button } from './Button';
+export { default as Copy } from './Copy';
+export { default as Hr } from './Hr';
+export { default as Heading } from './Heading';
+export { default as Icon } from './Icon';
+export { default as Image } from './Image';
+export { default as Link } from './Link';
+export { default as List } from './List';
+export { default as ListItem } from './ListItem';
+export { default as Notice } from './Notice';
+export { default as Loader } from './Loader';
+export { default as Container } from './Container';
+export { default as ContentPageLayout } from './ContentPageLayout';
+export { default as ContentRowsLayout } from './ContentRowsLayout';

package/dist/types/fui/context/ThemeContext.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface Brand {
+    logo: string;
+    name: string;
+}
+interface ThemeContextProps {
+    isDarkTheme: boolean;
+    toggleTheme: () => void;
+    brand?: Brand;
+}
+export declare const defaultTheme: ThemeContextProps;
+export declare const ThemeContext: React.Context<ThemeContextProps>;
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    theme: ThemeContextProps;
+}
+declare const ThemeProvider: ({ children, theme }: ThemeProviderProps) => React.ReactElement;
+export default ThemeProvider;

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

@@ -0,0 +1 @@
+export * from './components';

package/dist/types/fui/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/fui/stories/Header.d.ts

@@ -0,0 +1,11 @@
+type User = {
+    name: string;
+};
+interface HeaderProps {
+    user?: User;
+    onLogin: () => void;
+    onLogout: () => void;
+    onCreateAccount: () => void;
+}
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/fui/stories/Header.stories.d.ts

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

package/dist/types/fui/stories/Page.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Page: React.FC;

package/dist/types/fui/stories/Page.stories.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4alldigital/foundation-ui--gamma",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "description": "Foundation UI Component library with GAMMA theme. ",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -24,7 +24,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "447d74b2f86e4116720ad372d13751eb4fbc1fa7",
+  "gitHead": "07799f8e3c5c4ff651953516dc903d493073a2a9",
   "dependencies": {
     "@headlessui/react": "^1.7.8",
     "@heroicons/react": "^2.0.14",
@@ -58,13 +58,11 @@
     "@radix-ui/react-tooltip": "^1.0.0",
     "@tailwindcss/forms": "^0.5.2",
     "classnames": "^2.5.1",
-    "final-form": "^4.20.10",
     "history": "^5.3.0",
     "react": "^18.2.0",
     "react-content-loader": "^6.2.1",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
-    "react-final-form": "^6.5.9",
     "react-scripts": "^5.0.1",
     "tailwindcss": "^3.4.1",
     "tailwindcss-radix": "^2.8.0",