@lunit/design-system 1.0.0 → 2.0.1

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/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,7 +877,7 @@ 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";
     };
 };
@@ -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?: "success" | "info" | "warning" | "error" | "inherit" | "primary" | "secondary" | undefined;
+    color?: "inherit" | "primary" | "secondary" | "error" | "warning" | "success" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: 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" | "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, {}, {}>;
+}, 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, {}, {}>;
 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" | "error" | "warning" | "success" | "default" | "info" | 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, {}, {}>;
+}, 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, {}, {}>;
 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" | "error" | "warning" | "success" | "default" | "info" | 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, {}, {}>;
+}, 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, {}, {}>;
 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" | "error" | "warning" | "success" | "default" | "info" | 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, {}, {}>;
+}, 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, {}, {}>;
 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" | "error" | "warning" | "success" | "default" | "info" | 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, {}, {}>;
+}, 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, {}, {}>;

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?: false;
+    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";

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

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

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?: "success" | "info" | "warning" | "error" | "standard" | "primary" | "secondary" | undefined;
+    color?: "primary" | "secondary" | "error" | "warning" | "success" | "info" | "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" | "sx" | "tabIndex" | "color" | "onChange" | "onClick" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomToggleButtonProps, {}, {}>;
+}, 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, {}, {}>;
 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/Elevation/index.d.ts

@@ -19,7 +19,7 @@ export declare const elevationOptions: {
     shadow4: string;
 };
 export declare const createElevationCssBaseline: () => {
-    ".light1, .light2, .dark1, .dark2, .dark3, .dark4": {
+    ".light1, .light2, .dark1, .dark2": {
         "--elevation-shadow": string;
         elevation_00: string;
         elevation_01: string;

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

@@ -72,7 +72,7 @@ export declare const createTypographyCssBaseline: () => {
         "--headline2-line-height": "65px";
         "--headline3-font-weight": "var(--font-weight-semibold)";
         "--headline3-font-size": "24px";
-        "--headline3-line-height": "57px";
+        "--headline3-line-height": "29px";
         "--headline4-font-weight": "var(--font-weight-semibold)";
         "--headline4-font-size": "20px";
         "--headline4-line-height": "28px";
@@ -96,11 +96,5 @@ export declare const createTypographyCssBaseline: () => {
     ".dark2": {
         color: string;
     };
-    ".dark3": {
-        color: string;
-    };
-    ".dark4": {
-        color: string;
-    };
 };
 export default typographyOptions;

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

@@ -42,7 +42,7 @@ export declare const cssVariables: {
     "--headline2-line-height": "65px";
     "--headline3-font-weight": "var(--font-weight-semibold)";
     "--headline3-font-size": "24px";
-    "--headline3-line-height": "57px";
+    "--headline3-line-height": "29px";
     "--headline4-font-weight": "var(--font-weight-semibold)";
     "--headline4-font-size": "20px";
     "--headline4-line-height": "28px";

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

@@ -4,6 +4,7 @@ export declare const grey: {
     10: string;
     15: string;
     20: string;
+    25: string;
     30: string;
     40: string;
     50: string;
@@ -22,6 +23,7 @@ export declare const greyText: {
     10: string;
     15: string;
     20: string;
+    25: string;
     30: string;
     40: string;
     50: string;