@croquiscom/pds 1.0.1 → 1.2.1

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

@@ -0,0 +1,261 @@
+/// <reference types="react" />
+export declare const DatePickerMask: import("@emotion/styled").StyledComponent<{
+    id?: string;
+    color?: string;
+    translate?: "yes" | "no";
+    hidden?: boolean;
+    slot?: string;
+    title?: string;
+    dir?: string;
+    accessKey?: string;
+    draggable?: boolean | "false" | "true";
+    lang?: string;
+    className?: string;
+    prefix?: string;
+    role?: import("react").AriaRole;
+    children?: import("react").ReactNode;
+    contentEditable?: "inherit" | (boolean | "false" | "true");
+    inputMode?: "search" | "numeric" | "none" | "url" | "text" | "decimal" | "tel" | "email";
+    nonce?: string;
+    tabIndex?: number;
+    defaultChecked?: boolean;
+    defaultValue?: string | number | readonly string[];
+    suppressContentEditableWarning?: boolean;
+    suppressHydrationWarning?: boolean;
+    contextMenu?: string;
+    placeholder?: string;
+    spellCheck?: boolean | "false" | "true";
+    radioGroup?: string;
+    about?: string;
+    datatype?: string;
+    inlist?: any;
+    property?: string;
+    resource?: string;
+    typeof?: string;
+    vocab?: string;
+    autoCapitalize?: string;
+    autoCorrect?: string;
+    autoSave?: string;
+    itemProp?: string;
+    itemScope?: boolean;
+    itemType?: string;
+    itemID?: string;
+    itemRef?: string;
+    results?: number;
+    security?: string;
+    unselectable?: "on" | "off";
+    is?: string;
+    "aria-activedescendant"?: string;
+    "aria-atomic"?: boolean | "false" | "true";
+    "aria-autocomplete"?: "inline" | "both" | "none" | "list";
+    "aria-busy"?: boolean | "false" | "true";
+    "aria-checked"?: boolean | "false" | "mixed" | "true";
+    "aria-colcount"?: number;
+    "aria-colindex"?: number;
+    "aria-colspan"?: number;
+    "aria-controls"?: string;
+    "aria-current"?: boolean | "location" | "time" | "false" | "page" | "true" | "step" | "date";
+    "aria-describedby"?: string;
+    "aria-details"?: string;
+    "aria-disabled"?: boolean | "false" | "true";
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup";
+    "aria-errormessage"?: string;
+    "aria-expanded"?: boolean | "false" | "true";
+    "aria-flowto"?: string;
+    "aria-grabbed"?: boolean | "false" | "true";
+    "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "false" | "listbox" | "true" | "tree";
+    "aria-hidden"?: boolean | "false" | "true";
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling";
+    "aria-keyshortcuts"?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-level"?: number;
+    "aria-live"?: "off" | "assertive" | "polite";
+    "aria-modal"?: boolean | "false" | "true";
+    "aria-multiline"?: boolean | "false" | "true";
+    "aria-multiselectable"?: boolean | "false" | "true";
+    "aria-orientation"?: "horizontal" | "vertical";
+    "aria-owns"?: string;
+    "aria-placeholder"?: string;
+    "aria-posinset"?: number;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true";
+    "aria-readonly"?: boolean | "false" | "true";
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+    "aria-required"?: boolean | "false" | "true";
+    "aria-roledescription"?: string;
+    "aria-rowcount"?: number;
+    "aria-rowindex"?: number;
+    "aria-rowspan"?: number;
+    "aria-selected"?: boolean | "false" | "true";
+    "aria-setsize"?: number;
+    "aria-sort"?: "none" | "other" | "ascending" | "descending";
+    "aria-valuemax"?: number;
+    "aria-valuemin"?: number;
+    "aria-valuenow"?: number;
+    "aria-valuetext"?: string;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    };
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement>;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
+    onChange?: import("react").FormEventHandler<HTMLDivElement>;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement>;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onInput?: import("react").FormEventHandler<HTMLDivElement>;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onReset?: import("react").FormEventHandler<HTMLDivElement>;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement>;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement>;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onError?: import("react").ReactEventHandler<HTMLDivElement>;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement>;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement>;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement>;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement>;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement>;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement>;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement>;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement>;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement>;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement>;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement>;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement>;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    position: 'top' | 'bottom';
+}, {}, {}>;

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

@@ -37,9 +37,10 @@ export interface DateRangePickerProps extends DatePickerBaseProps {
     customDatePreset?: DatePreset;
     /**
      * 지정해서 보여지는 개월의 개수를 임의로 조정할 수 있습니다.
+     *   - displayMode 'bottomSheet'인 경우 numberOfMonths는 1로 고정입니다.
      * @default 2
      */
     numberOfMonths?: number;
     onChange?: (start: Dates['from'], end: Dates['to']) => void;
 }
-export declare const DateRangePicker: ({ width, error, disabled, className, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths, showRemoveButton, opened: openProp, customDatePreset, onOpen, onClose, onChange, }: DateRangePickerProps) => JSX.Element;
+export declare const DateRangePicker: ({ width, error, disabled, className, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: DateRangePickerProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ width, error, disabled, className, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths, showRemoveButton, opened: openProp, customDatePreset, onOpen, onClose, onChange, }: import("./DateRangePicker").DateRangePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ width, error, disabled, className, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, 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;
@@ -13,3 +13,4 @@ export declare const MaxRange: any;
 export declare const WithDatePreset: any;
 export declare const WithRadioGroupDatePreset: any;
 export declare const WithAllDatePreset: any;
+export declare const BottomSheetPicker: any;

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

@@ -1,3 +1,7 @@
-export declare const DayPickerBase: import("@emotion/styled").StyledComponent<(import("react-day-picker").DayPickerDefaultProps | import("react-day-picker").DayPickerSingleProps | import("react-day-picker").DayPickerMultipleProps | import("react-day-picker").DayPickerRangeProps) & {
+import { DisplayMode } from './DatePicker';
+export declare const DayPickerBase: import("@emotion/styled").StyledComponent<((import("react-day-picker").DayPickerDefaultProps | import("react-day-picker").DayPickerSingleProps | import("react-day-picker").DayPickerMultipleProps | import("react-day-picker").DayPickerRangeProps) & {
     theme?: import("@emotion/react").Theme;
+}) & {
+    cellSize: number;
+    displayMode: DisplayMode;
 }, {}, {}>;

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

@@ -0,0 +1,6 @@
+export declare const POPOVER_CELL_SIZE = 32;
+export declare const BOTTOM_SHEET_CELL_SIZE = 49;
+export declare const BOTTOM_SHEET_CAPTION_HEIGHT = 72;
+export declare const BOTTOM_SHEET_FOOTER_HEIGHT = 90;
+export declare const MIN_SATE_PADDING_TOP = 40;
+export declare const BOTTOM_SHEET_TABLE_MARGIN: number;

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

@@ -0,0 +1,25 @@
+import { CSSObject } from '@emotion/react';
+import { DisplayMode } from '../DatePicker';
+import { Typography } from '../../../foundation';
+import { ButtonProps } from '../../button';
+import { VStackProps, HStackProps } from '../../stack';
+interface DatePickerAttributes {
+    maxHeight: number;
+    cellSize: number;
+    caption: {
+        kind: Typography;
+        arrowSize: number;
+        style?: CSSObject;
+    };
+    footer: {
+        button: Partial<ButtonProps>;
+        container: Partial<HStackProps & VStackProps> & {
+            style?: CSSObject;
+        };
+        description?: {
+            kind: Typography;
+        };
+    };
+}
+export declare function useDatePickerAttributes(displayMode: DisplayMode): DatePickerAttributes;
+export {};

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

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+export declare function useScrollMask({ opened, scrollWrapperRef, calendarRef, }: {
+    opened: boolean;
+    calendarRef: RefObject<HTMLElement>;
+    scrollWrapperRef: RefObject<HTMLElement>;
+}): {
+    mask: {
+        topMask: number;
+        bottomMask: number;
+    };
+    maskPosition: {
+        top: number;
+        bottom: number;
+    };
+    handleScroll: import("lodash").DebouncedFunc<() => void>;
+};

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

@@ -1,4 +1,6 @@
 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: string;

package/dist/components/icons/generated/ArrowChevronDown.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowChevronDown: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowChevronDown;

package/dist/components/icons/generated/ArrowChevronLeft.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowChevronLeft: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowChevronLeft;

package/dist/components/icons/generated/ArrowChevronRight.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowChevronRight: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowChevronRight;

package/dist/components/icons/generated/ArrowChevronUp.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowChevronUp: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowChevronUp;

package/dist/components/icons/generated/ArrowDecrease.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowDecrease: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowDecrease;

package/dist/components/icons/generated/ArrowDirectionDown.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowDirectionDown: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowDirectionDown;

package/dist/components/icons/generated/ArrowDirectionLeft.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowDirectionLeft: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowDirectionLeft;

package/dist/components/icons/generated/ArrowDirectionRight.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowDirectionRight: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowDirectionRight;

package/dist/components/icons/generated/ArrowDirectionUp.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowDirectionUp: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowDirectionUp;

package/dist/components/icons/generated/ArrowIncrease.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowIncrease: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowIncrease;

package/dist/components/icons/generated/ArrowIndent.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowIndent: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowIndent;

package/dist/components/icons/generated/ArrowStick.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowStick: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowStick;

package/dist/components/icons/generated/ArrowTriangleDown.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowTriangleDown: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowTriangleDown;

package/dist/components/icons/generated/ArrowTriangleUp.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgArrowTriangleUp: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgArrowTriangleUp;

package/dist/components/icons/generated/BarChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBarChart: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBarChart;

package/dist/components/icons/generated/Below.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBelow: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBelow;

package/dist/components/icons/generated/BoxBestFill.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxBestFill: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxBestFill;

package/dist/components/icons/generated/BoxCanada.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxCanada: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxCanada;

package/dist/components/icons/generated/BoxCartFill.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxCartFill: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxCartFill;

package/dist/components/icons/generated/BoxEyeOffFill.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxEyeOffFill: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxEyeOffFill;

package/dist/components/icons/generated/BoxFbk.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxFbk: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxFbk;

package/dist/components/icons/generated/BoxFingerOffFill.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxFingerOffFill: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxFingerOffFill;

package/dist/components/icons/generated/BoxGlobal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxGlobal: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxGlobal;

package/dist/components/icons/generated/BoxGraphDownFill.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxGraphDownFill: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxGraphDownFill;

package/dist/components/icons/generated/BoxHome.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxHome: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxHome;

package/dist/components/icons/generated/BoxJapan.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxJapan: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxJapan;

package/dist/components/icons/generated/BoxKorea.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxKorea: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxKorea;

package/dist/components/icons/generated/BoxMystore.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxMystore: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxMystore;

package/dist/components/icons/generated/BoxPosty.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxPosty: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxPosty;

package/dist/components/icons/generated/BoxReturn.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxReturn: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxReturn;

package/dist/components/icons/generated/BoxUsa.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxUsa: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxUsa;

package/dist/components/icons/generated/BoxX.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxX: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxX;

package/dist/components/icons/generated/BoxZigzag.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBoxZigzag: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBoxZigzag;

package/dist/components/icons/generated/Bulb.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBulb: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBulb;

package/dist/components/icons/generated/BulbFill.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgBulbFill: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgBulbFill;

package/dist/components/icons/generated/Calendar.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgCalendar: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgCalendar;

package/dist/components/icons/generated/Camera.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgCamera: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgCamera;

package/dist/components/icons/generated/Cart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgCart: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgCart;

package/dist/components/icons/generated/CategoryBeauty.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgCategoryBeauty: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgCategoryBeauty;

package/dist/components/icons/generated/CategoryBrand.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgCategoryBrand: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgCategoryBrand;

package/dist/components/icons/generated/CategoryDeliveryGlobal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgCategoryDeliveryGlobal: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgCategoryDeliveryGlobal;

package/dist/components/icons/generated/CategoryKids.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgCategoryKids: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgCategoryKids;