@lunit/design-system 1.0.0-b.4 → 2.0.0

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

@@ -3,202 +3,170 @@ export const tokenCoreColor = {
         light1: "--grey_0",
         light2: "--grey_10",
         dark1: "--grey_90",
-        dark2: "--grey_85",
-        dark3: "--grey_80",
-        dark4: "--grey_70",
+        dark2: "--grey_75",
     },
     bg_02: {
         light1: "--grey_0",
         light2: "--grey_0",
         dark1: "--grey_70",
         dark2: "--grey_70",
-        dark3: "--grey_70",
-        dark4: "--grey_70",
     },
     bg_03: {
         light1: "--grey_0",
         light2: "--grey_0",
         dark1: "--grey_85",
         dark2: "--grey_85",
-        dark3: "--grey_85",
-        dark4: "--grey_85",
+    },
+    layer_01: {
+        light1: "--grey_5",
+        light2: "--grey_5",
+        dark1: "--grey_80",
+        dark2: "--grey_80",
     },
     text_primary: {
         light1: "--lunit_teal_50",
         light2: "--lunit_teal_50",
         dark1: "--lunit_teal_40",
         dark2: "--lunit_teal_40",
-        dark3: "--lunit_teal_40",
-        dark4: "--lunit_teal_40",
     },
     text_normal: {
         light1: "--grey_95",
         light2: "--grey_95",
         dark1: "--grey_5",
         dark2: "--grey_5",
-        dark3: "--grey_5",
-        dark4: "--grey_5",
     },
     text_medium: {
         light1: "--grey_60",
         light2: "--grey_60",
-        dark1: "--grey_40",
-        dark2: "--grey_40",
-        dark3: "--grey_40",
-        dark4: "--grey_30",
+        dark1: "--grey_30",
+        dark2: "--grey_30",
     },
     text_light: {
         light1: "--grey_40",
         light2: "--grey_40",
         dark1: "--grey_50",
         dark2: "--grey_50",
-        dark3: "--grey_50",
-        dark4: "--grey_40",
     },
     text_error: {
         light1: "--red_40",
         light2: "--red_40",
         dark1: "--red_40",
-        dark2: "--red_40",
-        dark3: "--red_30",
-        dark4: "--red_30",
+        dark2: "--red_30",
     },
     text_success: {
         light1: "--green_40",
         light2: "--green_40",
         dark1: "--green_40",
-        dark2: "--green_40",
-        dark3: "--green_30",
-        dark4: "--green_30",
+        dark2: "--green_30",
     },
     text_warning: {
         light1: "--orange_40",
         light2: "--orange_40",
         dark1: "--orange_40",
-        dark2: "--orange_40",
-        dark3: "--orange_30",
-        dark4: "--orange_30",
+        dark2: "--orange_30",
     },
     text_info: {
         light1: "--blue_40",
         light2: "--blue_40",
         dark1: "--blue_40",
-        dark2: "--blue_40",
-        dark3: "--blue_30",
-        dark4: "--blue_30",
+        dark2: "--blue_30",
     },
     link_primary: {
         light1: "--blue_40",
         light2: "--blue_40",
-        dark1: "--blue_40",
-        dark2: "--blue_40",
-        dark3: "--blue_30",
-        dark4: "--blue_30",
+        dark1: "--blue_30",
+        dark2: "--blue_30",
     },
     link_hover: {
         light1: "--blue_50",
         light2: "--blue_50",
-        dark1: "--blue_50",
-        dark2: "--blue_50",
-        dark3: "--blue_40",
-        dark4: "--blue_40",
+        dark1: "--blue_40",
+        dark2: "--blue_40",
     },
     link_visited: {
         light1: "--purple_50",
         light2: "--purple_50",
-        dark1: "--purple_50",
-        dark2: "--purple_50",
-        dark3: "--purple_40",
-        dark4: "--purple_40",
+        dark1: "--purple_40",
+        dark2: "--purple_40",
     },
     icon_error_02: {
         light1: "--red_40",
         light2: "--red_40",
         dark1: "--red_30",
         dark2: "--red_30",
-        dark3: "--red_30",
-        dark4: "--red_30",
     },
     icon_success_02: {
         light1: "--green_40",
         light2: "--green_40",
         dark1: "--green_30",
         dark2: "--green_30",
-        dark3: "--green_30",
-        dark4: "--green_30",
     },
     icon_warning_02: {
         light1: "--orange_40",
         light2: "--orange_40",
         dark1: "--orange_30",
         dark2: "--orange_30",
-        dark3: "--orange_30",
-        dark4: "--orange_30",
     },
     icon_info_02: {
         light1: "--blue_40",
         light2: "--blue_40",
         dark1: "--blue_30",
         dark2: "--blue_30",
-        dark3: "--blue_30",
-        dark4: "--blue_30",
     },
     hover: {
         // TODO: 알파값 적용 코드는 일단 하드코딩. 나중에 수정할것
-        light1: "rgba(0, 0, 0, 0.1)",
-        light2: "rgba(0, 0, 0, 0.1)",
-        dark1: "rgba(0, 0, 0, 0.1)",
-        dark2: "rgba(0, 0, 0, 0.1)",
-        dark3: "rgba(0, 0, 0, 0.1)",
-        dark4: "rgba(0, 0, 0, 0.1)", // grey_100 10%
+        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%",
     },
     focused: {
         light1: "--lunit_teal_40",
         light2: "--lunit_teal_40",
         dark1: "--lunit_teal_40",
         dark2: "--lunit_teal_40",
-        dark3: "--lunit_teal_40",
-        dark4: "--lunit_teal_40",
     },
     selected: {
         light1: "--lunit_teal_10",
         light2: "--lunit_teal_10",
         dark1: "--lunit_teal_80",
         dark2: "--lunit_teal_80",
-        dark3: "--lunit_teal_80",
-        dark4: "--lunit_teal_80",
     },
     shadow_01: {
         light1: "rgba(0, 0, 0, 0.12)",
         light2: "rgba(0, 0, 0, 0.12)",
-        dark4: "rgba(0, 0, 0, 0.32)",
-        dark3: "rgba(0, 0, 0, 0.32)",
-        dark2: "rgba(0, 0, 0, 0.32)",
-        dark1: "rgba(0, 0, 0, 0.32)", // "--grey_100 32%",
+        dark1: "rgba(0, 0, 0, 0.32)",
+        dark2: "rgba(0, 0, 0, 0.32)", // "--grey_100 32%",
     },
     shadow_02: {
         light1: "rgba(0, 0, 0, 0.18)",
         light2: "rgba(0, 0, 0, 0.18)",
-        dark4: "rgba(0, 0, 0, 0.4)",
-        dark3: "rgba(0, 0, 0, 0.4)",
-        dark2: "rgba(0, 0, 0, 0.4)",
-        dark1: "rgba(0, 0, 0, 0.4)", // "--grey_100 40%",
+        dark1: "rgba(0, 0, 0, 0.4)",
+        dark2: "rgba(0, 0, 0, 0.4)", // "--grey_100 40%",
     },
     shadow_03: {
         light1: "rgba(0, 0, 0, 0.12)",
         light2: "rgba(0, 0, 0, 0.12)",
-        dark4: "rgba(0, 0, 0, 0.36)",
-        dark3: "rgba(0, 0, 0, 0.36)",
-        dark2: "rgba(0, 0, 0, 0.36)",
-        dark1: "rgba(0, 0, 0, 0.36)", // "--grey_100 36%",
+        dark1: "rgba(0, 0, 0, 0.36)",
+        dark2: "rgba(0, 0, 0, 0.36)", // "--grey_100 36%",
     },
     shadow_04: {
         light1: "rgba(0, 0, 0, 0.18)",
         light2: "rgba(0, 0, 0, 0.18)",
-        dark4: "rgba(0, 0, 0, 0.48)",
-        dark3: "rgba(0, 0, 0, 0.48)",
-        dark2: "rgba(0, 0, 0, 0.48)",
-        dark1: "rgba(0, 0, 0, 0.48)", // "--grey_100 48%",
+        dark1: "rgba(0, 0, 0, 0.48)",
+        dark2: "rgba(0, 0, 0, 0.48)", // "--grey_100 48%",
+    },
+    border_light: {
+        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%",
+    },
+    border_medium: {
+        light1: "rgba(0, 0, 0, 0.24)",
+        light2: "rgba(0, 0, 0, 0.24)",
+        dark1: "rgba(255, 255, 255, 0.24)",
+        dark2: "rgba(255, 255, 255, 0.24)", // "--grey_0 24%",
     },
 };
 //# sourceMappingURL=core.js.map

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/foundation/index.js

@@ -3,7 +3,7 @@ import paletteOptions, { createColorCssBaseline } from "./colors";
 import typographyOptions, { createTypographyCssBaseline, typographyDefaultProps, } from "./Typography";
 import { createElevationCssBaseline, elevationOptions } from "./Elevation";
 export const foundationCssBaseline = {
-    styleOverrides: deepmerge(deepmerge(createTypographyCssBaseline(), createColorCssBaseline()), createElevationCssBaseline()),
+    styleOverrides: deepmerge(deepmerge(createColorCssBaseline(), createTypographyCssBaseline()), createElevationCssBaseline()),
 };
 export const typography = typographyOptions;
 export { typographyDefaultProps };

package/dist/foundation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/foundation/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,cAAc,EAAE,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,iBAAiB,EAAE,EACxB,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE3E,MAAM,CAAC,MAAM,qBAAqB,GAAwC;IACxE,cAAc,EAAE,SAAS,CACvB,SAAS,CAAC,2BAA2B,EAAE,EAAE,sBAAsB,EAAE,CAAC,EAClE,0BAA0B,EAAE,CAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAE5C,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,CAAC;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG,gBAAgB,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/foundation/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,cAAc,EAAE,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,iBAAiB,EAAE,EACxB,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE3E,MAAM,CAAC,MAAM,qBAAqB,GAAwC;IACxE,cAAc,EAAE,SAAS,CACvB,SAAS,CAAC,sBAAsB,EAAE,EAAE,2BAA2B,EAAE,CAAC,EAClE,0BAA0B,EAAE,CAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAE5C,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,CAAC;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG,gBAAgB,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -4,11 +4,11 @@ export { default as Alert } from "./components/Alert";
 export { default as Button } from "./components/Button";
 export { default as Chip } from "./components/Chip";
 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 FormLabel } from "./components/FormLabel";
-export { default as Modal } from "./components/Modal";
 export { default as Radio } from "./components/Radio";
 export { default as RadioGroup } from "./components/RadioGroup";
 export { default as TextField } from "./components/TextField";

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,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,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,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"}

package/dist/types/components/Alert/Alert.utils.d.ts

@@ -1,4 +1,4 @@
 import { AlertColor, Theme } from "@mui/material";
-export declare const getBackgroundColor: (theme: Theme, severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
-export declare const getBorderColor: (theme: Theme, severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
-export declare const getIconColor: (theme: Theme, severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
+export declare const getBackgroundColor: (theme: Theme, severity: AlertColor | undefined) => string;
+export declare const getBorderColor: (theme: Theme, severity: AlertColor | undefined) => string;
+export declare const getIconColor: (theme: Theme, severity: AlertColor | undefined) => string;

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

@@ -823,7 +823,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     vectorEffect?: import("csstype").Property.VectorEffect | undefined;
 };
 export declare const kindStyle: ({ kind, color, lunit_token }: KindStyleParams) => {
-    color?: import("csstype").Property.Color | undefined;
+    color?: string | undefined;
     border?: string | undefined;
     "&:hover"?: {
         position: string;
@@ -838,19 +838,19 @@ export declare const kindStyle: ({ kind, color, lunit_token }: KindStyleParams)
         width: string;
         height: string;
         zIndex: number;
-        backgroundColor: import("csstype").Property.Color | undefined;
+        backgroundColor: string;
         borderRadius: string;
     } | undefined;
     "&.Mui-disabled"?: {
         opacity: number;
         border: string;
-        color: import("csstype").Property.Color | undefined;
+        color: string;
     } | {
         opacity: number;
-        color: import("csstype").Property.Color | undefined;
+        color: string;
         border?: undefined;
     } | undefined;
-    backgroundColor?: import("csstype").Property.Color | undefined;
+    backgroundColor?: string | undefined;
 };
 export declare const commonStyle: ({ lunit_token }: {
     lunit_token: ColorToken;
@@ -877,15 +877,12 @@ export declare const commonStyle: ({ lunit_token }: {
         readonly width: "100%";
         readonly height: "100%";
         readonly zIndex: -1;
-        readonly backgroundColor: import("csstype").Property.Color | undefined;
+        readonly backgroundColor: string;
         readonly borderRadius: "8px";
     };
 };
 export declare const iconStyle: ({ size, hasIconOnly, }: Pick<CustomButtonProps, "size" | "hasIconOnly">) => {
     "& .MuiButton-startIcon": {
-        width: string;
-        height: string;
-        padding: string;
         margin: number;
         marginRight: string;
         "*:nth-of-type(1)": {
@@ -896,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?: "success" | "info" | "warning" | "error" | "inherit" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "primary" | "secondary" | "success" | "info" | "warning" | "error" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
@@ -906,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;
@@ -925,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" | "sx" | "variant" | "tabIndex" | "color" | "action" | "href" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "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/Button/Button.types.d.ts

@@ -5,19 +5,23 @@ import type { OverridableComponent } from "@mui/material/OverridableComponent";
  * TODO: Omit 을 사용할 경우 component prop 타입 추론이 안되는 이슈 발생
  * https://github.com/lunit-io/design-system/pull/133#discussion_r1354277785
  * */
-interface BaseButtonProps extends Omit<MuiButtonProps, "variant"> {
+export interface BaseButtonProps extends Omit<MuiButtonProps, "variant"> {
     icon?: React.ReactNode;
+    variant?: "contained" | "outlined" | "text" | "ghost";
 }
-interface ContainedButtonProps extends BaseButtonProps {
+export interface ContainedButtonProps extends BaseButtonProps {
     kind?: "contained";
+    variant?: "contained";
     color?: "primary" | "secondary" | "error";
 }
-interface GhostButtonProps extends BaseButtonProps {
+export interface GhostButtonProps extends BaseButtonProps {
     kind?: "ghost";
+    variant?: "text" | "ghost";
     color?: "primary" | "secondary" | "error";
 }
-interface OutlinedButtonProps extends BaseButtonProps {
+export interface OutlinedButtonProps extends BaseButtonProps {
     kind?: "outlined";
+    variant?: "outlined";
     color?: "primary" | "secondary";
 }
 export type ButtonProps = ContainedButtonProps | GhostButtonProps | OutlinedButtonProps;
@@ -26,4 +30,3 @@ export type ButtonTypeMap<P = {}, D extends React.ElementType = MuiButtonTypeMap
     defaultComponent: D;
 };
 export type ButtonType = OverridableComponent<ButtonTypeMap>;
-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?: "success" | "info" | "warning" | "error" | "default" | "primary" | "secondary" | 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;
@@ -16,16 +16,16 @@ export declare const StyledOutlinedChip: import("@emotion/styled").StyledCompone
     skipFocusWhenDisabled?: boolean | undefined;
     sx?: import("@mui/material").SxProps<Theme> | undefined;
     tabIndex?: number | undefined;
-    variant?: "filled" | "outlined" | undefined;
+    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 | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & 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?: "success" | "info" | "warning" | "error" | "default" | "primary" | "secondary" | 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;
@@ -35,16 +35,16 @@ export declare const StyledContainedChipBase: import("@emotion/styled").StyledCo
     skipFocusWhenDisabled?: boolean | undefined;
     sx?: import("@mui/material").SxProps<Theme> | undefined;
     tabIndex?: number | undefined;
-    variant?: "filled" | "outlined" | undefined;
+    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 | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & 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?: "success" | "info" | "warning" | "error" | "default" | "primary" | "secondary" | 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;
@@ -54,16 +54,16 @@ export declare const StyledContainedChipEnable: import("@emotion/styled").Styled
     skipFocusWhenDisabled?: boolean | undefined;
     sx?: import("@mui/material").SxProps<Theme> | undefined;
     tabIndex?: number | undefined;
-    variant?: "filled" | "outlined" | undefined;
+    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 | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & 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?: "success" | "info" | "warning" | "error" | "default" | "primary" | "secondary" | 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;
@@ -73,7 +73,7 @@ export declare const StyledContainedChipDeletable: import("@emotion/styled").Sty
     skipFocusWhenDisabled?: boolean | undefined;
     sx?: import("@mui/material").SxProps<Theme> | undefined;
     tabIndex?: number | undefined;
-    variant?: "filled" | "outlined" | undefined;
+    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 | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "icon" | "disabled" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & 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/Chip/Chip.types.d.ts

@@ -2,6 +2,8 @@
 import { CHIP_COLORS } from "./consts";
 import type { ChipProps as MuiChipProps, ChipTypeMap as MuiChipTypeMap } from "@mui/material";
 import type { OverridableComponent } from "@mui/material/OverridableComponent";
+type DesignSystemChipKind = "outlined" | "contained";
+type DesignSystemAndMuiContainedChipKind = "filled" | "contained";
 type ColorKeys = keyof typeof CHIP_COLORS;
 export type ChipColor = (typeof CHIP_COLORS)[ColorKeys];
 export type ChipThumbnail = string | JSX.Element;
@@ -9,16 +11,19 @@ export type ChipThumbnail = string | JSX.Element;
  * Mui Chip's variant is 'kind' in our design system
  */
 export interface BaseChipProps extends Pick<MuiChipProps, "label" | "sx" | "style" | "classes" | "onDelete"> {
-    kind?: "outlined" | "contained";
+    kind?: DesignSystemChipKind;
+    variant?: "outlined" | DesignSystemAndMuiContainedChipKind;
     color?: ChipColor;
 }
 export interface OutlinedChipProps extends BaseChipProps {
     kind?: "outlined";
+    variant?: "outlined";
     onClick?: never;
     onDelete?: never;
 }
-export interface BaseContainedChipProps extends BaseChipProps, Omit<MuiChipProps, "color" | "size" | "variant" | "avatar" | "deleteIcon" | "icon"> {
+export interface BaseContainedChipProps extends BaseChipProps, Omit<MuiChipProps, "color" | "size" | "avatar" | "deleteIcon" | "icon" | "variant"> {
     kind?: "contained";
+    variant?: DesignSystemAndMuiContainedChipKind;
     thumbnail?: ChipThumbnail;
     onClick?: () => void;
 }

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

@@ -0,0 +1,50 @@
+import React from "react";
+import type { SxProps } from "@mui/material/styles";
+import type { TypographyProps } from "@mui/material";
+export interface DialogBase {
+    isOpen: boolean;
+    onClose(): void;
+    type?: "passive" | "action";
+    nonModal?: boolean;
+    title: string;
+    titleIcon?: React.ReactNode;
+    titleVariant?: TypographyProps["variant"];
+    children: React.ReactNode;
+    actions?: React.ReactNode;
+    enableBackButtonClose?: boolean;
+    enableBackdropClose?: boolean;
+    size?: "small" | "medium";
+    sx?: SxProps;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export interface PassiveDialogType extends DialogBase {
+    type: "passive";
+    actions?: undefined;
+    enableBackButtonClose?: true;
+    enableBackdropClose?: true;
+}
+export interface ActionDialogType extends DialogBase {
+    type: "action";
+    actions: React.ReactNode;
+    enableBackButtonClose?: boolean;
+    enableBackdropClose?: boolean;
+}
+export interface PassiveModalProps extends PassiveDialogType {
+    nonModal?: false;
+}
+export interface ActionModalProps extends ActionDialogType {
+    nonModal?: false;
+}
+export type ModalProps = PassiveModalProps | ActionModalProps;
+export interface PassiveNonModalProps extends PassiveDialogType {
+    nonModal?: true;
+}
+export interface ActionNonModalProps extends ActionDialogType {
+    nonModal?: true;
+    enableBackdropClose?: false;
+}
+export type NonModalProps = PassiveNonModalProps | ActionNonModalProps;
+export type DialogProps = ModalProps | NonModalProps;
+declare function Dialog(props: DialogProps): React.ReactPortal | null;
+export default Dialog;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { DialogBase } from "./Dialog";
+import type { CSSObject } from "@mui/material/styles";
+export interface DialogElementStyle {
+    [key: string]: CSSObject;
+}
+export type DialogStyle = Pick<DialogBase, "size" | "type" | "nonModal">;
+export declare const StyledBackdrop: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDialog: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & DialogStyle, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDialogTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledDialogTitleIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface DialogActionProps {
+    children: React.ReactNode;
+    justifyContent?: React.CSSProperties["justifyContent"];
+    sx?: React.CSSProperties;
+}
+export declare function DialogAction(props: DialogActionProps): import("react/jsx-runtime").JSX.Element;
+export default DialogAction;

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

@@ -0,0 +1,2 @@
+export { default } from "./Dialog";
+export type { DialogBase, PassiveDialogType, ActionDialogType, PassiveModalProps, ActionModalProps, PassiveNonModalProps, ActionNonModalProps, ModalProps, NonModalProps, DialogProps, } from "./Dialog";