@tenancy.nz/ui 1.1.8 → 1.2.0

package/dist/cjs/components/FileViewer.styled.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var styled = require('styled-components');
+var Heading = require('./Heading.cjs');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var StyledFilePreviewAreaOuter = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  min-height: 80vh;\n  display: flex;\n  align-items: center;\n"])));
+var StyledBrokenFileIcon = styled.div(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    color: ", ";\n\n    & svg {\n      font-size: 100px;\n    }\n  "])), theme.palette.default.light);
+});
+var StyledHeading = styled(Heading.default)(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
+
+exports.StyledBrokenFileIcon = StyledBrokenFileIcon;
+exports.StyledFilePreviewAreaOuter = StyledFilePreviewAreaOuter;
+exports.StyledHeading = StyledHeading;

package/dist/cjs/{FlashMessage.cjs → components/FlashMessage.cjs}

@@ -2,24 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var Snackbar = require('@mui/material/Snackbar');
 var Alert = require('./Alert.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/icons-material/CheckCircleOutlineOutlined');
-require('@mui/icons-material/ErrorOutlineOutlined');
-require('@mui/icons-material/InfoOutlined');
-require('@mui/icons-material/WarningAmberOutlined');
-require('./Alert.styled.cjs');
-require('@emotion/react');
-require('@mui/material/Alert');
-require('@mui/material/AlertTitle');
-require('@mui/material/styles');
-require('./object.cjs');
-require('./boolean.cjs');
 
 var _excluded = ["autoHideDuration", "children", "color", "horizontal", "open", "onClose", "vertical"];
 function FlashMessage(_ref) {
@@ -35,11 +22,11 @@ function FlashMessage(_ref) {
     onClose = _ref.onClose,
     _ref$vertical = _ref.vertical,
     vertical = _ref$vertical === void 0 ? "top" : _ref$vertical,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var handleClose = function handleClose() {
     onClose();
   };
-  return /* @__PURE__ */React.createElement(Snackbar, _rollupPluginBabelHelpers._objectSpread2({
+  return /* @__PURE__ */React.createElement(Snackbar, _rollupPluginBabelHelpers.objectSpread2({
     anchorOrigin: {
       vertical: vertical,
       horizontal: horizontal
@@ -58,31 +45,31 @@ FlashMessage.propTypes = {
   /**
    * The number of milliseconds to wait before automatically calling the `onClose` function.
    */
-  autoHideDuration: index.PropTypes.number,
+  autoHideDuration: PropTypes.number,
   /**
    * The main color for the component.
    */
-  color: index.PropTypes.oneOf(["error", "info", "success", "warning"]),
+  color: PropTypes.oneOf(["error", "info", "success", "warning"]),
   /**
    * React component, HTML node, string etc..
    */
-  children: index.PropTypes.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Horizontal position of component
    */
-  horizontal: index.PropTypes.oneOf(["left", "center", "right"]),
+  horizontal: PropTypes.oneOf(["left", "center", "right"]),
   /**
    * If `true`, the component is shown.
    */
-  open: index.PropTypes.bool,
+  open: PropTypes.bool,
   /**
    * Callback fired when the component requests to be closed.
    */
-  onClose: index.PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired,
   /**
    * Vertical position of component
    */
-  vertical: index.PropTypes.oneOf(["bottom", "top"])
+  vertical: PropTypes.oneOf(["bottom", "top"])
 };
 
 exports.default = FlashMessage;

package/dist/cjs/{FormControl.cjs → components/FormControl.cjs}

@@ -2,34 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var framerMotion = require('framer-motion');
 var FormHelperText = require('@mui/material/FormHelperText');
 var FormLabel = require('./FormLabel.cjs');
 var StatusMessage = require('./StatusMessage.cjs');
 var FormControl_styled = require('./FormControl.styled.cjs');
-var boolean = require('./boolean.cjs');
-require('./index_lite-B_XeK-IK.js');
-require('./time.cjs');
-require('./FormLabel.styled.cjs');
-require('@mui/material/styles');
-require('@emotion/react');
-require('@mui/material/FormLabel');
-require('./object.cjs');
-require('./Alert.cjs');
-require('@mui/icons-material/CheckCircleOutlineOutlined');
-require('@mui/icons-material/ErrorOutlineOutlined');
-require('@mui/icons-material/InfoOutlined');
-require('@mui/icons-material/WarningAmberOutlined');
-require('./Alert.styled.cjs');
-require('@mui/material/Alert');
-require('@mui/material/AlertTitle');
-require('@mui/material/FormControl');
-require('./customParseFormat-Bwz3j37R.js');
-require('./_commonjsHelpers-CFO10eej.js');
-require('./array.cjs');
-require('./string.cjs');
+var boolean = require('../utils/helpers/boolean.cjs');
 
 var FormControl = /*#__PURE__*/React.forwardRef(function FormControl2(_ref, ref) {
   var children = _ref.children,
@@ -61,7 +41,7 @@ var FormControl = /*#__PURE__*/React.forwardRef(function FormControl2(_ref, ref)
     $required: required
   };
   var statusMessage = errorMessage || message;
-  return /** @ts-ignore */ /* @__PURE__ */React.createElement(FormControl_styled.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props), {}, {
+  return /** @ts-ignore */ /* @__PURE__ */React.createElement(FormControl_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
     ref: ref
   }), !!label && boolean.isString(label) ? /* @__PURE__ */React.createElement(FormLabel.default, {
     disabled: disabled,

package/dist/cjs/components/FormControl.styled.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var react = require('@emotion/react');
+var styles = require('@mui/material/styles');
+var FormControl = require('@mui/material/FormControl');
+var object = require('../utils/helpers/object.cjs');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var StyledFormControl = styles.styled(FormControl)(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var size = _ref.size,
+    theme = _ref.theme;
+  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), size === "small" && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      font-size: calc(", "px - 2px);\n    "])), object.getObjectProp(theme, "typography.fontSize")), size === "medium" && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      font-size: ", "px;\n    "])), object.getObjectProp(theme, "typography.fontSize")));
+});
+
+exports.default = StyledFormControl;

package/dist/cjs/{FormFocus.cjs → components/FormFocus.cjs}

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
+var PropTypes = require('prop-types');
 
 function FormFocus(_ref) {
   var name = _ref.name;
@@ -29,7 +27,7 @@ function FormFocus(_ref) {
   });
 }
 FormFocus.propTypes = {
-  name: index.PropTypes.string.isRequired
+  name: PropTypes.string.isRequired
 };
 
 exports.default = FormFocus;

package/dist/cjs/{FormLabel.cjs → components/FormLabel.cjs}

@@ -2,14 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var FormLabel_styled = require('./FormLabel.styled.cjs');
-require('@mui/material/styles');
-require('@emotion/react');
-require('@mui/material/FormLabel');
-require('./object.cjs');
-require('./boolean.cjs');
 
 var _excluded = ["children", "disabled", "margin", "required"];
 function FormLabel(_ref) {
@@ -20,13 +15,13 @@ function FormLabel(_ref) {
     margin = _ref$margin === void 0 ? "default" : _ref$margin,
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var props = {
     disabled: disabled,
     margin: margin,
     required: required
   };
-  return /* @__PURE__ */React.createElement(FormLabel_styled.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, rest), props), children);
+  return /* @__PURE__ */React.createElement(FormLabel_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), props), children);
 }
 
 exports.default = FormLabel;

package/dist/cjs/components/FormLabel.styled.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var styles = require('@mui/material/styles');
+var react = require('@emotion/react');
+var FormLabel = require('@mui/material/FormLabel');
+var object = require('../utils/helpers/object.cjs');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
+var colorStyles = function colorStyles(_ref) {
+  var disabled = _ref.disabled,
+    theme = _ref.theme;
+  return react.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), !disabled && react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    color: ", ";\n  "])), object.getObjectProp(theme, "vars.palette.text.primary")), disabled && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    color: ", ";\n    pointer-events: none;\n    user-select: none;\n  "])), object.getObjectProp(theme, "vars.palette.grey.400")));
+};
+var marginStyles = function marginStyles(_ref2) {
+  var margin = _ref2.margin;
+  return react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), margin === "default" && react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    margin-bottom: 8px;\n  "]))), margin === "dense" && react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    margin-bottom: 4px;\n  "]))));
+};
+var StyledFormLabel = styles.styled(FormLabel)(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
+  var disabled = _ref3.disabled,
+    margin = _ref3.margin,
+    size = _ref3.size,
+    theme = _ref3.theme;
+  return react.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    && {\n      font-weight: 600;\n      display: inline-flex;\n      text-transform: none;\n\n      ", "\n      ", "\n\n      ", "\n    ", "\n\n    .MuiFormLabel-asterisk {\n        color: ", ";\n      }\n    }\n  "])), colorStyles({
+    disabled: disabled,
+    theme: theme
+  }), marginStyles({
+    margin: margin
+  }), size === "small" && react.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n        font-size: calc(", "px - 2px);\n      "])), object.getObjectProp(theme, "typography.fontSize")), size === "medium" && react.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n        font-size: ", "px;\n      "])), object.getObjectProp(theme, "typography.fontSize")), object.getObjectProp(theme, disabled ? "vars.palette.grey.400" : "vars.palette.error.main"));
+});
+
+exports.default = StyledFormLabel;

package/dist/cjs/{Grid.cjs → components/Grid.cjs}

@@ -2,13 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var MuiGrid = require('@mui/material/GridLegacy');
 var styles = require('@mui/material/styles');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
 
 var _excluded = ["children", "marginFix", "spacing", "container"];
 function Grid(_ref) {
@@ -19,16 +17,16 @@ function Grid(_ref) {
     spacing = _ref$spacing === void 0 ? 0 : _ref$spacing,
     _ref$container = _ref.container,
     container = _ref$container === void 0 ? false : _ref$container,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var theme = styles.useTheme();
   return marginFix && spacing && container ? /* @__PURE__ */React.createElement("div", {
     style: {
       padding: "".concat(theme.spacing(spacing))
     }
-  }, /* @__PURE__ */React.createElement(MuiGrid, _rollupPluginBabelHelpers._objectSpread2({
+  }, /* @__PURE__ */React.createElement(MuiGrid, _rollupPluginBabelHelpers.objectSpread2({
     container: true,
     spacing: spacing
-  }, rest), children)) : /* @__PURE__ */React.createElement(MuiGrid, _rollupPluginBabelHelpers._objectSpread2({
+  }, rest), children)) : /* @__PURE__ */React.createElement(MuiGrid, _rollupPluginBabelHelpers.objectSpread2({
     spacing: spacing,
     container: container
   }, rest), children);
@@ -37,14 +35,14 @@ Grid.propTypes = {
   /**
    * React component, HTML node, string etc..
    */
-  children: index.PropTypes.node.isRequired,
-  spacing: index.PropTypes.number,
-  container: index.PropTypes.bool,
+  children: PropTypes.node.isRequired,
+  spacing: PropTypes.number,
+  container: PropTypes.bool,
   /**
    * Remove negative margin issues on containers
    * @see https://material-ui.com/components/grid/#negative-margin
    */
-  marginFix: index.PropTypes.bool
+  marginFix: PropTypes.bool
 };
 
 exports.default = Grid;

package/dist/cjs/{Heading.cjs → components/Heading.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var Typography = require('@mui/material/Typography');
 
@@ -20,20 +20,20 @@ function Heading(_ref) {
     weight = _ref$weight === void 0 ? "600" : _ref$weight,
     _ref$sx = _ref.sx,
     sx = _ref$sx === void 0 ? {} : _ref$sx,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
-  var textStyles = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var textStyles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     fontWeight: weight
   }, italic && {
     fontStyle: "italic"
   }), transform && {
     textTransform: transform
   });
-  return /* @__PURE__ */React.createElement(Typography, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, rest), {}, {
+  return /* @__PURE__ */React.createElement(Typography, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     color: color,
     component: as,
     variant: as,
     paragraph: false,
-    sx: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, textStyles), sx)
+    sx: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, textStyles), sx)
   }), children);
 }
 

package/dist/cjs/{IconButton.cjs → components/IconButton.cjs}

@@ -2,16 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var IconButton_styled = require('./IconButton.styled.cjs');
-require('@emotion/react');
-require('@mui/material/styles');
-require('@mui/material/IconButton');
-require('./Button.styled.cjs');
-require('@mui/material/Button');
-require('./object.cjs');
-require('./boolean.cjs');
 
 var _excluded = ["children", "color", "edges", "disabled", "size"];
 function IconButton(_ref) {
@@ -24,11 +17,11 @@ function IconButton(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "medium" : _ref$size,
-    others = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
-  var rest = _rollupPluginBabelHelpers._objectSpread2({
+    others = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var rest = _rollupPluginBabelHelpers.objectSpread2({
     size: size
   }, others);
-  return /* @__PURE__ */React.createElement(IconButton_styled.default, _rollupPluginBabelHelpers._objectSpread2({
+  return /* @__PURE__ */React.createElement(IconButton_styled.default, _rollupPluginBabelHelpers.objectSpread2({
     type: "button",
     color: color,
     edges: edges,

package/dist/cjs/components/IconButton.styled.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var react = require('@emotion/react');
+var styles = require('@mui/material/styles');
+var IconButton = require('@mui/material/IconButton');
+var Button_styled = require('./Button.styled.cjs');
+var object = require('../utils/helpers/object.cjs');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var sizeStyles = function sizeStyles(_ref) {
+  var size = _ref.size;
+  return react.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n  ", "\n    ", "\n"])), size === "small" && react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-size: 24px;\n  "]))), size === "medium" && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-size: 30px;\n  "]))), size === "large" && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-size: 36px;\n  "]))));
+};
+var hoverStyles = function hoverStyles(_ref2) {
+  var color = _ref2.color,
+    theme = _ref2.theme;
+  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  &:hover,\n  &:active {\n    background-color: var(--IconButton-hoverBg) !important;\n    color: ", ";\n  }\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")));
+};
+var StyledIconButton = styles.styled(IconButton)(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
+  var color = _ref3.color,
+    disabled = _ref3.disabled,
+    edges = _ref3.edges,
+    size = _ref3.size,
+    theme = _ref3.theme;
+  return react.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    && {\n      padding: 4px;\n      ", "\n      ", "\n      ", "\n      ", "\n    }\n  "])), disabled && Button_styled.disabledStyles, Button_styled.edgesStyles({
+    edges: edges,
+    theme: theme
+  }), sizeStyles({
+    size: size
+  }), hoverStyles({
+    color: color,
+    theme: theme
+  }));
+});
+
+exports.default = StyledIconButton;
+exports.hoverStyles = hoverStyles;

package/dist/cjs/{Icons.cjs → components/Icons.cjs}

@@ -2,21 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var styled = require('styled-components');
 var AddCircleIcon = require('@mui/icons-material/AddCircle');
 var Heading = require('./Heading.cjs');
 var Link = require('./Link.cjs');
 var Text = require('./Text.cjs');
-require('@mui/material/Typography');
-require('./index-BIkEtimw.js');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('./Link.styled.cjs');
 
 var _templateObject;
-var Code = styled.code(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  line-height: 1;\n  margin: 0 2px;\n  padding: 3px 5px;\n  white-space: nowrap;\n  border-radius: 3px;\n  font-size: 13px;\n  border: 1px solid #eeeeee;\n  color: rgba(51, 51, 51, 0.9);\n  background-color: #f8f8f8;\n"])));
+var Code = styled.code(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  line-height: 1;\n  margin: 0 2px;\n  padding: 3px 5px;\n  white-space: nowrap;\n  border-radius: 3px;\n  font-size: 13px;\n  border: 1px solid #eeeeee;\n  color: rgba(51, 51, 51, 0.9);\n  background-color: #f8f8f8;\n"])));
 function Icons() {
   return /* @__PURE__ */React.createElement("div", null, /* @__PURE__ */React.createElement(Heading.default, {
     as: "h3"

package/dist/cjs/{LinearProgress.cjs → components/LinearProgress.cjs}

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var LinearProgress$1 = require('@mui/material/LinearProgress');
 
 function LinearProgress(_ref) {
-  var rest = _rollupPluginBabelHelpers._extends({}, (_rollupPluginBabelHelpers._objectDestructuringEmpty(_ref), _ref));
-  return /* @__PURE__ */React.createElement(LinearProgress$1, _rollupPluginBabelHelpers._objectSpread2({}, rest));
+  var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */React.createElement(LinearProgress$1, _rollupPluginBabelHelpers.objectSpread2({}, rest));
 }
 
 exports.default = LinearProgress;

package/dist/cjs/{Link.cjs → components/Link.cjs}

@@ -2,13 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var Link_styled = require('./Link.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('styled-components');
 
 var _excluded = ["children", "color", "underline"];
 function Link(_ref) {
@@ -17,26 +14,26 @@ function Link(_ref) {
     color = _ref$color === void 0 ? "primary" : _ref$color,
     _ref$underline = _ref.underline,
     underline = _ref$underline === void 0 ? "none" : _ref$underline,
-    others = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
-  var rest = _rollupPluginBabelHelpers._objectSpread2({
+    others = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var rest = _rollupPluginBabelHelpers.objectSpread2({
     color: color,
     underline: underline
   }, others);
-  return /* @__PURE__ */React.createElement(Link_styled.StyledLink, _rollupPluginBabelHelpers._objectSpread2({}, rest), children);
+  return /* @__PURE__ */React.createElement(Link_styled.StyledLink, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 Link.propTypes = {
   /**
    * The content of the component.
    */
-  children: index.PropTypes.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * The color of the link.
    */
-  color: index.PropTypes.oneOf(["error", "inherit", "primary", "secondary", "textPrimary", "textSecondary"]),
+  color: PropTypes.oneOf(["error", "inherit", "primary", "secondary", "textPrimary", "textSecondary"]),
   /**
    * When the link should have an underline.
    */
-  underline: index.PropTypes.oneOf(["always", "hover", "none"])
+  underline: PropTypes.oneOf(["always", "hover", "none"])
 };
 
 exports.default = Link;

package/dist/cjs/components/Link.styled.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var styled = require('styled-components');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var colour = function colour(color, theme) {
+  var colors = {
+    error: theme.palette.error.main,
+    inherit: "inherit",
+    primary: theme.palette.primary.main,
+    secondary: theme.palette.secondary.main,
+    textPrimary: theme.palette.text.primary,
+    textSecondary: theme.palette.text.secondary
+  };
+  if (colors[color]) {
+    return colors[color];
+  }
+  return colors.inherit;
+};
+var StyledLink = styled.a(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+    underline = _ref.underline,
+    theme = _ref.theme;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-family: ", ";\n    font-weight: 500;\n    text-decoration: none;\n    ", "\n    ", "\n    ", "\n  "])), theme.typography.fontFamily, underline === "hover" && styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      &:hover {\n        text-decoration: underline;\n      }\n    "]))), underline === "always" && styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      text-decoration: underline;\n    "]))), color && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      color: ", ";\n    "])), colour(color, theme)));
+});
+
+exports.StyledLink = StyledLink;

package/dist/cjs/{Media.cjs → components/Media.cjs}

@@ -3,13 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var Media_styled = require('./Media.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-require('styled-components');
-require('./animations.cjs');
 
 function Media(_ref) {
   var _ref$as = _ref.as,
@@ -30,19 +25,19 @@ Media.propTypes = {
   /**
    * Which image node to render as
    */
-  as: index.PropTypes.oneOf(["div", "img"]),
+  as: PropTypes.oneOf(["div", "img"]),
   /**
    * Specifies the path to the image
    */
-  src: index.PropTypes.string.isRequired,
+  src: PropTypes.string.isRequired,
   /**
    * If `true`, shows component in loading state
    */
-  skeleton: index.PropTypes.bool,
+  skeleton: PropTypes.bool,
   /**
    * Specifies an title & alternate text for an image
    */
-  title: index.PropTypes.string
+  title: PropTypes.string
 };
 
 exports.default = Media;

package/dist/cjs/components/Media.styled.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var styled = require('styled-components');
+var animations = require('../utils/animations.cjs');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var StyledMediaEl = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    background: ", ";\n  "])), theme.palette.grey[200]);
+});
+var StyledMediaSkeleton = styled.div(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n\n  z-index: 1;\n  ", "\n"])), animations.inlineGlow);
+var StyledMedia = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  ", "\n"])), function (_ref2) {
+  var as = _ref2.as,
+    src = _ref2.src;
+  return styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n\n    ", "\n  "])), as !== "img" && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      display: block;\n      background-size: cover;\n      background-repeat: no-repeat;\n      background-position: center;\n      background-image: url(", ");\n    "])), src), as === "img" && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      object-fit: cover;\n    "]))));
+});
+
+exports.StyledMedia = StyledMedia;
+exports.StyledMediaEl = StyledMediaEl;
+exports.StyledMediaSkeleton = StyledMediaSkeleton;