@fluidattacks/design 3.25.5-pr.5 → 3.25.5-pr.7

package/dist/components/progress-bar/index.stories.d.ts

@@ -0,0 +1,185 @@
+import { Meta } from '@storybook/react';
+import { IProgressBarProps } from './types';
+declare const config: Meta;
+declare const Default: {
+    args: {
+        itemsProps: ({
+            minWidth: number;
+            percentage: number;
+            percentageLocation: string;
+            showPercentage: boolean;
+        } | {
+            minWidth: number;
+            percentage: number;
+            percentageLocation?: undefined;
+            showPercentage?: undefined;
+        })[];
+    };
+    decorators?: import('storybook/internal/csf').DecoratorFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').DecoratorFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    parameters?: import('@storybook/react').Parameters;
+    argTypes?: Partial<import('@storybook/react').ArgTypes<{
+        itemsProps: IProgressBarProps[];
+    }>> | undefined;
+    loaders?: import('storybook/internal/csf').LoaderFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').LoaderFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | undefined;
+    tags?: import('storybook/internal/csf').Tag[];
+    mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
+    name?: import('storybook/internal/csf').StoryName;
+    storyName?: import('storybook/internal/csf').StoryName;
+    play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | undefined;
+    globals?: import('storybook/internal/csf').Globals;
+    story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }, Partial<{
+        itemsProps: IProgressBarProps[];
+    }>>, "story"> | undefined;
+};
+declare const Compliance: {
+    args: {
+        itemsProps: {
+            minWidth: number;
+            percentage: number;
+            showPercentage: boolean;
+            variant: string;
+        }[];
+    };
+    decorators?: import('storybook/internal/csf').DecoratorFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').DecoratorFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    parameters?: import('@storybook/react').Parameters;
+    argTypes?: Partial<import('@storybook/react').ArgTypes<{
+        itemsProps: IProgressBarProps[];
+    }>> | undefined;
+    loaders?: import('storybook/internal/csf').LoaderFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').LoaderFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | undefined;
+    tags?: import('storybook/internal/csf').Tag[];
+    mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
+    name?: import('storybook/internal/csf').StoryName;
+    storyName?: import('storybook/internal/csf').StoryName;
+    play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | undefined;
+    globals?: import('storybook/internal/csf').Globals;
+    story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }, Partial<{
+        itemsProps: IProgressBarProps[];
+    }>>, "story"> | undefined;
+};
+declare const Variants: {
+    args: {
+        itemsProps: ({
+            minWidth: number;
+            percentage: number;
+            showPercentage: boolean;
+            variant: string;
+            rounded?: undefined;
+        } | {
+            minWidth: number;
+            percentage: number;
+            rounded: boolean;
+            showPercentage: boolean;
+            variant: string;
+        } | {
+            minWidth: number;
+            percentage: number;
+            showPercentage: boolean;
+            variant?: undefined;
+            rounded?: undefined;
+        } | {
+            minWidth: number;
+            percentage: number;
+            rounded: boolean;
+            showPercentage: boolean;
+            variant?: undefined;
+        })[];
+    };
+    decorators?: import('storybook/internal/csf').DecoratorFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').DecoratorFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    parameters?: import('@storybook/react').Parameters;
+    argTypes?: Partial<import('@storybook/react').ArgTypes<{
+        itemsProps: IProgressBarProps[];
+    }>> | undefined;
+    loaders?: import('storybook/internal/csf').LoaderFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').LoaderFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>[] | undefined;
+    render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | undefined;
+    tags?: import('storybook/internal/csf').Tag[];
+    mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
+    name?: import('storybook/internal/csf').StoryName;
+    storyName?: import('storybook/internal/csf').StoryName;
+    play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }> | undefined;
+    globals?: import('storybook/internal/csf').Globals;
+    story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
+        itemsProps: IProgressBarProps[];
+    }, Partial<{
+        itemsProps: IProgressBarProps[];
+    }>>, "story"> | undefined;
+};
+export default config;
+export { Default, Compliance, Variants };

package/dist/components/progress-bar/styles.d.ts

@@ -0,0 +1,13 @@
+import { TOrientation, TProgressVariant } from './types';
+declare const Bar: import('styled-components').IStyledComponent<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $minWidth: number;
+    $orientation: TOrientation;
+    $rounded: boolean;
+    $variant: TProgressVariant;
+}>>;
+declare const StyledProgressBar: import('styled-components').IStyledComponent<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $percentage: number;
+    $rounded: boolean;
+    $variant: TProgressVariant;
+}>>;
+export { Bar, StyledProgressBar };

package/dist/components/progress-bar/types.d.ts

@@ -0,0 +1,24 @@
+type TOrientation = "horizontal" | "vertical";
+type TPercentageLocation = "left" | "right";
+type TProgressVariant = "compliance" | "default" | "progressIndicator" | "progressIndicatorError" | "small";
+/**
+ * Progress bar component props.
+ * @interface IProgressBarProps
+ * @property { number } [minWidth] - Minimum width of the progress bar.
+ * @property { number } percentage - Percentage of the progress bar.
+ * @property { TPercentageLocation } [percentageLocation] - Location of the percentage text.
+ * @property { boolean } [rounded] - Whether to round the progress bar corners.
+ * @property { boolean } [showPercentage] - Whether to show the percentage text.
+ * @property { TOrientation } [orientation] - Orientation of the progress bar.
+ * @property { TProgressVariant } [variant] - Progress bar variant.
+ */
+interface IProgressBarProps {
+    minWidth?: number;
+    percentage: number;
+    percentageLocation?: TPercentageLocation;
+    rounded?: boolean;
+    showPercentage?: boolean;
+    orientation?: TOrientation;
+    variant?: TProgressVariant;
+}
+export type { IProgressBarProps, TProgressVariant, TOrientation };

package/dist/components/progress-indicator/in-progress-icon/index.d.ts

@@ -0,0 +1,3 @@
+import { ISVGProps } from '../types';
+declare const InProgressIcon: ({ onClick }: Readonly<ISVGProps>) => JSX.Element;
+export { InProgressIcon };

package/dist/components/progress-indicator/in-progress-icon/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../components-Bnce3gbg.js");exports.InProgressIcon=e.InProgressIcon;

package/dist/components/progress-indicator/index.d.ts

@@ -0,0 +1,5 @@
+import { ProgressStep } from './step';
+import { IProgressIndicator, ISVGProps, IStepProps, TStepState } from './types';
+declare const ProgressIndicator: ({ children, orientation, minWidth, }: Readonly<IProgressIndicator>) => JSX.Element;
+export type { IStepProps, ISVGProps, TStepState };
+export { ProgressIndicator, ProgressStep };

package/dist/components/progress-indicator/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-Bnce3gbg.js");exports.ProgressIndicator=e.ProgressIndicator;exports.ProgressStep=e.ProgressStep;

package/dist/components/progress-indicator/step/index.d.ts

@@ -0,0 +1,3 @@
+import { IStepProps } from '../types';
+declare const ProgressStep: ({ label, minWidth, state, stepNumber, title, onClick, orientation, }: Readonly<IStepProps>) => JSX.Element;
+export { ProgressStep };

package/dist/components/progress-indicator/step/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-DGfjRRUz.js");const e=require("../../../components-Bnce3gbg.js");exports.ProgressStep=e.ProgressStep;

package/dist/components/progress-indicator/styles.d.ts

@@ -0,0 +1,14 @@
+import { DefaultTheme } from 'styled-components';
+import { TStepState } from './types';
+import { TOrientation } from '../@core';
+declare const colors: (state: TStepState, theme: DefaultTheme) => string;
+declare const StyledIcon: import('styled-components').IStyledComponent<"web", import('styled-components/dist/types').Substitute<Omit<Readonly<import('../icon/types').IIconProps> & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
+}, {
+    $variant: TStepState;
+}>> & import('react').ForwardRefExoticComponent<Readonly<import('../icon/types').IIconProps> & import('react').RefAttributes<HTMLSpanElement>>;
+declare const ResponsiveContainer: import('styled-components').IStyledComponent<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $minWidth: string;
+    $orientation: TOrientation;
+}>>;
+export { colors, StyledIcon, ResponsiveContainer };

package/dist/components/progress-indicator/types.d.ts

@@ -0,0 +1,46 @@
+import { MouseEventHandler, ReactElement } from 'react';
+import { TOrientation } from '../@core/types';
+type TStepState = "completed" | "disabled" | "error" | "in progress" | "not completed";
+/**
+ * Step component props.
+ * @interface IStepProps
+ * @property { string } title - The title of the step.
+ * @property { string } [label] - The label of the step.
+ * @property { number } [minWidth] - The minimum width of the step.
+ * @property { TStepState } state - The state of the step.
+ * @property { number } stepNumber - The step number.
+ * @property { MouseEventHandler<HTMLSpanElement> } [onClick] - The click handler of the step.
+ * @property { TOrientation } [orientation] - The orientation of the step.
+ */
+interface IStepProps {
+    title: string;
+    label?: string;
+    minWidth?: number;
+    state: TStepState;
+    stepNumber: number;
+    onClick?: MouseEventHandler<HTMLSpanElement>;
+    orientation?: TOrientation;
+}
+/**
+ * SVG component props.
+ * @interface ISVGProps
+ * @property { MouseEventHandler<HTMLOrSVGElement> } [onClick] - The click handler of the SVG.
+ */
+interface ISVGProps {
+    onClick?: MouseEventHandler<HTMLOrSVGElement>;
+}
+/**
+ * Progress indicator component props.
+ * @interface IProgressIndicator
+ * @property { MouseEventHandler<HTMLOrSVGElement> } [onError] - The error handler of the progress indicator.
+ * @property { TOrientation } [orientation] - The orientation of the progress indicator.
+ * @property { number } [minWidth] - The minimum width of the progress indicator.
+ * @property { ReactElement<IStepProps> | ReactElement<IStepProps>[] } children - The children of the progress indicator.
+ */
+interface IProgressIndicator {
+    onError?: () => void;
+    orientation?: TOrientation;
+    minWidth?: number;
+    children: ReactElement<IStepProps> | ReactElement<IStepProps>[];
+}
+export type { IProgressIndicator, IStepProps, ISVGProps, TStepState };

package/dist/components/radio-button/index.d.ts

@@ -0,0 +1,3 @@
+import { IRadioButtonProps } from './types';
+declare const RadioButton: import('react').ForwardRefExoticComponent<Omit<Readonly<IRadioButtonProps>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export { RadioButton };

package/dist/components/radio-button/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-Bnce3gbg.js");exports.RadioButton=e.RadioButton;

package/dist/components/radio-button/index.stories.d.ts

@@ -0,0 +1,121 @@
+import { Meta } from '@storybook/react';
+import { IRadioButtonProps } from './types';
+declare const config: Meta;
+declare const Default: {
+    args: {
+        itemsProps: ({
+            defaultChecked: boolean;
+            name: string;
+            value: string;
+            label?: undefined;
+        } | {
+            label: string;
+            name: string;
+            value: string;
+            defaultChecked?: undefined;
+        })[];
+    };
+    decorators?: import('storybook/internal/csf').DecoratorFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | import('storybook/internal/csf').DecoratorFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }>[] | undefined;
+    parameters?: import('@storybook/react').Parameters;
+    argTypes?: Partial<import('@storybook/react').ArgTypes<{
+        itemsProps: IRadioButtonProps[];
+    }>> | undefined;
+    loaders?: import('storybook/internal/csf').LoaderFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | import('storybook/internal/csf').LoaderFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }>[] | undefined;
+    beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }>[] | undefined;
+    afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }>[] | undefined;
+    render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | undefined;
+    tags?: import('storybook/internal/csf').Tag[];
+    mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
+    name?: import('storybook/internal/csf').StoryName;
+    storyName?: import('storybook/internal/csf').StoryName;
+    play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | undefined;
+    globals?: import('storybook/internal/csf').Globals;
+    story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }, Partial<{
+        itemsProps: IRadioButtonProps[];
+    }>>, "story"> | undefined;
+};
+declare const Disabled: {
+    args: {
+        itemsProps: ({
+            disabled: boolean;
+            name: string;
+            value: string;
+            defaultChecked?: undefined;
+            label?: undefined;
+        } | {
+            defaultChecked: boolean;
+            disabled: boolean;
+            label: string;
+            name: string;
+            value: string;
+        })[];
+    };
+    decorators?: import('storybook/internal/csf').DecoratorFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | import('storybook/internal/csf').DecoratorFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }>[] | undefined;
+    parameters?: import('@storybook/react').Parameters;
+    argTypes?: Partial<import('@storybook/react').ArgTypes<{
+        itemsProps: IRadioButtonProps[];
+    }>> | undefined;
+    loaders?: import('storybook/internal/csf').LoaderFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | import('storybook/internal/csf').LoaderFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }>[] | undefined;
+    beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }>[] | undefined;
+    afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }>[] | undefined;
+    render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | undefined;
+    tags?: import('storybook/internal/csf').Tag[];
+    mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
+    name?: import('storybook/internal/csf').StoryName;
+    storyName?: import('storybook/internal/csf').StoryName;
+    play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }> | undefined;
+    globals?: import('storybook/internal/csf').Globals;
+    story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
+        itemsProps: IRadioButtonProps[];
+    }, Partial<{
+        itemsProps: IRadioButtonProps[];
+    }>>, "story"> | undefined;
+};
+export { Default, Disabled };
+export default config;