@veritone-ce/design-system 2.0.8 → 2.1.0

package/dist/esm/components/Link/index.js

@@ -1,22 +0,0 @@
-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); }
-var _excluded = ["sx", "className"];
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Link as MuiLink } from '@mui/material';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var Link = function Link(_ref) {
-  var sx = _ref.sx,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(MuiLink, _objectSpread(_objectSpread({}, restProps), {}, {
-    sx: sx,
-    className: className
-  }));
-};
-export default Link;

package/dist/esm/components/List/index.js

@@ -1,12 +0,0 @@
-import { List as MuiList } from '@mui/material';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var List = function List(props) {
-  return /*#__PURE__*/_jsx(MuiList, {
-    "data-testid": props['data-testid'],
-    sx: props.sx,
-    className: props.className,
-    children: props.children
-  });
-};
-export default List;

package/dist/esm/components/ListItem/index.js

@@ -1,12 +0,0 @@
-import { ListItem as MuiListItem } from '@mui/material';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var ListItem = function ListItem(props) {
-  return /*#__PURE__*/_jsx(MuiListItem, {
-    "data-testid": props['data-testid'],
-    sx: props.sx,
-    className: props.className,
-    children: props.children
-  });
-};
-export default ListItem;

package/dist/esm/components/ListItemButton/index.js

@@ -1,14 +0,0 @@
-import { ListItemButton as MuiListItemButton } from '@mui/material';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var ListItemButton = function ListItemButton(props) {
-  return /*#__PURE__*/_jsx(MuiListItemButton, {
-    "data-testid": props['data-testid'],
-    disabled: props.disabled,
-    selected: props.selected,
-    sx: props.sx,
-    className: props.className,
-    children: props.children
-  });
-};
-export default ListItemButton;

package/dist/esm/components/ListItemText/index.js

@@ -1,12 +0,0 @@
-import { ListItemText as MuiListItemText } from '@mui/material';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var ListItemText = function ListItemText(props) {
-  return /*#__PURE__*/_jsx(MuiListItemText, {
-    "data-testid": props['data-testid'],
-    sx: props.sx,
-    className: props.className,
-    children: props.children
-  });
-};
-export default ListItemText;

package/dist/esm/components/Panel/index.js

@@ -1,124 +0,0 @@
-'use client';
-
-import React from 'react';
-import { Box, Typography, useTheme } from '@mui/material';
-import { Close as CloseIcon } from '@mui/icons-material';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Panel = function Panel(props) {
-  var _useTheme = useTheme(),
-    palette = _useTheme.palette;
-  return /*#__PURE__*/_jsx(Box, {
-    component: "div",
-    "data-testid": props['data-testid'] ? "overlay-".concat(props['data-testid']) : 'overlay-panel',
-    sx: {
-      position: 'fixed',
-      top: 0,
-      right: 0,
-      bottom: 0,
-      zIndex: 1,
-      display: !props.open ? 'none' : 'flex',
-      flexDirection: 'flex-end',
-      // right-to-left
-      marginTop: '55px'
-    },
-    className: props.className,
-    children: /*#__PURE__*/_jsxs(Box, {
-      component: "div",
-      "data-testid": props['data-testid'] || 'wrapper-panel',
-      sx: {
-        background: palette.common.white,
-        width: props.size === 'medium' ? '560px' : props.size === 'small' ? '380px' : '720px',
-        height: '100%',
-        display: 'grid',
-        gridTemplateRows: 'min-content 1fr',
-        boxShadow: "0 4px 10px ".concat(palette.text.primary, "80"),
-        overflow: 'hidden',
-        borderBottom: "5px solid ".concat(palette.secondary.main),
-        zIndex: 2
-      },
-      children: [/*#__PURE__*/_jsxs(Box, {
-        component: "header",
-        "data-testid": "header-panel",
-        sx: {
-          background: palette.secondary.main,
-          height: '64px',
-          padding: '0px 25px 0px 30px',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'space-between',
-          zIndex: 1000
-        },
-        children: [/*#__PURE__*/_jsx(Typography, {
-          sx: {
-            fontFamily: 'Dosis',
-            textTransform: 'uppercase',
-            fontWeight: 600,
-            fontSize: '18px',
-            color: palette.common.white,
-            lineHeight: '23px',
-            letterSpacing: '0.25px'
-          },
-          children: props.title
-        }), /*#__PURE__*/_jsx(Box, {
-          component: "button",
-          "aria-label": "close-button-panel",
-          "data-testid": props['data-testid'] ? "close-button-".concat(props['data-testid']) : 'close-button-wrapper-panel',
-          onClick: props.onClose,
-          sx: {
-            cursor: 'pointer',
-            background: 'transparent',
-            border: 'none',
-            width: '26px',
-            height: '26px',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center'
-          },
-          children: /*#__PURE__*/_jsx(CloseIcon, {
-            "data-testid": "panel-close-icon",
-            sx: {
-              fill: palette.common.white,
-              margin: 'auto'
-            }
-          })
-        })]
-      }), /*#__PURE__*/_jsx(Box, {
-        component: "div",
-        "data-testid": "panel-content",
-        sx: {
-          overflow: 'auto'
-        },
-        children: props.children
-      })]
-    })
-  });
-};
-export default Panel;
-export function PanelContent(props) {
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      height: '100%',
-      display: 'grid',
-      gridTemplateRows: '1fr min-content',
-      overflowY: 'hidden',
-      paddingBottom: '30px'
-    },
-    children: [/*#__PURE__*/_jsx(Box, {
-      sx: {
-        overflowY: 'auto',
-        paddingTop: '30px',
-        paddingLeft: '30px',
-        paddingRight: '30px'
-      },
-      children: props.content
-    }), props.actions && /*#__PURE__*/_jsx(Box, {
-      sx: {
-        marginTop: '30px',
-        paddingLeft: '30px',
-        paddingRight: '30px'
-      },
-      children: props.actions
-    })]
-  });
-}

package/dist/esm/components/ProgressIndicator/DefaultProgress.js

@@ -1,24 +0,0 @@
-import { Box, CircularProgress, Typography } from '@mui/material';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var DefaultProgress = function DefaultProgress(props) {
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      display: 'flex'
-    },
-    className: props.className,
-    children: [props.itemLoading && /*#__PURE__*/_jsx(Typography, {
-      sx: {
-        fontSize: '14px',
-        mr: '10px'
-      },
-      children: " Loading ".concat(props.itemLoading)
-    }), /*#__PURE__*/_jsx(CircularProgress, {
-      "data-testid": props['data-testid'],
-      value: props.value,
-      variant: props.variant,
-      size: 18
-    })]
-  });
-};
-export default DefaultProgress;

package/dist/esm/components/ProgressIndicator/MLProgress.js

@@ -1,26 +0,0 @@
-import { CircularProgress, Typography, Box } from '@mui/material';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var MLProgress = function MLProgress(props) {
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    className: props.className,
-    children: [/*#__PURE__*/_jsx(CircularProgress, {
-      "data-testid": props['data-testid'],
-      value: props.value,
-      variant: props.variant,
-      size: props.type == 'large' ? 50 : 30
-    }), props.itemLoading && /*#__PURE__*/_jsx(Typography, {
-      sx: {
-        fontSize: '14px'
-      },
-      children: " Loading ".concat(props.itemLoading)
-    })]
-  });
-};
-export default MLProgress;

package/dist/esm/components/ProgressIndicator/index.js

@@ -1,28 +0,0 @@
-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); }
-var _excluded = ["type"];
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import DefaultProgress from './DefaultProgress.js';
-import MLProgress from './MLProgress.js';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-/**
-- Use a progress indicator to show the user that an operation is in progress.
-**/
-
-var ProgressIndicator = function ProgressIndicator(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: type === 'medium' || type === 'large' ? /*#__PURE__*/_jsx(MLProgress, _objectSpread({
-      type: type
-    }, props)) : /*#__PURE__*/_jsx(DefaultProgress, _objectSpread({}, props))
-  });
-};
-export default ProgressIndicator;

package/dist/esm/components/Select/index.js

@@ -1,109 +0,0 @@
-import { Box, FormHelperText, InputLabel, MenuItem, Select as MuiSelect } from '@mui/material';
-import { Lens as Circle } from '@mui/icons-material';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function Select(props) {
-  var _props$fullWidth;
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      maxHeight: props.helperText ? '77px' : '56px'
-    },
-    className: props.className,
-    children: [props.label && /*#__PURE__*/_jsx(InputLabel, {
-      sx: {
-        display: 'flex',
-        alignItems: 'flex-end',
-        lineHeight: '17px',
-        marginBottom: '3px'
-      },
-      children: props.label
-    }), /*#__PURE__*/_jsx(Box, {
-      sx: {
-        display: 'flex',
-        '& .MuiOutlinedInput-root': {
-          '& .MuiSelect-outlined': {
-            padding: props.helperText ? '7px 7.5px' : '5px 8px',
-            fontSize: props.helperText ? '14px' : '16px',
-            lineHeight: props.helperText ? '20px' : '24px'
-          },
-          '&.Mui-error': {
-            '& .MuiSelect-outlined': {
-              padding: props.helperText ? '7px 8px' : '5px 13px'
-            }
-          }
-        }
-      },
-      children: /*#__PURE__*/_jsxs(MuiSelect, {
-        "data-testid": props['data-testid'],
-        fullWidth: (_props$fullWidth = props.fullWidth) !== null && _props$fullWidth !== void 0 ? _props$fullWidth : true,
-        displayEmpty: true,
-        error: props.error !== undefined,
-        disabled: props.disabled,
-        value: props.value,
-        defaultValue: props.defaultValue,
-        onChange: props.onChange,
-        onClose: props.onClose,
-        children: [/*#__PURE__*/_jsx(MenuItem, {
-          value: "",
-          children: "Select"
-        }), props.items.map(function (item, index) {
-          var _item$key;
-          return /*#__PURE__*/_jsx(MenuItem, {
-            value: item.value,
-            children: /*#__PURE__*/_jsxs(Box, {
-              sx: {
-                lineHeight: '20px',
-                fontSize: '14px',
-                opacity: 0.9
-              },
-              children: [/*#__PURE__*/_jsx(Box, {
-                sx: {
-                  fontWeight: 700
-                },
-                children: item.title
-              }), /*#__PURE__*/_jsx(Box, {
-                children: item.name
-              })]
-            })
-          }, (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : index);
-        })]
-      })
-    }), props.helperText && /*#__PURE__*/_jsx(FormHelperText, {
-      sx: {
-        lineHeight: '18px',
-        color: function color(theme) {
-          return theme.palette.text.disabled;
-        }
-      },
-      children: props.helperText
-    }), props.error && /*#__PURE__*/_jsxs(Box, {
-      sx: {
-        display: 'flex',
-        alignItems: 'center'
-      },
-      children: [/*#__PURE__*/_jsx(Circle, {
-        sx: {
-          width: '14px',
-          height: '14px',
-          margin: '1px 3px 0 -2px',
-          color: function color(theme) {
-            return theme.palette.error.main;
-          }
-        }
-      }), /*#__PURE__*/_jsx(FormHelperText, {
-        sx: {
-          color: function color(theme) {
-            return theme.palette.error.main;
-          },
-          fontSize: function fontSize(theme) {
-            return theme.typography.body1.fontSize;
-          },
-          lineHeight: '18px'
-        },
-        children: props.error
-      })]
-    })]
-  });
-}
-export default Select;

package/dist/esm/components/Select/select.theme.js

@@ -1,56 +0,0 @@
-var selectTheme = function selectTheme(theme) {
-  return {
-    defaultProps: {
-      // fullWidth: true,
-      displayEmpty: true
-    },
-    styleOverrides: {
-      root: function root() {
-        return {
-          '&.MuiOutlinedInput-root': {
-            '& .MuiSelect-outlined': {
-              border: '1px solid ' + theme.palette.text.secondary
-            },
-            '&.Mui-focused': {
-              '& .MuiOutlinedInput-notchedOutline': {
-                borderColor: theme.palette.secondary.main
-              }
-            },
-            '&.Mui-error': {
-              '& .MuiSelect-outlined': {
-                color: theme.palette.error.main,
-                border: '1px solid ' + theme.palette.error.main,
-                fontSize: '16px',
-                lineHeight: '24px'
-              },
-              '& .MuiOutlinedInput-notchedOutline': {
-                borderColor: theme.palette.error.main
-              },
-              '& .MuiSelect-iconOutlined': {
-                color: theme.palette.text.tertiary
-              }
-            },
-            '&.Mui-disabled': {
-              '& .MuiSelect-iconOutlined': {
-                color: theme.palette.text.disabled
-              },
-              '& .MuiSelect-outlined': {
-                background: theme.palette.misc.rowHoverGreyOne,
-                borderColor: theme.palette.misc.altBackground,
-                color: theme.palette.text.disabled,
-                WebkitTextFillColor: theme.palette.text.disabled
-              },
-              '& .MuiOutlinedInput-notchedOutline': {
-                border: 'none'
-              }
-            },
-            '& .MuiSelect-iconOutlined': {
-              color: theme.palette.secondary.main
-            }
-          }
-        };
-      }
-    }
-  };
-};
-export default selectTheme;

package/dist/esm/components/StatusChip/constants.js

@@ -1,3 +0,0 @@
-export var COMPLETE = 'complete';
-export var PROCESSING = 'processing';
-export var ERROR = 'error';

package/dist/esm/components/StatusChip/index.js

@@ -1,32 +0,0 @@
-import { Chip as MuiChip, Box } from '@mui/material';
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
-- Use a StatusChip to display the status of some action to the user. 
-- Veritone stock options derive from the required `status` prop and include Complete, Processing, or Error. Their corresponding colors derive from Veritone's Design System guidelines.
-- To override Stock Option labels, but retain corresponding chip color, use the `label` prop.
-- To override Stock Option colors, but retain corresponding label, either use the `color` prop (for MUI stock color options) **OR** use the `coloroverride` prop (for full color customization).
-- To fully customize StatusChip:
-    - Set `status` prop to "custom";
-    - Pass your custom string to `label` prop;
-    - Pass an MUI stock color option to `color` prop **OR** pass a custom color Hex Value to `coloroverride` prop. 
-**/
-
-var StatusChip = function StatusChip(props) {
-  return /*#__PURE__*/_jsx(Box, {
-    sx: {
-      display: "inline-flex",
-      position: "relative"
-    },
-    className: props.className,
-    children: /*#__PURE__*/_jsx(MuiChip, {
-      "data-testid": props['data-testid'],
-      label: props.label ? props.label : props.status,
-      color: props.color,
-      clickable: props.clickable,
-      disabled: props.disabled,
-      onClick: props.onClick
-    })
-  });
-};
-export default StatusChip;

package/dist/esm/components/StatusChip/statusChip.theme.js

@@ -1,39 +0,0 @@
-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); }
-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); }
-import { COMPLETE, PROCESSING, ERROR } from './constants.js';
-var statusChipTheme = function statusChipTheme(theme) {
-  return {
-    styleOverrides: {
-      root: function root(_ref) {
-        var ownerState = _ref.ownerState;
-        return _objectSpread({
-          height: '18px',
-          width: '86px',
-          fontSize: '9px',
-          borderRadius: '2px',
-          fontFamily: 'Nunito sans',
-          fontStyle: 'normal',
-          fontWeight: 800,
-          textTransform: 'uppercase',
-          color: theme.palette.common.white
-        }, ownerState.coloroverride ? {
-          backgroundColor: ownerState.coloroverride
-        } : _objectSpread(_objectSpread(_objectSpread({}, ownerState.status === COMPLETE && {
-          //@ts-ignore
-          backgroundColor: theme.palette.success.main
-        }), ownerState.status === PROCESSING && {
-          //@ts-ignore
-          backgroundColor: theme.palette.warning.main
-        }), ownerState.status === ERROR && {
-          //@ts-ignore
-          backgroundColor: theme.palette.error.main
-        }));
-      }
-    }
-  };
-};
-export default statusChipTheme;

package/dist/esm/components/Step/index.js

@@ -1,15 +0,0 @@
-import { Step as MuiStep } from '@mui/material';
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var Step = function Step(props) {
-  return /*#__PURE__*/_jsx(MuiStep, {
-    "data-testid": props['data-testid'],
-    active: props.active,
-    completed: props.completed,
-    disabled: props.disabled,
-    sx: props.sx,
-    className: props.className,
-    children: props.children
-  });
-};
-export default Step;

package/dist/esm/components/StepLabel/index.js

@@ -1,12 +0,0 @@
-import { StepLabel as MuiStepLabel } from '@mui/material';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var StepLabel = function StepLabel(props) {
-  return /*#__PURE__*/_jsx(MuiStepLabel, {
-    "data-testid": props['data-testid'],
-    sx: props.sx,
-    className: props.className,
-    children: props.children
-  });
-};
-export default StepLabel;

package/dist/esm/components/Stepper/index.js

@@ -1,17 +0,0 @@
-import { Stepper as MuiStepper } from '@mui/material';
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
-  The Stepper is used for highlighting where a user is in a progression of steps.
-**/
-
-var Stepper = function Stepper(props) {
-  return /*#__PURE__*/_jsx(MuiStepper, {
-    "data-testid": props['data-testid'],
-    activeStep: props.activeStep,
-    sx: props.sx,
-    className: props.className,
-    children: props.children
-  });
-};
-export default Stepper;

package/dist/esm/components/Stepper/stepper.theme.js

@@ -1,51 +0,0 @@
-var stepperTheme = function stepperTheme(theme) {
-  return {
-    MuiStepConnector: {
-      styleOverrides: {
-        line: {
-          borderColor: "#E0E8F0"
-        }
-      }
-    },
-    MuiStep: {
-      defaultProps: {
-        completed: false
-      }
-    },
-    MuiStepIcon: {
-      styleOverrides: {
-        root: {
-          borderRadius: "100%",
-          height: "35px",
-          width: "35px",
-          outline: "1px solid ".concat(theme.palette.text.tertiary),
-          color: "white",
-          text: {
-            fill: theme.palette.text.tertiary
-          },
-          '&.Mui-active': {
-            outline: "none",
-            color: theme.palette.text.tertiary,
-            text: {
-              fill: "white"
-            }
-          }
-        }
-      }
-    },
-    MuiStepLabel: {
-      styleOverrides: {
-        label: {
-          fontWeight: "600",
-          '&.Mui-active': {
-            fontWeight: "600"
-          }
-        },
-        iconContainer: {
-          padding: "0 10px 0 0"
-        }
-      }
-    }
-  };
-};
-export default stepperTheme;