@campxdev/react-blueprint 2.3.11 → 3.0.0-alpha.2

package/dist/esm/types/src/stories/DataDisplay/Timeline.stories.d.ts

@@ -1,43 +1,7 @@
 import { Meta } from '@storybook/react';
-import { Timeline, TimelineProps } from '../../components/export';
+import { Timeline } from '../../components/export';
 declare const _default: Meta<typeof Timeline>;
 export default _default;
-export declare const DefaultTimeline: {
-    render: (args: TimelineProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        position: string;
-        timelineItems: ({
-            timelineContent: import("react/jsx-runtime").JSX.Element;
-            variant: string;
-        } | {
-            timelineContent: import("react/jsx-runtime").JSX.Element;
-            variant?: undefined;
-        })[];
-    };
-};
-export declare const AlternatePositionTimeline: {
-    render: (args: TimelineProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        position: string;
-        timelineItems: ({
-            timelineContent: import("react/jsx-runtime").JSX.Element;
-            variant: string;
-        } | {
-            timelineContent: import("react/jsx-runtime").JSX.Element;
-            variant?: undefined;
-        })[];
-    };
-};
-export declare const SimpleTimeline: {
-    render: (args: TimelineProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        position: string;
-        timelineItems: ({
-            timelineContent: import("react/jsx-runtime").JSX.Element;
-            variant: string;
-        } | {
-            timelineContent: import("react/jsx-runtime").JSX.Element;
-            variant?: undefined;
-        })[];
-    };
-};
+export declare const DefaultTimeline: any;
+export declare const AlternatePositionTimeline: any;
+export declare const SimpleTimeline: any;

package/dist/esm/types/src/stories/DesignSystem/typography.stories.d.ts

@@ -1,6 +1,10 @@
-declare const _default: {
-    title: string;
-    component: ({ variant, children, ...props }: import("../../components/DataDisplay/Typography/Typography").TypographyProps) => import("react/jsx-runtime").JSX.Element;
-};
+import { Meta } from '@storybook/react';
+import { Typography } from '../../components/DataDisplay/Typography/Typography';
+declare const _default: Meta<typeof Typography>;
 export default _default;
-export declare const TypographyStyles: () => import("react/jsx-runtime").JSX.Element;
+export declare const Interactive: any;
+export declare const AllVariants: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithCustomClasses: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomElements: () => import("react/jsx-runtime").JSX.Element;
+export declare const ArticleExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const HelperTextExamples: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/stories/Feedback/Alert.stories.d.ts

@@ -2,4 +2,8 @@ import { Meta, StoryObj } from '@storybook/react';
 import { Alert } from '../../components/export';
 declare const _default: Meta<typeof Alert>;
 export default _default;
-export declare const AlertSuccess: StoryObj<typeof Alert>;
+export declare const Success: StoryObj<typeof Alert>;
+export declare const Info: StoryObj<typeof Alert>;
+export declare const Warning: StoryObj<typeof Alert>;
+export declare const Error: StoryObj<typeof Alert>;
+export declare const WithCustomVariant: StoryObj<typeof Alert>;

package/dist/esm/types/src/stories/Feedback/Tooltip.stories.d.ts

@@ -5,3 +5,5 @@ export default _default;
 export declare const IconTooltip: StoryObj<typeof Tooltip>;
 export declare const TextTooltip: StoryObj<typeof Tooltip>;
 export declare const ButtonTooltip: StoryObj<typeof Tooltip>;
+export declare const WithDelay: StoryObj<typeof Tooltip>;
+export declare const AllPlacements: StoryObj<typeof Tooltip>;

package/dist/esm/types/src/stories/Image/Image.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Image from '../../components/Image/Image';
+declare const _default: Meta<typeof Image>;
+export default _default;
+type Story = StoryObj<typeof Image>;
+export declare const Default: Story;
+export declare const Cover: Story;
+export declare const Rounded: Story;
+export declare const WithStringDimensions: Story;
+export declare const WithFallback: Story;
+export declare const NoRadius: Story;

package/dist/esm/types/src/stories/Input/Button.stories.d.ts

@@ -1,28 +1,17 @@
-import { Meta } from '@storybook/react';
-import { Button, ButtonProps } from '../../components/Input/Button/Button';
-declare const _default: Meta<typeof Button>;
-export default _default;
-export declare const Primary: {
-    render: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        color: string;
-        variant: string;
-        children: string;
-    };
-};
-export declare const Secondary: {
-    render: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        color: string;
-        variant: string;
-        children: string;
-    };
-};
-export declare const Disabled: {
-    render: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        disabled: boolean;
-        variant: string;
-        children: string;
-    };
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import { Button } from '../../components/Input/Button/Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const Destructive: Story;
+export declare const Outline: Story;
+export declare const Secondary: Story;
+export declare const Ghost: Story;
+export declare const Link: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Icon: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+export declare const AllVariants: Story;

package/dist/esm/types/src/stories/Input/DatePicker.stories.d.ts

@@ -1,12 +1,12 @@
-import { Meta, StoryObj } from '@storybook/react/*';
+import { Meta, StoryObj } from '@storybook/react';
 import { DatePicker } from '../../components/Input/DatePicker/DatePicker';
 declare const meta: Meta<typeof DatePicker>;
 export default meta;
 type Story = StoryObj<typeof DatePicker>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Tertiary: Story;
-export declare const Quaternary: Story;
+export declare const Default: Story;
+export declare const FullMonthText: Story;
+export declare const MonthYearOnly: Story;
+export declare const YearOnly: Story;
 export declare const WithShortcuts: Story;
 export declare const WithDefaultValue: Story;
 export declare const WithMinMaxDate: Story;
@@ -14,72 +14,8 @@ export declare const WithCustomIcon: Story;
 export declare const WithPlaceHolderHelperText: Story;
 export declare const DisablePast: Story;
 export declare const DisableFuture: Story;
-export declare const DisableSpecificDate: Story;
-export declare const DisableSpecificMonth: Story;
-export declare const DisableSpecificYear: Story;
-export declare const ReadOnly: {
-    args: {
-        label: string;
-        required: boolean;
-        disabled: boolean;
-        value: Date;
-        format?: "yyyy" | "MMMM yyyy" | "dd MMMM yyyy" | "dd/MM/yyyy";
-        views?: ("year" | "month" | "day")[] & readonly import("@mui/x-date-pickers").DateView[];
-        helperText?: string;
-        placeholder?: string;
-        shortcutsItems?: import("@mui/x-date-pickers").PickersShortcutsItem<any>[];
-        containerProps?: import("@mui/material").StackProps;
-        openPickerIcon?: React.ElementType;
-        error?: any;
-        desktopModeMediaQuery?: string;
-        slots?: import("@mui/x-date-pickers").DatePickerSlots;
-        slotProps?: import("@mui/x-date-pickers").DatePickerSlotProps<boolean>;
-        yearsPerRow?: 3 | 4;
-        closeOnSelect?: boolean;
-        viewRenderers?: Partial<import("@mui/x-date-pickers/DatePicker/shared").DatePickerViewRenderers<import("@mui/x-date-pickers").DateView>>;
-        className?: string;
-        sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-        view?: import("@mui/x-date-pickers").DateView;
-        defaultValue?: Date;
-        autoFocus?: boolean;
-        onChange?: (value: Date, context: import("@mui/x-date-pickers").PickerChangeHandlerContext<import("@mui/x-date-pickers").DateValidationError>) => void;
-        onError?: (error: import("@mui/x-date-pickers").DateValidationError, value: Date) => void;
-        orientation?: import("@mui/x-date-pickers/internals/models").PickerOrientation;
-        readOnly?: boolean;
-        openTo?: import("@mui/x-date-pickers").DateView;
-        onViewChange?: (view: import("@mui/x-date-pickers").DateView) => void;
-        localeText?: import("@mui/x-date-pickers").PickersInputComponentLocaleText;
-        onAccept?: (value: Date, context: import("@mui/x-date-pickers").PickerChangeHandlerContext<import("@mui/x-date-pickers").DateValidationError>) => void;
-        referenceDate?: import("@mui/x-date-pickers").PickerValidDate;
-        reduceAnimations?: boolean;
-        timezone?: import("@mui/x-date-pickers").PickersTimezone;
-        renderLoading?: () => React.ReactNode;
-        onYearChange?: (year: import("@mui/x-date-pickers").PickerValidDate) => void;
-        onMonthChange?: (month: import("@mui/x-date-pickers").PickerValidDate) => void;
-        loading?: boolean;
-        dayOfWeekFormatter?: (date: import("@mui/x-date-pickers").PickerValidDate) => string;
-        displayWeekNumber?: boolean;
-        fixedWeekNumber?: number;
-        disableHighlightToday?: boolean;
-        showDaysOutsideCurrentMonth?: boolean;
-        monthsPerRow?: 3 | 4;
-        yearsOrder?: "asc" | "desc";
-        shouldDisableDate?: (day: import("@mui/x-date-pickers").PickerValidDate) => boolean;
-        shouldDisableMonth?: (month: import("@mui/x-date-pickers").PickerValidDate) => boolean;
-        shouldDisableYear?: (year: import("@mui/x-date-pickers").PickerValidDate) => boolean;
-        maxDate?: import("@mui/x-date-pickers").PickerValidDate;
-        minDate?: import("@mui/x-date-pickers").PickerValidDate;
-        disablePast?: boolean;
-        disableFuture?: boolean;
-        open?: boolean;
-        onClose?: () => void;
-        onOpen?: () => void;
-        disableOpenPicker?: boolean;
-        inputRef?: React.Ref<HTMLInputElement>;
-        name?: string;
-        formatDensity?: "dense" | "spacious";
-        enableAccessibleFieldDOMStructure?: any;
-        selectedSections?: import("@mui/x-date-pickers").FieldSelectedSections;
-        onSelectedSectionsChange?: (newValue: import("@mui/x-date-pickers").FieldSelectedSections) => void;
-    };
-};
+export declare const DisableWeekends: Story;
+export declare const DisableFebruary: Story;
+export declare const DisableYear2022: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;

package/dist/esm/types/src/stories/Input/DateTimePicker.stories.d.ts

@@ -1,16 +1,21 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { DateTimePicker } from '../../components/export';
+import { DateTimePicker } from '../../components/Input/DateTimePicker/DateTimePicker';
 declare const meta: Meta<typeof DateTimePicker>;
 export default meta;
 type Story = StoryObj<typeof DateTimePicker>;
-export declare const Primary: Story;
-export declare const WithShortcuts: Story;
+export declare const Default: Story;
 export declare const CustomFormat: Story;
-export declare const ViewsYearMonth: Story;
+export declare const DateOnly: Story;
+export declare const TimeOnly: Story;
+export declare const WithShortcuts: Story;
+export declare const WithDefaultValue: Story;
+export declare const WithMinMaxDate: Story;
+export declare const WithCustomIcon: Story;
 export declare const WithHelperText: Story;
-export declare const MinMaxDates: Story;
-export declare const CustomIcon: Story;
-export declare const ReadOnly: Story;
-export declare const DisableFutureDates: Story;
-export declare const DisablePastDates: Story;
-export declare const DisableSpecificDates: Story;
+export declare const DisablePast: Story;
+export declare const DisableFuture: Story;
+export declare const DisableWeekends: Story;
+export declare const DisableFebruary: Story;
+export declare const DisableYear2022: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;

package/dist/esm/types/src/stories/Input/FileUpload.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta } from '@storybook/react';
+import { FileUpload } from '../../components/export';
+declare const _default: Meta<typeof FileUpload>;
+export default _default;
+export declare const Default: any;
+export declare const Required: any;
+export declare const SingleFile: any;
+export declare const ImagesOnly: any;
+export declare const PDFOnly: any;
+export declare const WithError: any;
+export declare const Disabled: any;
+export declare const CustomText: any;
+export declare const HideDeleteButton: any;

package/dist/esm/types/src/stories/Input/HelpButton.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import HelpButton from '../../components/Input/HelpButton/HelpButton';
+declare const _default: Meta<typeof HelpButton>;
+export default _default;
+export declare const Default: {
+    (args: any): import("react/jsx-runtime").JSX.Element;
+    args: {
+        href: string;
+    };
+};

package/dist/esm/types/src/stories/Input/MultiCheckBox.stories.d.ts

@@ -3,3 +3,7 @@ import { MultiCheckBox } from '../../components/Input/MultiCheckBox/MultiCheckBo
 declare const _default: Meta<typeof MultiCheckBox>;
 export default _default;
 export declare const Default: any;
+export declare const Required: any;
+export declare const HorizontalLayout: any;
+export declare const PreSelected: any;
+export declare const ManyOptions: any;

package/dist/esm/types/src/stories/Input/MultiSelect.stories.d.ts

@@ -0,0 +1,204 @@
+import { Meta } from '@storybook/react';
+import { MultiSelect, MultiSelectProps } from '../../components/Input/MultiSelect/MultiSelect';
+declare const _default: Meta<typeof MultiSelect>;
+export default _default;
+export declare const InputDefault: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: number;
+            subLabel: string;
+        }[];
+        label: string;
+        required: boolean;
+        type: string;
+    };
+};
+export declare const InputWithValue: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        label: string;
+        options: {
+            label: string;
+            value: number;
+            subLabel: string;
+        }[];
+        required: boolean;
+        value: number[];
+        type: string;
+    };
+};
+export declare const InputWithManySelections: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        label: string;
+        options: {
+            label: string;
+            value: number;
+            subLabel: string;
+        }[];
+        value: number[];
+        type: string;
+    };
+};
+export declare const InputRequired: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: string;
+            subLabel: string;
+        }[];
+        label: string;
+        required: boolean;
+        type: string;
+    };
+};
+export declare const InputWithError: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: string;
+            subLabel: string;
+        }[];
+        label: string;
+        required: boolean;
+        type: string;
+        error: string;
+    };
+};
+export declare const InputWithHelperText: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: number;
+            subLabel: string;
+        }[];
+        label: string;
+        type: string;
+        helperText: string;
+    };
+};
+export declare const InputSmallList: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: string;
+        }[];
+        label: string;
+        type: string;
+        value: string[];
+    };
+};
+export declare const FilterDefault: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: string;
+            subLabel: string;
+        }[];
+        label: string;
+        type: string;
+    };
+};
+export declare const FilterWithValue: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: string;
+            subLabel: string;
+        }[];
+        label: string;
+        type: string;
+        value: string[];
+    };
+};
+export declare const FilterWithManyValues: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: string;
+            subLabel: string;
+        }[];
+        label: string;
+        type: string;
+        value: string[];
+    };
+};
+export declare const FilterDisableClear: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: string;
+        }[];
+        label: string;
+        type: string;
+        value: string[];
+        disableClear: boolean;
+    };
+};
+export declare const MultipleFilters: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ComplexExample: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithAPIEndPoint: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        optionsApiEndPoint: string;
+        label: string;
+        required: boolean;
+        type: string;
+    };
+};
+export declare const WithAPIAndValue: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        optionsApiEndPoint: string;
+        label: string;
+        required: boolean;
+        value: number[];
+        type: string;
+    };
+};
+export declare const InputFullWidth: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: string;
+            subLabel: string;
+        }[];
+        label: string;
+        required: boolean;
+        type: string;
+        fullWidth: boolean;
+    };
+};
+export declare const InputFullWidthWithValue: {
+    render: (args: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        options: {
+            label: string;
+            value: number;
+            subLabel: string;
+        }[];
+        label: string;
+        required: boolean;
+        type: string;
+        fullWidth: boolean;
+        value: number[];
+    };
+};
+export declare const ComparisonFullWidthVsAuto: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/types/src/stories/Input/OtpInput.stories.d.ts

@@ -1,11 +1,11 @@
 import { Meta } from '@storybook/react';
-import { OtpInput, OtpInputProps } from '../../components/Input/OtpInput/OtpInput';
+import { OtpInput } from '../../components/Input/OtpInput/OtpInput';
 declare const _default: Meta<typeof OtpInput>;
 export default _default;
-export declare const Default: {
-    render: (args: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        length: number;
-        onChangeOtp: (otp: string) => void;
-    };
-};
+export declare const Default: any;
+export declare const WithLabel: any;
+export declare const Required: any;
+export declare const WithHelperText: any;
+export declare const WithError: any;
+export declare const FourDigit: any;
+export declare const EightDigit: any;

package/dist/esm/types/src/stories/Input/Password.stories.d.ts

@@ -1,13 +1,12 @@
 import { Meta } from '@storybook/react';
-import { PasswordField, PasswordFieldProps } from '../../components/export';
+import { PasswordField } from '../../components/export';
 declare const _default: Meta<typeof PasswordField>;
 export default _default;
-export declare const Default: {
-    render: (args: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        label: string;
-        required: boolean;
-        value: string;
-        helperText: string;
-    };
-};
+export declare const Default: any;
+export declare const Required: any;
+export declare const WithDescription: any;
+export declare const WithHelperText: any;
+export declare const WithError: any;
+export declare const Disabled: any;
+export declare const WithValue: any;
+export declare const WithoutLabel: any;

package/dist/esm/types/src/stories/Input/RadioGroup.stories.d.ts

@@ -1,17 +1,11 @@
-import { Meta } from '@storybook/react';
-import { RadioGroup, RadioGroupProps } from '../../components/Input/RadioGroup/RadioGroup';
-declare const _default: Meta<typeof RadioGroup>;
-export default _default;
-export declare const Default: {
-    render: (args: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        label: string;
-        options: {
-            label: string;
-            value: string;
-        }[];
-        onChange: (event: any, value: any) => void;
-        row: boolean;
-        defaultValue: string;
-    };
-};
+import { Meta, StoryObj } from '@storybook/react';
+import { RadioGroup } from '../../components/Input/RadioGroup/RadioGroup';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Default: Story;
+export declare const Row: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;
+export declare const WithDisabledOptions: Story;
+export declare const WithError: Story;

package/dist/esm/types/src/stories/Input/SearchBar.stories.d.ts

@@ -4,6 +4,8 @@ declare const meta: Meta<typeof SearchBar>;
 export default meta;
 type Story = StoryObj<typeof SearchBar>;
 export declare const Primary: Story;
-export declare const WithPlaceHolder: Story;
+export declare const WithPlaceholder: Story;
 export declare const WithLabel: Story;
 export declare const WithValue: Story;
+export declare const CustomStyling: Story;
+export declare const ResponsiveWidth: Story;

package/dist/esm/types/src/stories/Input/Select.stories.d.ts

@@ -5,5 +5,10 @@ export default meta;
 type Story = StoryObj<typeof Select>;
 export declare const Default: Story;
 export declare const WithPreselectedValue: Story;
-export declare const WithPlaceHolder: Story;
+export declare const WithPlaceholder: Story;
 export declare const EmptyOptions: Story;
+export declare const Disabled: Story;
+export declare const SecondaryColor: Story;
+export declare const FullWidth: Story;
+export declare const FullWidthWithValue: Story;
+export declare const ComparisonFullWidthVsDefault: Story;

package/dist/esm/types/src/stories/Input/SingleCheckBox.stories.d.ts

@@ -3,3 +3,7 @@ import { SingleCheckBox } from '../../components/Input/SingleCheckBox/SingleChec
 declare const _default: Meta<typeof SingleCheckBox>;
 export default _default;
 export declare const Default: any;
+export declare const Required: any;
+export declare const Checked: any;
+export declare const Disabled: any;
+export declare const DisabledChecked: any;