@lunit/design-system 2.0.1 → 2.1.0

package/dist/foundation/colors/token/core.js

@@ -114,6 +114,13 @@ export const tokenCoreColor = {
         dark2: "--blue_30",
     },
     hover: {
+        // Deprecated. Please use core.status_hover instead.
+        light1: "rgba(0, 0, 0, 0.12)",
+        light2: "rgba(0, 0, 0, 0.12)",
+        dark1: "rgba(255, 255, 255, 0.12)",
+        dark2: "rgba(255, 255, 255, 0.12)", // "--grey_0 12%",
+    },
+    status_hover: {
         // TODO: 알파값 적용 코드는 일단 하드코딩. 나중에 수정할것
         light1: "rgba(0, 0, 0, 0.12)",
         light2: "rgba(0, 0, 0, 0.12)",
@@ -121,12 +128,26 @@ export const tokenCoreColor = {
         dark2: "rgba(255, 255, 255, 0.12)", // "--grey_0 12%",
     },
     focused: {
+        // Deprecated. Please use core.status_focused instead.
+        light1: "--lunit_teal_40",
+        light2: "--lunit_teal_40",
+        dark1: "--lunit_teal_40",
+        dark2: "--lunit_teal_40",
+    },
+    status_focused: {
         light1: "--lunit_teal_40",
         light2: "--lunit_teal_40",
         dark1: "--lunit_teal_40",
         dark2: "--lunit_teal_40",
     },
     selected: {
+        // Deprecated. Please use core.status_selected instead.
+        light1: "--lunit_teal_10",
+        light2: "--lunit_teal_10",
+        dark1: "--lunit_teal_80",
+        dark2: "--lunit_teal_80",
+    },
+    status_selected: {
         light1: "--lunit_teal_10",
         light2: "--lunit_teal_10",
         dark1: "--lunit_teal_80",

package/dist/foundation/colors/token/core.js.map

@@ -1 +1 @@
-{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/core.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/core.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -7,7 +7,7 @@ export { default as Checkbox } from "./components/Checkbox";
 export { default as Dialog } from "./components/Dialog";
 export { default as DataTable } from "./components/DataTable";
 export { default as DatePicker } from "./components/DatePicker";
-export { default as Dropdown } from "./components/Dropdown";
+export { default as Dropdown, DropdownItem, DropdownDivider, DropdownSubtitle, } from "./components/Dropdown";
 export { default as FormLabel } from "./components/FormLabel";
 export { default as Radio } from "./components/Radio";
 export { default as RadioGroup } from "./components/RadioGroup";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,YAAY,EACZ,eAAe,EACf,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/types/components/Button/Button.styled.d.ts

@@ -893,7 +893,7 @@ export declare const iconStyle: ({ size, hasIconOnly, }: Pick<CustomButtonProps,
 export declare const CustomButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "primary" | "secondary" | "error" | "warning" | "success" | "info" | undefined;
+    color?: "inherit" | "primary" | "secondary" | "success" | "info" | "warning" | "error" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
@@ -903,7 +903,7 @@ export declare const CustomButton: import("@emotion/styled").StyledComponent<{
     size?: "small" | "medium" | "large" | undefined;
     startIcon?: import("react").ReactNode;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "text" | "outlined" | "contained" | undefined;
+    variant?: "outlined" | "text" | "contained" | undefined;
 } & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
     centerRipple?: boolean | undefined;
@@ -922,5 +922,5 @@ export declare const CustomButton: import("@emotion/styled").StyledComponent<{
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "color" | "disabled" | "size" | "sx" | "tabIndex" | "variant" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomButtonProps, {}, {}>;
+}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomButtonProps, {}, {}>;
 export {};

package/dist/types/components/Chip/Chip.styled.d.ts

@@ -6,7 +6,7 @@ export declare const StyledOutlinedChip: import("@emotion/styled").StyledCompone
     children?: null | undefined;
     classes?: Partial<import("@mui/material").ChipClasses> | undefined;
     clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "error" | "warning" | "success" | "default" | "info" | undefined;
+    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
     deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     disabled?: boolean | undefined;
     icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -19,13 +19,13 @@ export declare const StyledOutlinedChip: import("@emotion/styled").StyledCompone
     variant?: "outlined" | "filled" | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "avatar" | "children" | "clickable" | "color" | "deleteIcon" | "disabled" | "icon" | "onDelete" | "size" | "skipFocusWhenDisabled" | "sx" | "tabIndex" | "variant"> & import("@mui/system").MUIStyledCommonProps<Theme> & OutlinedChipProps, {}, {}>;
+}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & OutlinedChipProps, {}, {}>;
 export declare const StyledContainedChipBase: import("@emotion/styled").StyledComponent<{
     avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     children?: null | undefined;
     classes?: Partial<import("@mui/material").ChipClasses> | undefined;
     clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "error" | "warning" | "success" | "default" | "info" | undefined;
+    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
     deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     disabled?: boolean | undefined;
     icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -38,13 +38,13 @@ export declare const StyledContainedChipBase: import("@emotion/styled").StyledCo
     variant?: "outlined" | "filled" | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "avatar" | "children" | "clickable" | "color" | "deleteIcon" | "disabled" | "icon" | "onDelete" | "size" | "skipFocusWhenDisabled" | "sx" | "tabIndex" | "variant"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
+}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
 export declare const StyledContainedChipEnable: import("@emotion/styled").StyledComponent<{
     avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     children?: null | undefined;
     classes?: Partial<import("@mui/material").ChipClasses> | undefined;
     clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "error" | "warning" | "success" | "default" | "info" | undefined;
+    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
     deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     disabled?: boolean | undefined;
     icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -57,13 +57,13 @@ export declare const StyledContainedChipEnable: import("@emotion/styled").Styled
     variant?: "outlined" | "filled" | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "avatar" | "children" | "clickable" | "color" | "deleteIcon" | "disabled" | "icon" | "onDelete" | "size" | "skipFocusWhenDisabled" | "sx" | "tabIndex" | "variant"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps & EnableContainedChipProps, {}, {}>;
+}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps & EnableContainedChipProps, {}, {}>;
 export declare const StyledContainedChipDeletable: import("@emotion/styled").StyledComponent<{
     avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     children?: null | undefined;
     classes?: Partial<import("@mui/material").ChipClasses> | undefined;
     clickable?: boolean | undefined;
-    color?: "primary" | "secondary" | "error" | "warning" | "success" | "default" | "info" | undefined;
+    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "default" | undefined;
     deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     disabled?: boolean | undefined;
     icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -76,4 +76,4 @@ export declare const StyledContainedChipDeletable: import("@emotion/styled").Sty
     variant?: "outlined" | "filled" | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "avatar" | "children" | "clickable" | "color" | "deleteIcon" | "disabled" | "icon" | "onDelete" | "size" | "skipFocusWhenDisabled" | "sx" | "tabIndex" | "variant"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
+}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "label" | "tabIndex" | "disabled" | "icon" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;

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

@@ -11,7 +11,6 @@ export interface DialogBase {
     titleVariant?: TypographyProps["variant"];
     children: React.ReactNode;
     actions?: React.ReactNode;
-    enableBackButtonClose?: boolean;
     enableBackdropClose?: boolean;
     size?: "small" | "medium";
     sx?: SxProps;
@@ -21,13 +20,11 @@ export interface DialogBase {
 export interface PassiveDialogType extends DialogBase {
     type: "passive";
     actions?: undefined;
-    enableBackButtonClose?: true;
     enableBackdropClose?: true;
 }
 export interface ActionDialogType extends DialogBase {
     type: "action";
     actions: React.ReactNode;
-    enableBackButtonClose?: false;
     enableBackdropClose?: boolean;
 }
 export interface PassiveModalProps extends PassiveDialogType {

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

@@ -1,2 +1,4 @@
-declare const Dropdown: () => import("react/jsx-runtime").JSX.Element;
+import React from "react";
+import { DropdownProps } from "./Dropdown.types";
+declare const Dropdown: React.ForwardRefExoticComponent<Omit<DropdownProps, "ref"> & React.RefAttributes<unknown>>;
 export default Dropdown;

package/dist/types/components/Dropdown/Dropdown.styled.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { DropdownProps } from "./Dropdown.types";
+export declare const StyledSelect: import("@emotion/styled").StyledComponent<import("@mui/material/Select").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Omit<DropdownProps, "size"> & {
+    selectSize: "small" | "medium" | "large";
+}, {}, {}>;
+export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<{
+    autoFocus?: boolean | undefined;
+    classes?: Partial<import("@mui/material/MenuItem").MenuItemClasses> | undefined;
+    dense?: boolean | undefined;
+    disabled?: boolean | undefined;
+    disableGutters?: boolean | undefined;
+    divider?: boolean | undefined;
+    selected?: boolean | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const StyledIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
+    children?: import("react").ReactNode;
+    component?: import("react").ElementType<any> | undefined;
+    ref?: import("react").Ref<unknown> | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, ("zIndex" | "typography" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "children" | "sx" | "ref" | "component"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { MenuItemProps, SelectProps } from "@mui/material";
+export interface DropdownProps extends Omit<SelectProps, "size" | "variant" | "placeholder"> {
+    select?: "single" | "multiple";
+    size?: "small" | "medium" | "large";
+}
+export interface DropdownItemProps extends MenuItemProps {
+    leftIcon?: JSX.Element;
+    rightText?: string;
+    isFilledStyle?: boolean;
+}

package/dist/types/components/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,13 @@
+import { SxProps } from "@mui/material";
+import { DropdownItemProps } from "./Dropdown.types";
+export declare function DropdownItem(props: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownDivider({ sx }: {
+    sx?: SxProps;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownSubtitle({ title, sx, }: {
+    title: string;
+    sx?: SxProps;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace DropdownSubtitle {
+    var muiSkipListHighlight: boolean;
+}

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

@@ -1 +1,3 @@
 export { default } from "./Dropdown";
+export { DropdownItem, DropdownDivider, DropdownSubtitle, } from "./DropdownItem";
+export type { DropdownProps, DropdownItemProps } from "./Dropdown.types";

package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts

@@ -6,7 +6,7 @@ type CustomToggleButtonProps = ToggleButtonProps & {
 export declare const CustomToggleButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ToggleButtonClasses> | undefined;
-    color?: "primary" | "secondary" | "error" | "warning" | "success" | "info" | "standard" | undefined;
+    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "standard" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     fullWidth?: boolean | undefined;
@@ -34,7 +34,7 @@ export declare const CustomToggleButton: import("@emotion/styled").StyledCompone
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "color" | "disabled" | "size" | "sx" | "tabIndex" | "onChange" | "onClick" | "value" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomToggleButtonProps, {}, {}>;
+}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "value" | "disableFocusRipple" | "fullWidth" | "size" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomToggleButtonProps, {}, {}>;
 export declare const IconAndChildrenWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     hasIconOnly: boolean;

package/dist/types/foundation/Typography/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { TypographyOptions } from "@mui/material/styles/createTypography";
-type DSVariants = "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "body1_16_semibold" | "body1_16_regular" | "body2_14_bold" | "body2_14_medium" | "body2_14_regular" | "body3_12_semibold" | "body3_12_regular" | "button1" | "button2";
+type DSVariants = "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "body1_16_semibold" | "body1_16_regular" | "body2_14_bold" | "body2_14_medium" | "body2_14_regular" | "body3_12_semibold" | "body3_12_regular" | "body_m2" | "body_reg6" | "body_reg8" | "small_body_sb1" | "small_body_m2" | "button1" | "button2";
 type DSVariantsType = Record<DSVariants, React.CSSProperties>;
 declare module "@mui/material/styles" {
     interface TypographyVariants extends DSVariantsType {
@@ -24,6 +24,11 @@ export declare const typographyDefaultProps: {
         body2_14_regular: string;
         body3_12_semibold: string;
         body3_12_regular: string;
+        body_m2: string;
+        body_reg6: string;
+        body_reg8: string;
+        small_body_sb1: string;
+        small_body_m2: string;
     };
 };
 export declare const createTypographyCssBaseline: () => {
@@ -43,6 +48,12 @@ export declare const createTypographyCssBaseline: () => {
         "--caption-font-weight": "var(--font-weight-medium)";
         "--caption-font-size": "12px";
         "--caption-line-height": "16px";
+        "--small_body_sb1-font-weight": "var(--font-weight-semibold)";
+        "--small_body_sb1-font-size": "12px";
+        "--small_body_sb1-line-height": "16px";
+        "--small_body_m2-font-weight": "var(--font-weight-medium)";
+        "--small_body_m2-font-size": "12px";
+        "--small_body_m2-line-height": "20px";
         "--body1-16-semibold-font-weight": "var(--font-weight-semibold)";
         "--body1-16-semibold-font-size": "16px";
         "--body1-16-semibold-line-height": "24px";
@@ -64,6 +75,15 @@ export declare const createTypographyCssBaseline: () => {
         "--body3-12-regular-font-weight": "var(--font-weight-regular)";
         "--body3-12-regular-font-size": "12.4px";
         "--body3-12-regular-line-height": "16px";
+        "--body_m2-font-weight": "var(--font-weight-medium)";
+        "--body_m2-font-size": "13px";
+        "--body_m2-line-height": "18px";
+        "--body_reg6-font-weight": "var(--font-weight-regular)";
+        "--body_reg6-font-size": "13px";
+        "--body_reg6-line-height": "18px";
+        "--body_reg8-font-weight": "var(--font-weight-regular)";
+        "--body_reg8-font-size": "12px";
+        "--body_reg8-line-height": "16px";
         "--headline1-font-weight": "var(--font-weight-semibold)";
         "--headline1-font-size": "52px";
         "--headline1-line-height": "68px";

package/dist/types/foundation/Typography/tokens.d.ts

@@ -13,6 +13,12 @@ export declare const cssVariables: {
     "--caption-font-weight": "var(--font-weight-medium)";
     "--caption-font-size": "12px";
     "--caption-line-height": "16px";
+    "--small_body_sb1-font-weight": "var(--font-weight-semibold)";
+    "--small_body_sb1-font-size": "12px";
+    "--small_body_sb1-line-height": "16px";
+    "--small_body_m2-font-weight": "var(--font-weight-medium)";
+    "--small_body_m2-font-size": "12px";
+    "--small_body_m2-line-height": "20px";
     "--body1-16-semibold-font-weight": "var(--font-weight-semibold)";
     "--body1-16-semibold-font-size": "16px";
     "--body1-16-semibold-line-height": "24px";
@@ -34,6 +40,15 @@ export declare const cssVariables: {
     "--body3-12-regular-font-weight": "var(--font-weight-regular)";
     "--body3-12-regular-font-size": "12.4px";
     "--body3-12-regular-line-height": "16px";
+    "--body_m2-font-weight": "var(--font-weight-medium)";
+    "--body_m2-font-size": "13px";
+    "--body_m2-line-height": "18px";
+    "--body_reg6-font-weight": "var(--font-weight-regular)";
+    "--body_reg6-font-size": "13px";
+    "--body_reg6-line-height": "18px";
+    "--body_reg8-font-weight": "var(--font-weight-regular)";
+    "--body_reg8-font-size": "12px";
+    "--body_reg8-line-height": "16px";
     "--headline1-font-weight": "var(--font-weight-semibold)";
     "--headline1-font-size": "52px";
     "--headline1-line-height": "68px";

package/dist/types/foundation/colors/base/blue.d.ts

@@ -1,6 +1,7 @@
 export declare const blue: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;
@@ -13,6 +14,7 @@ export declare const blue: {
 export declare const blueText: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;

package/dist/types/foundation/colors/base/green.d.ts

@@ -1,6 +1,7 @@
 export declare const green: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;
@@ -13,6 +14,7 @@ export declare const green: {
 export declare const greenText: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;

package/dist/types/foundation/colors/base/grey.d.ts

@@ -6,14 +6,21 @@ export declare const grey: {
     20: string;
     25: string;
     30: string;
+    35: string;
     40: string;
+    45: string;
     50: string;
+    55: string;
     60: string;
+    65: string;
     70: string;
     75: string;
     80: string;
+    82: string;
     85: string;
+    88: string;
     90: string;
+    93: string;
     95: string;
     100: string;
 };
@@ -25,13 +32,21 @@ export declare const greyText: {
     20: string;
     25: string;
     30: string;
+    35: string;
     40: string;
+    45: string;
     50: string;
+    55: string;
     60: string;
+    65: string;
     70: string;
+    75: string;
     80: string;
+    82: string;
     85: string;
+    88: string;
     90: string;
+    93: string;
     95: string;
     100: string;
 };

package/dist/types/foundation/colors/base/lunitTeal.d.ts

@@ -1,6 +1,7 @@
 export declare const lunit_teal: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;
@@ -13,6 +14,7 @@ export declare const lunit_teal: {
 export declare const lunit_tealText: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;

package/dist/types/foundation/colors/base/magenta.d.ts

@@ -1,6 +1,7 @@
 export declare const magenta: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;
@@ -13,6 +14,7 @@ export declare const magenta: {
 export declare const magentaText: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;

package/dist/types/foundation/colors/base/orange.d.ts

@@ -1,6 +1,7 @@
 export declare const orange: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;
@@ -13,6 +14,7 @@ export declare const orange: {
 export declare const orangeText: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;

package/dist/types/foundation/colors/base/purple.d.ts

@@ -1,6 +1,7 @@
 export declare const purple: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;
@@ -13,6 +14,7 @@ export declare const purple: {
 export declare const purpleText: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;

package/dist/types/foundation/colors/base/red.d.ts

@@ -1,6 +1,7 @@
 export declare const red: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;
@@ -13,6 +14,7 @@ export declare const red: {
 export declare const redText: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;

package/dist/types/foundation/colors/base/yellow.d.ts

@@ -1,6 +1,7 @@
 export declare const yellow: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;
@@ -13,6 +14,7 @@ export declare const yellow: {
 export declare const yellowText: {
     5: string;
     10: string;
+    15: string;
     20: string;
     30: string;
     40: string;

package/dist/types/foundation/colors/index.d.ts

@@ -125,8 +125,11 @@ declare const paletteOptions: {
             icon_warning_02: string;
             icon_info_02: string;
             hover: string;
+            status_hover: string;
             focused: string;
+            status_focused: string;
             selected: string;
+            status_selected: string;
             shadow_01: string;
             shadow_02: string;
             shadow_03: string;

package/dist/types/foundation/colors/types.d.ts

@@ -20,8 +20,11 @@ export interface ColorToken {
         icon_warning_02: string;
         icon_info_02: string;
         hover: string;
+        status_hover: string;
         focused: string;
+        status_focused: string;
         selected: string;
+        status_selected: string;
         shadow_01: string;
         shadow_02: string;
         shadow_03: string;

package/dist/types/foundation/index.d.ts

@@ -76,8 +76,11 @@ export declare const palette: {
             icon_warning_02: string;
             icon_info_02: string;
             hover: string;
+            status_hover: string;
             focused: string;
+            status_focused: string;
             selected: string;
+            status_selected: string;
             shadow_01: string;
             shadow_02: string;
             shadow_03: string;

package/dist/types/index.d.ts

@@ -7,7 +7,7 @@ export { default as Checkbox } from "./components/Checkbox";
 export { default as Dialog } from "./components/Dialog";
 export { default as DataTable } from "./components/DataTable";
 export { default as DatePicker } from "./components/DatePicker";
-export { default as Dropdown } from "./components/Dropdown";
+export { default as Dropdown, DropdownItem, DropdownDivider, DropdownSubtitle, } from "./components/Dropdown";
 export { default as FormLabel } from "./components/FormLabel";
 export { default as Radio } from "./components/Radio";
 export { default as RadioGroup } from "./components/RadioGroup";