@veritone-ce/design-system 0.9.4 → 0.9.6

package/dist/assets/theme.d.ts

@@ -0,0 +1,29 @@
+import { ThemeOptions as MuiThemeOptions } from '@mui/material';
+import '@fontsource/nunito-sans';
+import '@fontsource/dosis';
+declare module '@mui/material/Button' {
+    interface ButtonPropsVariantOverrides {
+        secondary: true;
+    }
+}
+declare module '@mui/material/styles/createPalette' {
+    type ButtonPaletteColorOptions = SimplePaletteColorOptions & {
+        hover: string;
+    };
+    interface Palette {
+        button: ButtonPaletteColorOptions;
+        neutral: Palette['primary'];
+    }
+    interface PaletteOptions {
+        button?: ButtonPaletteColorOptions;
+        neutral?: PaletteColorOptions;
+    }
+    interface ThemeOptions extends MuiThemeOptions {
+        pallete?: {
+            button?: ButtonPaletteColorOptions;
+            neutral?: PaletteColorOptions;
+        };
+    }
+}
+declare let theme: import("@mui/material").Theme;
+export default theme;

package/dist/assets/theme.js

@@ -0,0 +1,321 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createTheme } from '@mui/material';
+import '@fontsource/nunito-sans';
+import '@fontsource/dosis';
+import sx from '@mui/system/sx';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import InfoIcon from '@mui/icons-material/Info';
+import WarningIcon from '@mui/icons-material/Error';
+import ErrorIcon from '@mui/icons-material/Cancel';
+// create theme in steps https://mui.com/material-ui/customization/theming/#api
+var theme = createTheme({
+    typography: {
+        fontFamily: ['Nunito Sans', 'Helvetica', 'sans-serif'].join(','),
+        h2: {
+            fontSize: '1.429rem',
+            lineHeight: '2.143rem',
+            fontWeight: '700',
+        },
+    },
+    palette: {
+        primary: {
+            main: '#214167',
+        },
+        secondary: {
+            main: '#335B89',
+            contrastText: '#ffffff',
+        },
+        neutral: {
+            main: '#5C6269',
+        },
+        button: {
+            main: '#1871E8',
+            hover: '#335B89',
+        },
+        success: {
+            main: '#28BA3F',
+        },
+        info: {
+            main: '#325491',
+        },
+        warning: {
+            main: '#FFBB0A',
+        },
+        error: {
+            main: '#D43060',
+        },
+        divider: '#214167',
+    },
+    spacing: 10,
+});
+theme = createTheme(theme, {
+    components: {
+        MuiButton: {
+            defaultProps: {
+                variant: 'contained',
+                disableRipple: true,
+            },
+            styleOverrides: {
+                // @ts-ignore
+                root: function (_a) {
+                    var ownerState = _a.ownerState;
+                    return (__assign(__assign({ textTransform: 'none', '&.Mui-disabled': {
+                            borderColor: "#E0E8F0",
+                        }, '&.Mui-disabled .MuiButton-startIcon': {
+                            opacity: 0.3,
+                        } }, (ownerState.variant === "contained" &&
+                        {
+                            fontWeight: '600',
+                            backgroundColor: theme.palette.button.main,
+                            ':hover': {
+                                backgroundColor: theme.palette.button.hover,
+                            },
+                        })), (ownerState.variant === "text" &&
+                        {
+                            fontWeight: '600',
+                            color: theme.palette.button.main,
+                            ':hover': {
+                                color: theme.palette.button.hover,
+                            },
+                            '.MuiButton-startIcon': {
+                                color: "#555F7C",
+                                marginRight: theme.spacing(2),
+                            },
+                        })));
+                },
+            },
+            variants: [
+                {
+                    props: {
+                        variant: 'secondary',
+                    },
+                    style: sx({
+                        backgroundColor: 'white',
+                        color: theme.palette.neutral.main,
+                        border: "1px solid ".concat(theme.palette.neutral.main),
+                        ':hover': {
+                            border: "1px solid ".concat(theme.palette.primary.main),
+                            color: theme.palette.primary.main,
+                            backgroundColor: 'white',
+                        },
+                    }),
+                },
+            ],
+        },
+        MuiInputLabel: {
+            styleOverrides: {
+                root: sx({
+                    color: "#5C6269",
+                    fontSize: "14px",
+                    lineHeight: "21px",
+                    fontWeight: "600",
+                }),
+            },
+        },
+        MuiFormHelperText: {
+            styleOverrides: {
+                root: sx({
+                    position: 'relative',
+                    marginLeft: 0,
+                    '&.Mui-error': {
+                        paddingLeft: "17px",
+                        '&::before': {
+                            content: "\"\"",
+                            height: "12px",
+                            width: '12px',
+                            position: 'absolute',
+                            left: 0,
+                            top: "50%",
+                            transform: "translate(0, -50%)",
+                            backgroundColor: theme.palette.error.main,
+                            borderRadius: "100%",
+                        },
+                    },
+                }),
+            },
+        },
+        MuiTextField: {
+            defaultProps: {
+                size: 'small',
+            },
+            styleOverrides: {
+                root: sx({
+                    color: "#2A323C",
+                    '& .MuiOutlinedInput-root': {
+                        '& fieldset': {
+                            borderColor: "#E0E8F0",
+                        },
+                        '&:hover fieldset': {
+                            borderColor: "#335B89",
+                        },
+                        '&.Mui-focused fieldset': {
+                            border: "1px solid #5C6269",
+                        },
+                        '&.Mui-error fieldset': {
+                            borderColor: theme.palette.error.main,
+                        },
+                    },
+                }),
+            },
+        },
+        MuiStepIcon: {
+            styleOverrides: {
+                root: {
+                    borderRadius: "100%",
+                    outline: "1px solid #465364",
+                    color: "white",
+                    text: {
+                        fill: "#465364",
+                    },
+                    '&.Mui-active': {
+                        outline: "none",
+                        color: theme.palette.button.main,
+                        text: {
+                            fill: "white",
+                        },
+                    },
+                },
+            },
+        },
+        MuiDialogTitle: {
+            styleOverrides: {
+                root: {
+                    fontSize: "24px",
+                    lineHeight: "34px",
+                    paddingTop: theme.spacing(3),
+                    paddingLeft: theme.spacing(3),
+                    paddingRight: theme.spacing(3),
+                    paddingBottom: theme.spacing(1),
+                },
+            },
+        },
+        MuiDialogContent: {
+            styleOverrides: {
+                root: {
+                    paddingTop: 0,
+                    paddingLeft: theme.spacing(3),
+                    paddingRight: theme.spacing(3),
+                    paddingBottom: theme.spacing(1),
+                },
+            },
+        },
+        MuiDialogActions: {
+            styleOverrides: {
+                root: {
+                    padding: theme.spacing(3),
+                },
+            },
+        },
+        MuiLink: {
+            defaultProps: {
+                underline: "none",
+                color: "#1871E8",
+            },
+        },
+        MuiSnackbar: {
+            defaultProps: {
+                autoHideDuration: 6000,
+                anchorOrigin: {
+                    vertical: "top",
+                    horizontal: "right",
+                },
+            },
+            styleOverrides: {
+                root: {
+                    width: "100%",
+                    maxWidth: "415px",
+                    position: "absolute",
+                },
+            },
+        },
+        MuiAlert: {
+            defaultProps: {
+                variant: "outlined",
+                iconMapping: {
+                    success: _jsx(CheckCircleIcon, {}),
+                    info: _jsx(InfoIcon, {}),
+                    warning: _jsx(WarningIcon, {}),
+                    error: _jsx(ErrorIcon, {}),
+                },
+            },
+            styleOverrides: {
+                root: {
+                    width: "100%",
+                    backgroundColor: "white",
+                    borderColor: "#D5DFE9",
+                    position: "relative",
+                    overflow: "hidden",
+                    '&:after': {
+                        content: '""',
+                        position: "absolute",
+                        width: "4px",
+                        left: 0,
+                        top: 0,
+                        bottom: 0,
+                    },
+                    '&.MuiAlert-outlinedSuccess:after': {
+                        backgroundColor: theme.palette.success.main,
+                    },
+                    '&.MuiAlert-outlinedInfo:after': {
+                        backgroundColor: theme.palette.info.main,
+                    },
+                    '&.MuiAlert-outlinedWarning:after': {
+                        backgroundColor: theme.palette.warning.main,
+                    },
+                    '&.MuiAlert-outlinedError:after': {
+                        backgroundColor: theme.palette.error.main,
+                    },
+                    '& .MuiAlert-icon': {
+                        opacity: 1,
+                        fontSize: 20,
+                    },
+                    '& .MuiAlert-message': {
+                        fontSize: "12px",
+                        lineHeight: "22px",
+                        color: "black",
+                    },
+                },
+            },
+        },
+        MuiCircularProgress: {
+            styleOverrides: {
+                root: {
+                    color: theme.palette.button.main,
+                },
+            },
+        },
+        MuiCardContent: {
+            styleOverrides: {
+                root: {
+                    padding: theme.spacing(2),
+                    paddingTop: theme.spacing(1),
+                },
+            },
+        },
+        MuiDataGrid: {
+            styleOverrides: {
+                root: {
+                    '& .MuiDataGrid-columnHeader:focus': {
+                        outline: 0,
+                    },
+                    '& .MuiDataGrid-cell:focus': {
+                        outline: 0,
+                    },
+                },
+            },
+        },
+    },
+});
+export default theme;
+//# sourceMappingURL=theme.js.map

package/dist/assets/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/assets/theme.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+export declare type ButtonProps = {
+    /**
+    Use the isProcessing prop to indicate to the user that an action is in process. This will disable the button.
+    */
+    isProcessing?: boolean;
+} & MuiButtonProps;
+/**
+- Use a button for common user click actions. Several variations available.
+**/
+declare const Button: ({ children, isProcessing, ...props }: ButtonProps) => JSX.Element;
+export default Button;

package/dist/components/Button/index.js

@@ -0,0 +1,47 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button as MuiButton, CircularProgress, Box } from '@mui/material';
+/**
+- Use a button for common user click actions. Several variations available.
+**/
+var Button = function (_a) {
+    var children = _a.children, _b = _a.isProcessing, isProcessing = _b === void 0 ? false : _b, props = __rest(_a, ["children", "isProcessing"]);
+    var processingIndicator = (_jsx(Box, __assign({ sx: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            display: "grid",
+            justifyItems: "center",
+            alignItems: "center",
+        } }, { children: _jsx(CircularProgress, { size: 20 }) })));
+    var indicator = isProcessing ? processingIndicator : null;
+    return (_jsxs(Box, __assign({ sx: {
+            display: "inline-flex",
+            position: "relative",
+        } }, { children: [_jsx(MuiButton, __assign({}, props, { disabled: isProcessing || props.disabled }, { children: children })), indicator] })));
+};
+export default Button;
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAiC,gBAAgB,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AASzG;;GAEG;AACH,IAAM,MAAM,GAAG,UAAC,EAIF;IAHZ,IAAA,QAAQ,cAAA,EACR,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACjB,KAAK,cAHM,4BAIf,CADS;IAER,IAAM,mBAAmB,GAAG,CAC1B,KAAC,GAAG,aACF,EAAE,EAAE;YACF,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,QAAQ;YACtB,UAAU,EAAE,QAAQ;SACrB,gBAED,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAqB,IAC3C,CACP,CAAA;IAED,IAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;IAE3D,OAAO,CACL,MAAC,GAAG,aACF,EAAE,EAAE;YACF,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,UAAU;SACrB,iBAED,KAAC,SAAS,eAAK,KAAK,IAAE,QAAQ,EAAE,YAAY,IAAI,KAAK,CAAC,QAAQ,gBAC3D,QAAQ,IACC,EACX,SAAS,KACN,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/ThemeProvider/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ThemeProviderProps } from '@mui/system';
+declare const ThemeProvider: ({ children, }: ThemeProviderProps) => JSX.Element;
+export default ThemeProvider;

package/dist/components/ThemeProvider/index.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider as MuiThemeProvider } from '@mui/system';
+import theme from '../../assets/theme';
+var ThemeProvider = function (_a) {
+    var children = _a.children;
+    return (_jsx(MuiThemeProvider, __assign({ theme: theme }, { children: children })));
+};
+export default ThemeProvider;
+//# sourceMappingURL=index.js.map

package/dist/components/ThemeProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAsB,MAAM,aAAa,CAAA;AACnF,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,IAAM,aAAa,GAAG,UAAC,EAEF;QADnB,QAAQ,cAAA;IAER,OAAO,CACL,KAAC,gBAAgB,aAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,IAAoB,CAC9D,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/Button';
+export * from './components/ThemeProvider';

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.4",
@@ -96,8 +96,10 @@
       ]
     ]
   },
-  "description": "design system for veritone ce",
-  "main": "dist/index.js",
+  "description": "Design System for Veritone CE",
+  "files": [
+    "dist/*"
+  ],
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/veritone/design-system.git"

package/.github/workflows/chromatic.yml

@@ -1,23 +0,0 @@
-# Name of our action
-name: "Chromatic"
-# The event that will trigger the action
-on:
-  pull_request:
-    branches: [develop]
-
-# What the action will do
-jobs:
-  test:
-    # The operating system it will run on
-    runs-on: ubuntu-latest
-    # The list of steps that the action will go through
-    steps:
-      - uses: actions/checkout@v1
-      - run: yarn
-        #👇 Adds Chromatic as a step in the workflow
-      - uses: chromaui/action@v1
-        # Options required for Chromatic's GitHub Action
-        with:
-          #👇 Chromatic projectToken, see https://storybook.js.org/tutorials/design-systems-for-developers/react/en/review/ to obtain it
-          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-          token: ${{ secrets.GITHUB_TOKEN }}

package/.github/workflows/deploy.yml

@@ -1,39 +0,0 @@
-# Name of our action
-name: Release
-
-# The event that will trigger the action
-on:
-  push:
-    branches: [main]
-
-# what the action will do
-jobs:
-  release:
-    # The operating system it will run on
-    runs-on: ubuntu-latest
-    # This check needs to be in place to prevent a publish loop with auto and github actions
-    if: "!contains(github.event.head_commit.message, 'ci skip') && !contains(github.event.head_commit.message, 'skip ci')"
-    # The list of steps that the action will go through
-    steps:
-      - uses: actions/checkout@v2
-      - name: Prepare repository
-        run: git fetch --unshallow --tags
-      - name: Use Node.js 12.x
-        uses: actions/setup-node@v1
-        with:
-          node-version: 12.x
-      - name: Cache node modules
-        uses: actions/cache@v1
-        with:
-          path: node_modules
-          key: yarn-deps-${{ hashFiles('yarn.lock') }}
-          restore-keys: |
-            yarn-deps-${{ hashFiles('yarn.lock') }}
-      - name: Create Release
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: |
-          yarn install --frozen-lockfile
-          yarn build
-          yarn release

package/.storybook/main.js

@@ -1,21 +0,0 @@
-module.exports = {
-  stories: [
-    '../src/Intro.stories.mdx',
-    '../src/**/*.stories.mdx',
-    '../src/**/*.stories.@(js|jsx|ts|tsx)'
-  ],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    '@storybook/preset-create-react-app',
-    '@storybook/addon-a11y',
-  ],
-  framework: '@storybook/react',
-  core: {
-    builder: '@storybook/builder-webpack5'
-  },
-  features: {
-    interactionsDebugger: true,
-  },
-}

package/.storybook/preview.js

@@ -1,22 +0,0 @@
-import React from 'react'
-import { ThemeProvider} from '@mui/system'
-import theme from '../src/assets/theme'
-
-export const decorators = [
-  (Story) => (
-    <ThemeProvider theme={theme}>
-      <Story />
-    </ThemeProvider>
-    
-  ),
-]
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-}

package/public/index.html

@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Veritone CE Design System"
-    />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>Veritone | Design System</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/public/manifest.json

@@ -1,15 +0,0 @@
-{
-  "short_name": "Design System",
-  "name": "Veritone CE Design System",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package/src/Intro.stories.mdx

@@ -1,7 +0,0 @@
-import { Meta } from "@storybook/addon-docs";
-
-<Meta title="Introduction" />
-
-# Veritone CE Design System
-
-The Veritone CE Design System is a collection of common components that are intended to be shared across applications.

package/src/assets/theme.tsx

@@ -1,345 +0,0 @@
-import { createTheme, ThemeOptions as MuiThemeOptions } from '@mui/material'
-import '@fontsource/nunito-sans'
-import '@fontsource/dosis'
-import sx from '@mui/system/sx'
-import { CSSProperties } from '@mui/styled-engine'
-import CheckCircleIcon from '@mui/icons-material/CheckCircle'
-import InfoIcon from '@mui/icons-material/Info'
-import WarningIcon from '@mui/icons-material/Error'
-import ErrorIcon from '@mui/icons-material/Cancel'
-
-declare module '@mui/material/Button' {
-  interface ButtonPropsVariantOverrides {
-    secondary: true
-  }
-}
-
-declare module '@mui/material/styles/createPalette' {
-  type ButtonPaletteColorOptions = SimplePaletteColorOptions & {
-    hover: string
-  }
-
-  interface Palette {
-    button: ButtonPaletteColorOptions
-    neutral: Palette['primary']
-  }
-
-  interface PaletteOptions {
-    button?: ButtonPaletteColorOptions
-    neutral?: PaletteColorOptions
-  }
-
-  // allow configuration using `createTheme`
-  interface ThemeOptions extends MuiThemeOptions {
-    pallete?: {
-      button?: ButtonPaletteColorOptions
-      neutral?: PaletteColorOptions
-    }
-  }
-}
-
-// create theme in steps https://mui.com/material-ui/customization/theming/#api
-let theme = createTheme({
-  typography: {
-    fontFamily: ['Nunito Sans', 'Helvetica', 'sans-serif'].join(','),
-    h2: {
-      fontSize: '1.429rem',
-      lineHeight: '2.143rem',
-      fontWeight: '700',
-    },
-  },
-  palette: {
-    primary: {
-      main: '#214167',
-    },
-    secondary: {
-      main: '#335B89',
-      contrastText: '#ffffff',
-    },
-    neutral: {
-      main: '#5C6269',
-    },
-    button: {
-      main: '#1871E8',
-      hover: '#335B89',
-    },
-    success: {
-      main: '#28BA3F',
-    },
-    info: {
-      main: '#325491',
-    },
-    warning: {
-      main: '#FFBB0A',
-    },
-    error: {
-      main: '#D43060',
-    },
-    divider: '#214167',
-  },
-  spacing: 10,
-})
-
-theme = createTheme(theme, {
-  components: {
-    MuiButton: {
-      defaultProps: {
-        variant: 'contained',
-        disableRipple: true,
-      },
-      styleOverrides: {
-        // @ts-ignore
-        root: ({ ownerState }) => ({
-          textTransform: 'none',
-          '&.Mui-disabled': {
-            borderColor: `#E0E8F0`,
-          },
-          '&.Mui-disabled .MuiButton-startIcon': {
-            opacity: 0.3,
-          },
-          ...(ownerState.variant === `contained` &&
-            ({
-              fontWeight: '600',
-              backgroundColor: theme.palette.button.main,
-              ':hover': {
-                backgroundColor: theme.palette.button.hover,
-              },
-            } as CSSProperties)),
-          ...(ownerState.variant === `text` &&
-            ({
-              fontWeight: '600',
-              color: theme.palette.button.main,
-              ':hover': {
-                color: theme.palette.button.hover,
-              },
-              '.MuiButton-startIcon': {
-                color: `#555F7C`,
-                marginRight: theme.spacing(2),
-              },
-            } as CSSProperties)),
-        }),
-      },
-      variants: [
-        {
-          props: {
-            variant: 'secondary',
-          },
-          style: sx({
-            backgroundColor: 'white',
-            color: theme.palette.neutral.main,
-            border: `1px solid ${theme.palette.neutral.main}`,
-            ':hover': {
-              border: `1px solid ${theme.palette.primary.main}`,
-              color: theme.palette.primary.main,
-              backgroundColor: 'white',
-            },
-          }),
-        },
-      ],
-    },
-    MuiInputLabel: {
-      styleOverrides: {
-        root: sx({
-          color: `#5C6269`,
-          fontSize: `14px`,
-          lineHeight: `21px`,
-          fontWeight: `600`,
-        }),
-      },
-    },
-    MuiFormHelperText: {
-      styleOverrides: {
-        root: sx({
-          position: 'relative',
-          marginLeft: 0,
-          '&.Mui-error': {
-            paddingLeft: `17px`,
-            '&::before': {
-              content: `""`,
-              height: `12px`,
-              width: '12px',
-              position: 'absolute',
-              left: 0,
-              top: `50%`,
-              transform: `translate(0, -50%)`,
-              backgroundColor: theme.palette.error.main,
-              borderRadius: `100%`,
-            },
-          },
-        }),
-      },
-    },
-    MuiTextField: {
-      defaultProps: {
-        size: 'small',
-      },
-      styleOverrides: {
-        root: sx({
-          color: `#2A323C`,
-          '& .MuiOutlinedInput-root': {
-            '& fieldset': {
-              borderColor: `#E0E8F0`,
-            },
-            '&:hover fieldset': {
-              borderColor: `#335B89`,
-            },
-            '&.Mui-focused fieldset': {
-              border: `1px solid #5C6269`,
-            },
-            '&.Mui-error fieldset': {
-              borderColor: theme.palette.error.main,
-            },
-          },
-        }),
-      },
-    },
-    MuiStepIcon: {
-      styleOverrides: {
-        root: {
-          borderRadius: `100%`,
-          outline: `1px solid #465364`,
-          color: `white`,
-          text: {
-            fill: `#465364`,
-          },
-          '&.Mui-active': {
-            outline: `none`,
-            color: theme.palette.button.main,
-            text: {
-              fill: `white`,
-            },
-          },
-        },
-      },
-    },
-    MuiDialogTitle: {
-      styleOverrides: {
-        root: {
-          fontSize: `24px`,
-          lineHeight: `34px`,
-          paddingTop: theme.spacing(3),
-          paddingLeft: theme.spacing(3),
-          paddingRight: theme.spacing(3),
-          paddingBottom: theme.spacing(1),
-        },
-      },
-    },
-    MuiDialogContent: {
-      styleOverrides: {
-        root: {
-          paddingTop: 0,
-          paddingLeft: theme.spacing(3),
-          paddingRight: theme.spacing(3),
-          paddingBottom: theme.spacing(1),
-        },
-      },
-    },
-    MuiDialogActions: {
-      styleOverrides: {
-        root: {
-          padding: theme.spacing(3),
-        },
-      },
-    },
-    MuiLink: {
-      defaultProps: {
-        underline: `none`,
-        color: `#1871E8`,
-      },
-    },
-    MuiSnackbar: {
-      defaultProps: {
-        autoHideDuration: 6000,
-        anchorOrigin: {
-          vertical: `top`,
-          horizontal: `right`,
-        },
-      },
-      styleOverrides: {
-        root: {
-          width: `100%`,
-          maxWidth: `415px`,
-          position: `absolute`,
-        },
-      },
-    },
-    MuiAlert: {
-      defaultProps: {
-        variant: `outlined`,
-        iconMapping: {
-          success: <CheckCircleIcon />,
-          info: <InfoIcon />,
-          warning: <WarningIcon />,
-          error: <ErrorIcon />,
-        },
-      },
-      styleOverrides: {
-        root: {
-          width: `100%`,
-          backgroundColor: `white`,
-          borderColor: `#D5DFE9`,
-          position: `relative`,
-          overflow: `hidden`,
-          '&:after': {
-            content: '""',
-            position: `absolute`,
-            width: `4px`,
-            left: 0,
-            top: 0,
-            bottom: 0,
-          },
-          '&.MuiAlert-outlinedSuccess:after': {
-            backgroundColor: theme.palette.success.main,
-          },
-          '&.MuiAlert-outlinedInfo:after': {
-            backgroundColor: theme.palette.info.main,
-          },
-          '&.MuiAlert-outlinedWarning:after': {
-            backgroundColor: theme.palette.warning.main,
-          },
-          '&.MuiAlert-outlinedError:after': {
-            backgroundColor: theme.palette.error.main,
-          },
-          '& .MuiAlert-icon': {
-            opacity: 1,
-            fontSize: 20,
-          },
-          '& .MuiAlert-message': {
-            fontSize: `12px`,
-            lineHeight: `22px`,
-            color: `black`,
-          },
-        },
-      },
-    },
-    MuiCircularProgress: {
-      styleOverrides: {
-        root: {
-          color: theme.palette.button.main,
-        },
-      },
-    },
-    MuiCardContent: {
-      styleOverrides: {
-        root: {
-          padding: theme.spacing(2),
-          paddingTop: theme.spacing(1),
-        },
-      },
-    },
-    MuiDataGrid: {
-      styleOverrides: {
-        root: {
-          '& .MuiDataGrid-columnHeader:focus': {
-            outline: 0,
-          },
-          '& .MuiDataGrid-cell:focus': {
-            outline: 0,
-          },
-        },
-      },
-    },
-  },
-})
-
-export default theme

package/src/components/Button/Button.stories.tsx

@@ -1,56 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react'
-import Button from './'
-// import { userEvent, within } from '@storybook/testing-library'
-// import { expect } from '@storybook/jest'
-
-export default {
-  title: 'Components/Button',
-  component: Button,
-  argType: {
-    variant: `contained`,
-  },
-  parameters: {
-    componentSubtitle: 'Clickable Button with many variations',
-    controls: {
-      exclude: [
-        'variant',
-        'classes',
-      ]
-    }
-  },
-} as ComponentMeta<typeof Button>
-
-const Template: ComponentStory<typeof Button> = (args) => <Button {...args}>Text</Button>
-
-export const Primary = Template.bind({})
-
-export const Secondary = Template.bind({})
-Secondary.args = {
-  variant: 'secondary',
-}
-
-export const Processing = Template.bind({})
-Processing.args = {
-  isProcessing: true,
-}
-
-/*
- * New story using the play function.
- * See https://storybook.js.org/docs/react/writing-stories/play-function
- * to learn more about the play function.
- */
-//  export const WithInteractions = (args) => <Button {...args} />;
-// export const WithInteractions = Template.bind({})
-//  WithInteractions.args = {
-//    href: 'http://storybook.js.org',
-//  }
-
-//  WithInteractions.play = async ({ canvasElement }) => {
-//   // Assigns canvas to the component root element
-//    const canvas = within(canvasElement)
-//    await userEvent.click(canvas.getByRole('link'))
-//    expect(canvas.getByRole('link')).toHaveAttribute(
-//      'href',
-//      'http://storybook.js.org',
-//     )
-//  }

package/src/components/Button/index.tsx

@@ -1,53 +0,0 @@
-
-import { Button as MuiButton, ButtonProps as MuiButtonProps, CircularProgress, Box } from '@mui/material'
-
-export type ButtonProps = {
-  /**
-  Use the isProcessing prop to indicate to the user that an action is in process. This will disable the button. 
-  */
-  isProcessing?: boolean
-} & MuiButtonProps
-
-/**
-- Use a button for common user click actions. Several variations available.
-**/
-const Button = ({
-  children,
-  isProcessing = false,
-  ...props
-}: ButtonProps) => {
-  const processingIndicator = (
-    <Box
-      sx={{
-        position: `absolute`,
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        display: `grid`,
-        justifyItems: `center`,
-        alignItems: `center`,
-      }}
-    >
-      <CircularProgress size={20}></CircularProgress>
-    </Box>
-  )
-
-  const indicator = isProcessing ? processingIndicator : null
-
-  return (
-    <Box
-      sx={{
-        display: `inline-flex`,
-        position: `relative`,
-      }}
-    >
-      <MuiButton {...props} disabled={isProcessing || props.disabled}>
-        {children}
-      </MuiButton>
-      {indicator}
-    </Box>
-  )
-}
-
-export default Button

package/src/components/ThemeProvider/index.tsx

@@ -1,12 +0,0 @@
-import { ThemeProvider as MuiThemeProvider, ThemeProviderProps } from '@mui/system'
-import theme from '../../assets/theme'
-
-const ThemeProvider = ({
-  children,
-}: ThemeProviderProps) => {
-  return (
-    <MuiThemeProvider theme={theme}>{children}</MuiThemeProvider>
-  )
-}
-
-export default ThemeProvider

package/src/index.tsx

@@ -1,2 +0,0 @@
-export * from './components/Button'
-export * from './components/ThemeProvider'

package/src/react-app-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="react-scripts" />

package/src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-  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/src/setupTests.ts

@@ -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/tsconfig.json

@@ -1,42 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "declaration": true,
-    "jsx": "react-jsx",
-    "rootDir": "./src",
-    "outDir": "./dist",
-    "sourceMap": true,
-  },
-  "include": [
-    "src/index.tsx"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
-// {
-//   "compilerOptions": {
-//     "outDir": "./dist/",
-//     "sourceMap": true,
-//     "noImplicitAny": true,
-//     "module": "commonjs",
-//     "target": "es2015",
-//     "jsx": "react"
-//   }
-// }