@lunit/oui 2.4.10 → 2.4.12

package/dist/components/Alert/Alert.styled.d.ts

@@ -1,3 +1,3 @@
 import type { AlertProps } from './Alert.types';
-declare const BaseAlert: import("@emotion/styled").StyledComponent<import("@mui/material").AlertProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & AlertProps, {}, {}>;
+declare const BaseAlert: React.ComponentType<AlertProps>;
 export default BaseAlert;

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

@@ -1,4 +1,4 @@
 import { AlertColor } from '@mui/material';
-export declare const getIcons: (severity: AlertColor | undefined) => import("react/jsx-runtime").JSX.Element;
-export declare const getBackgroundColor: (severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
-export declare const getAccentColor: (severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
+export declare const getIcons: (severity: AlertColor | undefined) => JSX.Element;
+export declare const getBackgroundColor: (severity: AlertColor | undefined) => string;
+export declare const getAccentColor: (severity: AlertColor | undefined) => string;

package/dist/components/BaseTextField/BaseTextField.styled.d.ts

@@ -1,61 +1,14 @@
-/// <reference types="react" />
-import { Theme } from '@mui/material';
+import { Theme, BoxProps, TypographyProps } from '@mui/material';
+import { CSSObject } from '@mui/system';
+import { ComponentType } from 'react';
 import type { BaseTextFieldContainerProps, HelperMsgProps } from './BaseTextField.types';
-declare const BaseTextFieldBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & 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/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseTextFieldContainerProps, {}, {}>;
-declare const BaseTextFieldContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & 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/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseTextFieldContainerProps, {}, {}>;
-declare const InputMsg: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme> & HelperMsgProps, {}, {}>;
+declare const BaseTextFieldBox: ComponentType<BoxProps & BaseTextFieldContainerProps>;
+declare const BaseTextFieldContainer: ComponentType<BoxProps & BaseTextFieldContainerProps>;
+declare const InputMsg: ComponentType<TypographyProps & HelperMsgProps>;
 declare const styles: {
-    baseTextFieldStyle: (theme: Theme) => {
-        backgroundColor: import("csstype").Property.Color | undefined;
-        borderRadius: string;
-        border: string;
-        borderColor: string;
-        color: import("csstype").Property.Color | undefined;
-        fontWeight: string;
-        fontSize: string;
-        fontFamily: string;
-        lineHeight: string;
-        padding: string;
-        '&::placeholder': {
-            color: import("csstype").Property.Color | undefined;
-        };
-        '&:focus': {
-            outline: string;
-            border: string;
-            borderColor: import("csstype").Property.Color | undefined;
-        };
-        '&:hover': {
-            borderColor: import("csstype").Property.Color | undefined;
-        };
-        '&:disabled': {
-            opacity: string;
-            pointerEvents: string;
-        };
-        '&:read-only': {
-            border: string;
-            backgroundColor: string;
-            color: import("csstype").Property.Color | undefined;
-            pointerEvents: string;
-        };
-    };
-    baseTextFieldErrorStyle: (theme: Theme) => {
-        borderColor: import("csstype").Property.Color | undefined;
-    };
-    baseTextFieldMsgStyle: (theme: Theme) => {
-        width: string;
-        maxWidth: string;
-        minHeight: string;
-        color: import("csstype").Property.Color | undefined;
-        padding: string;
-    };
-    baseTextFieldMsgErrorStyle: (theme: Theme) => {
-        color: import("csstype").Property.Color | undefined;
-    };
+    baseTextFieldStyle: (theme: Theme) => CSSObject;
+    baseTextFieldErrorStyle: (theme: Theme) => CSSObject;
+    baseTextFieldMsgStyle: (theme: Theme) => CSSObject;
+    baseTextFieldMsgErrorStyle: (theme: Theme) => CSSObject;
 };
 export { styles, BaseTextFieldContainer, BaseTextFieldBox, InputMsg };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonProps as MuiButtonProps } from '@mui/material';
 type ButtonVariant = 'contained' | 'ghost' | 'outlined';
 type ButtonColor = 'primary' | 'secondary' | 'error';