@itcase/ui 1.9.36 → 1.9.38

package/dist/types/components/DatePeriod/DatePeriod.d.ts

@@ -1,4 +1,4 @@
-import type { DatePeriodConfig, DatePeriodProps } from './DatePeriod.interface';
+import { DatePeriodConfig, DatePeriodProps } from './DatePeriod.interface';
 declare const datePeriodConfig: DatePeriodConfig;
 declare function DatePeriod(props: DatePeriodProps): import("react/jsx-runtime").JSX.Element;
 export { DatePeriod, datePeriodConfig };

package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts

@@ -1,35 +1,64 @@
 import type { DatePeriodItem } from '@itcase/common/types';
-import type { AppearanceKeysDefault, CompositeAppearanceKey, DateIso, FillHoverProps, FillProps, ShapeProps, SizePXProps, TextSizeProps } from '@itcase/types';
+import type { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, CompositeAppearanceDefaultSizeShapeKey, CompositeAppearanceKey, FillHoverProps, FillProps, Option, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-type DatePeriodThemeColor = {
+import { ChipsProps } from '../Chips/Chips.interface';
+import { DatePickerInputProps } from '../DatePicker/DatePicker.interface';
+import { SelectPropsCustom } from '../Select/Select.interface';
+type DatePeriodAppearanceProps = {
+    chipsAppearance?: ChipsProps['appearance'];
+    chipsAppearanceSize?: AppearanceSizeKey;
+    chipsShape?: ChipsProps['shape'];
+    datePickerAppearance?: DatePickerInputProps['appearance'];
+    datePickerAppearanceSize?: AppearanceSizeKey;
+    datePickerInputAppearance?: AppearanceStateKeysDefault;
+    datePickerInputAppearanceSize?: AppearanceSizeKey;
+    datePickerInputFillHover?: SelectPropsCustom<Option>['fillHover'];
+    datePickerInputTextSize?: SelectPropsCustom<Option>['inputTextSize'];
     fill?: FillProps;
     fillHover?: FillHoverProps;
+    selectAppearanceSize?: AppearanceSizeKey;
+    selectShape?: SelectPropsCustom<Option>['shape'];
     shape?: ShapeProps;
-    size?: SizePXProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
 };
-type DatePeriodAppearanceType = {
-    [key in AppearanceKeysDefault]?: DatePeriodThemeColor;
-};
-type DatePeriodConfig = {
-    appearance: DatePeriodAppearanceType | undefined;
-    setAppearance: (appearanceConfig: DatePeriodAppearanceType) => void;
-};
-type DatePeriodProps = DatePeriodThemeColor & StyleAttributes & {
-    appearance?: CompositeAppearanceKey;
-    chipsAppearance?: CompositeAppearanceKey;
-    chipsShape?: ShapeProps;
+type DatePeriodProps = DatePeriodAppearanceProps & StyleAttributes & {
+    appearance?: CompositeAppearanceDefaultSizeShapeKey;
+    chipsShape?: ChipsProps['shape'];
     className?: string;
     dataTestId?: string;
     dataTour?: string;
-    datePeriodIntervalsList: DatePeriodItem[];
-    datePeriodValueEnd: Date | DateIso | null;
-    datePeriodValueStart: Date | DateIso | null;
+    datePeriodIntervalsList?: DatePeriodItem[];
+    datePeriodSelectFirstOptions?: Option[];
+    datePeriodSelectFirstPlaceholder?: SelectPropsCustom<Option>['placeholder'];
+    datePeriodSelectFirstValue?: string;
+    datePeriodSelectSecondOptions?: Option[];
+    datePeriodSelectSecondPlaceholder?: SelectPropsCustom<Option>['placeholder'];
+    datePeriodSelectSecondValue?: string;
+    datePeriodValueEnd?: DatePickerInputProps['endValue'];
+    datePeriodValueStart: DatePickerInputProps['value'];
     datePickerAppearance?: CompositeAppearanceKey;
-    datePickerInputAppearance?: CompositeAppearanceKey;
-    datePickerInputFillHover?: FillHoverProps;
-    datePickerInputTextSize?: TextSizeProps;
+    datePickerAppearanceSize?: AppearanceSizeKey;
+    isDisabled?: boolean;
     isSkeleton?: boolean;
-    onChangeDatePeriod: (dateStart: Date | null, dateEnd: Date | null) => void;
+    monthsShown?: number;
+    onChangeDatePeriod?: DatePickerInputProps['onChange'];
+    onChangeDatePeriodFirstSelect?: (targetOption: any) => void;
+    onChangeDatePeriodSecondSelect?: () => void;
+    onKeyDown?: (event?: React.KeyboardEvent<HTMLElement>) => void;
+    popperPlacement?: DatePickerInputProps['popperPlacement'];
+    selectAppearance?: SelectPropsCustom<Option>['appearance'];
+    selectAppearanceSize?: AppearanceSizeKey;
+    selectShape?: SelectPropsCustom<Option>['shape'];
+    selectsRange?: DatePickerInputProps['selectsRange'];
     showWeekNumbers?: boolean;
 };
-export type { DatePeriodAppearanceType, DatePeriodConfig, DatePeriodProps, DatePeriodThemeColor, };
+type DatePeriodAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey;
+type DatePeriodAppearance = {
+    [key in DatePeriodAppearanceKey]?: DatePeriodAppearanceProps;
+};
+type DatePeriodConfig = {
+    appearance: DatePeriodAppearance;
+    setAppearance: (appearanceConfig: DatePeriodAppearance) => void;
+};
+export type { DatePeriodAppearance, DatePeriodConfig, DatePeriodProps };

package/dist/types/components/DatePeriod/appearance/datePeriodShape.d.ts

@@ -1,35 +1,3 @@
-declare const datePeriodAppearanceShape: {
-    circular: {
-        shape: string;
-    };
-    rounded: {
-        shape: string;
-        chipsShape: string;
-        selectShape: string;
-    };
-    roundedXL: {
-        shape: string;
-        shapeStrength: string;
-        chipsShape: string;
-        selectShape: string;
-    };
-    roundedL: {
-        shape: string;
-        shapeStrength: string;
-        chipsShape: string;
-        selectShape: string;
-    };
-    roundedM: {
-        shape: string;
-        shapeStrength: string;
-        chipsShape: string;
-        selectShape: string;
-    };
-    roundedS: {
-        shape: string;
-        shapeStrength: string;
-        chipsShape: string;
-        selectShape: string;
-    };
-};
+import { DatePeriodAppearance } from '../DatePeriod.interface';
+declare const datePeriodAppearanceShape: DatePeriodAppearance;
 export { datePeriodAppearanceShape };

package/dist/types/components/DatePeriod/appearance/datePeriodSize.d.ts

@@ -1,24 +1,3 @@
-declare const datePeriodAppearanceSize: {
-    sizeL: {
-        size: string;
-        chipsAppearanceSize: string;
-        datePickerAppearanceSize: string;
-        datePickerInputAppearanceSize: string;
-        selectAppearanceSize: string;
-    };
-    sizeM: {
-        size: string;
-        chipsAppearanceSize: string;
-        datePickerAppearanceSize: string;
-        datePickerInputAppearanceSize: string;
-        selectAppearanceSize: string;
-    };
-    sizeS: {
-        size: string;
-        chipsAppearanceSize: string;
-        datePickerAppearanceSize: string;
-        datePickerInputAppearanceSize: string;
-        selectAppearanceSize: string;
-    };
-};
+import { DatePeriodAppearance } from '../DatePeriod.interface';
+declare const datePeriodAppearanceSize: DatePeriodAppearance;
 export { datePeriodAppearanceSize };

package/dist/types/components/DatePeriod/appearance/datePeriodSurface.d.ts

@@ -1,17 +1,3 @@
-declare const datePeriodAppearanceSurface: {
-    surfacePrimary: {
-        fill: string;
-        chipsAppearance: string;
-        datePickerAppearance: string;
-        datePickerInputAppearance: string;
-        selectAppearance: string;
-    };
-    surfaceSecondary: {
-        fill: string;
-        chipsAppearance: string;
-        datePickerAppearance: string;
-        datePickerInputAppearance: string;
-        selectAppearance: string;
-    };
-};
+import { DatePeriodAppearance } from '../DatePeriod.interface';
+declare const datePeriodAppearanceSurface: DatePeriodAppearance;
 export { datePeriodAppearanceSurface };

package/dist/types/components/DatePeriod/stories/DatePeriodDemo.stories.d.ts

@@ -0,0 +1,19 @@
+import { DatePeriod } from '../DatePeriod';
+import { DatePeriodProps } from '../DatePeriod.interface';
+declare const meta: {
+    title: string;
+    component: typeof DatePeriod;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Demo: {
+    render: (args: DatePeriodProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Skeleton: {
+    args: {
+        isSkeleton: boolean;
+    };
+    render: (args: DatePeriodProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/DatePeriod/stories/DatePeriodSize.stories.d.ts

@@ -0,0 +1,19 @@
+import { DatePeriod } from '../DatePeriod';
+import { DatePeriodProps } from '../DatePeriod.interface';
+declare const meta: {
+    title: string;
+    component: typeof DatePeriod;
+    args: {
+        appearance: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Demo: {
+    render: (args: DatePeriodProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Skeleton: {
+    render: (args: DatePeriodProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/DatePicker/DatePicker.appearance.d.ts

@@ -1,58 +1,3 @@
-export declare const datePickerAppearance: {
-    solid: {
-        inputProps: {
-            borderColor: string;
-        };
-    };
-    outlined: {
-        inputProps: {
-            fill: string;
-        };
-    };
-    full: {};
-    ghost: {
-        inputProps: {
-            fill: string;
-            borderColor: string;
-        };
-    };
-    sizeL: {
-        size: string;
-        daySize: string;
-        dayTextSize: string;
-        iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
-    };
-    sizeM: {
-        size: string;
-        daySize: string;
-        dayTextSize: string;
-        iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
-        iconSize: number;
-        monthTextSize: string;
-        yearTextSize: string;
-    };
-    sizeS: {
-        size: string;
-        daySize: string;
-        dayTextSize: string;
-        iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
-    };
-    surfacePrimary: {
-        dayTextColor: string;
-        dayTextShape: string;
-        iconFillHover: string;
-        iconItemFill: string;
-        iconShape: string;
-        monthTextColor: string;
-        monthTextWeight: number;
-        placeholderTextColor: string;
-        yearTextColor: string;
-        yearTextWeight: number;
-    };
-};
+import { DatePickerAppearance } from './DatePicker.interface';
+declare const datePickerAppearance: DatePickerAppearance;
+export { datePickerAppearance };

package/dist/types/components/DatePicker/DatePicker.interface.d.ts

@@ -1,115 +1,99 @@
-import { ReactNode } from 'react';
-import { DatePickerProps } from 'react-datepicker';
-import { AppearanceKeysDefault, DateIso, FillHoverProps, FillProps, IconFillSizeProps, IconSizeProps, ItemColorProps, ShapeProps, SizeProps, TextColorHoverProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
+import { ReactNode, RefObject } from 'react';
+import DatePicker, { DatePickerProps } from 'react-datepicker';
+import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceDefaultSizeStyleKey, DateIso, SizeProps, TextSizeProps, WidthProps } from '@itcase/types';
+import { ButtonProps } from '../Button/Button.interface';
+import { IconProps } from '../Icon/Icon.interface';
 import { InputProps } from '../Input/Input.interface';
-interface DatePickerProps extends DatePickerProps {
-    customTimeInput?: ReactNode;
-    daySize?: SizeProps;
-    dayTextColor?: TextColorProps;
-    dayTextShape?: ShapeProps;
-    dayTextSize?: TextSizeProps;
-    disablePastDays?: boolean;
-    iconFill?: FillProps;
-    iconFillHover?: FillHoverProps;
-    iconFillSize?: IconFillSizeProps;
-    iconItemFill?: ItemColorProps;
-    iconLeft?: any;
-    iconRight?: any;
-    iconShape?: ShapeProps;
-    iconSize?: IconSizeProps;
-    inputIcon?: any;
-    inputIconFill?: FillProps;
-    inputIconFillHover?: FillHoverProps;
-    inputIconFillSize?: IconFillSizeProps;
-    inputIconItemFill?: ItemColorProps;
-    inputIconShape?: ShapeProps;
-    inputIconSize?: IconSizeProps;
-    inputIconSrc?: string;
-    monthsShown?: number;
-    monthTextColor?: TextColorProps;
-    monthTextSize?: TextSizeProps;
-    monthTextWeight?: TextWeightProps;
-    popper?: string;
-    selectsRange?: boolean;
-    yearTextColor?: TextColorProps;
-    yearTextSize?: TextSizeProps;
-    yearTextWeight?: TextWeightProps;
-    isClearable?: boolean;
-    isStartDefaultNull?: boolean;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type DatePickerAppearanceType = {
+import { LabelProps } from '../Label/Label.interface';
+import { TextProps } from '../Text/Text.interface';
+type AppearanceKeys = AppearanceKeysDefault | AppearanceSizeKey | AppearanceStyleKey;
+type DatePickerAppearance = {
     [key in AppearanceKeys]?: DatePickerInputProps;
 };
-export interface DatePickerConfig {
-    [key: number | string | symbol]: any;
-    appearance: DatePickerAppearanceType | undefined;
-    setAppearance: (newComponent: datePickerAppearanceType) => void;
-}
-export interface DatePickerInputProps extends DatePickerProps {
-    [key: number | string | symbol]: any;
-    appearance?: AppearanceKeys;
-    className?: string;
-    clearIcon?: any;
-    clearIconFill?: FillProps;
-    clearIconFillHover?: FillHoverProps;
-    clearIconFillSize?: IconFillSizeProps;
-    clearIconItemFill?: ItemColorProps;
-    clearIconItemFillHover?: ItemColorProps;
-    clearIconShape?: ShapeProps;
-    clearIconSize?: IconSizeProps;
-    clearIconSrc?: string;
-    clearLabel?: string;
-    clearLabelTextColor?: TextColorProps;
-    clearLabelTextColorHover?: TextColorHoverProps;
+type DatePickerConfig = {
+    appearance: DatePickerAppearance;
+    setAppearance: (appearanceConfig: DatePickerAppearance) => void;
+};
+type DatePickerInputAppearanceProps = {
+    appearance?: AppearanceKeysDefault | CompositeAppearanceDefaultSizeStyleKey;
+    clearLabel?: LabelProps['label'];
+    clearLabelTextColor?: LabelProps['labelTextColor'];
+    clearLabelTextColorHover?: LabelProps['labelTextColorHover'];
     clearLabelTextSize?: TextSizeProps;
+    daySize?: ButtonProps['size'];
+    dayTextColor?: ButtonProps['labelTextColor'];
+    dayTextShape?: ButtonProps['shape'];
+    dayTextSize?: ButtonProps['labelTextSize'];
+    disablePastDays?: boolean;
+    iconFill?: IconProps['fill'];
+    iconFillHover?: IconProps['fillHover'];
+    iconFillSize?: IconProps['fillSize'];
+    iconItemFill?: IconProps['iconFill'];
+    iconLeft?: IconProps['SvgImage'];
+    iconRight?: IconProps['SvgImage'];
+    iconShape?: IconProps['shape'];
+    iconSize?: IconProps['iconSize'];
+    labelTextSize?: TextSizeProps;
+    monthTextColor?: TextProps['textColor'];
+    monthTextSize?: TextProps['size'];
+    monthTextWeight?: TextProps['textWeight'];
+    popper?: 'left' | 'right';
+    size?: SizeProps;
+    textSize?: TextProps['size'];
+    width?: WidthProps;
+    yearTextColor?: TextProps['textColor'];
+    yearTextSize?: TextProps['size'];
+    yearTextWeight?: TextProps['textWeight'];
+};
+type DatePickerInputProps = DatePickerInputAppearanceProps & DatePickerProps & {
+    className?: string;
     dataTestId?: string;
     dataTour?: string;
-    datePickerProps: DatePickerProps;
+    datePickerProps?: DatePickerInputAppearanceProps & DatePickerProps;
     endValue?: string | Date | DateIso;
     inputProps?: InputProps;
-    labelTextSize?: TextSizeProps;
+    onChange?: (dateStart: Date | null, dateEnd: Date | null) => void;
+    popperPlacement?: ReactNode;
+    selectsRange?: boolean;
     value?: string | Date | DateIso;
-    onChange: (dateStart: Date | null, dateEnd: Date | null) => void;
-}
-export interface DatePickerCustomInput {
-    clearIcon?: any;
-    clearIconFill?: FillProps;
-    clearIconFillHover?: FillHoverProps;
-    clearIconFillSize?: IconFillSizeProps;
-    clearIconItemFill?: ItemColorProps;
-    clearIconItemFillHover?: ItemColorProps;
-    clearIconShape?: ShapeProps;
-    clearIconSize?: IconSizeProps;
-    clearIconSrc?: string;
-    clearLabel?: string;
-    clearLabelTextColor?: TextColorProps;
-    clearLabelTextColorHover?: TextColorHoverProps;
-    clearLabelTextSize?: TextSizeProps;
-    datepickerRef?: any;
-    inputIcon?: any;
-    inputIconFill?: FillProps;
-    inputIconFillHover?: FillHoverProps;
-    inputIconFillSize?: IconFillSizeProps;
-    inputIconItemFill?: ItemColorProps;
-    inputIconShape?: ShapeProps;
-    inputIconSize?: IconSizeProps;
-    inputIconSrc?: string;
+};
+type DatePickerCustomInput = {
+    clearIcon?: IconProps['SvgImage'];
+    clearIconFill?: IconProps['fill'];
+    clearIconFillHover?: IconProps['fillHover'];
+    clearIconFillSize?: IconProps['fillSize'];
+    clearIconItemFill?: IconProps['iconFill'];
+    clearIconItemFillHover?: IconProps['iconFillHover'];
+    clearIconShape?: IconProps['shape'];
+    clearIconSize?: IconProps['size'];
+    clearIconSrc?: IconProps['imageSrc'];
+    clearLabel?: LabelProps['label'];
+    clearLabelTextColor?: LabelProps['labelTextColor'];
+    clearLabelTextColorHover?: LabelProps['labelTextColorHover'];
+    clearLabelTextSize?: LabelProps['labelTextSize'];
+    datepickerRef?: RefObject<DatePicker | null>;
+    inputIcon?: IconProps['SvgImage'];
+    inputIconFill?: IconProps['fill'];
+    inputIconFillHover?: IconProps['fillHover'];
+    inputIconFillSize?: IconProps['fillSize'];
+    inputIconItemFill?: IconProps['iconFill'];
+    inputIconShape?: IconProps['shape'];
+    inputIconSize?: IconProps['size'];
+    inputIconSrc?: IconProps['imageSrc'];
     inputProps?: InputProps;
+    isClearable?: boolean;
     labelTextSize?: TextSizeProps;
     value?: string;
-    isClearable?: boolean;
-    onClick?: VoidFunction;
-}
-export interface DatePickerInputIcon {
-    inputIcon?: any;
-    inputIconFill?: FillProps;
-    inputIconFillHover?: FillHoverProps;
-    inputIconFillSize?: IconFillSizeProps;
-    inputIconItemFill?: ItemColorProps;
-    inputIconShape?: ShapeProps;
-    inputIconSize?: IconSizeProps;
-    inputIconSrc?: string;
-    onClick?: () => void;
-}
-export {};
+};
+type DatePickerInputIcon = {
+    inputIcon?: IconProps['SvgImage'];
+    inputIconFill?: IconProps['fill'];
+    inputIconFillHover?: IconProps['fillHover'];
+    inputIconFillSize?: IconProps['fillSize'];
+    inputIconItemFill?: IconProps['iconFill'];
+    inputIconShape?: IconProps['shape'];
+    inputIconSize?: IconProps['size'];
+    inputIconSrc?: IconProps['imageSrc'];
+    onClick?: IconProps['onClick'];
+};
+export type { DatePickerAppearance, DatePickerConfig, DatePickerCustomInput, DatePickerInputAppearanceProps, DatePickerInputIcon, DatePickerInputProps, };

package/dist/types/components/DatePicker/appearance/datePickerSize.d.ts

@@ -1,30 +1,3 @@
-declare const datePickerSize: {
-    sizeL: {
-        size: string;
-        daySize: string;
-        dayTextSize: string;
-        iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
-    };
-    sizeM: {
-        size: string;
-        daySize: string;
-        dayTextSize: string;
-        iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
-        iconSize: number;
-        monthTextSize: string;
-        yearTextSize: string;
-    };
-    sizeS: {
-        size: string;
-        daySize: string;
-        dayTextSize: string;
-        iconFillSize: number;
-        iconLeft: string;
-        iconRight: string;
-    };
-};
+import { DatePickerAppearance } from '../DatePicker.interface';
+declare const datePickerSize: DatePickerAppearance;
 export { datePickerSize };

package/dist/types/components/DatePicker/appearance/datePickerStyle.d.ts

@@ -1,20 +1,3 @@
-declare const datePickerStyle: {
-    solid: {
-        inputProps: {
-            borderColor: string;
-        };
-    };
-    outlined: {
-        inputProps: {
-            fill: string;
-        };
-    };
-    full: {};
-    ghost: {
-        inputProps: {
-            fill: string;
-            borderColor: string;
-        };
-    };
-};
+import { DatePickerAppearance } from '../DatePicker.interface';
+declare const datePickerStyle: DatePickerAppearance;
 export { datePickerStyle };

package/dist/types/components/DatePicker/appearance/datePickerSurface.d.ts

@@ -1,15 +1,3 @@
-declare const datePickerAppearanceSurface: {
-    surfacePrimary: {
-        dayTextColor: string;
-        dayTextShape: string;
-        iconFillHover: string;
-        iconItemFill: string;
-        iconShape: string;
-        monthTextColor: string;
-        monthTextWeight: number;
-        placeholderTextColor: string;
-        yearTextColor: string;
-        yearTextWeight: number;
-    };
-};
+import { DatePickerAppearance } from '../DatePicker.interface';
+declare const datePickerAppearanceSurface: DatePickerAppearance;
 export { datePickerAppearanceSurface };

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

@@ -1,2 +1,2 @@
-export { DatePickerInput, datePickerConfig } from './DatePicker';
+export { datePickerConfig, DatePickerInput } from './DatePicker';
 export { datePickerAppearance } from './DatePicker.appearance';

package/dist/types/components/DatePicker/stories/DatePickerSize.stories.d.ts

@@ -0,0 +1,31 @@
+import { DatePickerInput } from '../DatePicker';
+import type { DatePickerInputProps } from '../DatePicker.interface';
+declare const meta: {
+    title: string;
+    component: typeof DatePickerInput;
+    args: {
+        width: string;
+    };
+};
+export default meta;
+export declare const SizeL: {
+    args: {
+        datePickerProps: {};
+        inputProps: {};
+    };
+    render: (args: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeM: {
+    args: {
+        datePickerProps: {};
+        inputProps: {};
+    };
+    render: (args: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeS: {
+    args: {
+        datePickerProps: {};
+        inputProps: {};
+    };
+    render: (args: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/DatePicker/stories/DatePickerStyle.stories.d.ts

@@ -0,0 +1,38 @@
+import { DatePickerInput } from '../DatePicker';
+import type { DatePickerInputProps } from '../DatePicker.interface';
+declare const meta: {
+    title: string;
+    component: typeof DatePickerInput;
+    args: {
+        width: string;
+    };
+};
+export default meta;
+export declare const Solid: {
+    args: {
+        datePickerProps: {};
+        inputProps: {};
+    };
+    render: (args: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Outlined: {
+    args: {
+        datePickerProps: {};
+        inputProps: {};
+    };
+    render: (args: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Ghost: {
+    args: {
+        datePickerProps: {};
+        inputProps: {};
+    };
+    render: (args: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Full: {
+    args: {
+        datePickerProps: {};
+        inputProps: {};
+    };
+    render: (args: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+};