@veritone-ce/design-system 2.0.7 → 2.1.0

package/dist/types/styles/palette.d.ts

@@ -0,0 +1,97 @@
+export type PaletteColor = string;
+export type PaletteColorOptions = string;
+export type PaletteSurfaceColors = {
+    surface: PaletteColor;
+    on: PaletteColor;
+};
+export type PaletteSurfaceColorsOptions = string | {
+    surface: PaletteColorOptions;
+    on?: PaletteColorOptions;
+};
+export type PaletteActionVariantsColors = {
+    base: PaletteSurfaceColors;
+    hover: PaletteSurfaceColors;
+    disabled: PaletteSurfaceColors;
+};
+export type PaletteActionVariantsColorsOptions = PaletteSurfaceColorsOptions | {
+    base: PaletteSurfaceColorsOptions;
+    hover?: PaletteSurfaceColorsOptions;
+    disabled?: PaletteSurfaceColorsOptions;
+};
+export interface PaletteBrand {
+    1: PaletteSurfaceColors;
+    2: PaletteSurfaceColors;
+    3: PaletteSurfaceColors;
+    4: PaletteSurfaceColors;
+    5: PaletteSurfaceColors;
+}
+export type PaletteBrandOptions = PaletteSurfaceColorsOptions | {
+    1: PaletteSurfaceColorsOptions;
+    2?: PaletteSurfaceColorsOptions;
+    3?: PaletteSurfaceColorsOptions;
+    4?: PaletteSurfaceColorsOptions;
+    5?: PaletteSurfaceColorsOptions;
+};
+export interface PaletteText {
+    primary: PaletteColor;
+    secondary: PaletteColor;
+    tertiary: PaletteColor;
+}
+export type PaletteTextOptions = PaletteColorOptions | {
+    primary: PaletteColorOptions;
+    secondary?: PaletteColorOptions;
+    tertiary?: PaletteColorOptions;
+};
+export interface PaletteAction {
+    primary: PaletteActionVariantsColors;
+    destructive: PaletteActionVariantsColors;
+}
+export type PaletteActionOptions = {
+    primary: PaletteActionVariantsColorsOptions;
+    destructive?: PaletteActionVariantsColorsOptions;
+};
+export interface PaletteIndicator {
+    success: PaletteActionVariantsColors;
+    info: PaletteActionVariantsColors;
+    warning: PaletteActionVariantsColors;
+    error: PaletteActionVariantsColors;
+}
+export type PaletteIndicatorOptions = {
+    success?: PaletteActionVariantsColorsOptions;
+    info?: PaletteActionVariantsColorsOptions;
+    warning?: PaletteActionVariantsColorsOptions;
+    error?: PaletteActionVariantsColorsOptions;
+};
+export interface PaletteTable extends PaletteActionVariantsColors {
+}
+export type PaletteTableOptions = PaletteActionVariantsColorsOptions;
+export interface PaletteBackground {
+    primary: PaletteColor;
+    secondary: PaletteColor;
+}
+export type PaletteBackgroundOptions = PaletteColorOptions | {
+    primary: PaletteColorOptions;
+    secondary?: PaletteColorOptions;
+};
+export interface Palette {
+    brand: PaletteBrand;
+    text: PaletteText;
+    action: PaletteAction;
+    indicator: PaletteIndicator;
+    disabled: PaletteSurfaceColors;
+    background: PaletteBackground;
+    table: PaletteTable;
+}
+export type PaletteTextVariant = keyof Palette['text'];
+export type PaletteIndicatorVariant = keyof Palette['indicator'];
+export interface PaletteOptions {
+    brand?: PaletteBrandOptions;
+    text?: PaletteTextOptions;
+    action?: PaletteActionOptions;
+    indicator?: PaletteIndicatorOptions;
+    disabled?: PaletteSurfaceColorsOptions;
+    background?: PaletteBackground;
+    table?: PaletteTableOptions;
+}
+export type PaletteOptionsColor = string;
+export declare function createPalette(options?: PaletteOptions): Palette;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "2.0.7",
+  "version": "2.1.0",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [
@@ -15,7 +15,7 @@
     "type": "git",
     "url": "git+ssh://git@github.com/veritone/design-system.git"
   },
-  "license": "MIT",
+  "license": "UNLICENSED",
   "author": {
     "name": "Veritone"
   },
@@ -24,52 +24,48 @@
   "module": "dist/esm/index.js",
   "types": "dist/types/src/index.d.ts",
   "exports": {
-    ".": {
+    "./legacy": {
       "import": {
-        "types": "./dist/types/src/index.d.ts",
-        "default": "./dist/esm/index.js"
+        "types": "./dist/types/src-legacy/index.d.ts",
+        "default": "./dist/legacy/esm/index.js"
       },
       "require": {
-        "types": "./dist/types/src/index.d.ts",
-        "default": "./dist/cjs/index.js"
+        "types": "./dist/types/src-legacy/index.d.ts",
+        "default": "./dist/legacy/cjs/index.js"
       }
     },
-    "./next": {
+    ".": {
       "import": {
-        "types": "./dist/types/src-next/index.d.ts",
-        "default": "./dist/esm-next/index.js"
+        "types": "./dist/types/src/index.d.ts",
+        "default": "./dist/esm/index.js"
       }
     },
-    "./next/styles.css": "./dist/esm-next/styles.css",
-    "./next/styles/scss": "./dist/esm-next/styles/scss/_index.scss"
+    "./styles.css": "./dist/esm/styles.css",
+    "./styles/scss": "./dist/esm/styles/scss/_index.scss"
   },
   "sideEffects": [
-    "src-next/styles/baseline.ts"
+    "src/styles/baseline.ts"
   ],
   "files": [
     "dist",
     "eslint-config"
   ],
   "scripts": {
-    "build": "yarn types:check:build && yarn transpile && yarn transpile:next && yarn types:emit",
+    "build": "yarn types:emit && yarn transpile",
     "build-docs": "yarn build-storybook-docs",
     "build-storybook": "storybook build",
     "build-storybook-docs": "storybook build  --docs",
     "chromatic": "npx chromatic --project-token=2d24b3ec5211 --exit-zero-on-changes",
     "commit": "cz",
-    "lint": "ESLINT_USE_PRETTIER=true eslint src",
+    "lint": "ESLINT_USE_PRETTIER=true eslint src-legacy",
     "lint:fix": "prettier --write '**/*.{js,jsx,cjs,ts,tsx,css,md,scss}' && eslint --fix '**/*.{js,jsx,ts,tsx}'",
     "prepare": "husky install",
     "release": "auto shipit --base-branch=main",
     "start": "yarn storybook",
     "storybook": "storybook dev -p 6006",
-    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
+    "test": "vitest",
     "test-storybook": "test-storybook",
-    "transpile": "yarn transpile:esm && yarn transpile:cjs",
-    "transpile:esm": "babel src --config-file ./build.babel.config.cjs --extensions '.js,.jsx,.ts,.tsx' --out-dir dist/esm && tsc-alias --outDir=dist/esm",
-    "transpile:cjs": "BABEL_MODULES=\"cjs\" babel src --config-file ./build.babel.config.cjs --extensions '.js,.jsx,.ts,.tsx' --out-dir dist/cjs && tsc-alias --outDir=dist/cjs",
-    "transpile:next": "yarn transpile:next:esm",
-    "transpile:next:esm": "yarn generate:scss:theme && rollup -c",
+    "transpile": "yarn generate:scss:theme && rollup -c",
     "types:check": "tsc --noEmit",
     "types:check:build": "tsc --project tsconfig.build.json --noEmit",
     "types:emit": "tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --declarationDir dist/types --noEmit false",
@@ -89,58 +85,45 @@
     "@floating-ui/react": "^0.26.6",
     "@tanstack/react-table": "^8.10.7",
     "@tanstack/react-virtual": "^v3.0.0-beta.68",
+    "color2k": "^2.0.3",
     "deepmerge": "^4.3.1",
     "modern-normalize": "^2.0.0",
-    "notistack": "^3.0.1",
-    "react-dropzone": "^14.2.3"
+    "notistack": "^3.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.22.15",
-    "@babel/core": "^7.22.17",
-    "@babel/preset-env": "^7.22.15",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.22.15",
     "@commitlint/cli": "^17.7.1",
     "@commitlint/config-conventional": "^17.7.0",
-    "@emotion/babel-plugin": "^11.11.0",
-    "@emotion/jest": "^11.11.0",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
-    "@faker-js/faker": "^8.2.0",
     "@fontsource/dosis": "^5.0.5",
     "@fontsource/nunito-sans": "^5.0.5",
     "@mui/icons-material": "^5.10.6",
     "@mui/material": "^5.10.8",
     "@mui/system": "^5.15.0",
-    "@storybook/addon-a11y": "^7.4.1",
-    "@storybook/addon-essentials": "^7.4.1",
-    "@storybook/addon-interactions": "^7.4.1",
-    "@storybook/addon-links": "^7.4.1",
-    "@storybook/addon-styling-webpack": "^0.0.6",
-    "@storybook/blocks": "^7.4.1",
-    "@storybook/react": "^7.4.1",
-    "@storybook/react-webpack5": "^7.4.1",
+    "@storybook/addon-a11y": "^7.6.17",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-interactions": "^7.6.17",
+    "@storybook/addon-links": "^7.6.17",
+    "@storybook/blocks": "^7.6.17",
+    "@storybook/react": "^7.6.17",
+    "@storybook/react-vite": "^7.6.17",
     "@storybook/testing-library": "^0.2.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^27.0.1",
     "@types/node": "^16.7.13",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
-    "@types/react-dropzone": "^5.1.0",
     "@types/react-syntax-highlighter": "^15.5.11",
     "@typescript-eslint/eslint-plugin": "^6.7.0",
     "@typescript-eslint/parser": "^6.7.0",
+    "@vitest/coverage-v8": "^1.3.1",
     "auto": "^11.1.1",
     "autoprefixer": "^10.4.17",
-    "babel-jest": "^29.3.1",
-    "babel-plugin-inline-react-svg": "^2.0.2",
     "chromatic": "^6.10.1",
     "cssnano": "^6.0.3",
     "cz-conventional-changelog": "^3.3.0",
     "esbuild": "^0.19.11",
-    "esbuild-jest": "^0.5.0",
     "esbuild-runner": "^2.2.2",
     "eslint": "^8.49.0",
     "eslint-config-prettier": "^9.0.0",
@@ -151,8 +134,7 @@
     "eslint-plugin-storybook": "^0.6.13",
     "husky": "8.0.2",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
+    "jsdom": "^24.0.0",
     "lint-staged": "^14.0.1",
     "postcss": "^8.4.33",
     "postcss-loader": "^8.0.0",
@@ -168,13 +150,11 @@
     "rollup-plugin-preserve-directives": "^0.3.0",
     "rollup-plugin-styles": "^4.0.0",
     "sass": "^1.70.0",
-    "sass-loader": "^14.0.0",
-    "storybook": "^7.4.1",
-    "ts-jest": "^29.1.1",
-    "tsc-alias": "^1.8.7",
+    "storybook": "^7.6.17",
     "typescript": "^5.0.0",
     "typescript-plugin-css-modules": "^5.0.2",
-    "webpack": "^5.88.1"
+    "vite": "^5.1.5",
+    "vitest": "^1.3.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.4",

package/dist/cjs/assets/theme.js

@@ -1,369 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTheme = exports.defaultTheme = exports.createDesignSystemTheme = exports.colors = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _material = require("@mui/material");
-var _stepperTheme = _interopRequireDefault(require("../components/Stepper/stepper.theme.js"));
-var _checkboxTheme = _interopRequireDefault(require("../components/_Checkbox/checkbox.theme.js"));
-var _RadioButtonTheme = _interopRequireDefault(require("../components/_RadioButton/RadioButton.theme.js"));
-var _buttonTheme = _interopRequireDefault(require("../components/_Button/button.theme.js"));
-var _statusChipTheme = _interopRequireDefault(require("../components/StatusChip/statusChip.theme.js"));
-var _selectTheme = _interopRequireDefault(require("../components/Select/select.theme.js"));
-var _tabsTheme = _interopRequireDefault(require("../components/Tabs/tabs.theme.js"));
-var _inputTheme = _interopRequireDefault(require("../components/_Input/input.theme.js"));
-var _menuFlyoutTheme = require("../components/_MenuFlyout/menuFlyout.theme.js");
-var _modalTheme = _interopRequireDefault(require("../components/_Modal/modal.theme.js"));
-var _linearProgressTheme = _interopRequireDefault(require("../components/LinearProgress/linearProgress.theme.js"));
-var _iconsMaterial = require("@mui/icons-material");
-var _deepmerge = _interopRequireDefault(require("deepmerge"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var InformationIcon = function InformationIcon(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm1.674-4.444.14-.575c-.072.034-.189.073-.35.118a1.655 1.655 0 0 1-.436.067c-.272 0-.464-.045-.575-.134-.11-.09-.166-.258-.166-.505 0-.098.017-.243.051-.435.034-.191.073-.362.115-.511l.524-1.86c.051-.17.087-.358.106-.563.019-.204.028-.347.028-.428 0-.392-.137-.71-.412-.956-.275-.244-.666-.367-1.173-.367-.281 0-.58.05-.895.15-.315.1-.645.22-.99.361l-.141.576c.102-.039.225-.08.368-.122.142-.043.282-.064.418-.064.277 0 .465.047.563.14.098.095.147.26.147.5 0 .131-.016.277-.048.437-.032.16-.072.33-.119.508l-.524 1.867a5.499 5.499 0 0 0-.102.527 3.366 3.366 0 0 0-.032.457c0 .384.142.7.425.95.284.249.681.373 1.192.373.333 0 .625-.043.876-.13.252-.088.588-.215 1.01-.38Zm-.093-7.552a1.09 1.09 0 0 0 .368-.828 1.1 1.1 0 0 0-.368-.83A1.247 1.247 0 0 0 12.696 7c-.345 0-.641.115-.889.345-.247.23-.37.507-.37.831 0 .324.123.6.37.828.248.228.544.342.889.342s.64-.114.885-.342Z",
-      fill: "#214167"
-    })
-  }));
-};
-InformationIcon.defaultProps = {
-  width: "22",
-  height: "22",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var WarningIcon = function WarningIcon(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M17.075 17.075A9.976 9.976 0 0 0 20 10a9.976 9.976 0 0 0-2.925-7.075A9.976 9.976 0 0 0 10 0a9.976 9.976 0 0 0-7.075 2.925A9.976 9.976 0 0 0 0 10a9.976 9.976 0 0 0 2.925 7.075A9.976 9.976 0 0 0 10 20a9.976 9.976 0 0 0 7.075-2.925Zm-5.722-3.218A1.35 1.35 0 0 0 10 12.505c-.75 0-1.371.603-1.371 1.352 0 .75.621 1.372 1.371 1.372s1.353-.622 1.353-1.372ZM10 11.134c-.494 0-.86-.403-.914-.915l-.457-4.076C8.556 5.43 9.305 4.77 10 4.77s1.444.659 1.353 1.372l-.439 4.076c-.055.512-.42.915-.914.915Z",
-      fill: "#FFBB0A"
-    })
-  }));
-};
-WarningIcon.defaultProps = {
-  width: "22",
-  height: "22",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var colors = {
-  brand: {
-    pink: '#D43060',
-    blueOne: '#214167',
-    blueTwo: '#335B89',
-    warning: '#FFBB0A',
-    success: '#28BA3F',
-    error: '#EB0000',
-    white: "#FFFFFF"
-  },
-  text: {
-    primary: "#2A323C",
-    secondary: "#5C6269",
-    tertiary: "#465364",
-    disabled: "#7C848D"
-  },
-  button: {
-    primary: "#1871E8",
-    hover: "#1259B9"
-  },
-  misc: {
-    background: "#E4ECF3",
-    altBackground: "#E0E8F0",
-    rowHoverGreyOne: "#FAFAFA",
-    rowOn: "#F2F7FE",
-    rowOnHoverGreyTwo: "#EAF1FA"
-  }
-};
-
-// create theme in steps https://mui.com/material-ui/customization/theming/#api
-exports.colors = colors;
-var useTheme = _material.useTheme;
-exports.useTheme = useTheme;
-var defaultTheme = (0, _material.createTheme)({
-  typography: {
-    fontFamily: 'Nunito Sans, Helvetica, sans-serif',
-    h2: {
-      fontWeight: '700'
-    },
-    body1: {
-      fontSize: '14px',
-      fontWeight: '400',
-      color: colors.text.primary
-    },
-    body2: {
-      fontSize: '18px',
-      fontWeight: '400'
-    },
-    subtitle1: {
-      fontSize: '16px'
-    }
-  },
-  palette: {
-    common: {
-      white: colors.brand.white
-    },
-    action: {
-      disabledBackground: colors.misc.rowHoverGreyOne,
-      disabled: colors.text.disabled
-    },
-    primary: {
-      main: colors.brand.blueOne
-    },
-    secondary: {
-      main: colors.brand.blueTwo,
-      contrastText: colors.brand.white
-    },
-    neutral: {
-      main: colors.text.secondary
-    },
-    button: {
-      main: colors.button.primary,
-      hover: colors.button.hover
-    },
-    success: {
-      main: colors.brand.success
-    },
-    warning: {
-      main: colors.brand.warning
-    },
-    error: {
-      main: colors.brand.error
-    },
-    divider: colors.brand.blueOne,
-    text: colors.text,
-    misc: colors.misc
-  },
-  spacing: 10
-});
-exports.defaultTheme = defaultTheme;
-exports.defaultTheme = defaultTheme = (0, _material.createTheme)(defaultTheme, {
-  components: _objectSpread(_objectSpread({
-    MuiButton: (0, _buttonTheme["default"])(defaultTheme)
-  }, (0, _stepperTheme["default"])(defaultTheme)), {}, {
-    MuiSelect: (0, _selectTheme["default"])(defaultTheme),
-    MuiTextField: (0, _inputTheme["default"])(defaultTheme),
-    MuiDialog: (0, _modalTheme["default"])(defaultTheme),
-    MuiCheckbox: (0, _checkboxTheme["default"])(defaultTheme),
-    MuiRadio: (0, _RadioButtonTheme["default"])(defaultTheme),
-    MuiTabs: (0, _tabsTheme["default"])(defaultTheme),
-    MuiChip: (0, _statusChipTheme["default"])(defaultTheme),
-    MuiMenu: (0, _menuFlyoutTheme.menuFlyoutTheme)(),
-    MuiMenuItem: (0, _menuFlyoutTheme.menuItemTheme)(),
-    MuiLinearProgress: (0, _linearProgressTheme["default"])(),
-    MuiInputLabel: {
-      styleOverrides: {
-        root: {
-          color: defaultTheme.palette.text.secondary,
-          fontSize: "14px",
-          lineHeight: "21px",
-          fontWeight: "600"
-        }
-      }
-    },
-    MuiFormControlLabel: {
-      styleOverrides: {
-        root: {
-          '& .MuiFormControlLabel-label': {
-            color: defaultTheme.palette.text.secondary
-          },
-          '& .MuiFormControlLabel-label.Mui-disabled': {
-            color: defaultTheme.palette.text.disabled
-          }
-        }
-      }
-    },
-    MuiFormHelperText: {
-      styleOverrides: {
-        root: {
-          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: defaultTheme.palette.error.main,
-              borderRadius: "100%"
-            }
-          }
-        }
-      }
-    },
-    MuiDialogTitle: {
-      styleOverrides: {
-        root: {
-          fontSize: "24px",
-          lineHeight: "34px",
-          paddingTop: defaultTheme.spacing(3),
-          paddingLeft: defaultTheme.spacing(3),
-          paddingRight: defaultTheme.spacing(3),
-          paddingBottom: defaultTheme.spacing(1)
-        }
-      }
-    },
-    MuiDialogContent: {
-      styleOverrides: {
-        root: {
-          paddingTop: 0,
-          paddingLeft: defaultTheme.spacing(3),
-          paddingRight: defaultTheme.spacing(3),
-          paddingBottom: defaultTheme.spacing(1)
-        }
-      }
-    },
-    MuiDialogActions: {
-      styleOverrides: {
-        root: {
-          padding: defaultTheme.spacing(3)
-        }
-      }
-    },
-    MuiLink: {
-      defaultProps: {
-        underline: "none",
-        color: colors.button.primary
-      }
-    },
-    MuiSnackbar: {
-      defaultProps: {
-        autoHideDuration: 3000,
-        anchorOrigin: {
-          vertical: "top",
-          horizontal: "right"
-        }
-      },
-      styleOverrides: {
-        root: {
-          width: "100%",
-          maxWidth: "415px",
-          position: "absolute"
-        }
-      }
-    },
-    MuiAlert: {
-      defaultProps: {
-        variant: "outlined",
-        iconMapping: {
-          success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.CheckCircle, {}),
-          info: /*#__PURE__*/(0, _jsxRuntime.jsx)(InformationIcon, {}),
-          warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(WarningIcon, {}),
-          error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.Cancel, {})
-        }
-      },
-      styleOverrides: {
-        root: {
-          width: "415px",
-          backgroundColor: "white",
-          position: "relative",
-          overflow: "hidden",
-          border: "1px solid #7C848D",
-          '&:after': {
-            content: '""',
-            position: "absolute",
-            width: "4px",
-            left: 0,
-            top: 0,
-            bottom: 0
-          },
-          '&.MuiAlert-outlinedSuccess:after': {
-            backgroundColor: defaultTheme.palette.success.main
-          },
-          '&.MuiAlert-outlinedInfo:after': {
-            backgroundColor: defaultTheme.palette.secondary.main
-          },
-          '&.MuiAlert-outlinedWarning:after': {
-            backgroundColor: defaultTheme.palette.warning.main
-          },
-          '&.MuiAlert-outlinedError:after': {
-            backgroundColor: defaultTheme.palette.error.main
-          },
-          '& .MuiAlert-icon': {
-            opacity: 1,
-            fontSize: 20
-          },
-          '& .MuiAlert-message': {
-            fontSize: "12px",
-            lineHeight: "22px",
-            color: colors.text.primary
-          },
-          '& .MuiIconButton-root': {
-            color: colors.text.tertiary
-          }
-        }
-      }
-    },
-    MuiCircularProgress: {
-      styleOverrides: {
-        root: {
-          color: defaultTheme.palette.button.main
-        }
-      }
-    },
-    MuiCardContent: {
-      styleOverrides: {
-        root: {
-          padding: defaultTheme.spacing(2),
-          paddingTop: defaultTheme.spacing(1)
-        }
-      }
-    },
-    MuiDataGrid: {
-      styleOverrides: {
-        root: {
-          '& .MuiDataGrid-columnHeader:focus': {
-            outline: 0
-          },
-          '& .MuiDataGrid-cell:focus': {
-            outline: 0
-          }
-        }
-      }
-    },
-    MuiTablePagination: {
-      styleOverrides: {
-        selectLabel: {
-          fontWeight: 400,
-          fontSize: '12px',
-          lineHeight: '18px'
-          // color: colors.text.disabled
-        },
-
-        displayedRows: {
-          fontWeight: 400,
-          fontSize: '12px',
-          lineHeight: '18px'
-          // color: colors.text.disabled
-        },
-
-        input: {
-          fontWeight: 400,
-          fontSize: '12px',
-          lineHeight: '18px'
-        }
-      }
-    }
-  })
-});
-var createDesignSystemTheme = function createDesignSystemTheme() {
-  var newTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _material.createTheme)((0, _deepmerge["default"])(defaultTheme, newTheme || {}));
-};
-exports.createDesignSystemTheme = createDesignSystemTheme;