@veritone-ce/design-system 1.12.65 → 1.12.66-next.0

package/dist/cjs/assets/theme.js

@@ -8,15 +8,15 @@ exports.useTheme = exports.defaultTheme = exports.createDesignSystemTheme = expo
 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 _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 _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"));

package/dist/cjs/components/ErrorMessage/index.js

@@ -9,7 +9,7 @@ var _iconsMaterial = require("@mui/icons-material");
 var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
 var _react = _interopRequireDefault(require("react"));
-var _Typography = _interopRequireDefault(require("../Typography"));
+var _index = _interopRequireDefault(require("../_Typography/index.js"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var ErrorContainer = (0, _styles.styled)(_material.Box)({
@@ -20,7 +20,7 @@ var ErrorContainer = (0, _styles.styled)(_material.Box)({
   paddingTop: '10px',
   paddingBottom: '10px'
 });
-var ErrorTypography = (0, _styles.styled)(_Typography["default"])(function (_ref) {
+var ErrorTypography = (0, _styles.styled)(_index["default"])(function (_ref) {
   var theme = _ref.theme;
   return {
     color: theme.palette.text.primary,

package/dist/cjs/components/Table/index.js

@@ -8,8 +8,8 @@ exports.TableSortLabel = exports.TableRow = exports.TablePagination = exports.Ta
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("@mui/material/styles");
-var _index = _interopRequireDefault(require("../Typography/index.js"));
-var _index2 = _interopRequireDefault(require("../Checkbox/index.js"));
+var _index = _interopRequireDefault(require("../../components/_Typography/index.js"));
+var _index2 = _interopRequireDefault(require("../../components/_Checkbox/index.js"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["variant"],
   _excluded2 = ["checked", "indeterminate", "disabled", "onChange", "sx", "className", "checkboxSx", "checkboxClassName"];

package/dist/cjs/components/Tabs/index.js

@@ -40,6 +40,7 @@ function BadgeLabel(props) {
       gap: 1.5
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      variant: "body2",
       children: props.label
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Badge, {
       badgeContent: props.count,

package/dist/cjs/components/UtilityRail/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _styles = require("@mui/material/styles");
 var _material = require("@mui/material");
-var _index = _interopRequireDefault(require("../Typography/index.js"));
+var _index = _interopRequireDefault(require("../../components/_Typography/index.js"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var UtilityRail = function UtilityRail(props) {

package/dist/cjs/components/_Alert/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("../Link/index.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var defaultMessageLabel = {
+  success: "Success",
+  info: "Info",
+  warning: "Alert",
+  error: "Error"
+};
+var defaultMessageText = {
+  success: "Your action was completed. ",
+  info: "General information. ",
+  warning: "Your action is required. ",
+  error: "An error has occured. "
+};
+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, {
+    "data-testid": props['data-testid'],
+    onClose: props.onClose,
+    severity: severity,
+    sx: props.sx,
+    className: props.className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      sx: {
+        display: "flex",
+        alignItems: "center"
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        sx: {
+          fontSize: "12px",
+          fontWeight: "bold",
+          marginRight: "2px",
+          display: 'inline-block',
+          whiteSpace: 'pre'
+        },
+        children: props.label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          children: [props.label, ': ']
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: "".concat(defaultMessageLabel[severity], ": ")
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        sx: {
+          fontSize: "12px",
+          display: 'inline-block',
+          whiteSpace: 'pre'
+        },
+        children: props.text ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          children: [props.text, " "]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: defaultMessageText[severity]
+        })
+      }), props.link && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
+        href: props.link.href,
+        children: props.link.content
+      })]
+    })
+  });
+};
+var _default = Alert;
+exports["default"] = _default;

package/dist/cjs/components/_Autocomplete/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+var StyledAutocomplete = (0, _styles.styled)(_material.Autocomplete)({
+  '& .MuiOutlinedInput-root': {
+    padding: '0px 8px 4px'
+  }
+});
+function Autocomplete(props) {
+  var value = _react["default"].useMemo(function () {
+    var _props$items$find;
+    return props.value !== undefined ? (_props$items$find = props.items.find(function (v) {
+      return v.value === props.value;
+    })) !== null && _props$items$find !== void 0 ? _props$items$find : null : undefined;
+  }, [props.items, props.value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledAutocomplete, {
+    disablePortal: props.disablePortal,
+    options: props.items,
+    inputValue: props.inputValue,
+    filterOptions: props.filterOptions,
+    value: value,
+    isOptionEqualToValue: function isOptionEqualToValue(option, value) {
+      return option.value === value.value;
+    },
+    onInputChange: props.onInputChange && function (event, inputValue) {
+      return props.onInputChange(event, inputValue);
+    },
+    fullWidth: props.fullWidth,
+    disabled: props.disabled,
+    ListboxProps: {
+      style: {
+        maxHeight: '30rem'
+      }
+    },
+    renderInput: function renderInput(params) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({}, params), {}, {
+        InputLabelProps: _objectSpread(_objectSpread({}, params.InputLabelProps), {}, {
+          shrink: true
+        }),
+        label: props.label,
+        error: props.error,
+        placeholder: props.placeholder,
+        helperText: props.error ? "Please select a ".concat(props.label) : ''
+      }));
+    },
+    onChange: function onChange(event, item) {
+      return props.onChange(event, item !== null ? item.value : null);
+    },
+    sx: props.sx
+  });
+}
+var _default = Autocomplete;
+exports["default"] = _default;

package/dist/cjs/components/_Button/Indicator.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+var Indicator = function Indicator() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+    className: "button-loader",
+    "data-testid": "loading-indicator",
+    sx: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      display: "grid",
+      justifyItems: "center",
+      alignItems: "center",
+      background: function background(theme) {
+        return theme.palette.misc.rowHoverGreyOne;
+      },
+      border: function border(theme) {
+        return "1px solid ".concat(theme.palette.misc.rowOnHoverGreyTwo);
+      },
+      borderRadius: '0.2rem'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+      size: 20
+    })
+  });
+};
+var _default = Indicator;
+exports["default"] = _default;

package/dist/cjs/components/_Button/button.theme.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 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); }
+var buttonTheme = function buttonTheme(theme) {
+  return {
+    defaultProps: {
+      variant: 'contained',
+      disableRipple: true
+    },
+    styleOverrides: {
+      root: function root(_ref) {
+        var ownerState = _ref.ownerState;
+        return _objectSpread(_objectSpread(_objectSpread({
+          textTransform: 'none',
+          fontWeight: '600',
+          '&.MuiButton-outlinedError': {
+            backgroundColor: theme.palette.common.white
+          },
+          '&.Mui-disabled': _objectSpread({}, ownerState.variant !== "text" && {
+            borderColor: theme.palette.misc.altBackground,
+            backgroundColor: theme.palette.misc.rowHoverGreyOne,
+            borderWidth: '1px',
+            borderStyle: 'solid'
+          }),
+          '& .MuiButton-startIcon': _objectSpread({
+            marginRight: 0,
+            marginLeft: 0,
+            marginTop: '-1px',
+            fontSize: '18px'
+          }, {
+            '& .MuiSvgIcon-root': {
+              fontSize: 18
+            }
+          }),
+          '& .MuiButton-endIcon': _objectSpread({
+            marginRight: 0,
+            marginLeft: 0,
+            marginTop: '-1px',
+            fontSize: '18px'
+          }, {
+            '& .MuiSvgIcon-root': {
+              fontSize: 18
+            }
+          }),
+          '&.Mui-disabled .MuiButton-startIcon .MuiButton-endIcon': {
+            opacity: 0.3
+          }
+        }, ownerState.variant === "contained" && {
+          //@ts-ignore
+          backgroundColor: ownerState.color === "primary" ? theme.palette.button.main :
+          //@ts-ignore
+          theme.palette[ownerState.color].main,
+          ':hover': {
+            //@ts-ignore
+            backgroundColor: ownerState.color === "primary" ? theme.palette.button.hover :
+            //@ts-ignore
+            theme.palette[ownerState.color]
+          }
+        }), ownerState.variant === "outlined" && {
+          backgroundColor: ownerState.color === "primary" ? theme.palette.common.white :
+          //@ts-ignore
+          theme.palette[ownerState.color],
+          //@ts-ignore
+          color: ownerState.color === "primary" ? theme.palette.neutral.main :
+          //@ts-ignore
+          theme.palette[ownerState.color].main,
+          borderColor: ownerState.color === "primary" ? theme.palette.neutral.main :
+          //@ts-ignore
+          theme.palette[ownerState.color].main,
+          ':hover': {
+            backgroundColor: ownerState.color === "primary" ? theme.palette.common.white :
+            //@ts-ignore
+            theme.palette[ownerState.color],
+            //@ts-ignore
+            color: ownerState.color === "primary" ? theme.palette.secondary.main :
+            //@ts-ignore
+            theme.palette[ownerState.color],
+            //@ts-ignore
+            borderColor: ownerState.color === "primary" ? theme.palette.secondary.main :
+            //@ts-ignore
+            theme.palette[ownerState.color]
+          }
+        }), ownerState.variant === "text" && {
+          backgroundColor: 'transparent',
+          color: ownerState.color === "primary" ? theme.palette.text.tertiary :
+          //@ts-ignore
+          theme.palette[ownerState.color].main,
+          ':hover': {
+            backgroundColor: 'rgba(255, 255, 255, 0.15)',
+            //@ts-ignore
+            color: ownerState.color === "primary" ? theme.palette.secondary.main :
+            //@ts-ignore
+            theme.palette[ownerState.color]
+          }
+        });
+      }
+    },
+    variants: [{
+      props: {
+        variant: 'secondary'
+      },
+      style: {
+        backgroundColor: 'white',
+        color: theme.palette.neutral.main,
+        border: "1px solid ".concat(theme.palette.neutral.main),
+        ':hover': {
+          border: "1px solid ".concat(theme.palette.primary.main),
+          color: theme.palette.primary.main,
+          backgroundColor: 'white'
+        }
+      }
+    }]
+  };
+};
+var _default = buttonTheme;
+exports["default"] = _default;

package/dist/cjs/components/_Button/index.js

@@ -0,0 +1,58 @@
+"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["default"] = void 0;
+var _material = require("@mui/material");
+var _Indicator = _interopRequireDefault(require("./Indicator.js"));
+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 () {
+  return {
+    display: "inline-flex",
+    position: "relative"
+  };
+});
+var StyledButton = (0, _material.styled)(_material.Button)({
+  fontSize: '14px',
+  gap: '5px',
+  paddingTop: '8px',
+  paddingBottom: '8px',
+  paddingLeft: '15px',
+  paddingRight: '15px',
+  display: 'flex',
+  alignItems: 'center',
+  lineHeight: '16px',
+  height: 36
+});
+
+/**
+- Use a button for common user click actions. Several variations available.
+**/
+var Button = function Button(props) {
+  var disabled = props.isLoading || props.disabled;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonContainer, {
+    "data-testid": props['data-testid'],
+    sx: props.containerSx,
+    className: props.containerClassName,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, {
+      color: props.color,
+      disableElevation: true,
+      variant: props.variant,
+      disabled: disabled,
+      startIcon: props.startIcon,
+      endIcon: props.endIcon,
+      onClick: props.onClick,
+      sx: props.sx,
+      className: props.className,
+      children: props.children
+    }), props.isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Indicator["default"], {})]
+  });
+};
+var _default = Button;
+exports["default"] = _default;

package/dist/cjs/components/_Checkbox/checkbox.theme.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var checkboxTheme = function checkboxTheme(theme) {
+  return {
+    styleOverrides: {
+      root: function root() {
+        return {
+          marginRight: '8px',
+          '&.MuiCheckbox-root': {
+            color: theme.palette.text.secondary
+          },
+          '&.Mui-checked, &.MuiCheckbox-indeterminate': {
+            color: theme.palette.button.main
+          },
+          '&.Mui-disabled': {
+            color: theme.palette.text.disabled
+          }
+        };
+      }
+    }
+  };
+};
+var _default = checkboxTheme;
+exports["default"] = _default;

package/dist/cjs/components/_Checkbox/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var StyledCheckbox = (0, _styles.styled)(_material.Checkbox)({
+  '& .MuiSvgIcon-root': {
+    fontSize: 18
+  }
+});
+var Checkbox = function Checkbox(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
+    label: props.label,
+    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCheckbox, {
+      "data-testid": props['data-testid'],
+      checked: props.checked,
+      indeterminate: props.indeterminate,
+      disabled: props.disabled,
+      onChange: props.onChange,
+      sx: props.sx,
+      className: props.className
+    })
+  });
+};
+var _default = Checkbox;
+exports["default"] = _default;

package/dist/cjs/components/_IconButton/index.js

@@ -0,0 +1,27 @@
+"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["default"] = void 0;
+var _material = require("@mui/material");
+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; }
+/**
+- Use a button for common user click actions. Several variations available.
+**/
+var IconButton = function IconButton(props) {
+  var disabled = props.disabled;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+    disabled: disabled,
+    onClick: props.onClick,
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+var _default = IconButton;
+exports["default"] = _default;

package/dist/cjs/components/_Input/index.js

@@ -0,0 +1,40 @@
+"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 }; }
+var Input = function Input(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+    "data-testid": props['data-testid'],
+    type: props.type,
+    value: props.value,
+    helperText: props.helperText,
+    label: props.label,
+    disabled: props.disabled,
+    placeholder: props.placeholder,
+    required: props.required,
+    error: props.error,
+    name: props.name,
+    multiline: props.multiline,
+    rows: props.rows,
+    maxRows: props.maxRows,
+    minRows: props.minRows,
+    InputProps: {
+      startAdornment: props.prefixEl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+        position: "start",
+        children: props.prefixEl
+      }) : null
+    },
+    sx: props.sx,
+    className: props.className,
+    onChange: props.onChange,
+    size: props.size
+  });
+};
+var _default = Input;
+exports["default"] = _default;