@movable/ui 0.1.2 → 0.2.0-alpha.0

package/lib/theme.d.ts

@@ -1,57 +0,0 @@
-declare module '@mui/material/styles' {
-    interface PaletteColor {
-        selected?: string;
-    }
-    interface Palette {
-        focusVisible: string;
-        neutral50: string;
-        neutral100: string;
-        neutral200: string;
-        neutral300: string;
-        neutral400: string;
-        neutral500: string;
-        neutral600: string;
-        neutral700: string;
-        neutral800: string;
-        neutral900: string;
-        neutralA100: string;
-        neutralA200: string;
-        neutralA400: string;
-        neutralA700: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-    }
-    interface PalletteOptions {
-        focusVisible: string;
-        neutral50: string;
-        neutral100: string;
-        neutral200: string;
-        neutral300: string;
-        neutral400: string;
-        neutral500: string;
-        neutral600: string;
-        neutral700: string;
-        neutral800: string;
-        neutral900: string;
-        neutralA100: string;
-        neutralA200: string;
-        neutralA400: string;
-        neutralA700: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-    }
-}
-declare const theme: import("@mui/material/styles").Theme;
-export default theme;

package/rollup.config.mjs

@@ -1,44 +0,0 @@
-import peerDepsExternal from "rollup-plugin-peer-deps-external";
-import resolve from "@rollup/plugin-node-resolve";
-import commonjs from "@rollup/plugin-commonjs";
-import typescript from "@rollup/plugin-typescript";
-import postcss from "rollup-plugin-postcss";
-import dts from "rollup-plugin-dts";
-
-// This is required to read package.json file when
-// using Native ES modules in Node.js
-// https://rollupjs.org/command-line-interface/#importing-package-json
-import { createRequire } from 'node:module';
-const requireFile = createRequire(import.meta.url);
-const packageJson = requireFile('./package.json');
-
-
-export default [{
-  input: "src/index.ts",
-  output: [
-    {
-      file: packageJson.main,
-      format: "cjs",
-      sourcemap: true
-    },
-    {
-      file: packageJson.module,
-      format: "esm",
-      sourcemap: true
-    }
-  ],
-  plugins: [
-    peerDepsExternal(),
-    resolve(),
-    commonjs(),
-    typescript(),
-    postcss({
-      extensions: ['.css']
-    })
-  ]
-}, {
-  input: 'lib/index.d.ts',
-  output: [{ file: 'lib/index.d.ts', format: 'es' }],
-  plugins: [dts()],
-  external: [/\.css$/]
-}];

package/src/index.ts

@@ -1,3 +0,0 @@
-import MovableUITheme from "./theme";
-
-export { MovableUITheme };

package/src/theme.ts

@@ -1,417 +0,0 @@
-import {
-  blue,
-  green,
-  grey,
-  indigo,
-  lightBlue,
-  lightGreen,
-  orange,
-  purple,
-  red,
-  yellow,
-} from '@mui/material/colors';
-import { ThemeOptions, alpha, createTheme } from '@mui/material/styles';
-
-declare module '@mui/material/styles' {
-  interface PaletteColor {
-    selected?: string;
-  }
-  interface Palette {
-    focusVisible: string;
-    blue50: string;
-    blue100: string;
-    blue200: string;
-    blue300: string;
-    blue400: string;
-    blue500: string;
-    blue600: string;
-    blue700: string;
-    blue800: string;
-    blue900: string;
-    indigo50: string;
-    indigo100: string;
-    indigo200: string;
-    indigo300: string;
-    indigo400: string;
-    indigo500: string;
-    indigo600: string;
-    indigo700: string;
-    indigo800: string;
-    indigo900: string;
-    green50: string;
-    green100: string;
-    green200: string;
-    green300: string;
-    green400: string;
-    green500: string;
-    green600: string;
-    green700: string;
-    green800: string;
-    green900: string;
-    lightBlue50: string;
-    lightBlue100: string;
-    lightBlue200: string;
-    lightBlue300: string;
-    lightBlue400: string;
-    lightBlue500: string;
-    lightBlue600: string;
-    lightBlue700: string;
-    lightBlue800: string;
-    lightBlue900: string;
-    lightGreen50: string;
-    lightGreen100: string;
-    lightGreen200: string;
-    lightGreen300: string;
-    lightGreen400: string;
-    lightGreen500: string;
-    lightGreen600: string;
-    lightGreen700: string;
-    lightGreen800: string;
-    lightGreen900: string;
-    neutral50: string;
-    neutral100: string;
-    neutral200: string;
-    neutral300: string;
-    neutral400: string;
-    neutral500: string;
-    neutral600: string;
-    neutral700: string;
-    neutral800: string;
-    neutral900: string;
-    neutralA100: string;
-    neutralA200: string;
-    neutralA400: string;
-    neutralA700: string;
-    orange50: string;
-    orange100: string;
-    orange200: string;
-    orange300: string;
-    orange400: string;
-    orange500: string;
-    orange600: string;
-    orange700: string;
-    orange800: string;
-    orange900: string;
-    purple50: string;
-    purple100: string;
-    purple200: string;
-    purple300: string;
-    purple400: string;
-    purple500: string;
-    purple600: string;
-    purple700: string;
-    purple800: string;
-    purple900: string;
-    yellow50: string;
-    yellow100: string;
-    yellow200: string;
-    yellow300: string;
-    yellow400: string;
-    yellow500: string;
-    yellow600: string;
-    yellow700: string;
-    yellow800: string;
-    yellow900: string;
-  }
-  interface PalletteOptions {
-    focusVisible: string;
-    neutral50: string;
-    neutral100: string;
-    neutral200: string;
-    neutral300: string;
-    neutral400: string;
-    neutral500: string;
-    neutral600: string;
-    neutral700: string;
-    neutral800: string;
-    neutral900: string;
-    neutralA100: string;
-    neutralA200: string;
-    neutralA400: string;
-    neutralA700: string;
-    blue50: string;
-    blue100: string;
-    blue200: string;
-    blue300: string;
-    blue400: string;
-    blue500: string;
-  }
-}
-
-// TODO [Low]: put in /shared folder
-const theme = createTheme({
-  typography: {
-    fontFamily: ['Inter', 'Roboto', 'sans-serif'].join(','),
-  },
-
-  components: {
-    MuiButton: {
-      styleOverrides: {
-        root: {
-          textTransform: 'capitalize',
-        },
-        textPrimary: {
-          color: blue[400],
-        },
-        outlinedInherit: {
-          borderColor: alpha(grey[900], 0.03),
-        },
-      },
-    },
-
-    MuiChip: {
-      styleOverrides: {
-        filledPrimary: {
-          backgroundColor: blue[50],
-          color: blue[900],
-          '.MuiChip-deleteIcon': {
-            color: blue[800],
-            '&:hover': {
-              color: blue[900],
-            },
-            '&:active': {
-              color: blue[900],
-            },
-          },
-        },
-        filledSuccess: {
-          backgroundColor: green[50],
-          color: green[900],
-        },
-        filledError: {
-          backgroundColor: red[50],
-          color: blue[900],
-        },
-      },
-    },
-
-    MuiDataGrid: {
-      styleOverrides: {
-        root: {
-          border: 'none',
-          '.MuiDataGrid-toolbarContainer .MuiTextField-root': {
-            backgroundColor: grey[100],
-            padding: '8px',
-            borderRadius: '8px',
-          },
-          '.MuiInput-underline:before': {
-            borderBottom: 'none !important',
-            color: 'red',
-          },
-          '.MuiDataGrid-toolbarContainer button': {
-            backgroundColor: grey[100],
-            color: grey[900],
-            padding: '4px 10px',
-          },
-          '.MuiDataGrid-toolbarContainer svg': {
-            color: grey[700],
-          },
-          '.MuiDataGrid-cell:focus': {
-            outline: 'none',
-          },
-        },
-      },
-    },
-
-    MuiLink: {
-      styleOverrides: {
-        root: {
-          color: blue[400],
-          textDecoration: 'none',
-        },
-      },
-    },
-
-    MuiSelect: {
-      defaultProps: {
-        size: 'small',
-      },
-      styleOverrides: {
-        root: {
-          backgroundColor: grey[100],
-        },
-      },
-    },
-
-    MuiTextField: {
-      defaultProps: {
-        size: 'small',
-      },
-      styleOverrides: {
-        root: {
-          '.MuiInputBase-root': {
-            backgroundColor: grey[100],
-          },
-          '.MuiInputBase-input': {
-            backgroundColor: grey[100],
-          },
-          '.MuiFormHelperText-root': {
-            marginLeft: 0,
-          },
-        },
-      },
-    },
-  },
-
-  palette: {
-    text: {
-      primary: grey[900],
-      secondary: grey[700],
-      disabled: grey[700],
-    },
-
-    focusVisible: alpha(blue[700], 0.3),
-
-    blue50: blue[50],
-    blue100: blue[100],
-    blue200: blue[200],
-    blue300: blue[300],
-    blue400: blue[400],
-    blue500: blue[500],
-    blue600: blue[600],
-    blue700: blue[700],
-    blue800: blue[800],
-    blue900: blue[900],
-
-    indigo50: indigo[50],
-    indigo100: indigo[100],
-    indigo200: indigo[200],
-    indigo300: indigo[300],
-    indigo400: indigo[400],
-    indigo500: indigo[500],
-    indigo600: indigo[600],
-    indigo700: indigo[700],
-    indigo800: indigo[800],
-    indigo900: indigo[900],
-
-    green50: green[50],
-    green100: green[100],
-    green200: green[200],
-    green300: green[300],
-    green400: green[400],
-    green500: green[500],
-    green600: green[600],
-    green700: green[700],
-    green800: green[800],
-    green900: green[900],
-
-    lightBlue50: lightBlue[50],
-    lightBlue100: lightBlue[100],
-    lightBlue200: lightBlue[200],
-    lightBlue300: lightBlue[300],
-    lightBlue400: lightBlue[400],
-    lightBlue500: lightBlue[500],
-    lightBlue600: lightBlue[600],
-    lightBlue700: lightBlue[700],
-    lightBlue800: lightBlue[800],
-    lightBlue900: lightBlue[900],
-
-    lightGreen50: lightGreen[50],
-    lightGreen100: lightGreen[100],
-    lightGreen200: lightGreen[200],
-    lightGreen300: lightGreen[300],
-    lightGreen400: lightGreen[400],
-    lightGreen500: lightGreen[500],
-    lightGreen600: lightGreen[600],
-    lightGreen700: lightGreen[700],
-    lightGreen800: lightGreen[800],
-    lightGreen900: lightGreen[900],
-
-    neutral50: grey[50],
-    neutral100: grey[100],
-    neutral200: grey[200],
-    neutral300: grey[300],
-    neutral400: grey[400],
-    neutral500: grey[500],
-    neutral600: grey[600],
-    neutral700: grey[700],
-    neutral800: grey[800],
-    neutral900: grey[900],
-    neutralA100: grey['A100'],
-    neutralA200: grey['A200'],
-    neutralA400: grey['A400'],
-    neutralA700: grey['A700'],
-
-    orange50: orange[50],
-    orange100: orange[100],
-    orange200: orange[200],
-    orange300: orange[300],
-    orange400: orange[400],
-    orange500: orange[500],
-    orange600: orange[600],
-    orange700: orange[700],
-    orange800: orange[800],
-    orange900: orange[900],
-
-    purple50: purple[50],
-    purple100: purple[100],
-    purple200: purple[200],
-    purple300: purple[300],
-    purple400: purple[400],
-    purple500: purple[500],
-    purple600: purple[600],
-    purple700: purple[700],
-    purple800: purple[800],
-    purple900: purple[900],
-
-    yellow50: yellow[50],
-    yellow100: yellow[100],
-    yellow200: yellow[200],
-    yellow300: yellow[300],
-    yellow400: yellow[400],
-    yellow500: yellow[500],
-    yellow600: yellow[600],
-    yellow700: yellow[700],
-    yellow800: yellow[800],
-    yellow900: yellow[900],
-    // todo: add rest of colors. see https://www.figma.com/file/9yr8neepsdgLbiFADaR6M2/MI----Library-Base?type=design&node-id=477-93017&t=wf27RohUWMM0z3UH-0
-
-    primary: {
-      main: blue[700],
-      dark: blue[800],
-      light: blue[600],
-      contrastText: '#FFFFFF',
-      selected: alpha(blue[700], 0.08),
-    },
-    secondary: {
-      main: purple[500],
-      dark: purple[700],
-      light: purple[300],
-      contrastText: '#FFFFFF',
-    },
-    error: {
-      main: red[700],
-      dark: red[800],
-      light: red[400],
-      contrastText: '#FFFFFF',
-    },
-    warning: {
-      main: orange[800],
-      dark: orange[900],
-      light: orange[500],
-      contrastText: '#FFFFFF',
-    },
-    info: {
-      main: lightBlue[800],
-      dark: lightBlue[900],
-      light: orange[700],
-      contrastText: '#FFFFFF',
-    },
-    success: {
-      main: green[800],
-      dark: green[900],
-      light: green[500],
-      contrastText: '#FFFFFF',
-    },
-    action: {
-      active: grey[700],
-      hover: alpha(grey[700], 0.04),
-      selected: alpha(grey[700], 0.08),
-      focus: alpha(grey[700], 0.12),
-      disabledBackground: grey[200],
-      disabled: grey[700],
-    },
-  },
-} as ThemeOptions);
-
-export default theme;

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "outDir": "lib",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "declaration": true,
-    "declarationDir": "lib",
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react"
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "lib"]
-}