@lunit/oui 1.1.0-alpha.5 → 1.2.0

package/dist/foundations/index.d.ts

@@ -0,0 +1,6 @@
+import palette, { type LunitPalette } from './palette';
+import typography, { type LunitTypographyPropsVariantOverrides, type LunitTypographyVariants, type LunitTypographyVariantsOptions } from './typography';
+import spacing from './spacing';
+import { subScrollbarWidth } from './styles';
+export { palette, typography, spacing, subScrollbarWidth };
+export type { LunitPalette, LunitTypographyPropsVariantOverrides, LunitTypographyVariants, LunitTypographyVariantsOptions, };

package/dist/foundations/index.js

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

package/dist/foundations/typography.d.ts

@@ -0,0 +1,158 @@
+/// <reference types="react" />
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+export interface LunitTypographyVariants {
+    h7: React.CSSProperties;
+    h8: React.CSSProperties;
+    h9: React.CSSProperties;
+    h10: React.CSSProperties;
+    subtitle3: React.CSSProperties;
+    body_b1: React.CSSProperties;
+    body_b2: React.CSSProperties;
+    body_sb1: React.CSSProperties;
+    body_sb2: React.CSSProperties;
+    body_sb3: React.CSSProperties;
+    body_sb4: React.CSSProperties;
+    body_sb5: React.CSSProperties;
+    body_m1: React.CSSProperties;
+    body_m2: React.CSSProperties;
+    body1: React.CSSProperties;
+    body2: React.CSSProperties;
+    body3: React.CSSProperties;
+    body4: React.CSSProperties;
+    body5: React.CSSProperties;
+    body6: React.CSSProperties;
+    body7: React.CSSProperties;
+    body8: React.CSSProperties;
+    small_body_b1: React.CSSProperties;
+    small_body_b2: React.CSSProperties;
+    small_body_b3: React.CSSProperties;
+    small_body_b4: React.CSSProperties;
+    small_body_b5: React.CSSProperties;
+    small_body_sb1: React.CSSProperties;
+    small_body_m1: React.CSSProperties;
+    small_body_m2: React.CSSProperties;
+    small_body_m3: React.CSSProperties;
+    small_body_m4: React.CSSProperties;
+    small_body_m5: React.CSSProperties;
+    small_body_m6: React.CSSProperties;
+    small_body_m7: React.CSSProperties;
+    small_body1: React.CSSProperties;
+    small_body2: React.CSSProperties;
+    small_body3: React.CSSProperties;
+    small_body4: React.CSSProperties;
+    small_body5: React.CSSProperties;
+    small_body_l1: React.CSSProperties;
+    small_body_l2: React.CSSProperties;
+    overline: React.CSSProperties;
+    button1: React.CSSProperties;
+    button2: React.CSSProperties;
+    caption: React.CSSProperties;
+}
+export interface LunitTypographyVariantsOptions {
+    h7?: React.CSSProperties;
+    h8?: React.CSSProperties;
+    h9?: React.CSSProperties;
+    h10?: React.CSSProperties;
+    subtitle3?: React.CSSProperties;
+    body_b1?: React.CSSProperties;
+    body_b2?: React.CSSProperties;
+    body_sb1?: React.CSSProperties;
+    body_sb2?: React.CSSProperties;
+    body_sb3?: React.CSSProperties;
+    body_sb4?: React.CSSProperties;
+    body_sb5?: React.CSSProperties;
+    body_m1?: React.CSSProperties;
+    body_m2?: React.CSSProperties;
+    body1?: React.CSSProperties;
+    body2?: React.CSSProperties;
+    body3?: React.CSSProperties;
+    body4?: React.CSSProperties;
+    body5?: React.CSSProperties;
+    body6?: React.CSSProperties;
+    body7?: React.CSSProperties;
+    body8?: React.CSSProperties;
+    small_body_b1?: React.CSSProperties;
+    small_body_b2?: React.CSSProperties;
+    small_body_b3?: React.CSSProperties;
+    small_body_b4?: React.CSSProperties;
+    small_body_b5?: React.CSSProperties;
+    small_body_sb1?: React.CSSProperties;
+    small_body_m1?: React.CSSProperties;
+    small_body_m2?: React.CSSProperties;
+    small_body_m3?: React.CSSProperties;
+    small_body_m4?: React.CSSProperties;
+    small_body_m5?: React.CSSProperties;
+    small_body_m6?: React.CSSProperties;
+    small_body_m7?: React.CSSProperties;
+    small_body1?: React.CSSProperties;
+    small_body2?: React.CSSProperties;
+    small_body3?: React.CSSProperties;
+    small_body4?: React.CSSProperties;
+    small_body5?: React.CSSProperties;
+    small_body_l1?: React.CSSProperties;
+    small_body_l2?: React.CSSProperties;
+    overline?: React.CSSProperties;
+    button1?: React.CSSProperties;
+    button2?: React.CSSProperties;
+    caption?: React.CSSProperties;
+}
+declare module '@mui/material/styles' {
+    interface TypographyVariants extends LunitTypographyVariants {
+    }
+    interface TypographyVariantsOptions extends LunitTypographyVariantsOptions {
+    }
+}
+export interface LunitTypographyPropsVariantOverrides {
+    h7: true;
+    h8: true;
+    h9: true;
+    h10: true;
+    subtitle3: true;
+    body_b1: true;
+    body_b2: true;
+    body_sb1: true;
+    body_sb2: true;
+    body_sb3: true;
+    body_sb4: true;
+    body_sb5: true;
+    body_m1: true;
+    body_m2: true;
+    body1: true;
+    body2: true;
+    body3: true;
+    body4: true;
+    body5: true;
+    body6: true;
+    body7: true;
+    body8: true;
+    small_body_b1: true;
+    small_body_b2: true;
+    small_body_b3: true;
+    small_body_b4: true;
+    small_body_b5: true;
+    small_body_sb1: true;
+    small_body_m1: true;
+    small_body_m2: true;
+    small_body_m3: true;
+    small_body_m4: true;
+    small_body_m5: true;
+    small_body_m6: true;
+    small_body_m7: true;
+    small_body1: true;
+    small_body2: true;
+    small_body3: true;
+    small_body4: true;
+    small_body5: true;
+    small_body_l1: true;
+    small_body_l2: true;
+    overline: true;
+    button1: true;
+    button2: true;
+    caption: true;
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides extends LunitTypographyPropsVariantOverrides {
+    }
+}
+declare const typographyOptions: TypographyOptions;
+export default typographyOptions;

package/dist/theme.d.ts

@@ -0,0 +1,15 @@
+import { LunitPalette, LunitTypographyPropsVariantOverrides, LunitTypographyVariants, LunitTypographyVariantsOptions } from './foundations';
+declare module '@mui/material/styles' {
+    interface Palette extends LunitPalette {
+    }
+    interface PaletteOptions extends LunitPalette {
+    }
+    interface TypographyVariants extends LunitTypographyVariants {
+    }
+    interface TypographyVariantsOptions extends LunitTypographyVariantsOptions {
+    }
+    interface TypographyPropsVariantOverrides extends LunitTypographyPropsVariantOverrides {
+    }
+}
+declare const theme: import("@mui/material/styles").Theme;
+export default theme;

package/dist/theme.js

@@ -3,7 +3,7 @@ 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 { palette, spacing, typography, } from './foundations';
 import { drawer } from './systems';
 const theme = createTheme({
     ...drawer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lunit/oui",
-  "version": "1.1.0-alpha.5",
+  "version": "1.2.0",
   "validate-branch-name": {
     "pattern": "^(main|develop)|(feature|fix|release|hotfix|qe)/.+$",
     "errorMsg": "The branch name is not correct. Please check the pattern. (ex. feature/add-something)"
@@ -184,6 +184,7 @@
     "@storybook/theming": "^7.6.6",
     "@tsconfig/recommended": "^1.0.3",
     "@types/tinycolor2": "^1.4.6",
+    "@typescript-eslint/eslint-plugin": "^8.18.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.0",
     "eslint-plugin-storybook": "^0.6.15",
@@ -192,6 +193,7 @@
     "prettier": "^3.1.1",
     "storybook": "^7.6.6",
     "ts-loader": "^9.5.1",
+    "typescript-eslint": "^8.18.1",
     "webpack-cli": "^5.1.4",
     "webpack-node-externals": "^3.0.0"
   },

package/dist/reportWebVitals.js

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

package/dist/setupTests.js

@@ -1,5 +0,0 @@
-// 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';

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

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

package/dist/types/foundations/typography.d.ts

@@ -1,152 +0,0 @@
-/// <reference types="react" />
-import { TypographyOptions } from '@mui/material/styles/createTypography';
-declare module '@mui/material/styles' {
-    interface TypographyVariants {
-        h7: React.CSSProperties;
-        h8: React.CSSProperties;
-        h9: React.CSSProperties;
-        h10: React.CSSProperties;
-        subtitle3: React.CSSProperties;
-        body_b1: React.CSSProperties;
-        body_b2: React.CSSProperties;
-        body_sb1: React.CSSProperties;
-        body_sb2: React.CSSProperties;
-        body_sb3: React.CSSProperties;
-        body_sb4: React.CSSProperties;
-        body_sb5: React.CSSProperties;
-        body_m1: React.CSSProperties;
-        body_m2: React.CSSProperties;
-        body1: React.CSSProperties;
-        body2: React.CSSProperties;
-        body3: React.CSSProperties;
-        body4: React.CSSProperties;
-        body5: React.CSSProperties;
-        body6: React.CSSProperties;
-        body7: React.CSSProperties;
-        body8: React.CSSProperties;
-        small_body_b1: React.CSSProperties;
-        small_body_b2: React.CSSProperties;
-        small_body_b3: React.CSSProperties;
-        small_body_b4: React.CSSProperties;
-        small_body_b5: React.CSSProperties;
-        small_body_sb1: React.CSSProperties;
-        small_body_m1: React.CSSProperties;
-        small_body_m2: React.CSSProperties;
-        small_body_m3: React.CSSProperties;
-        small_body_m4: React.CSSProperties;
-        small_body_m5: React.CSSProperties;
-        small_body_m6: React.CSSProperties;
-        small_body_m7: React.CSSProperties;
-        small_body1: React.CSSProperties;
-        small_body2: React.CSSProperties;
-        small_body3: React.CSSProperties;
-        small_body4: React.CSSProperties;
-        small_body5: React.CSSProperties;
-        small_body_l1: React.CSSProperties;
-        small_body_l2: React.CSSProperties;
-        overline: React.CSSProperties;
-        button1: React.CSSProperties;
-        button2: React.CSSProperties;
-        caption: React.CSSProperties;
-    }
-    interface TypographyVariantsOptions {
-        h7?: React.CSSProperties;
-        h8?: React.CSSProperties;
-        h9?: React.CSSProperties;
-        h10?: React.CSSProperties;
-        subtitle3?: React.CSSProperties;
-        body_b1?: React.CSSProperties;
-        body_b2?: React.CSSProperties;
-        body_sb1?: React.CSSProperties;
-        body_sb2?: React.CSSProperties;
-        body_sb3?: React.CSSProperties;
-        body_sb4?: React.CSSProperties;
-        body_sb5?: React.CSSProperties;
-        body_m1?: React.CSSProperties;
-        body_m2?: React.CSSProperties;
-        body1?: React.CSSProperties;
-        body2?: React.CSSProperties;
-        body3?: React.CSSProperties;
-        body4?: React.CSSProperties;
-        body5?: React.CSSProperties;
-        body6?: React.CSSProperties;
-        body7?: React.CSSProperties;
-        body8?: React.CSSProperties;
-        small_body_b1?: React.CSSProperties;
-        small_body_b2?: React.CSSProperties;
-        small_body_b3?: React.CSSProperties;
-        small_body_b4?: React.CSSProperties;
-        small_body_b5?: React.CSSProperties;
-        small_body_sb1?: React.CSSProperties;
-        small_body_m1?: React.CSSProperties;
-        small_body_m2?: React.CSSProperties;
-        small_body_m3?: React.CSSProperties;
-        small_body_m4?: React.CSSProperties;
-        small_body_m5?: React.CSSProperties;
-        small_body_m6?: React.CSSProperties;
-        small_body_m7?: React.CSSProperties;
-        small_body1?: React.CSSProperties;
-        small_body2?: React.CSSProperties;
-        small_body3?: React.CSSProperties;
-        small_body4?: React.CSSProperties;
-        small_body5?: React.CSSProperties;
-        small_body_l1?: React.CSSProperties;
-        small_body_l2?: React.CSSProperties;
-        overline?: React.CSSProperties;
-        button1?: React.CSSProperties;
-        button2?: React.CSSProperties;
-        caption?: React.CSSProperties;
-    }
-}
-declare module '@mui/material/Typography' {
-    interface TypographyPropsVariantOverrides {
-        h7: true;
-        h8: true;
-        h9: true;
-        h10: true;
-        subtitle3: true;
-        body_b1: true;
-        body_b2: true;
-        body_sb1: true;
-        body_sb2: true;
-        body_sb3: true;
-        body_sb4: true;
-        body_sb5: true;
-        body_m1: true;
-        body_m2: true;
-        body1: true;
-        body2: true;
-        body3: true;
-        body4: true;
-        body5: true;
-        body6: true;
-        body7: true;
-        body8: true;
-        small_body_b1: true;
-        small_body_b2: true;
-        small_body_b3: true;
-        small_body_b4: true;
-        small_body_b5: true;
-        small_body_sb1: true;
-        small_body_m1: true;
-        small_body_m2: true;
-        small_body_m3: true;
-        small_body_m4: true;
-        small_body_m5: true;
-        small_body_m6: true;
-        small_body_m7: true;
-        small_body1: true;
-        small_body2: true;
-        small_body3: true;
-        small_body4: true;
-        small_body5: true;
-        small_body_l1: true;
-        small_body_l2: true;
-        overline: true;
-        button1: true;
-        button2: true;
-        caption: true;
-    }
-}
-declare const typographyOptions: TypographyOptions;
-export default typographyOptions;

package/dist/types/reportWebVitals.d.ts

@@ -1,3 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
-export default reportWebVitals;

package/dist/types/setupTests.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/types/theme.d.ts

@@ -1,2 +0,0 @@
-declare const theme: import("@mui/material/styles").Theme;
-export default theme;