@veritone-ce/design-system 1.12.32 → 1.12.34

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AlertColor } from '@mui/material/Alert/Alert';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type AlertProps = {
     'data-testid'?: string;
     label?: React.ReactNode;

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

@@ -1,7 +1,7 @@
 import { ButtonProps as MuiButtonProps } from '@mui/material';
 import * as React from 'react';
 import { MouseEventHandler } from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type ButtonProps = {
     'data-testid'?: string;
     variant?: 'text' | 'outlined' | 'contained';

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

@@ -1,5 +1,5 @@
 import { ChangeEvent } from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type CheckboxProps = {
     'data-testid'?: string;
     label?: string | undefined;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type DrawerProps = {
     'data-testid'?: string;
     open: boolean;

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

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 import { Accept, DropzoneRootProps, DropzoneInputProps } from 'react-dropzone';
 export interface FileData {
     file: File | any;

package/dist/components/FileUploader/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.FileUploaderView = void 0;
 var _react = require("react");
-var _system = require("@mui/system");
 var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
 var _CloudUploadOutlined = _interopRequireDefault(require("@mui/icons-material/CloudUploadOutlined"));
@@ -37,11 +36,11 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 var FileUploaderView = function FileUploaderView(props) {
   var _useTheme = (0, _styles.useTheme)(),
     palette = _useTheme.palette;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     "data-testid": props['data-testid'],
     sx: props.sx,
     className: props.className,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, _objectSpread(_objectSpread({
       "data-testid": "dropzone",
       sx: {
         maxWidth: '500px',
@@ -66,7 +65,7 @@ var FileUploaderView = function FileUploaderView(props) {
         style: {
           display: 'none'
         }
-      }, props.inputProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
+      }, props.inputProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
         sx: {
           display: 'flex',
           alignItems: 'center',
@@ -84,7 +83,7 @@ var FileUploaderView = function FileUploaderView(props) {
             height: '30px'
           }
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
           sx: {
             fontSize: '14px',
@@ -93,7 +92,7 @@ var FileUploaderView = function FileUploaderView(props) {
             lineHeight: '22px',
             color: palette.text.primary
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
             component: "span",
             sx: {
               marginRight: '4px',
@@ -113,7 +112,7 @@ var FileUploaderView = function FileUploaderView(props) {
         })]
       })]
     })), props.fileList.map(function (file, index) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
         "data-testid": "file-item",
         sx: {
           height: '70px',

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type FormControlLabelProps = {
     'data-testid'?: string;
     label: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type InputProps = {
     'data-testid'?: string;
     type?: React.InputHTMLAttributes<unknown>['type'];

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

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type LinearProgressProps = {
     'data-testid'?: string;
     value: number;

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

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 import * as React from 'react';
 export type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> & {
     'data-testid'?: string;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type ListProps = {
     'data-testid'?: string;
     children?: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 import * as React from 'react';
 export type ListItemProps = {
     'data-testid'?: string;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type ListItemButtonProps = {
     'data-testid'?: string;
     disabled?: boolean;

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

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 import * as React from 'react';
 export type ListItemTextProps = {
     'data-testid'?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type MenuOption = {
     label: string;
     icon?: React.ReactElement;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type ModalProps = {
     'data-testid'?: string;
     open: boolean;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type RadioGroupProps = {
     'data-testid'?: string;
     /**

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type StepProps = {
     'data-testid'?: string;
     /**

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type StepLabelProps = {
     'data-testid'?: string;
     /**

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type StepperProps = {
     'data-testid'?: string;
     /**

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

@@ -1,6 +1,6 @@
 import { TablePaginationProps as MuiTablePaginationProps, TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material';
 import React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 export type TableProps = {
     'data-testid'?: string;
     /**

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

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 import * as React from 'react';
 export type Tab = {
     'data-testid'?: string;

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

@@ -1,6 +1,6 @@
-import { Theme } from '@mui/system';
+import { Theme } from '@mui/material/styles';
 import React from 'react';
-export declare const defaultTheme: import("@mui/material").Theme;
+export declare const defaultTheme: Theme;
 export type ThemeProviderProps = {
     theme?: Theme;
     children?: React.ReactNode;

package/dist/components/ThemeProvider/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultTheme = exports["default"] = void 0;
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _theme = require("../../assets/theme");
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -16,7 +16,7 @@ var ThemeProvider = function ThemeProvider(props) {
     var _props$theme;
     return (_props$theme = props.theme) !== null && _props$theme !== void 0 ? _props$theme : defaultTheme;
   }, [props.theme]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.ThemeProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
     theme: theme,
     children: props.children
   });

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

@@ -1,5 +1,5 @@
 import { TypographyProps as MuiTypographyProps } from '@mui/material';
-import { SxProps, Theme } from '@mui/system';
+import { SxProps, Theme } from '@mui/material/styles';
 import React from 'react';
 export type TypographyProps = {
     'data-testid'?: string;

package/eslint-config/common.js

@@ -1,4 +1,4 @@
-/* eslint-disable */
+/* eslint-env node */
 module.exports = (severity) => ({
   rules: {
     'no-restricted-imports': [

package/eslint-config/error.js

@@ -1,9 +1,10 @@
-/* eslint-disable */
+/* eslint-env node */
 // this config can be loaded into other projects by adding the following to their eslintrc file:
 // extends: [
 //   "./node_modules/@veritone-ce/design-system/eslint-config/error"
 // ]
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const configFactory = require('./common.js')
 
 module.exports = configFactory('error')

package/eslint-config/warn.js

@@ -1,9 +1,10 @@
-/* eslint-disable */
+/* eslint-env node */
 // this config can be loaded into other projects by adding the following to their eslintrc file:
 // extends: [
 //   "./node_modules/@veritone-ce/design-system/eslint-config/warn"
 // ]
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const configFactory = require('./common.js')
 
 module.exports = configFactory('warn')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "1.12.32",
+  "version": "1.12.34",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [
@@ -115,7 +115,7 @@
     "react-dom": "^18.2.0",
     "storybook": "^7.0.27",
     "tsc-alias": "^1.8.2",
-    "typescript": "^4.4.2",
+    "typescript": "^4.5.0",
     "webpack": "^5.88.1"
   },
   "peerDependencies": {