@veritone-ce/design-system 1.12.35 → 1.12.37

package/dist/assets/theme.js

@@ -1,36 +1,21 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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 _stepper = _interopRequireDefault(require("../components/Stepper/stepper.theme"));
-var _checkbox = _interopRequireDefault(require("../components/Checkbox/checkbox.theme"));
-var _RadioButton = _interopRequireDefault(require("../components/RadioButton/RadioButton.theme"));
-var _button = _interopRequireDefault(require("../components/Button/button.theme"));
-var _statusChip = _interopRequireDefault(require("../components/StatusChip/statusChip.theme"));
-var _select = _interopRequireDefault(require("../components/Select/select.theme"));
-var _tabs = _interopRequireDefault(require("../components/Tabs/tabs.theme"));
-var _input = _interopRequireDefault(require("../components/Input/input.theme"));
-var _menuFlyout = require("../components/MenuFlyout/menuFlyout.theme");
-var _modal = _interopRequireDefault(require("../components/Modal/modal.theme"));
-var _linearProgress = _interopRequireDefault(require("../components/LinearProgress/linearProgress.theme"));
-var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
-var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
-var _deepmerge = _interopRequireDefault(require("deepmerge"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from "react";
+import { createTheme, useTheme as muiUseTheme } from '@mui/material';
+import stepperTheme from '../components/Stepper/stepper.theme.js';
+import checkboxTheme from '../components/Checkbox/checkbox.theme.js';
+import radioButtonTheme from '../components/RadioButton/RadioButton.theme.js';
+import buttonTheme from '../components/Button/button.theme.js';
+import statusChipTheme from '../components/StatusChip/statusChip.theme.js';
+import selectTheme from '../components/Select/select.theme.js';
+import tabsTheme from '../components/Tabs/tabs.theme.js';
+import inputTheme from '../components/Input/input.theme.js';
+import { menuFlyoutTheme, menuItemTheme } from '../components/MenuFlyout/menuFlyout.theme.js';
+import modalTheme from '../components/Modal/modal.theme.js';
+import linearProgress from '../components/LinearProgress/linearProgress.theme.js';
+import { CheckCircle, Cancel } from '@mui/icons-material';
 var InformationIcon = function InformationIcon(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  return /*#__PURE__*/_jsx("svg", _extends({}, props, {
+    children: /*#__PURE__*/_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",
@@ -45,8 +30,8 @@ InformationIcon.defaultProps = {
   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", {
+  return /*#__PURE__*/_jsx("svg", _extends({}, props, {
+    children: /*#__PURE__*/_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",
@@ -60,7 +45,9 @@ WarningIcon.defaultProps = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-var colors = {
+import deepmerge from 'deepmerge';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var colors = {
   brand: {
     pink: '#D43060',
     blueOne: '#214167',
@@ -90,10 +77,9 @@ var colors = {
 };
 
 // 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)({
+
+export var useTheme = muiUseTheme;
+export var defaultTheme = createTheme({
   typography: {
     fontFamily: 'Nunito Sans, Helvetica, sans-serif',
     h2: {
@@ -149,21 +135,20 @@ var defaultTheme = (0, _material.createTheme)({
   },
   spacing: 10
 });
-exports.defaultTheme = defaultTheme;
-exports.defaultTheme = defaultTheme = (0, _material.createTheme)(defaultTheme, {
-  components: _objectSpread(_objectSpread({
-    MuiButton: (0, _button["default"])(defaultTheme)
-  }, (0, _stepper["default"])(defaultTheme)), {}, {
-    MuiSelect: (0, _select["default"])(defaultTheme),
-    MuiTextField: (0, _input["default"])(defaultTheme),
-    MuiDialog: (0, _modal["default"])(defaultTheme),
-    MuiCheckbox: (0, _checkbox["default"])(defaultTheme),
-    MuiRadio: (0, _RadioButton["default"])(defaultTheme),
-    MuiTabs: (0, _tabs["default"])(defaultTheme),
-    MuiChip: (0, _statusChip["default"])(defaultTheme),
-    MuiMenu: (0, _menuFlyout.menuFlyoutTheme)(defaultTheme),
-    MuiMenuItem: (0, _menuFlyout.menuItemTheme)(defaultTheme),
-    MuiLinearProgress: (0, _linearProgress["default"])(defaultTheme),
+defaultTheme = createTheme(defaultTheme, {
+  components: _extends({
+    MuiButton: buttonTheme(defaultTheme)
+  }, stepperTheme(defaultTheme), {
+    MuiSelect: selectTheme(defaultTheme),
+    MuiTextField: inputTheme(defaultTheme),
+    MuiDialog: modalTheme(defaultTheme),
+    MuiCheckbox: checkboxTheme(defaultTheme),
+    MuiRadio: radioButtonTheme(defaultTheme),
+    MuiTabs: tabsTheme(defaultTheme),
+    MuiChip: statusChipTheme(defaultTheme),
+    MuiMenu: menuFlyoutTheme(),
+    MuiMenuItem: menuItemTheme(),
+    MuiLinearProgress: linearProgress(),
     MuiInputLabel: {
       styleOverrides: {
         root: {
@@ -263,10 +248,10 @@ exports.defaultTheme = defaultTheme = (0, _material.createTheme)(defaultTheme, {
       defaultProps: {
         variant: "outlined",
         iconMapping: {
-          success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckCircle["default"], {}),
-          info: /*#__PURE__*/(0, _jsxRuntime.jsx)(InformationIcon, {}),
-          warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(WarningIcon, {}),
-          error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cancel["default"], {})
+          success: /*#__PURE__*/_jsx(CheckCircle, {}),
+          info: /*#__PURE__*/_jsx(InformationIcon, {}),
+          warning: /*#__PURE__*/_jsx(WarningIcon, {}),
+          error: /*#__PURE__*/_jsx(Cancel, {})
         }
       },
       styleOverrides: {
@@ -350,8 +335,9 @@ exports.defaultTheme = defaultTheme = (0, _material.createTheme)(defaultTheme, {
     }
   })
 });
-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;
+export var createDesignSystemTheme = function createDesignSystemTheme(newTheme) {
+  if (newTheme === void 0) {
+    newTheme = {};
+  }
+  return createTheme(deepmerge(defaultTheme, newTheme || {}));
+};

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

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

package/dist/components/Alert/index.js

@@ -1,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _material = require("@mui/material");
-var _react = _interopRequireDefault(require("react"));
-var _Link = _interopRequireDefault(require("../Link"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+import { Box, Alert as MuiAlert, Typography } from '@mui/material';
+import React from 'react';
+import Link from '../Link/index.js';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 var defaultMessageLabel = {
   success: "Success",
   info: "Info",
@@ -23,40 +17,43 @@ var defaultMessageText = {
 };
 var Alert = function Alert(props) {
   var _props$severity;
-  var severity = (_props$severity = props.severity) !== null && _props$severity !== void 0 ? _props$severity : 'success';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Alert, {
+  var severity = (_props$severity = props.severity) != null ? _props$severity : 'success';
+  return /*#__PURE__*/_jsx(MuiAlert, {
     "data-testid": props['data-testid'],
     onClose: props.onClose,
     severity: severity,
     sx: props.sx,
     className: props.className,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    children: /*#__PURE__*/_jsxs(Box, {
       sx: {
         display: "flex",
         alignItems: "center"
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      children: [/*#__PURE__*/_jsx(Typography, {
         sx: {
           fontSize: "12px",
           fontWeight: "bold",
           marginRight: "2px"
         },
-        children: props.label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        children: props.label ? /*#__PURE__*/_jsxs("span", {
           children: [props.label, ': ']
-        }) : "".concat(defaultMessageLabel[severity], ": ")
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        }) : /*#__PURE__*/_jsx("span", {
+          children: defaultMessageLabel[severity] + ": "
+        })
+      }), /*#__PURE__*/_jsx(Typography, {
         sx: {
           fontSize: "12px"
         },
-        children: props.text ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        children: props.text ? /*#__PURE__*/_jsxs("span", {
           children: [props.text, " "]
-        }) : defaultMessageText[severity]
-      }), props.link && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link["default"], {
+        }) : /*#__PURE__*/_jsx("span", {
+          children: defaultMessageText[severity]
+        })
+      }), props.link && /*#__PURE__*/_jsx(Link, {
         href: props.link.href,
         children: props.link.content
       })]
     })
   });
 };
-var _default = Alert;
-exports["default"] = _default;
+export default Alert;

package/dist/components/AudioSlider/index.js

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _Slider = _interopRequireDefault(require("@mui/material/Slider"));
-var _styles = require("@mui/material/styles");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var MuiSlider = (0, _styles.styled)(_Slider["default"])({
+import { styled } from '@mui/material/styles';
+import { Box, Slider } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
+var MuiSlider = styled(Slider)({
   color: '#1871E8',
   height: 6,
   '& .MuiSlider-track': {
@@ -51,12 +43,12 @@ var MuiSlider = (0, _styles.styled)(_Slider["default"])({
   }
 });
 var AudioSlider = function AudioSlider(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
+  return /*#__PURE__*/_jsx(Box, {
     sx: {
       width: 320
     },
     className: props.className,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MuiSlider, {
+    children: /*#__PURE__*/_jsx(MuiSlider, {
       "data-testid": props['data-testid'],
       "aria-label": "audio-slider",
       value: props.value,
@@ -69,5 +61,4 @@ var AudioSlider = function AudioSlider(props) {
     })
   });
 };
-var _default = AudioSlider;
-exports["default"] = _default;
+export default AudioSlider;

package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../assets/theme';
+import { Theme } from '../../assets/theme.js';
 declare const breadcrumbs: (theme: Theme) => {
     styleOverrides: {
         root: () => {

package/dist/components/Breadcrumbs/breadcrumbs.theme.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
 var breadcrumbs = function breadcrumbs(theme) {
   return {
     styleOverrides: {
@@ -17,5 +11,4 @@ var breadcrumbs = function breadcrumbs(theme) {
     }
   };
 };
-var _default = breadcrumbs;
-exports["default"] = _default;
+export default breadcrumbs;

package/dist/components/Breadcrumbs/index.js

@@ -1,13 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _material = require("@mui/material");
-var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+import { Breadcrumbs as MuiBreadcrumbs, Link, Typography } from '@mui/material';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * - This is the breadcrumbs component that is used in the header
  * - It takes in an array of links and renders them as breadcrumbs
@@ -16,23 +9,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  **/
 
 var Breadcrumbs = function Breadcrumbs(props) {
-  var LinkComponent = _react["default"].useMemo(function () {
+  var LinkComponent = React.useMemo(function () {
     var _props$LinkComponent;
-    return (_props$LinkComponent = props.LinkComponent) !== null && _props$LinkComponent !== void 0 ? _props$LinkComponent : function (linkProps) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, {
+    return (_props$LinkComponent = props.LinkComponent) != null ? _props$LinkComponent : function (linkProps) {
+      return /*#__PURE__*/_jsx(Link, {
         href: linkProps.to,
         children: linkProps.children
       });
     };
   }, [props.LinkComponent]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Breadcrumbs, {
+  return /*#__PURE__*/_jsx(MuiBreadcrumbs, {
     "aria-label": "breadcrumbs",
     "data-testid": props['data-testid'],
     sx: props.sx,
     className: props.className,
     children: props.links.map(function (link, index) {
       if (index === props.links.length - 1) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        return /*#__PURE__*/_jsx(Typography, {
           sx: {
             color: function color(theme) {
               return theme.palette.text.disabled;
@@ -46,9 +39,9 @@ var Breadcrumbs = function Breadcrumbs(props) {
           children: link.label
         }, link.to);
       } else {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkComponent, {
+        return /*#__PURE__*/_jsx(LinkComponent, {
           to: link.to,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          children: /*#__PURE__*/_jsx(Typography, {
             sx: {
               color: function color(theme) {
                 return theme.palette.button.main;
@@ -67,5 +60,4 @@ var Breadcrumbs = function Breadcrumbs(props) {
     })
   });
 };
-var _default = Breadcrumbs;
-exports["default"] = _default;
+export default Breadcrumbs;

package/dist/components/Button/Indicator.js

@@ -1,13 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _material = require("@mui/material");
-var _jsxRuntime = require("react/jsx-runtime");
+import { CircularProgress, Box } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
 var Indicator = function Indicator() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  return /*#__PURE__*/_jsx(Box, {
     className: "button-loader",
     "data-testid": "loading-indicator",
     sx: {
@@ -23,14 +17,13 @@ var Indicator = function Indicator() {
         return theme.palette.misc.rowHoverGreyOne;
       },
       border: function border(theme) {
-        return "1px solid ".concat(theme.palette.misc.rowOnHoverGreyTwo);
+        return "1px solid " + theme.palette.misc.rowOnHoverGreyTwo;
       },
       borderRadius: '0.2rem'
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+    children: /*#__PURE__*/_jsx(CircularProgress, {
       size: 20
     })
   });
 };
-var _default = Indicator;
-exports["default"] = _default;
+export default Indicator;

package/dist/components/Button/button.theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../assets/theme';
+import { Theme } from '../../assets/theme.js';
 import { Components } from '@mui/material';
 declare const buttonTheme: (theme: Theme) => Components['MuiButton'];
 export default buttonTheme;

package/dist/components/Button/button.theme.js

@@ -1,15 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var buttonTheme = function buttonTheme(theme) {
   return {
     defaultProps: {
@@ -19,19 +8,19 @@ var buttonTheme = function buttonTheme(theme) {
     styleOverrides: {
       root: function root(_ref) {
         var ownerState = _ref.ownerState;
-        return _objectSpread(_objectSpread(_objectSpread({
+        return _extends({
           textTransform: 'none',
           fontWeight: '600',
           '&.MuiButton-outlinedError': {
             backgroundColor: theme.palette.common.white
           },
-          '&.Mui-disabled': _objectSpread({}, ownerState.variant !== "text" && {
+          '&.Mui-disabled': _extends({}, ownerState.variant !== "text" && {
             borderColor: theme.palette.misc.altBackground,
             backgroundColor: theme.palette.misc.rowHoverGreyOne,
             borderWidth: '1px',
             borderStyle: 'solid'
           }),
-          '& .MuiButton-startIcon': _objectSpread({
+          '& .MuiButton-startIcon': _extends({
             marginRight: 0,
             marginLeft: 0,
             marginTop: '-1px',
@@ -41,7 +30,7 @@ var buttonTheme = function buttonTheme(theme) {
               fontSize: 18
             }
           }),
-          '& .MuiButton-endIcon': _objectSpread({
+          '& .MuiButton-endIcon': _extends({
             marginRight: 0,
             marginLeft: 0,
             marginTop: '-1px',
@@ -65,7 +54,7 @@ var buttonTheme = function buttonTheme(theme) {
             //@ts-ignore
             theme.palette[ownerState.color]
           }
-        }), ownerState.variant === "outlined" && {
+        }, ownerState.variant === "outlined" && {
           backgroundColor: ownerState.color === "primary" ? theme.palette.common.white :
           //@ts-ignore
           theme.palette[ownerState.color],
@@ -89,7 +78,7 @@ var buttonTheme = function buttonTheme(theme) {
             //@ts-ignore
             theme.palette[ownerState.color]
           }
-        }), ownerState.variant === "text" && {
+        }, ownerState.variant === "text" && {
           backgroundColor: 'transparent',
           color: ownerState.color === "primary" ? theme.palette.text.tertiary :
           //@ts-ignore
@@ -111,9 +100,9 @@ var buttonTheme = function buttonTheme(theme) {
       style: {
         backgroundColor: 'white',
         color: theme.palette.neutral.main,
-        border: "1px solid ".concat(theme.palette.neutral.main),
+        border: "1px solid " + theme.palette.neutral.main,
         ':hover': {
-          border: "1px solid ".concat(theme.palette.primary.main),
+          border: "1px solid " + theme.palette.primary.main,
           color: theme.palette.primary.main,
           backgroundColor: 'white'
         }
@@ -121,5 +110,4 @@ var buttonTheme = function buttonTheme(theme) {
     }]
   };
 };
-var _default = buttonTheme;
-exports["default"] = _default;
+export default buttonTheme;

package/dist/components/Button/index.js

@@ -1,19 +1,9 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _material = require("@mui/material");
-var _Indicator = _interopRequireDefault(require("./Indicator"));
-var React = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var ButtonContainer = (0, _material.styled)(_material.Box)(function (_ref) {
-  var theme = _ref.theme;
+import { Box, Button as MuiButton, styled } from '@mui/material';
+import Indicator from './Indicator.js';
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ButtonContainer = styled(Box)(function () {
   return {
     display: "inline-flex",
     position: "relative"
@@ -25,11 +15,11 @@ var ButtonContainer = (0, _material.styled)(_material.Box)(function (_ref) {
 **/
 var Button = function Button(props) {
   var disabled = props.isLoading || props.disabled;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonContainer, {
+  return /*#__PURE__*/_jsxs(ButtonContainer, {
     "data-testid": props['data-testid'],
     sx: props.sx,
     className: props.className,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+    children: [/*#__PURE__*/_jsx(MuiButton, {
       sx: {
         fontSize: '14px',
         gap: '5px',
@@ -50,8 +40,7 @@ var Button = function Button(props) {
       endIcon: props.endIcon,
       onClick: props.onClick,
       children: props.children
-    }), props.isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Indicator["default"], {})]
+    }), props.isLoading && /*#__PURE__*/_jsx(Indicator, {})]
   });
 };
-var _default = Button;
-exports["default"] = _default;
+export default Button;

package/dist/components/Checkbox/checkbox.theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../assets/theme';
+import { Theme } from '../../assets/theme.js';
 declare const checkboxTheme: (theme: Theme) => {
     styleOverrides: {
         root: () => {

package/dist/components/Checkbox/checkbox.theme.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
 var checkboxTheme = function checkboxTheme(theme) {
   return {
     styleOverrides: {
@@ -24,5 +18,4 @@ var checkboxTheme = function checkboxTheme(theme) {
     }
   };
 };
-var _default = checkboxTheme;
-exports["default"] = _default;
+export default checkboxTheme;

package/dist/components/Checkbox/index.js

@@ -1,17 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _material = require("@mui/material");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+import React from 'react';
+import { FormControlLabel, Checkbox as MuiCheckbox } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
 var Checkbox = function Checkbox(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+  return /*#__PURE__*/_jsx(FormControlLabel, {
     label: props.label,
-    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+    control: /*#__PURE__*/_jsx(MuiCheckbox, {
       "data-testid": props['data-testid'],
       checked: props.checked,
       indeterminate: props.indeterminate,
@@ -22,5 +15,4 @@ var Checkbox = function Checkbox(props) {
     })
   });
 };
-var _default = Checkbox;
-exports["default"] = _default;
+export default Checkbox;