@shoplflow/base 0.32.17 → 0.32.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +849 -716
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +53 -20
- package/dist/index.d.ts +53 -20
- package/dist/index.js +851 -718
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -7,10 +7,10 @@ import { IconSource as IconSource$1 } from '@shoplflow/hada-assets';
|
|
|
7
7
|
import { CustomDomComponent, HTMLMotionProps } from 'framer-motion';
|
|
8
8
|
import * as _emotion_styled from '@emotion/styled';
|
|
9
9
|
import * as _emotion_react from '@emotion/react';
|
|
10
|
-
import {
|
|
10
|
+
import { Placement, OffsetOptions } from '@floating-ui/core';
|
|
11
|
+
import { AutoPlacementOptions, Placement as Placement$1 } from '@floating-ui/react';
|
|
11
12
|
export { arrow, flip, hide, inline, offset, shift, size } from '@floating-ui/react';
|
|
12
13
|
import { Middleware } from '@floating-ui/react-dom';
|
|
13
|
-
import { OffsetOptions } from '@floating-ui/core';
|
|
14
14
|
import { positionValues } from 'react-custom-scrollbars-2';
|
|
15
15
|
import { DatePickerProps, ReactDatePickerCustomHeaderProps } from 'react-datepicker';
|
|
16
16
|
import { Locale } from 'react-datepicker/dist/date_utils';
|
|
@@ -639,6 +639,50 @@ declare type IconButtonComponent = <T extends ElementType = 'button'>(props: Ico
|
|
|
639
639
|
|
|
640
640
|
declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps<"button">, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
641
641
|
|
|
642
|
+
declare const DropdownButtonSizeVariants: {
|
|
643
|
+
readonly S: "S";
|
|
644
|
+
readonly M: "M";
|
|
645
|
+
};
|
|
646
|
+
declare type DropdownButtonSizeVariantType = $Values<typeof DropdownButtonSizeVariants>;
|
|
647
|
+
declare const DropdownButtonStyleVariants: {
|
|
648
|
+
readonly PRIMARY: "PRIMARY";
|
|
649
|
+
readonly SECONDARY: "SECONDARY";
|
|
650
|
+
};
|
|
651
|
+
declare type DropdownButtonStyleVariantType = $Values<typeof DropdownButtonStyleVariants>;
|
|
652
|
+
interface DropdownButtonProps extends DropdownButtonOptionProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
|
|
653
|
+
}
|
|
654
|
+
declare type DropdownButtonOptionProps = SizeVariantProps<DropdownButtonSizeVariantType> & StyleVariantProps<DropdownButtonStyleVariantType> & {
|
|
655
|
+
text: string;
|
|
656
|
+
} & {
|
|
657
|
+
placement?: Placement;
|
|
658
|
+
floatingZIndex?: CSSProperties['zIndex'];
|
|
659
|
+
};
|
|
660
|
+
|
|
661
|
+
declare const MenuSizeVariants: {
|
|
662
|
+
readonly XS: "XS";
|
|
663
|
+
readonly S: "S";
|
|
664
|
+
readonly M: "M";
|
|
665
|
+
};
|
|
666
|
+
declare type MenuSizeVariantType = $Values<typeof MenuSizeVariants>;
|
|
667
|
+
interface MenuProps extends MenuOptionProps, HTMLAttributes<HTMLLIElement> {
|
|
668
|
+
}
|
|
669
|
+
interface MenuOptionProps extends ChildrenProps, DisableProps, RightElementProps, LeftElementProps, SelectedProps, DefaultSelectedProps, SizeVariantProps<MenuSizeVariantType> {
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
declare const Menu: ({ leftSource, rightSource, children, isSelected, defaultSelected, onClick, sizeVar, disabled, ...rest }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
673
|
+
|
|
674
|
+
declare const DropdownButton: {
|
|
675
|
+
({ text, sizeVar, className, disabled, children, placement, styleVar, floatingZIndex, ...rest }: DropdownButtonProps): react_jsx_runtime.JSX.Element;
|
|
676
|
+
Menu: ({ onClick, children, ...rest }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
677
|
+
};
|
|
678
|
+
|
|
679
|
+
declare type DropdownButtonContextType = {
|
|
680
|
+
isOpen: boolean;
|
|
681
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
682
|
+
};
|
|
683
|
+
declare const DropdownButtonContext: React$1.Context<DropdownButtonContextType | null>;
|
|
684
|
+
declare const useDropdownButtonContext: () => DropdownButtonContextType;
|
|
685
|
+
|
|
642
686
|
declare const CalloutTypes: {
|
|
643
687
|
readonly INFORMATION: "INFORMATION";
|
|
644
688
|
readonly ALERT: "ALERT";
|
|
@@ -687,7 +731,7 @@ interface PopperOptionProps extends ChildrenProps {
|
|
|
687
731
|
*
|
|
688
732
|
* Ref: https://floating-ui.com/docs/arrow#placement
|
|
689
733
|
*/
|
|
690
|
-
placement?: Placement;
|
|
734
|
+
placement?: Placement$1;
|
|
691
735
|
/**
|
|
692
736
|
* popper의 속성을 결정할 수 있습니다.
|
|
693
737
|
*/
|
|
@@ -708,6 +752,7 @@ interface PopperTriggerProps extends ChildrenProps, HTMLAttributes<HTMLDivElemen
|
|
|
708
752
|
height?: CSSProperties['height'];
|
|
709
753
|
}
|
|
710
754
|
interface PopperPortalProps extends ChildrenProps, HTMLAttributes<HTMLDivElement> {
|
|
755
|
+
zIndex?: CSSProperties['zIndex'];
|
|
711
756
|
/**
|
|
712
757
|
* animation을 넣을 수 있습니다.
|
|
713
758
|
* framer-motion의 animation을 사용합니다.
|
|
@@ -870,7 +915,7 @@ declare const dropdownSizeVariants: {
|
|
|
870
915
|
readonly M: "M";
|
|
871
916
|
};
|
|
872
917
|
declare type DropdownSizeVariantType = $Values<typeof dropdownSizeVariants>;
|
|
873
|
-
interface
|
|
918
|
+
interface DropdownTriggerButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'>, DisableProps, LeftElementProps, SizeVariantProps<DropdownSizeVariantType> {
|
|
874
919
|
/**
|
|
875
920
|
* placeholder를 설정합니다.
|
|
876
921
|
*/
|
|
@@ -885,23 +930,10 @@ interface DropdownButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
885
930
|
|
|
886
931
|
declare const Dropdown: {
|
|
887
932
|
({ isOpen: initialIsOpen, trigger, popper, option, width, }: DropdownProps): react_jsx_runtime.JSX.Element;
|
|
888
|
-
Button: React__default.ForwardRefExoticComponent<
|
|
933
|
+
Button: React__default.ForwardRefExoticComponent<DropdownTriggerButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
889
934
|
Content: ({ children, width: initialWidth, type, onClick, ...rest }: DropdownContentProps) => react_jsx_runtime.JSX.Element;
|
|
890
935
|
};
|
|
891
936
|
|
|
892
|
-
declare const MenuSizeVariants: {
|
|
893
|
-
readonly XS: "XS";
|
|
894
|
-
readonly S: "S";
|
|
895
|
-
readonly M: "M";
|
|
896
|
-
};
|
|
897
|
-
declare type MenuSizeVariantType = $Values<typeof MenuSizeVariants>;
|
|
898
|
-
interface MenuProps extends MenuOptionProps, HTMLAttributes<HTMLLIElement> {
|
|
899
|
-
}
|
|
900
|
-
interface MenuOptionProps extends ChildrenProps, DisableProps, RightElementProps, LeftElementProps, SelectedProps, DefaultSelectedProps, SizeVariantProps<MenuSizeVariantType> {
|
|
901
|
-
}
|
|
902
|
-
|
|
903
|
-
declare const Menu: ({ leftSource, rightSource, children, isSelected, defaultSelected, onClick, sizeVar, disabled, ...rest }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
904
|
-
|
|
905
937
|
interface ListProps extends ListOptionProps {
|
|
906
938
|
}
|
|
907
939
|
interface ListOptionProps extends ChildrenProps, DisableProps, SelectedProps, LeftNodeProps, RightNodeProps, HTMLAttributes<HTMLLIElement> {
|
|
@@ -1455,8 +1487,9 @@ declare type NumberComboboxProps = NumberComboboxOptionProps & Omit<InputHTMLAtt
|
|
|
1455
1487
|
* 에러 여부
|
|
1456
1488
|
*/
|
|
1457
1489
|
isError?: boolean;
|
|
1490
|
+
floatingZIndex?: CSSProperties['zIndex'];
|
|
1458
1491
|
};
|
|
1459
1492
|
|
|
1460
|
-
declare const NumberCombobox: ({ disabled, onSelect, onChange, value, width, onBlur, items, isError, sizeVar, placeholder, maxLength, className, ...rest }: NumberComboboxProps) => react_jsx_runtime.JSX.Element;
|
|
1493
|
+
declare const NumberCombobox: ({ disabled, onSelect, onChange, value, width, onBlur, items, isError, sizeVar, placeholder, maxLength, className, floatingZIndex, ...rest }: NumberComboboxProps) => react_jsx_runtime.JSX.Element;
|
|
1461
1494
|
|
|
1462
|
-
export { AnnualDatepicker, AnnualDatepickerProps, Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DangerouslySetInnerHTML, DayCalendarType, DayDatepicker, DayDatepickerHeaderCustomProps, DayDatepickerOptionProps, DayDatepickerProps, DayDatepickerSizeVariantType, DayDatepickerSizeVariants, Dropdown, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVariantType, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, InputSizeVariantType, InputSizeVariants, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, MonthClickDateInfo, MonthDatepicker, MonthDatepickerProps, MonthDatepickerStyleType, MotionStack, MotionStackComponentType, MotionStackContainer, MotionStackContainerComponentType, NumberCombobox, NumberComboboxErrorType, NumberComboboxInputType, NumberComboboxOptionProps, NumberComboboxProps, NumberComboboxSizeVariantType, NumberComboboxSizeVariants, Pagination, PaginationOptionProps, PaginationProps, PaginationSizeSelectorProps, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ScrollbarRefType, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackContainer, StackContainerComponentType, StackContainerGenericProps, StackContainerOptionProps, StackContainerProps, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, StyledStackContainer, Switch, SwitchOptionProps, SwitchProps, TREE_SYMBOL_KEY, TabOptionProps, TabProps, TabSizeVariantType, TabSizeVariants, TabStyleVariantType, TabStyleVariants, TabStyledProps, TabTextStyledProps, Tabs, TabsContext, TabsContextType, TabsOptionProps, TabsProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, ToggleButton, ToggleButtonInnerRadioOptionProps, ToggleButtonInnerRadioProps, ToggleButtonOptionProps, ToggleButtonProps, ToggleButtonSizeVariantType, ToggleButtonSizeVariants, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, Tree, TreeItem, TreeItemOptionProps, TreeItemProps, TreeOptionProps, TreeProps, TypographyTokens, WeekClickDateInfo, WeekDatepicker, WeekDatepickerProps, WeekDatepickerStyleType, YearSelectProps, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue, useTabs };
|
|
1495
|
+
export { AnnualDatepicker, AnnualDatepickerProps, Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DangerouslySetInnerHTML, DayCalendarType, DayDatepicker, DayDatepickerHeaderCustomProps, DayDatepickerOptionProps, DayDatepickerProps, DayDatepickerSizeVariantType, DayDatepickerSizeVariants, Dropdown, DropdownButton, DropdownButtonContext, DropdownButtonContextType, DropdownButtonOptionProps, DropdownButtonProps, DropdownButtonSizeVariantType, DropdownButtonSizeVariants, DropdownButtonStyleVariantType, DropdownButtonStyleVariants, DropdownContentProps, DropdownOptionProps, DropdownOptionVariantType, DropdownProps, DropdownSizeVariantType, DropdownTriggerButtonProps, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, InputSizeVariantType, InputSizeVariants, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, MonthClickDateInfo, MonthDatepicker, MonthDatepickerProps, MonthDatepickerStyleType, MotionStack, MotionStackComponentType, MotionStackContainer, MotionStackContainerComponentType, NumberCombobox, NumberComboboxErrorType, NumberComboboxInputType, NumberComboboxOptionProps, NumberComboboxProps, NumberComboboxSizeVariantType, NumberComboboxSizeVariants, Pagination, PaginationOptionProps, PaginationProps, PaginationSizeSelectorProps, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ScrollbarRefType, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackContainer, StackContainerComponentType, StackContainerGenericProps, StackContainerOptionProps, StackContainerProps, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, StyledStackContainer, Switch, SwitchOptionProps, SwitchProps, TREE_SYMBOL_KEY, TabOptionProps, TabProps, TabSizeVariantType, TabSizeVariants, TabStyleVariantType, TabStyleVariants, TabStyledProps, TabTextStyledProps, Tabs, TabsContext, TabsContextType, TabsOptionProps, TabsProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, ToggleButton, ToggleButtonInnerRadioOptionProps, ToggleButtonInnerRadioProps, ToggleButtonOptionProps, ToggleButtonProps, ToggleButtonSizeVariantType, ToggleButtonSizeVariants, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, Tree, TreeItem, TreeItemOptionProps, TreeItemProps, TreeOptionProps, TreeProps, TypographyTokens, WeekClickDateInfo, WeekDatepicker, WeekDatepickerProps, WeekDatepickerStyleType, YearSelectProps, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useDropdownButtonContext, useHandleModal, useModalValue, useTabs };
|
package/dist/index.d.ts
CHANGED
|
@@ -7,10 +7,10 @@ import { IconSource as IconSource$1 } from '@shoplflow/hada-assets';
|
|
|
7
7
|
import { CustomDomComponent, HTMLMotionProps } from 'framer-motion';
|
|
8
8
|
import * as _emotion_styled from '@emotion/styled';
|
|
9
9
|
import * as _emotion_react from '@emotion/react';
|
|
10
|
-
import {
|
|
10
|
+
import { Placement, OffsetOptions } from '@floating-ui/core';
|
|
11
|
+
import { AutoPlacementOptions, Placement as Placement$1 } from '@floating-ui/react';
|
|
11
12
|
export { arrow, flip, hide, inline, offset, shift, size } from '@floating-ui/react';
|
|
12
13
|
import { Middleware } from '@floating-ui/react-dom';
|
|
13
|
-
import { OffsetOptions } from '@floating-ui/core';
|
|
14
14
|
import { positionValues } from 'react-custom-scrollbars-2';
|
|
15
15
|
import { DatePickerProps, ReactDatePickerCustomHeaderProps } from 'react-datepicker';
|
|
16
16
|
import { Locale } from 'react-datepicker/dist/date_utils';
|
|
@@ -639,6 +639,50 @@ declare type IconButtonComponent = <T extends ElementType = 'button'>(props: Ico
|
|
|
639
639
|
|
|
640
640
|
declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps<"button">, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
641
641
|
|
|
642
|
+
declare const DropdownButtonSizeVariants: {
|
|
643
|
+
readonly S: "S";
|
|
644
|
+
readonly M: "M";
|
|
645
|
+
};
|
|
646
|
+
declare type DropdownButtonSizeVariantType = $Values<typeof DropdownButtonSizeVariants>;
|
|
647
|
+
declare const DropdownButtonStyleVariants: {
|
|
648
|
+
readonly PRIMARY: "PRIMARY";
|
|
649
|
+
readonly SECONDARY: "SECONDARY";
|
|
650
|
+
};
|
|
651
|
+
declare type DropdownButtonStyleVariantType = $Values<typeof DropdownButtonStyleVariants>;
|
|
652
|
+
interface DropdownButtonProps extends DropdownButtonOptionProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
|
|
653
|
+
}
|
|
654
|
+
declare type DropdownButtonOptionProps = SizeVariantProps<DropdownButtonSizeVariantType> & StyleVariantProps<DropdownButtonStyleVariantType> & {
|
|
655
|
+
text: string;
|
|
656
|
+
} & {
|
|
657
|
+
placement?: Placement;
|
|
658
|
+
floatingZIndex?: CSSProperties['zIndex'];
|
|
659
|
+
};
|
|
660
|
+
|
|
661
|
+
declare const MenuSizeVariants: {
|
|
662
|
+
readonly XS: "XS";
|
|
663
|
+
readonly S: "S";
|
|
664
|
+
readonly M: "M";
|
|
665
|
+
};
|
|
666
|
+
declare type MenuSizeVariantType = $Values<typeof MenuSizeVariants>;
|
|
667
|
+
interface MenuProps extends MenuOptionProps, HTMLAttributes<HTMLLIElement> {
|
|
668
|
+
}
|
|
669
|
+
interface MenuOptionProps extends ChildrenProps, DisableProps, RightElementProps, LeftElementProps, SelectedProps, DefaultSelectedProps, SizeVariantProps<MenuSizeVariantType> {
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
declare const Menu: ({ leftSource, rightSource, children, isSelected, defaultSelected, onClick, sizeVar, disabled, ...rest }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
673
|
+
|
|
674
|
+
declare const DropdownButton: {
|
|
675
|
+
({ text, sizeVar, className, disabled, children, placement, styleVar, floatingZIndex, ...rest }: DropdownButtonProps): react_jsx_runtime.JSX.Element;
|
|
676
|
+
Menu: ({ onClick, children, ...rest }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
677
|
+
};
|
|
678
|
+
|
|
679
|
+
declare type DropdownButtonContextType = {
|
|
680
|
+
isOpen: boolean;
|
|
681
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
682
|
+
};
|
|
683
|
+
declare const DropdownButtonContext: React$1.Context<DropdownButtonContextType | null>;
|
|
684
|
+
declare const useDropdownButtonContext: () => DropdownButtonContextType;
|
|
685
|
+
|
|
642
686
|
declare const CalloutTypes: {
|
|
643
687
|
readonly INFORMATION: "INFORMATION";
|
|
644
688
|
readonly ALERT: "ALERT";
|
|
@@ -687,7 +731,7 @@ interface PopperOptionProps extends ChildrenProps {
|
|
|
687
731
|
*
|
|
688
732
|
* Ref: https://floating-ui.com/docs/arrow#placement
|
|
689
733
|
*/
|
|
690
|
-
placement?: Placement;
|
|
734
|
+
placement?: Placement$1;
|
|
691
735
|
/**
|
|
692
736
|
* popper의 속성을 결정할 수 있습니다.
|
|
693
737
|
*/
|
|
@@ -708,6 +752,7 @@ interface PopperTriggerProps extends ChildrenProps, HTMLAttributes<HTMLDivElemen
|
|
|
708
752
|
height?: CSSProperties['height'];
|
|
709
753
|
}
|
|
710
754
|
interface PopperPortalProps extends ChildrenProps, HTMLAttributes<HTMLDivElement> {
|
|
755
|
+
zIndex?: CSSProperties['zIndex'];
|
|
711
756
|
/**
|
|
712
757
|
* animation을 넣을 수 있습니다.
|
|
713
758
|
* framer-motion의 animation을 사용합니다.
|
|
@@ -870,7 +915,7 @@ declare const dropdownSizeVariants: {
|
|
|
870
915
|
readonly M: "M";
|
|
871
916
|
};
|
|
872
917
|
declare type DropdownSizeVariantType = $Values<typeof dropdownSizeVariants>;
|
|
873
|
-
interface
|
|
918
|
+
interface DropdownTriggerButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'>, DisableProps, LeftElementProps, SizeVariantProps<DropdownSizeVariantType> {
|
|
874
919
|
/**
|
|
875
920
|
* placeholder를 설정합니다.
|
|
876
921
|
*/
|
|
@@ -885,23 +930,10 @@ interface DropdownButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
885
930
|
|
|
886
931
|
declare const Dropdown: {
|
|
887
932
|
({ isOpen: initialIsOpen, trigger, popper, option, width, }: DropdownProps): react_jsx_runtime.JSX.Element;
|
|
888
|
-
Button: React__default.ForwardRefExoticComponent<
|
|
933
|
+
Button: React__default.ForwardRefExoticComponent<DropdownTriggerButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
889
934
|
Content: ({ children, width: initialWidth, type, onClick, ...rest }: DropdownContentProps) => react_jsx_runtime.JSX.Element;
|
|
890
935
|
};
|
|
891
936
|
|
|
892
|
-
declare const MenuSizeVariants: {
|
|
893
|
-
readonly XS: "XS";
|
|
894
|
-
readonly S: "S";
|
|
895
|
-
readonly M: "M";
|
|
896
|
-
};
|
|
897
|
-
declare type MenuSizeVariantType = $Values<typeof MenuSizeVariants>;
|
|
898
|
-
interface MenuProps extends MenuOptionProps, HTMLAttributes<HTMLLIElement> {
|
|
899
|
-
}
|
|
900
|
-
interface MenuOptionProps extends ChildrenProps, DisableProps, RightElementProps, LeftElementProps, SelectedProps, DefaultSelectedProps, SizeVariantProps<MenuSizeVariantType> {
|
|
901
|
-
}
|
|
902
|
-
|
|
903
|
-
declare const Menu: ({ leftSource, rightSource, children, isSelected, defaultSelected, onClick, sizeVar, disabled, ...rest }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
904
|
-
|
|
905
937
|
interface ListProps extends ListOptionProps {
|
|
906
938
|
}
|
|
907
939
|
interface ListOptionProps extends ChildrenProps, DisableProps, SelectedProps, LeftNodeProps, RightNodeProps, HTMLAttributes<HTMLLIElement> {
|
|
@@ -1455,8 +1487,9 @@ declare type NumberComboboxProps = NumberComboboxOptionProps & Omit<InputHTMLAtt
|
|
|
1455
1487
|
* 에러 여부
|
|
1456
1488
|
*/
|
|
1457
1489
|
isError?: boolean;
|
|
1490
|
+
floatingZIndex?: CSSProperties['zIndex'];
|
|
1458
1491
|
};
|
|
1459
1492
|
|
|
1460
|
-
declare const NumberCombobox: ({ disabled, onSelect, onChange, value, width, onBlur, items, isError, sizeVar, placeholder, maxLength, className, ...rest }: NumberComboboxProps) => react_jsx_runtime.JSX.Element;
|
|
1493
|
+
declare const NumberCombobox: ({ disabled, onSelect, onChange, value, width, onBlur, items, isError, sizeVar, placeholder, maxLength, className, floatingZIndex, ...rest }: NumberComboboxProps) => react_jsx_runtime.JSX.Element;
|
|
1461
1494
|
|
|
1462
|
-
export { AnnualDatepicker, AnnualDatepickerProps, Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DangerouslySetInnerHTML, DayCalendarType, DayDatepicker, DayDatepickerHeaderCustomProps, DayDatepickerOptionProps, DayDatepickerProps, DayDatepickerSizeVariantType, DayDatepickerSizeVariants, Dropdown, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVariantType, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, InputSizeVariantType, InputSizeVariants, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, MonthClickDateInfo, MonthDatepicker, MonthDatepickerProps, MonthDatepickerStyleType, MotionStack, MotionStackComponentType, MotionStackContainer, MotionStackContainerComponentType, NumberCombobox, NumberComboboxErrorType, NumberComboboxInputType, NumberComboboxOptionProps, NumberComboboxProps, NumberComboboxSizeVariantType, NumberComboboxSizeVariants, Pagination, PaginationOptionProps, PaginationProps, PaginationSizeSelectorProps, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ScrollbarRefType, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackContainer, StackContainerComponentType, StackContainerGenericProps, StackContainerOptionProps, StackContainerProps, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, StyledStackContainer, Switch, SwitchOptionProps, SwitchProps, TREE_SYMBOL_KEY, TabOptionProps, TabProps, TabSizeVariantType, TabSizeVariants, TabStyleVariantType, TabStyleVariants, TabStyledProps, TabTextStyledProps, Tabs, TabsContext, TabsContextType, TabsOptionProps, TabsProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, ToggleButton, ToggleButtonInnerRadioOptionProps, ToggleButtonInnerRadioProps, ToggleButtonOptionProps, ToggleButtonProps, ToggleButtonSizeVariantType, ToggleButtonSizeVariants, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, Tree, TreeItem, TreeItemOptionProps, TreeItemProps, TreeOptionProps, TreeProps, TypographyTokens, WeekClickDateInfo, WeekDatepicker, WeekDatepickerProps, WeekDatepickerStyleType, YearSelectProps, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue, useTabs };
|
|
1495
|
+
export { AnnualDatepicker, AnnualDatepickerProps, Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DangerouslySetInnerHTML, DayCalendarType, DayDatepicker, DayDatepickerHeaderCustomProps, DayDatepickerOptionProps, DayDatepickerProps, DayDatepickerSizeVariantType, DayDatepickerSizeVariants, Dropdown, DropdownButton, DropdownButtonContext, DropdownButtonContextType, DropdownButtonOptionProps, DropdownButtonProps, DropdownButtonSizeVariantType, DropdownButtonSizeVariants, DropdownButtonStyleVariantType, DropdownButtonStyleVariants, DropdownContentProps, DropdownOptionProps, DropdownOptionVariantType, DropdownProps, DropdownSizeVariantType, DropdownTriggerButtonProps, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, InputSizeVariantType, InputSizeVariants, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, MonthClickDateInfo, MonthDatepicker, MonthDatepickerProps, MonthDatepickerStyleType, MotionStack, MotionStackComponentType, MotionStackContainer, MotionStackContainerComponentType, NumberCombobox, NumberComboboxErrorType, NumberComboboxInputType, NumberComboboxOptionProps, NumberComboboxProps, NumberComboboxSizeVariantType, NumberComboboxSizeVariants, Pagination, PaginationOptionProps, PaginationProps, PaginationSizeSelectorProps, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ScrollbarRefType, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackContainer, StackContainerComponentType, StackContainerGenericProps, StackContainerOptionProps, StackContainerProps, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, StyledStackContainer, Switch, SwitchOptionProps, SwitchProps, TREE_SYMBOL_KEY, TabOptionProps, TabProps, TabSizeVariantType, TabSizeVariants, TabStyleVariantType, TabStyleVariants, TabStyledProps, TabTextStyledProps, Tabs, TabsContext, TabsContextType, TabsOptionProps, TabsProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, ToggleButton, ToggleButtonInnerRadioOptionProps, ToggleButtonInnerRadioProps, ToggleButtonOptionProps, ToggleButtonProps, ToggleButtonSizeVariantType, ToggleButtonSizeVariants, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, Tree, TreeItem, TreeItemOptionProps, TreeItemProps, TreeOptionProps, TreeProps, TypographyTokens, WeekClickDateInfo, WeekDatepicker, WeekDatepickerProps, WeekDatepickerStyleType, YearSelectProps, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useDropdownButtonContext, useHandleModal, useModalValue, useTabs };
|