@croquiscom/pds 3.9.0 → 3.10.0-alpha.1

package/dist/badge/Badge.d.ts

@@ -0,0 +1,15 @@
+import { PropsWithChildren, ReactElement } from 'react';
+import { BadgeVariant, BadgeColor, BadgeSize } from './types';
+import { IconProps } from '../icons/generated';
+export interface BadgeProps {
+    className?: string;
+    /** @default outlined */
+    variant?: BadgeVariant;
+    /** @default small */
+    size?: BadgeSize;
+    /** @default black */
+    color?: BadgeColor;
+    /** 라벨 우측 영역에 렌더링 될 아이콘 요소 */
+    icon?: ReactElement<IconProps>;
+}
+export declare const Badge: ({ className, variant, size, color, icon, children, }: PropsWithChildren<BadgeProps>) => JSX.Element;

package/dist/badge/Badge.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ className, variant, size, color, icon, children, }: React.PropsWithChildren<import("./Badge").BadgeProps>) => JSX.Element>;
+export default _default;
+export declare const Outline: any;
+export declare const Fill: any;
+export declare const Icon: () => JSX.Element;

package/dist/badge/index.d.ts

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

package/dist/badge/styles.d.ts

@@ -0,0 +1,5 @@
+import { BadgeVariant, BadgeColor, BadgeSize } from './types';
+export declare const badge_base_css: import("@emotion/utils").SerializedStyles;
+export declare const badge_color_css: Record<BadgeColor, string>;
+export declare const badge_size_css: Record<BadgeSize, string>;
+export declare const getBadgeStyleByProps: (variant?: BadgeVariant, color?: BadgeColor) => import("@emotion/utils").SerializedStyles;

package/dist/badge/types.d.ts

@@ -0,0 +1,3 @@
+export declare type BadgeVariant = 'outline' | 'fill';
+export declare type BadgeColor = 'pink' | 'blue' | 'gray' | 'red' | 'green';
+export declare type BadgeSize = 'small' | 'medium';

package/dist/button/Button.d.ts

@@ -0,0 +1,22 @@
+import React, { ButtonHTMLAttributes, ReactElement } from 'react';
+import { ButtonSize, ButtonVariant } from './types';
+import { IconProps } from '../icons/generated';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+    fill?: boolean;
+    /** @default secondary */
+    variant?: ButtonVariant;
+    /** @default medium */
+    size?: ButtonSize;
+    /** @default button */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    /** @default false */
+    loading?: boolean;
+    /** 좌측 영역에 렌더링 될 아이콘 요소 */
+    startIcon?: ReactElement<IconProps>;
+    /** 우측 영역에 렌더링 될 아이콘 요소 */
+    endIcon?: ReactElement<IconProps>;
+}
+export interface ButtonIconProps {
+    size: ButtonSize;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/button/Button.stories.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const Brand: any;
+export declare const Primary: any;
+export declare const Secondary: any;
+export declare const Black: any;
+export declare const Negative: any;
+export declare const OutlinedPrimary: any;
+export declare const OutlinedNegative: any;
+export declare const OutlinedBlack: any;
+export declare const OutlinedWhite: any;
+export declare const Dotted: any;
+export declare const StartIcon: any;
+export declare const EndIcon: any;
+export declare const Loading: any;
+export declare const Focus: () => JSX.Element;

package/dist/button/IconButton.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactElement } from 'react';
+import { ButtonShape, IconButtonVariant } from './types';
+import { ButtonProps } from './Button';
+export interface IconButtonProps extends Omit<ButtonProps, 'size'> {
+    /** @default secondary */
+    variant?: IconButtonVariant;
+    /** 렌더링 될 아이콘 요소 */
+    icon?: ReactElement;
+    /** @default rectangle */
+    shape?: ButtonShape;
+}
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/button/IconButton.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./IconButton").IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
+export declare const Rectangle: any;
+export declare const Circle: any;

package/dist/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button';
+export * from './IconButton';

package/dist/button/styles.d.ts

@@ -0,0 +1,7 @@
+import { ButtonSize, ButtonVariant, ButtonShape } from './types';
+export declare const button_base_css: import("@emotion/utils").SerializedStyles;
+export declare const button_icon_base_css: import("@emotion/utils").SerializedStyles;
+export declare const getButtonVariant: (variant?: ButtonVariant) => import("@emotion/utils").SerializedStyles;
+export declare const button_size_css: Record<ButtonSize, string>;
+export declare const getButtonIconStyle: (size: ButtonSize) => import("@emotion/utils").SerializedStyles;
+export declare const getIconButtonStyle: (shape?: ButtonShape) => import("@emotion/utils").SerializedStyles;

package/dist/button/types.d.ts

@@ -0,0 +1,4 @@
+export declare type ButtonVariant = 'brand' | 'primary' | 'secondary' | 'black' | 'negative' | 'outlined_primary' | 'outlined_black' | 'outlined_white' | 'outlined_negative' | 'dotted';
+export declare type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export declare type ButtonShape = 'rectangle' | 'circle';
+export declare type IconButtonVariant = 'secondary' | 'outlined_primary' | 'outlined_negative';

package/dist/checkbox/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
+export declare const Default: any;
+export declare const Checked: any;
+export declare const Disabled: any;
+export declare const CheckedDisabled: any;

package/dist/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+import { AlignType } from '../radio';
+interface CheckboxItem<CheckboxValue> {
+    label: ReactNode;
+    value: CheckboxValue;
+    disabled?: boolean;
+}
+export interface CheckboxGroupProps<CheckboxValue> {
+    className?: string;
+    defaultValue?: CheckboxValue[];
+    value?: CheckboxValue[];
+    disabled?: boolean;
+    name?: string;
+    /** @default 24 */
+    spacing?: number;
+    items: CheckboxItem<CheckboxValue>[];
+    align?: AlignType;
+    keyExtractor?: (item: CheckboxItem<CheckboxValue>, index: number) => string | number;
+    onChange?: (value: CheckboxValue[]) => void;
+}
+export interface CheckboxGroupInstance<CheckboxValue> {
+    value?: CheckboxValue[];
+    focus: () => void;
+}
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps<string | number | boolean> & React.RefAttributes<CheckboxGroupInstance<string | number | boolean>>>;
+export {};

package/dist/checkbox/CheckboxGroup.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./CheckboxGroup").CheckboxGroupProps<string | number | boolean> & React.RefAttributes<import("./CheckboxGroup").CheckboxGroupInstance<string | number | boolean>>>>;
+export default _default;
+export declare const Base: any;
+export declare const Spacing: any;
+export declare const Disabled: any;
+export declare const VerticalAlign: any;
+export declare const Controlled: () => JSX.Element;

package/dist/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Checkbox';
+export * from './CheckboxGroup';

package/dist/components/date-picker/Caption.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Locale } from 'date-fns';
 import { CaptionProps } from 'react-day-picker';
-import { DisplayMode } from './DatePicker';
+import { CaptionLabelType, DisplayMode } from './DatePicker';
 export declare const captionColor: (disabled: boolean) => string;
 export interface DatePickerCaptionProps extends CaptionProps {
     /**
@@ -12,5 +12,6 @@ export interface DatePickerCaptionProps extends CaptionProps {
     currentMonth?: Date;
     locale: Locale;
     displayMode: DisplayMode;
+    onClickCaptionLabel?: (type: CaptionLabelType) => void;
 }
-export declare const Caption: ({ multipleMonths, currentMonth: controlledMonth, displayMode, className, locale, ...props }: DatePickerCaptionProps) => JSX.Element;
+export declare const Caption: ({ multipleMonths, currentMonth: controlledMonth, displayMode, className, locale, onClickCaptionLabel, ...props }: DatePickerCaptionProps) => JSX.Element;

package/dist/components/date-picker/DatePicker.d.ts

@@ -5,6 +5,7 @@ import { TimePickerProps } from '../time-picker';
 import { InputSize } from '../input/types';
 export type DisplayTimeFormat = 'hourMinute' | 'hourMinuteSecond';
 export type DisplayMode = 'popover' | 'bottomSheet';
+export type CaptionLabelType = 'month' | 'year';
 export declare const DATE_FORMAT = "yyyy.MM.dd";
 export declare const DATE_HOUR_MINUTE_FORMAT = "yyyy.MM.dd HH:mm";
 export declare const DATE_HOUR_MINUTE_SECOND_FORMAT = "yyyy.MM.dd HH:mm:ss";

package/dist/components/date-picker/DateRangeInput.d.ts

@@ -1,10 +1,21 @@
-import React from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { DatePickerIconProps } from './DatePickerIcon';
 import { InputBaseProps } from '../input/InputBase';
 import { AriaFocusProps } from '../../types/common';
+export type FocusType = null | 'start' | 'end';
 export interface DateRangeInputProps extends Omit<InputBaseProps, 'leftAddon' | 'rightAddon' | 'alignment'>, AriaFocusProps {
-    fromDate?: string;
-    toDate?: string;
+    placeholder?: string;
+    focused?: FocusType;
+    setFocused?: (focused: FocusType) => void;
     onClickRemoveButton?: () => void;
+    inputValue: {
+        start: string;
+        end: string;
+    };
+    fetchInputValue: Dispatch<SetStateAction<{
+        start: string;
+        end: string;
+    }>>;
+    modalOpen: boolean;
 }
 export declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & DatePickerIconProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/date-picker/DateRangePicker.d.ts

@@ -43,5 +43,12 @@ export interface DateRangePickerProps extends DatePickerBaseProps {
      */
     numberOfMonths?: number;
     onChange?: (start: Dates['from'], end: Dates['to']) => void;
+    /**
+     * 선택 완료시 자동으로 캘린더 선택 창을 닫습니다.
+     *   - displayMode 'bottomSheet'인 경우 적용이 불가합니다.
+     *   - displayMode 'popover'인 경우 하단의 footer 영역의 취소/확인 버튼은 노출되지 않습니다.
+     * @default true
+     */
+    autoCloseable?: boolean;
 }
-export declare const DateRangePicker: ({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: DateRangePickerProps) => JSX.Element;
+export declare const DateRangePicker: ({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, autoCloseable, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: DateRangePickerProps) => JSX.Element;

package/dist/components/date-picker/DateRangePicker.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { DateRangePicker } from './DateRangePicker';
-declare const _default: ComponentMeta<({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: import("./DateRangePicker").DateRangePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, autoCloseable, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: import("./DateRangePicker").DateRangePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
@@ -16,3 +16,4 @@ export declare const WithDatePreset: any;
 export declare const WithRadioGroupDatePreset: any;
 export declare const WithAllDatePreset: any;
 export declare const BottomSheetPicker: any;
+export declare const UnusedAutoCloseable: any;

package/dist/components/date-picker/YearMonthCalendar.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Locale } from 'date-fns';
+export type DisplayMode = 'popover' | 'bottomSheet';
+export type CalendarType = 'day' | 'month' | 'year' | 'year_range';
+export interface YearMonthCalendarProps {
+    className?: string;
+    type: CalendarType;
+    locale: Locale;
+    currentDate: Date;
+    displayMode?: DisplayMode;
+    disabled?: boolean;
+    disabledDates?: (value: Date) => boolean;
+    selectedRange?: {
+        from: Date | undefined;
+        to?: Date | undefined;
+    };
+    onChange?: (value: Date | null) => void;
+    onClose?: () => void;
+}
+export declare const YearMonthCalendar: ({ className, type, locale, disabledDates, displayMode, currentDate, selectedRange, onChange, onClose, }: YearMonthCalendarProps) => JSX.Element;

package/dist/components/date-picker/YearMonthCaption.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export type DisplayMode = 'popover' | 'bottomSheet';
+export interface YearMonthCaptionProps {
+    className?: string;
+    displayMode: DisplayMode;
+    label: string;
+    disabledLabel?: boolean;
+    disabledPreview?: boolean;
+    disabledNext?: boolean;
+    onClickLabel?: () => void;
+    onPreview?: () => void;
+    onNext?: () => void;
+}
+export declare const YearMonthCaption: ({ className, displayMode, label, disabledLabel, disabledPreview, disabledNext, onClickLabel, onPreview, onNext, }: YearMonthCaptionProps) => JSX.Element;

package/dist/components/date-picker/hooks/constants.d.ts

@@ -1,5 +1,6 @@
-export declare const POPOVER_CELL_SIZE = 32;
-export declare const BOTTOM_SHEET_CELL_SIZE = 49;
+export declare const POPOVER_CELL_SIZE = 36;
+export declare const BOTTOM_SHEET_CELL_SIZE = 48;
+export declare const CELL_SIZE_MARGIN = 4;
 export declare const BOTTOM_SHEET_CAPTION_HEIGHT = 72;
 export declare const BOTTOM_SHEET_FOOTER_HEIGHT = 90;
 export declare const MIN_SATE_PADDING_TOP = 40;

package/dist/components/date-picker/hooks/useDatePickerAttributes.d.ts

@@ -5,10 +5,18 @@ import { ButtonProps } from '../../button';
 import { VStackProps, HStackProps } from '../../stack';
 interface DatePickerAttributes {
     maxHeight: number;
+    panelSize: {
+        width: number;
+        height: number;
+    };
     cellSize: number;
     caption: {
         kind: Typography;
-        arrowSize: number;
+        arrow: {
+            size: number;
+            width: number;
+            height: number;
+        };
         style?: CSSObject;
     };
     footer: {
@@ -16,9 +24,6 @@ interface DatePickerAttributes {
         container: Partial<HStackProps & VStackProps> & {
             style?: CSSObject;
         };
-        description?: {
-            kind: Typography;
-        };
     };
 }
 export declare function useDatePickerAttributes(displayMode: DisplayMode): DatePickerAttributes;

package/dist/components/date-picker/styles.d.ts

@@ -1,18 +1,11 @@
+import { CSSProperties } from 'react';
+import { InputSize } from '../input/types';
 export declare const date_picker_base_css: import("@emotion/utils").SerializedStyles;
 export declare const popover_picker_css: import("@emotion/utils").SerializedStyles;
 export declare const bottom_sheet_picker_css: import("@emotion/utils").SerializedStyles;
-export declare const caption_button_css: import("@emotion/utils").SerializedStyles;
-export declare const range_input_default_style: {
-    border: number;
-    borderRadius: number;
-    backgroundColor: string;
-    padding: number;
-    transition: string;
-    '&:hover': {
-        borderColor: string;
-    };
-    '&:focus, &:focus-within': {
-        outline: string;
-        border: string;
-    };
-};
+export declare const caption_text_button_css: import("@emotion/utils").SerializedStyles;
+export declare const caption_arrow_button_css: import("@emotion/utils").SerializedStyles;
+export declare const range_input_default_style: CSSProperties;
+export declare const range_picker_focus_style: import("@emotion/utils").SerializedStyles;
+export declare const year_month_select_panel_css: import("@emotion/utils").SerializedStyles;
+export declare const getRangeFocusInputStyle: (size: InputSize) => import("@emotion/utils").SerializedStyles;

package/dist/components/date-picker/utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @param value string
+ * @param dateFormat string [default='yyyy.MM.dd']
+ * @param strongCheck boolean [default=false] 값이 없는 경우, 날짜 입력중인 경우 (dateFormat.length 와 비교) error 추가 판단
+ */
+export declare function checkInputValidation(value: any, dateFormat?: string, strongCheck?: boolean): boolean;

package/dist/divider/Divider.d.ts

@@ -0,0 +1,12 @@
+import { SpaceProps } from '../styles';
+import { CSSValueWithLength } from '../styles/buildCSSWithLength';
+declare type orientation = 'horizontal' | 'vertical';
+export interface DividerProps extends SpaceProps {
+    orientation?: orientation;
+    spacing?: CSSValueWithLength;
+}
+export declare const Divider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & DividerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
+export {};

package/dist/divider/Divider.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DividerProps } from './Divider';
+declare const _default: {
+    title: string;
+    component: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType<any>;
+    } & DividerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
+};
+export default _default;
+export declare const Base: any;

package/dist/divider/index.d.ts

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

package/dist/form/FormHelperText.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare type FormHelperTextVariant = 'info' | 'confirm' | 'error';
+declare type FormHelperTextElement = keyof Pick<JSX.IntrinsicElements, 'div' | 'p' | 'span'>;
+export interface FormHelperTextProps extends React.Attributes {
+    /**
+     * @default span
+     */
+    as?: FormHelperTextElement;
+    /** @default info */
+    variant?: FormHelperTextVariant;
+}
+export declare const FormHelperText: React.FC<FormHelperTextProps & JSX.IntrinsicElements[FormHelperTextProps['as']]>;
+export {};

package/dist/form/FormHelperText.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FormHelperTextProps } from './FormHelperText';
+declare const _default: {
+    title: string;
+    component: React.FC<FormHelperTextProps & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>)>;
+};
+export default _default;
+export declare const Base: any;
+export declare const Confirm: any;
+export declare const Error: any;
+export declare const WithButton: () => JSX.Element;

package/dist/form/FormLabel.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode, LabelHTMLAttributes } from 'react';
+export interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /** @default false */
+    required?: boolean;
+    /** help 팝오버 요소 TODO(sally): popover 개발시 외부 ReactNode 주입 제거 및 타입 제한 */
+    helper?: ReactNode;
+    /** 라벨 우측 렌더링될 Addon 요소 */
+    rightAddon?: ReactNode;
+}
+export declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/form/FormLabel.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FormLabelProps } from './FormLabel';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+};
+export default _default;
+export declare const Base: any;
+export declare const Required: any;
+export declare const Help: any;
+export declare const HelpWithRequired: any;

package/dist/form/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormLabel';
+export * from './FormHelperText';

package/dist/form/styles.d.ts

@@ -0,0 +1,3 @@
+import { FormHelperTextVariant } from './FormHelperText';
+export declare const label_base_css: import("@emotion/utils").SerializedStyles;
+export declare const getFormHelperTextVariant: (variant: FormHelperTextVariant) => import("@emotion/utils").SerializedStyles;

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useClickOutside: (refs: React.MutableRefObject<HTMLElement | null>[], attachOnClickOutsideCondition: boolean, onClickOutside: () => void, enable?: boolean) => void;

package/dist/icons/Icon.stories.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    title: string;
+    argTypes: {
+        size: {
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        secondaryColor: {
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: any;
+export declare const WithSizeAndColor: any;

package/dist/icons/generated/Account24.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgAccount24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgAccount24;

package/dist/icons/generated/Alert16.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgAlert16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgAlert16;

package/dist/icons/generated/Alert20.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgAlert20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgAlert20;

package/dist/icons/generated/Alert24.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgAlert24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgAlert24;

package/dist/icons/generated/Alert50.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgAlert50: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgAlert50;

package/dist/icons/generated/AlertFill20.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgAlertFill20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgAlertFill20;

package/dist/icons/generated/AlertTriangle18.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgAlertTriangle18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgAlertTriangle18;

package/dist/icons/generated/ArrowBottom16.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowBottom16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowBottom16;

package/dist/icons/generated/ArrowBottom18.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowBottom18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowBottom18;

package/dist/icons/generated/ArrowDecrease10.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowDecrease10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowDecrease10;

package/dist/icons/generated/ArrowIncrease10.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowIncrease10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowIncrease10;

package/dist/icons/generated/ArrowLeft16.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowLeft16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowLeft16;

package/dist/icons/generated/ArrowLeft18.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowLeft18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowLeft18;

package/dist/icons/generated/ArrowLineDown20.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowLineDown20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowLineDown20;

package/dist/icons/generated/ArrowLineLeft20.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowLineLeft20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowLineLeft20;

package/dist/icons/generated/ArrowLineRight20.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowLineRight20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowLineRight20;

package/dist/icons/generated/ArrowLineUp20.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowLineUp20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowLineUp20;

package/dist/icons/generated/ArrowRight16.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowRight16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowRight16;

package/dist/icons/generated/ArrowRight18.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowRight18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowRight18;

package/dist/icons/generated/ArrowStick10.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '.';
+declare const SvgArrowStick10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowStick10;