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

package/src/foundations/index.ts

@@ -1,3 +1,4 @@
 export { default as palette } from './palette';
 export { default as typography } from './typography';
 export { default as spacing } from './spacing';
+export { subScrollbarWidth } from './styles';

package/src/foundations/palette.ts

@@ -164,7 +164,14 @@ type AnalysisStatusKey =
 export type AnalysisStatus = PaletteOptionItem<AnalysisStatusKey>;
 
 export interface LunitPalette {
-  brand: unknown;
+  brand: {
+    primary: React.CSSProperties['color'];
+    secondary: React.CSSProperties['color'];
+  };
+  scope1: React.CSSProperties['color'];
+  scope2: React.CSSProperties['color'];
+  scope3: React.CSSProperties['color'];
+  scope4: React.CSSProperties['color'];
   lunitTeal: LunitTeal;
   neutralGrey: NeutralColor;
   yellow: Yellow;
@@ -398,6 +405,10 @@ const palette: PaletteOptions = {
     InvalidHover: '#A7A7A7',
     InvalidSelected: '#6E6E74',
   },
+  scope1: '#7292FD',
+  scope2: '#587EFC',
+  scope3: '#B0C0F4',
+  scope4: '#3A5DD9',
   info: { main: '#748FFC' },
   success: { main: '#00C9EA' },
   error: { main: '#FA4D56' },

package/src/foundations/styles.ts

@@ -0,0 +1,9 @@
+import { SMALL_SCROLLBAR_WIDTH } from '../systems';
+
+export function subScrollbarWidth(value: string): string;
+export function subScrollbarWidth(value: number): number;
+export function subScrollbarWidth(value: string | number): string | number {
+  return typeof value === 'number'
+    ? value - SMALL_SCROLLBAR_WIDTH
+    : `calc(${value} - ${SMALL_SCROLLBAR_WIDTH}px)`;
+}

package/src/icons/BellNoti/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcBellNotiOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const BellNoti = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+BellNoti.displayName = 'BellNoti';
+BellNoti.variants = variants;
+
+export default BellNoti;

package/src/icons/CloseLarge/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcCloseLargeOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const CloseLarge = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+CloseLarge.displayName = 'CloseLarge';
+CloseLarge.variants = variants;
+
+export default CloseLarge;

package/src/icons/CloseSmall/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcCloseSmallOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const CloseSmall = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+CloseSmall.displayName = 'CloseSmall';
+CloseSmall.variants = variants;
+
+export default CloseSmall;

package/src/icons/DownloadPdf/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcDownloadPdfOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const DownloadPdf = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+DownloadPdf.displayName = 'DownloadPdf';
+DownloadPdf.variants = variants;
+
+export default DownloadPdf;

package/src/icons/Ellipse/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcEllipseOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const Ellipse = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+Ellipse.displayName = 'Ellipse';
+Ellipse.variants = variants;
+
+export default Ellipse;

package/src/icons/FilterNoti/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcFilterNotiOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const FilterNoti = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+FilterNoti.displayName = 'FilterNoti';
+FilterNoti.variants = variants;
+
+export default FilterNoti;

package/src/icons/HideLarge/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcHideLargeOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const HideLarge = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+HideLarge.displayName = 'HideLarge';
+HideLarge.variants = variants;
+
+export default HideLarge;

package/src/icons/HideSmall/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcHideSmallOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const HideSmall = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+HideSmall.displayName = 'HideSmall';
+HideSmall.variants = variants;
+
+export default HideSmall;

package/src/icons/InformationLarge/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcInformationLargeOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const InformationLarge = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+InformationLarge.displayName = 'InformationLarge';
+InformationLarge.variants = variants;
+
+export default InformationLarge;

package/src/icons/InformationSmall/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcInformationSmallOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const InformationSmall = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+InformationSmall.displayName = 'InformationSmall';
+InformationSmall.variants = variants;
+
+export default InformationSmall;

package/src/icons/Manufacturer/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcManufacturerOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const Manufacturer = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+Manufacturer.displayName = 'Manufacturer';
+Manufacturer.variants = variants;
+
+export default Manufacturer;

package/src/icons/Rectangle/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcRectangleOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const Rectangle = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+Rectangle.displayName = 'Rectangle';
+Rectangle.variants = variants;
+
+export default Rectangle;

package/src/icons/RefreshLeft/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcRefreshLeftOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const RefreshLeft = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+RefreshLeft.displayName = 'RefreshLeft';
+RefreshLeft.variants = variants;
+
+export default RefreshLeft;

package/src/icons/RefreshRight/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcRefreshRightOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const RefreshRight = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+RefreshRight.displayName = 'RefreshRight';
+RefreshRight.variants = variants;
+
+export default RefreshRight;

package/src/icons/ShowLarge/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcShowLargeOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const ShowLarge = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+ShowLarge.displayName = 'ShowLarge';
+ShowLarge.variants = variants;
+
+export default ShowLarge;

package/src/icons/ShowSmall/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+import { IcShowSmallOutlined20Px as outlined } from '../../assets';
+
+const variants = ['outlined'] as const;
+type Variant = (typeof variants)[number];
+type IconProps = SvgIconProps & {
+  variant?: Variant;
+};
+const ShowSmall = ({ variant = 'outlined', ...rest }: IconProps) => {
+  if (variant === 'outlined') {
+    return (
+      <SvgIcon
+        {...rest}
+        component={outlined}
+        inheritViewBox
+      />
+    );
+  }
+
+  return null;
+};
+
+ShowSmall.displayName = 'ShowSmall';
+ShowSmall.variants = variants;
+
+export default ShowSmall;

package/dist/components/Icons/BellNoti/index.js

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

package/dist/components/Icons/CloseLarge/index.js

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

package/dist/components/Icons/CloseSmall/index.js

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

package/dist/components/Icons/Ellipse/index.js

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

package/dist/components/Icons/FilterNoti/index.js

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

package/dist/components/Icons/HideLarge/index.js

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

package/dist/components/Icons/HideSmall/index.js

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

package/dist/components/Icons/Rectangle/index.js

@@ -1,14 +0,0 @@
-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/components/Icons/ShowLarge/index.js

@@ -1,14 +0,0 @@
-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/components/Icons/ShowSmall/index.js

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