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

package/dist/foundations/palette.js

@@ -0,0 +1,213 @@
+const palette = {
+    brand: {
+        primary: '#3BC9DB',
+        secondary: '#96EDFF',
+    },
+    text: {
+        primary: '#FFFFFF',
+        secondary: '#AFAFB1',
+        disabled: '#A8A8A8',
+    },
+    background: {},
+    common: {},
+    lunitTeal: {
+        5: '#EAFAFF',
+        10: '#96EDFF',
+        20: '#30DFFC',
+        30: '#3BC9DB',
+        40: '#00C9EA',
+        50: '#0ABEE5',
+        60: '#00B3DB',
+        70: '#048AB4',
+        80: '#05495F',
+        90: '#002930',
+    },
+    neutralGrey: {
+        0: '#FFFFFF',
+        5: '#FAFAFB',
+        10: '#FAFAFA',
+        15: '#F1F1F4',
+        20: '#DFDFE2',
+        25: '#D4D4D6',
+        30: '#C6C6C8',
+        35: '#C4C4C4',
+        40: '#AFAFB1',
+        45: '#99999B',
+        50: '#7F7F81',
+        55: '#737377',
+        60: '#747477',
+        65: '#626264',
+        70: '#4E4E50',
+        75: '#3E3E40',
+        80: '#363B3E',
+        85: '#333336',
+        90: '#2D2D2F',
+        95: '#1F1F21',
+        96: '#1E1E1E',
+        97: '#111113',
+        100: '#000000',
+    },
+    yellow: {
+        5: '#FAF089',
+        10: '#FFE500',
+        20: '#FFE600',
+    },
+    orange: {
+        5: '#FFD9BE',
+        10: '#FFB784',
+        20: '#FF9B54',
+    },
+    magenta: {
+        5: '#F9D1D1',
+        10: '#FFC9C9',
+        20: '#FAB2D3',
+        30: '#FFA4B6',
+        40: '#FF8787',
+        50: '#FF8389',
+        60: '#FB7791',
+        70: '#F765A3',
+        80: '#FF50A0',
+        90: '#E41976',
+        100: '#B20052',
+    },
+    red: {
+        5: '#FA4D56',
+        10: '#FE353F',
+        20: '#FF0000',
+        30: '#E63B28',
+        40: '#DA1E28',
+        50: '#A60D0D',
+    },
+    blue: {
+        5: '#A5D8FF',
+        10: '#A6C0D6',
+        15: '#4DABF7',
+        20: '#78A9FF',
+        25: '#748FFC',
+        30: '#587EFC',
+        35: '#1971D7',
+        40: '#3A5DD9',
+        45: '#4F5DC5',
+        50: '#443AFF',
+        55: '#165BAA',
+        60: '#0055AB',
+        65: '#132A9B',
+        70: '#034480',
+        75: '#0B1354',
+    },
+    green: {
+        10: '#73FF0C',
+        20: '#66BB6A',
+        30: '#42BE65',
+        40: '#24A148',
+        50: '#014B58',
+    },
+    purple: {
+        5: '#BAC8FF',
+        10: '#B0C0F4',
+        15: '#D0BFFF',
+        20: '#C378DB',
+        30: '#9775FA',
+        40: '#9E6BF0',
+        50: '#A155B9',
+        60: '#8D2FAB',
+        70: '#7E41DA',
+        80: '#3612A1',
+    },
+    pdl1Tps: {
+        Cutoff1: '#5091FF',
+        Cutoff49: '#0CA678',
+        Cutoff50: '#F76707',
+        PositiveTc: '#AD1EFF',
+        NegativeTc: '#1EFCFF',
+    },
+    pdl1Cps: {
+        Cutoff1: '#5091FF',
+        Cutoff10: '#F76707',
+        Ca: '#0CA678',
+        Cis: '#5B8DEF',
+        Pch: '#FF8989',
+        PcL: '#D6C896',
+        PositiveTc: '#AD1EFF',
+        NegativeTc: '#1EFCFF',
+        PositiveIc: '#FFEE59',
+        NegativeIc: '#FF5403',
+    },
+    io: {
+        BmrkCutoff1: '#5091FF',
+        BmrkCutoff20: '#EE5140',
+        Inflamed: '#C65F6E',
+        ImmuneEx: '#91C4A3',
+        ImmuneDsrt: '#143DDE',
+        Ca: '#0CA678',
+        Cs: '#91C4A3',
+        Lc: '#FFF950',
+        Tc: '#F76707',
+    },
+    tumorPurity: {
+        DensityBar: '#EE5140',
+        Ca: '#0CA678',
+        Tc: '#F76707',
+        Ntc: '#FFF950',
+    },
+    her2: {
+        Ca: '#0CA678',
+        Cis: '#5B8DEF',
+        Her2_Negative: '#4B93F9',
+        Her2_1_Positive: '#79FD4B',
+        Her2_2_Positive: '#F8E71C',
+        Her2_3_Positive: '#EF0B0B',
+    },
+    erpr: {
+        Ca: '#0CA678',
+        Cis: '#5B8DEF',
+        Erpr_Negative: '#4B93F9',
+        Erpr_1_Positive: '#79FD4B',
+        Erpr_2_Positive: '#F8E71C',
+        Erpr_3_Positive: '#EF0B0B',
+        Cutoff0: '#75F0DA',
+        Cutoff1: '#FD6D0D',
+        Cutoff10: '#9E5EFF',
+    },
+    others: {
+        RowHover: 'rgba(134, 148, 177, 0.08)',
+        DatePickerHover: 'rgba(114, 146, 253, 0.3)',
+        Teal50Op20: 'rgba(0, 201, 234, 0.2)',
+        Teal50Op18: 'rgba(0, 201, 234, 0.18)',
+        Grn20Op32: 'rgba(102, 187, 106, 0.32)',
+        Grn30OP32: 'rgba(66, 190, 101, 0.32)',
+    },
+    alert: {
+        InfoBG: 'rgba(55, 81, 167, 0.92)',
+        SuccessBG: 'rgba(0, 137, 159, 0.92)',
+        ErrorBG: 'rgba(116, 25, 15, 0.9)',
+        WarningBG: 'rgba(209, 188, 0, 0.7)',
+    },
+    analysisStatus: {
+        Uploaded: '#99B8D1',
+        Analyzing: '#AA99EC',
+        Analyzed: '#8DCEC3',
+        FailedEnabled: '#CA1414',
+        FailedHover: '#FF8787',
+        FailedSelected: '#A60D0D',
+        Ready: '#00D1FF',
+        ReadyHover: '#38E3FF',
+        ReadySelected: '#006379',
+        Inferred: '#3E63DD',
+        InferredHover: '#46BCFF',
+        InferredSelected: '#273E89',
+        Invalid: '#838389',
+        InvalidHover: '#A7A7A7',
+        InvalidSelected: '#6E6E74',
+    },
+    scope1: '#7292FD',
+    scope2: '#587EFC',
+    scope3: '#B0C0F4',
+    scope4: '#3A5DD9',
+    info: { main: '#748FFC' },
+    success: { main: '#00C9EA' },
+    error: { main: '#FA4D56' },
+    warning: { main: '#FFE600' },
+};
+export default palette;
+//# sourceMappingURL=palette.js.map

package/dist/foundations/spacing.js

@@ -0,0 +1,3 @@
+const spacing = 4;
+export default spacing;
+//# sourceMappingURL=spacing.js.map

package/dist/foundations/styles.js

@@ -0,0 +1,7 @@
+import { SMALL_SCROLLBAR_WIDTH } from '../systems';
+export function subScrollbarWidth(value) {
+    return typeof value === 'number'
+        ? value - SMALL_SCROLLBAR_WIDTH
+        : `calc(${value} - ${SMALL_SCROLLBAR_WIDTH}px)`;
+}
+//# sourceMappingURL=styles.js.map

package/dist/foundations/typography.js

@@ -0,0 +1,288 @@
+const typographyOptions = {
+    fontFamily: [
+        'Pretendard',
+        '-apple-system',
+        'BlinkMacSystemFont',
+        '"Segoe UI"',
+        'Roboto',
+        '"Helvetica Neue"',
+        'Arial',
+        'sans-serif',
+        '"Apple Color Emoji"',
+        '"Segoe UI Emoji"',
+        '"Segoe UI Symbol"',
+    ].join(','),
+    h1: {
+        fontWeight: 600,
+        fontSize: '52px',
+        lineHeight: '68px',
+    },
+    h2: {
+        fontWeight: 700,
+        fontSize: '38px',
+        lineHeight: '48px',
+    },
+    h3: {
+        fontWeight: 500,
+        fontSize: '38px',
+        lineHeight: '48px',
+    },
+    h4: {
+        fontWeight: 600,
+        fontSize: '30px',
+        lineHeight: '48px',
+    },
+    h5: {
+        fontWeight: 400,
+        fontSize: '30px',
+        lineHeight: '48px',
+    },
+    h6: {
+        fontWeight: 700,
+        fontSize: '28px',
+        lineHeight: 'auto',
+    },
+    h7: {
+        fontWeight: 600,
+        fontSize: '24px',
+        lineHeight: '36px',
+    },
+    h8: {
+        fontWeight: 600,
+        fontSize: '20px',
+        lineHeight: '28px',
+    },
+    h9: {
+        fontWeight: 600,
+        fontSize: '16px',
+        lineHeight: '24px',
+    },
+    subtitle1: {
+        fontSize: 20,
+        fontWeight: 600,
+        lineHeight: '28px',
+    },
+    subtitle2: {
+        fontSize: 18,
+        fontWeight: 600,
+        lineHeight: '24px',
+    },
+    subtitle3: {
+        fontSize: 16,
+        fontWeight: 600,
+        lineHeight: '24px',
+    },
+    body_b1: {
+        fontWeight: 700,
+        fontSize: '14px',
+        lineHeight: '20px',
+    },
+    body_b2: {
+        fontWeight: 700,
+        fontSize: '14px',
+        lineHeight: 'auto',
+    },
+    body_sb1: {
+        fontWeight: 600,
+        fontSize: '16px',
+        lineHeight: '24px',
+    },
+    body_sb2: {
+        fontWeight: 600,
+        fontSize: '16px',
+        lineHeight: '20px',
+    },
+    body_sb3: {
+        fontWeight: 700,
+        fontSize: '15px',
+        lineHeight: '16px',
+    },
+    body_sb4: {
+        fontWeight: 600,
+        fontSize: '14px',
+        lineHeight: '20px',
+    },
+    body_sb5: {
+        fontWeight: 600,
+        fontSize: '12.4px',
+        lineHeight: '16px',
+    },
+    body_m1: {
+        fontWeight: 500,
+        fontSize: '14px',
+        lineHeight: '20px',
+    },
+    body_m2: {
+        fontWeight: 500,
+        fontSize: '13px',
+        lineHeight: '18px',
+        letterSpacing: '0.2px',
+    },
+    body1: {
+        fontWeight: 400,
+        fontSize: '16px',
+        lineHeight: '24px',
+    },
+    body2: {
+        fontWeight: 400,
+        fontSize: '16px',
+        lineHeight: 'auto',
+    },
+    body3: {
+        fontWeight: 400,
+        fontSize: '15px',
+        lineHeight: '24px',
+    },
+    body4: {
+        fontWeight: 400,
+        fontSize: '14px',
+        lineHeight: '28px',
+    },
+    body5: {
+        fontWeight: 400,
+        fontSize: '14px',
+        lineHeight: '20px',
+    },
+    body6: {
+        fontWeight: 400,
+        fontSize: '13px',
+        lineHeight: '18px',
+    },
+    body7: {
+        fontWeight: 400,
+        fontSize: '12.4px',
+        lineHeight: '16px',
+    },
+    body8: {
+        fontWeight: 400,
+        fontSize: '12px',
+        lineHeight: '16px',
+    },
+    small_body_b1: {
+        fontWeight: 700,
+        fontSize: '12px',
+        lineHeight: '12px',
+    },
+    small_body_b2: {
+        fontWeight: 700,
+        fontSize: '12px',
+        lineHeight: '16px',
+    },
+    small_body_b3: {
+        fontWeight: 700,
+        fontSize: '10px',
+        lineHeight: 'auto',
+    },
+    small_body_b4: {
+        fontWeight: 700,
+        fontSize: '10px',
+        lineHeight: '12px',
+    },
+    small_body_b5: {
+        fontWeight: 700,
+        fontSize: '8px',
+        lineHeight: 'auto',
+    },
+    small_body_sb1: {
+        fontWeight: 600,
+        fontSize: '12px',
+        lineHeight: '16px',
+    },
+    small_body_m1: {
+        fontWeight: 500,
+        fontSize: '13px',
+        lineHeight: '20px',
+    },
+    small_body_m2: {
+        fontWeight: 500,
+        fontSize: '12px',
+        lineHeight: '20px',
+    },
+    small_body_m3: {
+        fontWeight: 500,
+        fontSize: '10px',
+        lineHeight: 'auto',
+    },
+    small_body_m4: {
+        fontWeight: 500,
+        fontSize: '10px',
+        lineHeight: '16px',
+    },
+    small_body_m5: {
+        fontWeight: 500,
+        fontSize: '8px',
+        lineHeight: 'auto',
+    },
+    small_body_m6: {
+        fontWeight: 500,
+        fontSize: '8px',
+        lineHeight: '12px',
+    },
+    small_body_m7: {
+        fontWeight: 500,
+        fontSize: '7px',
+        lineHeight: 'auto',
+    },
+    small_body1: {
+        fontWeight: 400,
+        fontSize: '13px',
+        lineHeight: '24px',
+    },
+    small_body2: {
+        fontWeight: 400,
+        fontSize: '12px',
+        lineHeight: '20px',
+    },
+    small_body3: {
+        fontWeight: 400,
+        fontSize: '10px',
+        lineHeight: 'auto',
+    },
+    small_body4: {
+        fontWeight: 400,
+        fontSize: '10px',
+        lineHeight: '14px',
+    },
+    small_body5: {
+        fontWeight: 400,
+        fontSize: '8px',
+        lineHeight: 'auto',
+    },
+    small_body_l1: {
+        fontWeight: 300,
+        fontSize: '10px',
+        lineHeight: '20px',
+    },
+    small_body_l2: {
+        fontWeight: 300,
+        fontSize: '7px',
+        lineHeight: 'auto',
+    },
+    overline: {
+        fontWeight: 500,
+        fontSize: '14px',
+        lineHeight: '20px',
+        letterSpacing: '1px',
+        textTransform: 'uppercase',
+    },
+    button1: {
+        fontWeight: 600,
+        fontSize: '16px',
+        lineHeight: '22px',
+        textTransform: 'capitalize',
+    },
+    button2: {
+        fontWeight: 600,
+        fontSize: '14px',
+        lineHeight: '20px',
+        letterSpacing: '0.2px',
+        textTransform: 'capitalize',
+    },
+    caption: {
+        fontWeight: 500,
+        fontSize: '12px',
+        lineHeight: '16px',
+    },
+};
+export default typographyOptions;
+//# sourceMappingURL=typography.js.map

package/dist/icons/BellNoti/index.js

@@ -0,0 +1,14 @@
+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/icons/CloseLarge/index.js

@@ -0,0 +1,14 @@
+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/icons/CloseSmall/index.js

@@ -0,0 +1,14 @@
+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/icons/DownloadPdf/index.js

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

package/dist/icons/Ellipse/index.js

@@ -0,0 +1,14 @@
+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/icons/FilterNoti/index.js

@@ -0,0 +1,14 @@
+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/icons/HideLarge/index.js

@@ -0,0 +1,14 @@
+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/icons/HideSmall/index.js

@@ -0,0 +1,14 @@
+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/icons/InformationLarge/index.js

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

package/dist/icons/InformationSmall/index.js

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

package/dist/icons/Manufacturer/index.js

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