@lunit/oui 1.0.0-alpha.8 → 1.0.1-alpha.1

package/dist/icons/Rectangle/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from '@mui/material/SvgIcon';
+import { IcRectangleOutlined20Px as outlined } from '../../assets';
+const variants = ['outlined'];
+const Rectangle = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return (_jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true }));
+    }
+    return null;
+};
+Rectangle.displayName = 'Rectangle';
+Rectangle.variants = variants;
+export default Rectangle;
+//# sourceMappingURL=index.js.map

package/dist/icons/RefreshLeft/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from '@mui/material/SvgIcon';
+import { IcRefreshLeftOutlined20Px as outlined } from '../../assets';
+const variants = ['outlined'];
+const RefreshLeft = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return (_jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true }));
+    }
+    return null;
+};
+RefreshLeft.displayName = 'RefreshLeft';
+RefreshLeft.variants = variants;
+export default RefreshLeft;
+//# sourceMappingURL=index.js.map

package/dist/icons/RefreshRight/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from '@mui/material/SvgIcon';
+import { IcRefreshRightOutlined20Px as outlined } from '../../assets';
+const variants = ['outlined'];
+const RefreshRight = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return (_jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true }));
+    }
+    return null;
+};
+RefreshRight.displayName = 'RefreshRight';
+RefreshRight.variants = variants;
+export default RefreshRight;
+//# sourceMappingURL=index.js.map

package/dist/icons/ShowLarge/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from '@mui/material/SvgIcon';
+import { IcShowLargeOutlined20Px as outlined } from '../../assets';
+const variants = ['outlined'];
+const ShowLarge = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return (_jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true }));
+    }
+    return null;
+};
+ShowLarge.displayName = 'ShowLarge';
+ShowLarge.variants = variants;
+export default ShowLarge;
+//# sourceMappingURL=index.js.map

package/dist/icons/ShowSmall/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from '@mui/material/SvgIcon';
+import { IcShowSmallOutlined20Px as outlined } from '../../assets';
+const variants = ['outlined'];
+const ShowSmall = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return (_jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true }));
+    }
+    return null;
+};
+ShowSmall.displayName = 'ShowSmall';
+ShowSmall.variants = variants;
+export default ShowSmall;
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js

@@ -0,0 +1,180 @@
+export { default as BellNoti } from './BellNoti';
+export { default as CloseLarge } from './CloseLarge';
+export { default as CloseSmall } from './CloseSmall';
+export { default as DownloadPdf } from './DownloadPdf';
+export { default as Ellipse } from './Ellipse';
+export { default as FilterNoti } from './FilterNoti';
+export { default as HideLarge } from './HideLarge';
+export { default as HideSmall } from './HideSmall';
+export { default as InformationLarge } from './InformationLarge';
+export { default as InformationSmall } from './InformationSmall';
+export { default as Manufacturer } from './Manufacturer';
+export { default as Rectangle } from './Rectangle';
+export { default as RefreshLeft } from './RefreshLeft';
+export { default as RefreshRight } from './RefreshRight';
+export { default as ShowLarge } from './ShowLarge';
+export { default as ShowSmall } from './ShowSmall';
+export { Analyze } from '@lunit/design-system-icons';
+export { Annotation } from '@lunit/design-system-icons';
+export { Apps } from '@lunit/design-system-icons';
+export { ArrowDoubleDown } from '@lunit/design-system-icons';
+export { ArrowDoubleLeft } from '@lunit/design-system-icons';
+export { ArrowDoubleRight } from '@lunit/design-system-icons';
+export { ArrowDoubleUp } from '@lunit/design-system-icons';
+export { ArrowDown } from '@lunit/design-system-icons';
+export { ArrowDownSm } from '@lunit/design-system-icons';
+export { ArrowDownXs } from '@lunit/design-system-icons';
+export { ArrowDownward } from '@lunit/design-system-icons';
+export { ArrowExpand } from '@lunit/design-system-icons';
+export { ArrowLeft } from '@lunit/design-system-icons';
+export { ArrowMore } from '@lunit/design-system-icons';
+export { ArrowRight } from '@lunit/design-system-icons';
+export { ArrowUp } from '@lunit/design-system-icons';
+export { ArrowUpSm } from '@lunit/design-system-icons';
+export { ArrowUpXs } from '@lunit/design-system-icons';
+export { ArrowUpward } from '@lunit/design-system-icons';
+export { Avatar16 } from '@lunit/design-system-icons';
+export { Avatar } from '@lunit/design-system-icons';
+export { Avatar28 } from '@lunit/design-system-icons';
+export { Bell } from '@lunit/design-system-icons';
+export { Brightness } from '@lunit/design-system-icons';
+export { BrightnessPreset } from '@lunit/design-system-icons';
+export { Brush } from '@lunit/design-system-icons';
+export { Calendar } from '@lunit/design-system-icons';
+export { Check } from '@lunit/design-system-icons';
+export { Close16 } from '@lunit/design-system-icons';
+export { Close } from '@lunit/design-system-icons';
+export { CloudDownload } from '@lunit/design-system-icons';
+export { CloudUpload } from '@lunit/design-system-icons';
+export { Convert } from '@lunit/design-system-icons';
+export { Crop } from '@lunit/design-system-icons';
+export { Cursor } from '@lunit/design-system-icons';
+export { Dashboard } from '@lunit/design-system-icons';
+export { Delete } from '@lunit/design-system-icons';
+export { Demo } from '@lunit/design-system-icons';
+export { DownloadFolder } from '@lunit/design-system-icons';
+export { DownloadT1 } from '@lunit/design-system-icons';
+export { DownloadT2 } from '@lunit/design-system-icons';
+export { DownloadT3 } from '@lunit/design-system-icons';
+export { DownloadT4 } from '@lunit/design-system-icons';
+export { DrawArrow } from '@lunit/design-system-icons';
+export { DrawLine } from '@lunit/design-system-icons';
+export { Dummy16 } from '@lunit/design-system-icons';
+export { Dummy } from '@lunit/design-system-icons';
+export { Duplicate } from '@lunit/design-system-icons';
+export { Edit } from '@lunit/design-system-icons';
+export { EditTtr } from '@lunit/design-system-icons';
+export { EditType } from '@lunit/design-system-icons';
+export { Eraser } from '@lunit/design-system-icons';
+export { Error16 } from '@lunit/design-system-icons';
+export { Error } from '@lunit/design-system-icons';
+export { Exclude16 } from '@lunit/design-system-icons';
+export { Exclude } from '@lunit/design-system-icons';
+export { Feedback } from '@lunit/design-system-icons';
+export { File } from '@lunit/design-system-icons';
+export { Filter } from '@lunit/design-system-icons';
+export { FlipHorizontal } from '@lunit/design-system-icons';
+export { FlipVertical } from '@lunit/design-system-icons';
+export { FloodFill } from '@lunit/design-system-icons';
+export { Forward } from '@lunit/design-system-icons';
+export { Fullscreen } from '@lunit/design-system-icons';
+export { Hand } from '@lunit/design-system-icons';
+export { Help } from '@lunit/design-system-icons';
+export { Hide16 } from '@lunit/design-system-icons';
+export { Hide } from '@lunit/design-system-icons';
+export { History } from '@lunit/design-system-icons';
+export { Home } from '@lunit/design-system-icons';
+export { Include16 } from '@lunit/design-system-icons';
+export { Include } from '@lunit/design-system-icons';
+export { Information16 } from '@lunit/design-system-icons';
+export { Information } from '@lunit/design-system-icons';
+export { Invert } from '@lunit/design-system-icons';
+export { Label } from '@lunit/design-system-icons';
+export { Language } from '@lunit/design-system-icons';
+export { Layout1x1 } from '@lunit/design-system-icons';
+export { Layout1x2 } from '@lunit/design-system-icons';
+export { Layout1x4 } from '@lunit/design-system-icons';
+export { Layout2x1 } from '@lunit/design-system-icons';
+export { Layout2x2 } from '@lunit/design-system-icons';
+export { Lock } from '@lunit/design-system-icons';
+export { Logo16 } from '@lunit/design-system-icons';
+export { Logo } from '@lunit/design-system-icons';
+export { Logo32 } from '@lunit/design-system-icons';
+export { Logout } from '@lunit/design-system-icons';
+export { LunitLogo } from '@lunit/design-system-icons';
+export { Magnify } from '@lunit/design-system-icons';
+export { Menu as MenuIcon } from '@lunit/design-system-icons';
+export { MenuOpen } from '@lunit/design-system-icons';
+export { Minus } from '@lunit/design-system-icons';
+export { MoreHorizontal } from '@lunit/design-system-icons';
+export { MoreVertical } from '@lunit/design-system-icons';
+export { MoveDown } from '@lunit/design-system-icons';
+export { MoveLeft } from '@lunit/design-system-icons';
+export { MoveRight } from '@lunit/design-system-icons';
+export { MoveUp } from '@lunit/design-system-icons';
+export { Pan } from '@lunit/design-system-icons';
+export { Password } from '@lunit/design-system-icons';
+export { PathologySlides } from '@lunit/design-system-icons';
+export { PauseT1 } from '@lunit/design-system-icons';
+export { PauseT2 } from '@lunit/design-system-icons';
+export { PdfDownload } from '@lunit/design-system-icons';
+export { PdfUpload } from '@lunit/design-system-icons';
+export { Pen } from '@lunit/design-system-icons';
+export { Play } from '@lunit/design-system-icons';
+export { Plus } from '@lunit/design-system-icons';
+export { PolygonSelection } from '@lunit/design-system-icons';
+export { Project } from '@lunit/design-system-icons';
+export { Redo } from '@lunit/design-system-icons';
+export { Refresh } from '@lunit/design-system-icons';
+export { Removable16 } from '@lunit/design-system-icons';
+export { Removable } from '@lunit/design-system-icons';
+export { Reorder } from '@lunit/design-system-icons';
+export { Report } from '@lunit/design-system-icons';
+export { Reset } from '@lunit/design-system-icons';
+export { ResetText } from '@lunit/design-system-icons';
+export { ResetView } from '@lunit/design-system-icons';
+export { Review } from '@lunit/design-system-icons';
+export { Rewind } from '@lunit/design-system-icons';
+export { RotationLeft } from '@lunit/design-system-icons';
+export { RotationRight } from '@lunit/design-system-icons';
+export { RulerT1 } from '@lunit/design-system-icons';
+export { RulerT2 } from '@lunit/design-system-icons';
+export { RulerviewCircle } from '@lunit/design-system-icons';
+export { RulerviewLine } from '@lunit/design-system-icons';
+export { Save } from '@lunit/design-system-icons';
+export { SearchT1 } from '@lunit/design-system-icons';
+export { SearchT2 } from '@lunit/design-system-icons';
+export { SendEmail } from '@lunit/design-system-icons';
+export { Setting } from '@lunit/design-system-icons';
+export { Shortcut } from '@lunit/design-system-icons';
+export { Show16 } from '@lunit/design-system-icons';
+export { Show } from '@lunit/design-system-icons';
+export { Skip } from '@lunit/design-system-icons';
+export { StartT1 } from '@lunit/design-system-icons';
+export { StartT2 } from '@lunit/design-system-icons';
+export { Storage } from '@lunit/design-system-icons';
+export { Success16 } from '@lunit/design-system-icons';
+export { Success } from '@lunit/design-system-icons';
+export { TagT1 } from '@lunit/design-system-icons';
+export { TagT2 } from '@lunit/design-system-icons';
+export { TagT3 } from '@lunit/design-system-icons';
+export { Text } from '@lunit/design-system-icons';
+export { Toggle } from '@lunit/design-system-icons';
+export { Undo } from '@lunit/design-system-icons';
+export { Unlock } from '@lunit/design-system-icons';
+export { UploadFolder } from '@lunit/design-system-icons';
+export { UploadT1 } from '@lunit/design-system-icons';
+export { UploadT2 } from '@lunit/design-system-icons';
+export { UploadT3 } from '@lunit/design-system-icons';
+export { UploadT4 } from '@lunit/design-system-icons';
+export { User } from '@lunit/design-system-icons';
+export { ViewList } from '@lunit/design-system-icons';
+export { ViewModule } from '@lunit/design-system-icons';
+export { ViewfinderT1 } from '@lunit/design-system-icons';
+export { ViewfinderT2 } from '@lunit/design-system-icons';
+export { ViewfinderT3 } from '@lunit/design-system-icons';
+export { Warning16 } from '@lunit/design-system-icons';
+export { Warning } from '@lunit/design-system-icons';
+export { ZoomIn } from '@lunit/design-system-icons';
+export { ZoomOut } from '@lunit/design-system-icons';
+//# sourceMappingURL=index.js.map

package/dist/index.js

@@ -0,0 +1,4 @@
+import theme from './theme';
+export { theme };
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+export default reportWebVitals;
+//# sourceMappingURL=reportWebVitals.js.map

package/dist/setupTests.js

@@ -0,0 +1,6 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.js.map

package/dist/systems/drawer.js

@@ -0,0 +1,6 @@
+const drawer = {
+    leftDrawer: { width: 240 },
+    rightDrawer: { width: 260 },
+};
+export default drawer;
+//# sourceMappingURL=drawer.js.map

package/dist/systems/index.js

@@ -0,0 +1,7 @@
+export const SCROLLBAR_WIDTH = 10;
+export const SMALL_SCROLLBAR_WIDTH = 6;
+export const DRAWER_WIDTH_OPEN = 280;
+export const DRAWER_WIDTH_CLOSE = 52;
+export const VIEWER_DRAWER_WIDTH_OPEN = 280;
+export { default as drawer } from './drawer';
+//# sourceMappingURL=index.js.map

package/dist/theme.js

@@ -0,0 +1,21 @@
+import { createTheme } from '@mui/material/styles';
+import MuiCssBaseline from './components/MuiCssBaseline';
+import MuiInputBase from './components/MuiInputBase';
+import MuiOutlinedInput from './components/MuiOutlinedInput';
+import MuiTextField from './components/MuiTextField';
+import { palette, spacing, typography } from './foundations';
+import { drawer } from './systems';
+const theme = createTheme({
+    ...drawer,
+    palette,
+    spacing,
+    typography,
+    components: {
+        MuiCssBaseline,
+        MuiInputBase,
+        MuiOutlinedInput,
+        MuiTextField,
+    },
+});
+export default theme;
+//# sourceMappingURL=theme.js.map

package/dist/types/assets/ic-bell-noti-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcBellNotioutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcBellNotioutlined20Px;

package/dist/types/assets/ic-close-large-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcCloseLargeoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcCloseLargeoutlined20Px;

package/dist/types/assets/ic-close-small-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcCloseSmalloutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcCloseSmalloutlined20Px;

package/dist/types/assets/ic-download-pdf-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcDownloadPdfoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcDownloadPdfoutlined20Px;

package/dist/types/assets/ic-ellipse-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcEllipseoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcEllipseoutlined20Px;

package/dist/types/assets/ic-filter-noti-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcFilterNotioutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcFilterNotioutlined20Px;

package/dist/types/assets/ic-hide-large-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcHideLargeoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcHideLargeoutlined20Px;

package/dist/types/assets/ic-hide-small-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcHideSmalloutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcHideSmalloutlined20Px;

package/dist/types/assets/ic-information-large-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcInformationLargeoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcInformationLargeoutlined20Px;

package/dist/types/assets/ic-information-small-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcInformationSmalloutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcInformationSmalloutlined20Px;

package/dist/types/assets/ic-manufacturer-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcManufactureroutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcManufactureroutlined20Px;

package/dist/types/assets/ic-rectangle-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcRectangleoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcRectangleoutlined20Px;

package/dist/types/assets/ic-refresh-left-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcRefreshLeftoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcRefreshLeftoutlined20Px;

package/dist/types/assets/ic-refresh-right-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcRefreshRightoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcRefreshRightoutlined20Px;

package/dist/types/assets/ic-show-large-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcShowLargeoutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcShowLargeoutlined20Px;

package/dist/types/assets/ic-show-small-outlined-20px.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const SvgIcShowSmalloutlined20Px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgIcShowSmalloutlined20Px;

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

@@ -0,0 +1,16 @@
+export { default as IcBellNotiOutlined20Px } from './ic-bell-noti-outlined-20px';
+export { default as IcCloseLargeOutlined20Px } from './ic-close-large-outlined-20px';
+export { default as IcCloseSmallOutlined20Px } from './ic-close-small-outlined-20px';
+export { default as IcDownloadPdfOutlined20Px } from './ic-download-pdf-outlined-20px';
+export { default as IcEllipseOutlined20Px } from './ic-ellipse-outlined-20px';
+export { default as IcFilterNotiOutlined20Px } from './ic-filter-noti-outlined-20px';
+export { default as IcHideLargeOutlined20Px } from './ic-hide-large-outlined-20px';
+export { default as IcHideSmallOutlined20Px } from './ic-hide-small-outlined-20px';
+export { default as IcInformationLargeOutlined20Px } from './ic-information-large-outlined-20px';
+export { default as IcInformationSmallOutlined20Px } from './ic-information-small-outlined-20px';
+export { default as IcManufacturerOutlined20Px } from './ic-manufacturer-outlined-20px';
+export { default as IcRectangleOutlined20Px } from './ic-rectangle-outlined-20px';
+export { default as IcRefreshLeftOutlined20Px } from './ic-refresh-left-outlined-20px';
+export { default as IcRefreshRightOutlined20Px } from './ic-refresh-right-outlined-20px';
+export { default as IcShowLargeOutlined20Px } from './ic-show-large-outlined-20px';
+export { default as IcShowSmallOutlined20Px } from './ic-show-small-outlined-20px';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AlertProps } from './Alert.types';
+declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Alert;

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

@@ -0,0 +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, {}, {}>;
+export default BaseAlert;

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

@@ -0,0 +1,4 @@
+import type { AlertProps as MuiAlertProps } from '@mui/material';
+export interface AlertProps extends MuiAlertProps {
+    onClose?: () => void;
+}

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

@@ -0,0 +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;

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

@@ -0,0 +1,4 @@
+import Alert from './Alert';
+import type { AlertProps } from './Alert.types';
+export { Alert };
+export type { AlertProps };

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

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { Theme } from '@mui/material';
+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 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;
+    };
+};
+export { styles, BaseTextFieldContainer, BaseTextFieldBox, InputMsg };

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

@@ -0,0 +1,17 @@
+import type { BoxProps } from '@mui/material';
+interface BaseTextFieldContainerProps {
+    width?: string | number;
+}
+interface RootTextFieldProps extends BaseTextFieldContainerProps {
+    disabled?: boolean;
+    readOnly?: boolean;
+    value?: string;
+    defaultValue?: string;
+    error?: boolean;
+    BoxProps?: BoxProps;
+}
+interface HelperMsgProps {
+    error?: boolean;
+    helperMsg?: string;
+}
+export { RootTextFieldProps, BaseTextFieldContainerProps, HelperMsgProps };

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

@@ -0,0 +1,2 @@
+declare function formatCSSSize(sizeVal: string | number | undefined): string | undefined;
+export { formatCSSSize };

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

@@ -0,0 +1,3 @@
+import type { BaseButtonProps } from './Button.types';
+declare const BaseButton: ({ variant, ...otherProps }: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default BaseButton;

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

@@ -0,0 +1,3 @@
+import type { ButtonProps } from './Button.types';
+declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default Button;

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { ButtonProps as MuiButtonProps } from '@mui/material';
+type ButtonVariant = 'contained' | 'ghost' | 'outlined';
+type ButtonColor = 'primary' | 'secondary' | 'error';
+type ButtonSize = 'small' | 'medium' | 'large';
+interface BaseButtonProps extends Omit<MuiButtonProps, 'variant' | 'color'> {
+    variant?: ButtonVariant;
+    color?: ButtonColor;
+    size?: ButtonSize;
+    disabled?: boolean;
+    focusOutline?: boolean;
+    isIconOnly: boolean;
+    loading?: boolean;
+    label?: string;
+}
+interface IconButtonProps extends Omit<BaseButtonProps, 'isIconOnly'> {
+    icon: React.ReactNode;
+}
+interface NormalButtonProps extends Omit<BaseButtonProps, 'isIconOnly'> {
+    label: string;
+    icon?: React.ReactNode;
+}
+type ButtonProps = IconButtonProps | NormalButtonProps;
+export type { ButtonVariant, ButtonColor, BaseButtonProps, IconButtonProps, NormalButtonProps, ButtonProps, };

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

@@ -0,0 +1,8 @@
+import type { ButtonProps, IconButtonProps } from './Button.types';
+/**
+ * @param props
+ * @returns boolean
+ * @description checks for presence of `label` prop to assert between Icon and Normal Button
+ */
+declare function isIconButton(props: ButtonProps): props is IconButtonProps;
+export { isIconButton };

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

@@ -0,0 +1,5 @@
+import Button from './Button';
+import BaseButton from './BaseButton';
+import type { BaseButtonProps, ButtonProps } from './Button.types';
+export { Button, BaseButton };
+export type { ButtonProps, BaseButtonProps };