@tenancy.nz/ui 1.0.2 → 1.0.4

package/dist/cjs/utils/helpers/object.cjs

@@ -1,9 +1,10 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.cjs');
 var boolean = require('./boolean.cjs');
 
-const pick = (object, props) => {
+var pick = function pick(object, props) {
   if (!boolean.isObject(object)) {
     console.error("first argument should be an object.");
     return false;
@@ -12,73 +13,71 @@ const pick = (object, props) => {
     console.error("second argument should be an array.");
     return false;
   }
-  return props.reduce((prevVal, curVal) => {
+  return props.reduce(function (prevVal, curVal) {
     if (object.hasOwnProperty(curVal)) {
-      return {
-        ...prevVal,
-        [curVal]: object[curVal]
-      };
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevVal), {}, _rollupPluginBabelHelpers.defineProperty({}, curVal, object[curVal]));
     }
     return prevVal;
   }, {});
 };
-const transformArrToObject = (arr, prop) => {
+var transformArrToObject = function transformArrToObject(arr, prop) {
   if (prop) {
-    return arr.reduce(
-      (obj, item) => ({
-        ...obj,
-        [item[prop]]: item
-      }),
-      {}
-    );
+    return arr.reduce(function (obj, item) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, obj), {}, _rollupPluginBabelHelpers.defineProperty({}, item[prop], item));
+    }, {});
   }
-  return { ...arr };
+  return _rollupPluginBabelHelpers.objectSpread2({}, arr);
 };
-const objectHasAllValues = (obj) => {
+var objectHasAllValues = function objectHasAllValues(obj) {
   if (boolean.isEmpty(obj)) {
     return false;
   }
   return Object.values(obj).every(boolean.isNotEmpty);
 };
-const objectHasSomeValues = (obj) => {
+var objectHasSomeValues = function objectHasSomeValues(obj) {
   if (boolean.isEmpty(obj)) {
     return false;
   }
   return Object.values(obj).some(boolean.isNotEmpty);
 };
-const getObjectProp = (obj, prop, fallback = "") => prop.split(".").reduce((value, key) => boolean.isObject(value) && value[key] || fallback, obj);
-const objectRemoveEmpty = (obj) => {
+var getObjectProp = function getObjectProp(obj, prop) {
+  var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  return prop.split(".").reduce(function (value, key) {
+    return boolean.isObject(value) && value[key] || fallback;
+  }, obj);
+};
+var objectRemoveEmpty = function objectRemoveEmpty(obj) {
   if (!boolean.isObject(obj)) {
     return {};
   }
-  return Object.entries(obj).filter(([, value]) => !!value).reduce(
-    (carry, [k, value]) => ({
-      ...carry,
-      [k]: value
-    }),
-    {}
-  );
+  return Object.entries(obj).filter(function (_ref) {
+    var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
+      value = _ref2[1];
+    return !!value;
+  }).reduce(function (carry, _ref3) {
+    var _ref4 = _rollupPluginBabelHelpers.slicedToArray(_ref3, 2),
+      k = _ref4[0],
+      value = _ref4[1];
+    return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, carry), {}, _rollupPluginBabelHelpers.defineProperty({}, k, value));
+  }, {});
 };
-const objectOmit = (obj, props) => {
+var objectOmit = function objectOmit(obj, props) {
   if (!boolean.isObject(obj)) {
     return {};
   }
-  const omit = boolean.isString(props) ? [props] : props;
-  return Object.keys(obj).reduce((carry, k) => {
+  var omit = boolean.isString(props) ? [props] : props;
+  return Object.keys(obj).reduce(function (carry, k) {
     if (omit.includes(k)) {
       return carry;
     }
-    return {
-      ...carry,
-      [k]: obj[k]
-    };
+    return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, carry), {}, _rollupPluginBabelHelpers.defineProperty({}, k, obj[k]));
   }, {});
 };
-const objectDeepMerge = (target, source) => {
-  for (let key in source) {
+var _objectDeepMerge = function objectDeepMerge(target, source) {
+  for (var key in source) {
     if (source.hasOwnProperty(key)) {
       if (boolean.isObject(source[key]) && boolean.isObject(target[key])) {
-        objectDeepMerge(target[key], source[key]);
+        _objectDeepMerge(target[key], source[key]);
       } else {
         target[key] = source[key];
       }
@@ -88,7 +87,7 @@ const objectDeepMerge = (target, source) => {
 };
 
 exports.getObjectProp = getObjectProp;
-exports.objectDeepMerge = objectDeepMerge;
+exports.objectDeepMerge = _objectDeepMerge;
 exports.objectHasAllValues = objectHasAllValues;
 exports.objectHasSomeValues = objectHasSomeValues;
 exports.objectOmit = objectOmit;

package/dist/cjs/utils/helpers/string.cjs

@@ -3,16 +3,25 @@
 
 var boolean = require('./boolean.cjs');
 
-const stripTags = (str) => str.replace(/(<([^>]+)>)/gi, "");
-const stripNonNumeric = (str) => {
+var stripTags = function stripTags(str) {
+  return str.replace(/(<([^>]+)>)/gi, "");
+};
+var stripNonNumeric = function stripNonNumeric(str) {
   if (str && boolean.isString(str)) {
     return str.replace(/\D/g, "");
   }
   return "";
 };
-const toString = (val) => String(val);
-const strPadStart = (str, targetLength, padString = "") => toString(str).padStart(targetLength, padString);
-const ucFirstChar = (val) => `${String(val).charAt(0).toUpperCase()}${String(val).slice(1)}`;
+var toString = function toString(val) {
+  return String(val);
+};
+var strPadStart = function strPadStart(str, targetLength) {
+  var padString = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  return toString(str).padStart(targetLength, padString);
+};
+var ucFirstChar = function ucFirstChar(val) {
+  return "".concat(String(val).charAt(0).toUpperCase()).concat(String(val).slice(1));
+};
 
 exports.strPadStart = strPadStart;
 exports.stripNonNumeric = stripNonNumeric;

package/dist/cjs/utils/helpers/time.cjs

@@ -1,62 +1,61 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.cjs');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
 var array = require('./array.cjs');
 var string = require('./string.cjs');
 
 dayjs.extend(customParseFormat);
-const getHourOptions = (disableFirstOption = false) => {
-  const options = array.range(1, 12).map((hour) => {
-    const formatted = string.strPadStart(hour, 2, "0");
+var getHourOptions = function getHourOptions() {
+  var disableFirstOption = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var options = array.range(1, 12).map(function (hour) {
+    var formatted = string.strPadStart(hour, 2, "0");
     return {
       label: formatted,
       value: formatted
     };
   });
-  return [
-    {
-      label: "",
-      value: "",
-      disabled: disableFirstOption
-    },
-    ...options
-  ];
+  return [{
+    label: "",
+    value: "",
+    disabled: disableFirstOption
+  }].concat(_rollupPluginBabelHelpers.toConsumableArray(options));
 };
-const getMinuteOptions = (min, max, step, disableFirstOption = false) => {
-  const options = array.range(min, max, step).map((minute) => {
-    const formatted = string.strPadStart(minute, 2, "0");
+var getMinuteOptions = function getMinuteOptions(min, max, step) {
+  var disableFirstOption = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var options = array.range(min, max, step).map(function (minute) {
+    var formatted = string.strPadStart(minute, 2, "0");
     return {
       label: formatted,
       value: formatted
     };
   });
-  return [
-    {
-      label: "",
-      value: "",
-      disabled: disableFirstOption
-    },
-    ...options
-  ];
+  return [{
+    label: "",
+    value: "",
+    disabled: disableFirstOption
+  }].concat(_rollupPluginBabelHelpers.toConsumableArray(options));
 };
-const getMeridianOptions = (disableFirstOption = false) => [
-  {
+var getMeridianOptions = function getMeridianOptions() {
+  var disableFirstOption = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  return [{
     label: "",
     value: "",
     disabled: disableFirstOption
-  },
-  {
+  }, {
     label: "AM",
     value: "am"
-  },
-  {
+  }, {
     label: "PM",
     value: "pm"
-  }
-];
-const parseTimeStrByFormat = (timeStr, format = "HH:mm:ss") => dayjs(timeStr, format);
+  }];
+};
+var parseTimeStrByFormat = function parseTimeStrByFormat(timeStr) {
+  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "HH:mm:ss";
+  return dayjs(timeStr, format);
+};
 
 exports.getHourOptions = getHourOptions;
 exports.getMeridianOptions = getMeridianOptions;

package/dist/cjs/utils/loadFont.cjs

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../theme/index.cjs');
 
-const fontLinkId = "storybook-font-link-tag";
-const loadFont = () => {
+var fontLinkId = "storybook-font-link-tag";
+var loadFont = function loadFont() {
   if (!document.getElementById(fontLinkId)) {
-    const fontLink = document.createElement("link");
+    var fontLink = document.createElement("link");
     fontLink.id = fontLinkId;
     fontLink.href = index.fontUrl;
     fontLink.rel = "stylesheet";

package/dist/cjs/utils/useResize.cjs

@@ -3,22 +3,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 
-const useResize = (ref) => {
-  const [width, setWidth] = React.useState(0);
-  const [height, setHeight] = React.useState(0);
-  React.useEffect(() => {
-    const handleResize = () => {
+var useResize = function useResize(ref) {
+  var _useState = React.useState(0),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  var _useState3 = React.useState(0),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  React.useEffect(function () {
+    var handleResize = function handleResize() {
       setWidth(ref.current.offsetWidth);
       setHeight(ref.current.offsetHeight);
     };
     window.addEventListener("resize", handleResize);
-    return () => {
+    return function () {
       window.removeEventListener("resize", handleResize);
     };
   }, [ref]);
-  return { width, height };
+  return {
+    width: width,
+    height: height
+  };
 };
 
 exports.default = useResize;

package/dist/esm/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,150 @@
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = true,
+      o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = true, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
+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 _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).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 _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _taggedTemplateLiteral(e, t) {
+  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+    raw: {
+      value: Object.freeze(t)
+    }
+  }));
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+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 _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _defineProperty as defineProperty, _extends as extends, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectDestructuringEmpty as objectDestructuringEmpty, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _slicedToArray as slicedToArray, _taggedTemplateLiteral as taggedTemplateLiteral, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };

package/dist/esm/components/Alert.js

@@ -1,4 +1,5 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import CheckCircleOutlineOutlinedIcon from '@mui/icons-material/CheckCircleOutlineOutlined';
 import ErrorOutlineOutlinedIcon from '@mui/icons-material/ErrorOutlineOutlined';
@@ -6,39 +7,56 @@ import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
 import WarningAmberOutlinedIcon from '@mui/icons-material/WarningAmberOutlined';
 import StyledAlert, { StyledAlertTitle } from './Alert.styled.js';
 
-const variantMap = {
+var _excluded = ["children", "color", "icon", "title", "variant"];
+var variantMap = {
   contained: "filled"
 };
-const icons = {
-  info: /* @__PURE__ */ jsx(InfoOutlinedIcon, { sx: { fontSize: 24 } }),
-  success: /* @__PURE__ */ jsx(CheckCircleOutlineOutlinedIcon, { sx: { fontSize: 24 } }),
-  error: /* @__PURE__ */ jsx(ErrorOutlineOutlinedIcon, { sx: { fontSize: 24 } }),
-  warning: /* @__PURE__ */ jsx(WarningAmberOutlinedIcon, { sx: { fontSize: 24 } })
-};
-function Alert({
-  children,
-  color = "info",
-  icon = true,
-  title = void 0,
-  variant = "standard",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxs(
-    StyledAlert,
-    {
-      color,
-      variant: variantMap[variant] || variant,
-      severity: color,
-      iconMapping: icons,
-      closeText: "undo",
-      ...rest,
-      ...(!icon || !color || !icons[color]) && { icon: false },
-      children: [
-        title && /* @__PURE__ */ jsx(StyledAlertTitle, { children: title }),
-        children
-      ]
+var icons = {
+  info: /* @__PURE__ */jsx(InfoOutlinedIcon, {
+    sx: {
+      fontSize: 24
+    }
+  }),
+  success: /* @__PURE__ */jsx(CheckCircleOutlineOutlinedIcon, {
+    sx: {
+      fontSize: 24
+    }
+  }),
+  error: /* @__PURE__ */jsx(ErrorOutlineOutlinedIcon, {
+    sx: {
+      fontSize: 24
     }
-  );
+  }),
+  warning: /* @__PURE__ */jsx(WarningAmberOutlinedIcon, {
+    sx: {
+      fontSize: 24
+    }
+  })
+};
+function Alert(_ref) {
+  var children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "info" : _ref$color,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? true : _ref$icon,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? void 0 : _ref$title,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "standard" : _ref$variant,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxs(StyledAlert, _objectSpread2(_objectSpread2(_objectSpread2({
+    color: color,
+    variant: variantMap[variant] || variant,
+    severity: color,
+    iconMapping: icons,
+    closeText: "undo"
+  }, rest), (!icon || !color || !icons[color]) && {
+    icon: false
+  }), {}, {
+    children: [title && /* @__PURE__ */jsx(StyledAlertTitle, {
+      children: title
+    }), children]
+  }));
 }
 
 export { Alert as default };

package/dist/esm/components/Alert.styled.js

@@ -1,36 +1,34 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { css } from '@emotion/react';
 import Alert from '@mui/material/Alert';
 import AlertTitle from '@mui/material/AlertTitle';
 import { styled } from '@mui/material/styles';
 import { getObjectProp } from '../utils/helpers/object.js';
 
-const standardStyles = ({ color, theme }) => css`
-  border: 1px solid currentColor;
-  background-color: ${getObjectProp(theme, `vars.palette.${color}.light`)};
-  color: ${getObjectProp(theme, `vars.palette.${color}.main`)};
-`;
-const outlinedStyles = ({ color, theme }) => css`
-  background-color: transparent;
-  border: 1px solid currentColor;
-  color: ${getObjectProp(theme, `vars.palette.${color}.main`)};
-`;
-const StyledAlertTitle = styled(
-  AlertTitle
-)`
-  font-size: inherit;
-`;
-const StyledAlert = styled(Alert)`
-  ${({ color, theme, variant }) => css`
-    font-size: ${getObjectProp(theme, "typography.fontSize")}px;
-    padding: 8px 16px;
-    ${variant === "standard" && standardStyles({ color, theme })}
-    ${variant === "outlined" && outlinedStyles({ color, theme })}
-
-    .MuiAlert-action {
-      margin-right: 0;
-    }
-  `}
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var standardStyles = function standardStyles(_ref) {
+  var color = _ref.color,
+    theme = _ref.theme;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid currentColor;\n  background-color: ", ";\n  color: ", ";\n"])), getObjectProp(theme, "vars.palette.".concat(color, ".light")), getObjectProp(theme, "vars.palette.".concat(color, ".main")));
+};
+var outlinedStyles = function outlinedStyles(_ref2) {
+  var color = _ref2.color,
+    theme = _ref2.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 1px solid currentColor;\n  color: ", ";\n"])), getObjectProp(theme, "vars.palette.".concat(color, ".main")));
+};
+var StyledAlertTitle = styled(AlertTitle)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: inherit;\n"])));
+var StyledAlert = styled(Alert)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
+  var color = _ref3.color,
+    theme = _ref3.theme,
+    variant = _ref3.variant;
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n    padding: 8px 16px;\n    ", "\n    ", "\n\n    .MuiAlert-action {\n      margin-right: 0;\n    }\n  "])), getObjectProp(theme, "typography.fontSize"), variant === "standard" && standardStyles({
+    color: color,
+    theme: theme
+  }), variant === "outlined" && outlinedStyles({
+    color: color,
+    theme: theme
+  }));
+});
 
 export { StyledAlertTitle, StyledAlert as default };