@tenancy.nz/ui 1.0.8 → 1.0.10

package/dist/cjs/packages/ui/src/components/FormControl.styled.cjs

@@ -1,19 +0,0 @@
-"use strict";
-'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/packages/ui/src/components/FormLabel.styled.cjs

@@ -1,35 +0,0 @@
-"use strict";
-'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    font-weight: 600;\n    ", "\n    && {\n      display: inline-flex;\n      ", "\n    }\n\n    ", "\n    ", "\n\n    .MuiFormLabel-asterisk {\n      color: ", ";\n    }\n  "])), marginStyles({
-    margin: margin
-  }), colorStyles({
-    disabled: disabled,
-    theme: theme
-  }), 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/packages/ui/src/components/IconButton.styled.cjs

@@ -1,30 +0,0 @@
-"use strict";
-'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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-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 StyledIconButton = styles.styled(IconButton)(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var disabled = _ref2.disabled,
-    edges = _ref2.edges,
-    size = _ref2.size,
-    theme = _ref2.theme;
-  return react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    padding: 4px;\n    ", "\n    ", "\n    ", "\n  "])), disabled && Button_styled.disabledStyles, Button_styled.edgesStyles({
-    edges: edges,
-    theme: theme
-  }), sizeStyles({
-    size: size
-  }));
-});
-
-exports.default = StyledIconButton;

package/dist/cjs/packages/ui/src/components/Link.styled.cjs

@@ -1,29 +0,0 @@
-"use strict";
-'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/packages/ui/src/components/Media.styled.cjs

@@ -1,22 +0,0 @@
-"use strict";
-'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;

package/dist/cjs/packages/ui/src/components/ModalHeader.styled.cjs

@@ -1,19 +0,0 @@
-"use strict";
-'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 object = require('../utils/helpers/object.cjs');
-
-var _templateObject, _templateObject2, _templateObject3;
-var StyledModalHeader = styles.styled("div")(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var disableGap = _ref.disableGap,
-    theme = _ref.theme,
-    transparent = _ref.transparent;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: 9;\n    background: ", ";\n    color: ", ";\n\n    ", ";\n  "])), transparent ? "transparent" : object.getObjectProp(theme, "vars.palette.background.paper"), object.getObjectProp(theme, "vars.palette.text.secondary"), !disableGap && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      margin-bottom: 8px;\n    "]))));
-});
-
-exports.default = StyledModalHeader;

package/dist/cjs/packages/ui/src/components/Nameplate.styled.cjs

@@ -1,30 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
-var styled = require('styled-components');
-var styles = require('@mui/material/styles');
-var colors = require('../utils/colors.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var StyledWrapper = styles.styled("div")(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    background: "#fff",
-    borderBottom: "1px solid ".concat(colors.hexToRgba(theme.palette.default.main, 0.4))
-  };
-});
-var StyledImgWrapper = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: flex;\n    overflow: hidden;\n    margin-left: 0.5em;\n    flex-basis: 150px;\n    justify-content: flex-end;\n    align-items: center;\n    height: 80px;\n\n    @media screen and (min-width: ", "px) {\n      margin-left: 1em;\n      flex-basis: 200px;\n      height: 100px;\n    }\n  "])), theme.breakpoints.md);
-});
-var StyledImg = styled.img(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  max-width: 100%;\n  max-height: 100%;\n"])));
-var StyledImgText = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    background: ", ";\n    color: ", ";\n    font-size: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  "])), theme.palette.grey[400], theme.palette.background.paper, theme.typography.size.scale(9));
-});
-
-exports.StyledImg = StyledImg;
-exports.StyledImgText = StyledImgText;
-exports.StyledImgWrapper = StyledImgWrapper;
-exports.StyledWrapper = StyledWrapper;

package/dist/cjs/packages/ui/src/components/Pagination.styled.cjs

@@ -1,35 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
-var styled = require('styled-components');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
-var mapColors = function mapColors(color, theme) {
-  if (color === "textPrimary") {
-    return theme.palette.text.primary;
-  }
-  if (color === "textSecondary") {
-    return theme.palette.text.secondary;
-  }
-  if (color !== "textPrimary" && color !== "textSecondary") {
-    return theme.palette[color].main;
-  }
-  return "inherit";
-};
-var StyledList = styled.ul(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n"])));
-var StyledListItem = styled.li(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  margin: 0 3px;\n"])));
-var StyledButton = styled.button(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var color = _ref.color,
-    disabled = _ref.disabled,
-    selected = _ref.selected,
-    shape = _ref.shape,
-    size = _ref.size,
-    theme = _ref.theme,
-    type = _ref.type;
-  return styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    background: transparent;\n    border: none;\n    box-sizing: border-box;\n    color: ", ";\n    cursor: pointer;\n    font-family: ", ";\n    font-weight: 400;\n    text-align: center;\n    padding: 0;\n    margin: 0;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), mapColors(color, theme), theme.typography.fontFamily, size === "small" && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      height: 28px;\n      min-width: 28px;\n      font-size: ", ";\n    "])), theme.typography.size.small), size === "large" && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      height: 32px;\n      min-width: 32px;\n      font-size: ", ";\n    "])), theme.typography.size.large), disabled && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      opacity: 0.38;\n      pointer-events: none;\n      cursor: default;\n    "]))), shape === "round" && styled.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border-radius: 99999px;\n    "]))), shape === "rounded" && styled.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border-radius: 4px;\n    "]))), ["end-ellipsis", "start-ellipsis"].includes(type) && styled.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      svg {\n        vertical-align: bottom;\n      }\n    "]))), selected && styled.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      font-weight: 600;\n      border: 1px solid currentColor;\n    "]))));
-});
-
-exports.StyledButton = StyledButton;
-exports.StyledList = StyledList;
-exports.StyledListItem = StyledListItem;

package/dist/cjs/packages/ui/src/components/Paper.styled.cjs

@@ -1,45 +0,0 @@
-"use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
-var react = require('@emotion/react');
-var Box = require('@mui/material/Box');
-var styles = require('@mui/material/styles');
-var object = require('../utils/helpers/object.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-var getPadding = function getPadding(inset) {
-  if (typeof inset === "number") {
-    return "".concat(inset, "px");
-  }
-  if (inset === "none") {
-    return "0px";
-  }
-  if (inset === "small") {
-    return "8px";
-  }
-  if (inset === "medium") {
-    return "16px";
-  }
-  if (inset === "large") {
-    return "24px";
-  }
-  if (inset === "xlarge") {
-    return "32px";
-  }
-  return "".concat(inset);
-};
-var StyledPaper = styles.styled(Box)(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", ";\n"])), function (_ref) {
-  var elevate = _ref.elevate,
-    fill = _ref.fill,
-    inset = _ref.inset,
-    noOverflow = _ref.noOverflow,
-    outlined = _ref.outlined,
-    rounded = _ref.rounded,
-    theme = _ref.theme;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    background-color: ", ";\n    font-family: ", ";\n    padding: ", ";\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n     ", "\n  "])), object.getObjectProp(theme, "vars.palette.background.paper"), object.getObjectProp(theme, "typography.fontFamily"), getPadding(inset), elevate && !outlined && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border: none;\n      box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);\n    "]))), noOverflow && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      overflow: hidden;\n    "]))), outlined && react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border: 1px solid rgba(0, 0, 0, 0.1);\n      box-shadow: none;\n    "]))), rounded && react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border-radius: 8px;\n    "]))), fill && react.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      height: 100%;\n      width: 100%;\n    "]))));
-});
-
-exports.default = StyledPaper;

package/dist/cjs/packages/ui/src/components/PropertyCard.styled.cjs

@@ -1,28 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
-var styled = require('styled-components');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-var StyledContainer = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "}\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: flex;\n    @media screen and (max-width: 767px) {\n      flex-direction: column;\n      padding: ", ";\n    }\n    @media screen and (min-width: 768px) {\n      height: 100%;\n    }\n  "])), theme.spacing(3));
-});
-var StyledImg = styled.div(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", "}\n\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n   background: ", ";\n   overflow: hidden;\n\n   @media screen and (max-width: 767px) {\n     width: 100%;\n     height: 142px;\n   }\n\n   @media screen and (min-width: 768px) {\n     width: 182px;\n     flex: 0 0 182px;\n     min-height: 162px;\n\n     border-top-left-radius: ", "px;\n     border-bottom-left-radius: ", "px;\n   }\n "])), theme.palette.grey[200], theme.shape.borderRadius * 2, theme.shape.borderRadius * 2);
-});
-var StyledDetails = styled.div(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "}\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    flex-grow: 1;\n\n    @media screen and (max-width: 767px) {\n      padding: ", ";\n    }\n\n    @media screen and (min-width: 768px) {\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    }\n  "])), theme.spacing(3, 0, 1, 0), theme.spacing(3, 5));
-});
-var StyledIcon = styled.span(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "}\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  return styled.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 12px;\n    color: ", ";\n  "])), theme.palette.grey.main);
-});
-
-exports.StyledContainer = StyledContainer;
-exports.StyledDetails = StyledDetails;
-exports.StyledIcon = StyledIcon;
-exports.StyledImg = StyledImg;

package/dist/cjs/packages/ui/src/components/Radio.styled.cjs

@@ -1,18 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
-var react = require('@emotion/react');
-var styles = require('@mui/material/styles');
-var Radio = require('@mui/material/Radio');
-var object = require('../utils/helpers/object.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var StyledRadio = styles.styled(Radio)(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var checked = _ref.checked,
-    disabled = _ref.disabled,
-    theme = _ref.theme;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    padding: 0;\n    border-radius: 0;\n\n    ", "\n    ", "\n  "])), !checked && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      color: ", ";\n    "])), object.getObjectProp(theme, "vars.palette.grey.600")), disabled && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      && {\n        color: ", ";\n      }\n    "])), object.getObjectProp(theme, "vars.palette.grey.400")));
-});
-
-exports.StyledRadio = StyledRadio;

package/dist/cjs/packages/ui/src/components/SuccessModal.styled.cjs

@@ -1,15 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
-var styled = require('styled-components');
-
-var _templateObject, _templateObject2, _templateObject3;
-var StyledContent = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  text-align: center;\n  padding: 5rem;\n  & svg {\n    font-size: 150px;\n  }\n"])));
-var StyledIcon = styled.div(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: inline-flex;\n    margin-bottom: 10px;\n    color: ", ";\n  "])), theme.palette.success.main);
-});
-
-exports.StyledContent = StyledContent;
-exports.StyledIcon = StyledIcon;

package/dist/cjs/packages/ui/src/components/Switch.styled.cjs

@@ -1,40 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
-var react = require('@emotion/react');
-var styled = require('@emotion/styled');
-var object = require('../utils/helpers/object.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-var StyledSwitch = styled.label(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var disabled = _ref.disabled;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    position: relative;\n    cursor: pointer;\n    display: inline-flex;\n    gap: 20px;\n    align-items: center;\n    ", "\n  "])), disabled && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      opacity: 0.5;\n      pointer-events: none;\n    "]))));
-});
-var StyledSwitchLabel = styled.span(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var required = _ref2.required,
-    theme = _ref2.theme;
-  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-size: 13px;\n    font-weight: 600;\n    color: ", ";\n\n    ", "\n  "])), object.getObjectProp(theme, "palette.text.primary"), required && react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      &:after {\n        content: '*';\n        color: ", ";\n      }\n    "])), object.getObjectProp(theme, "palette.error.main")));
-});
-var StyledSwitchKnob = styled.span(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var size = _ref3.size,
-    theme = _ref3.theme;
-  return react.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border-radius: 99999px;\n    box-shadow: ", ";\n    background: #fff;\n    position: absolute;\n    transition:\n      translate 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n    ", "\n\n    ", "\n  "])), object.getObjectProp(theme, "shadows.1"), size === "medium" && react.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      width: 20px;\n      height: 20px;\n      top: 2px;\n      left: 2px;\n    "]))), size === "small" && react.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      width: 14px;\n      height: 14px;\n      top: 2px;\n      left: 2px;\n    "]))));
-});
-var StyledSwitchTrack = styled.span(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
-  var size = _ref4.size,
-    theme = _ref4.theme;
-  return react.css(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    position: relative;\n    background: ", ";\n    transition: background 150ms linear;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n\n    &:focus {\n      box-shadow: 0px 0px 6px #1f1c4f;\n    }\n\n    ", "\n\n    ", "\n  "])), object.getObjectProp(theme, "palette.grey.300"), size === "medium" && react.css(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      height: 24px;\n      width: 44px;\n      border-radius: 12px;\n    "]))), size === "small" && react.css(_templateObject12 || (_templateObject12 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      height: 18px;\n      width: 38px;\n      border-radius: 11px;\n    "]))));
-});
-var StyledSwitchInput = styled.input(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
-  var color = _ref5.color,
-    size = _ref5.size,
-    theme = _ref5.theme;
-  return react.css(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    position: absolute;\n    left: 0;\n    top: 0;\n    z-index: -1;\n    visibility: hidden;\n    opacity: 0;\n\n    &:checked ~ ", " {\n      background: ", ";\n    }\n\n    &:checked ~ ", " ", " {\n      transform: translateX(", "px);\n    }\n  "])), StyledSwitchTrack, object.getObjectProp(theme, "palette.".concat(color, ".main")), StyledSwitchTrack, StyledSwitchKnob, size === "small" ? "20" : "20");
-});
-
-exports.StyledSwitch = StyledSwitch;
-exports.StyledSwitchInput = StyledSwitchInput;
-exports.StyledSwitchKnob = StyledSwitchKnob;
-exports.StyledSwitchLabel = StyledSwitchLabel;
-exports.StyledSwitchTrack = StyledSwitchTrack;

package/dist/cjs/packages/ui/src/components/Tab.styled.cjs

@@ -1,11 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
-var styled = require('styled-components');
-var MuiTab = require('@mui/material/Tab');
-
-var _templateObject;
-var StyledTab = styled(MuiTab)(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  line-height: 1.4;\n  &&:not(:disabled) {\n    opacity: 1;\n  }\n"])));
-
-exports.StyledTab = StyledTab;

package/dist/cjs/packages/ui/src/components/Tabs.styled.cjs

@@ -1,18 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
-var styled = require('styled-components');
-var MuiTabs = require('@mui/material/Tabs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-var arrowStyles = function arrowStyles(show) {
-  return styled.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  content: '';\n  display: ", ";\n  position: absolute;\n  width: 0;\n  height: 0;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  border-width: 0 6px 6px 6px;\n  border-style: solid;\n  border-color: transparent transparent #fff transparent;\n"])), show ? "block" : "none");
-};
-var StyledTabs = styled(MuiTabs)(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var activecolor = _ref.activecolor,
-    theme = _ref.theme;
-  return styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    @media screen and (max-width: 767px) {\n      & .MuiTabs-flexContainer {\n        flex-direction: column;\n      }\n\n      & .MuiTab-root {\n        max-width: none;\n        position: relative;\n        padding-top: 15px;\n        padding-bottom: 15px;\n      }\n\n      & .MuiTab-root:after {\n        ", "\n      }\n\n      & .MuiTab-root.Mui-selected {\n        ", "\n        ", "\n      }\n\n      & .MuiTab-root.Mui-selected:after {\n        display: block;\n      }\n\n      & .MuiTabs-indicator {\n        display: none;\n      }\n    }\n\n    @media screen and (min-width: 600px) {\n      .MuiTab-root {\n        min-width: 160px;\n      }\n    }\n\n    @media screen and (min-width: 768px) {\n      & .MuiTabs-flexContainer {\n        position: relative;\n        z-index: 2;\n      }\n\n      & .MuiTabs-indicator {\n        height: 100%;\n        z-index: 1;\n        ", "\n        ", "\n      }\n\n      & .MuiTabs-indicator:after {\n        ", "\n      }\n    }\n  "])), arrowStyles(false), activecolor !== "inherit" && styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n          background: ", ";\n          color: ", ";\n        "])), theme.palette[activecolor].main, theme.palette[activecolor].contrastText), activecolor === "inherit" && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n          background: inherit;\n          color: inherit;\n        "]))), activecolor !== "inherit" && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n          background: ", ";\n          color: ", ";\n        "])), theme.palette[activecolor].main, theme.palette[activecolor].contrastText), activecolor === "inherit" && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n          background: inherit;\n          color: inherit;\n        "]))), arrowStyles(true));
-});
-
-exports.StyledTabs = StyledTabs;

package/dist/cjs/packages/ui/src/components/Tag.styled.cjs

@@ -1,69 +0,0 @@
-"use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
-var react = require('@emotion/react');
-var styled = require('@emotion/styled');
-var object = require('../utils/helpers/object.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
-var StyledTagIcon = styled.span(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var size = _ref.size;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n\n    ", "\n\n    ", "\n\n  ", "\n  "])), size === "small" && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      width: 10px;\n      height: 10px;\n    "]))), size === "medium" && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      width: 12px;\n      height: 12px;\n    "]))), size === "large" && react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      width: 14px;\n      height: 14px;\n    "]))));
-});
-var edgesStyles = function edgesStyles(_ref2) {
-  var edges = _ref2.edges,
-    theme = _ref2.theme;
-  return react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n  ", "\n    ", "\n"])), edges === "smooth" && react.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border-radius: ", "px;\n  "])), object.getObjectProp(theme, "shape.borderRadius") || 4), edges === "sharp" && react.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border-radius: 0px;\n  "]))), edges === "rounded" && react.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border-radius: 99999px;\n  "]))));
-};
-var sizeStyles = function sizeStyles(_ref3) {
-  var size = _ref3.size;
-  return react.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n"])), size === "small" && react.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-size: 10px;\n    height: 18px;\n    line-height: 18px;\n    padding: 0px 6px;\n  "]))), size === "medium" && react.css(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-size: 12px;\n    height: 20px;\n    line-height: 20px;\n    padding: 0px 8px;\n  "]))), size === "large" && react.css(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-size: 14px;\n    height: 24px;\n    line-height: 24px;\n    padding: 0px 10px;\n  "]))));
-};
-var containedStyles = function containedStyles(_ref4) {
-  var color = _ref4.color,
-    theme = _ref4.theme;
-  return react.css(_templateObject12 || (_templateObject12 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  background-color: ", ";\n  color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")), object.getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")));
-};
-var standardStyles = function standardStyles(_ref5) {
-  var color = _ref5.color,
-    theme = _ref5.theme;
-  return react.css(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  background-color: ", ";\n  color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".light")), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")));
-};
-var outlinedStyles = function outlinedStyles(_ref6) {
-  var color = _ref6.color,
-    theme = _ref6.theme;
-  return react.css(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 1px solid currentColor;\n  color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")));
-};
-var StyledTagIconDot = styled.span(_templateObject15 || (_templateObject15 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: inline-flex;\n  width: 0px;\n  height: 0px;\n  border-radius: 2px;\n  border-width: 3px;\n  border-style: solid;\n  border-color: currentColor;\n"])));
-var StyledTag = styled.div(_templateObject16 || (_templateObject16 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref7) {
-  var _ref7$color = _ref7.color,
-    color = _ref7$color === void 0 ? "default" : _ref7$color,
-    _ref7$edges = _ref7.edges,
-    edges = _ref7$edges === void 0 ? "smooth" : _ref7$edges,
-    _ref7$size = _ref7.size,
-    size = _ref7$size === void 0 ? "medium" : _ref7$size,
-    theme = _ref7.theme,
-    variant = _ref7.variant;
-  return react.css(_templateObject17 || (_templateObject17 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    font-weight: 500;\n    gap: 4px;\n\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n  "])), edgesStyles({
-    edges: edges,
-    theme: theme
-  }), sizeStyles({
-    size: size
-  }), variant === "standard" && standardStyles({
-    color: color,
-    theme: theme
-  }), variant === "outlined" && outlinedStyles({
-    color: color,
-    theme: theme
-  }), variant === "contained" && containedStyles({
-    color: color,
-    theme: theme
-  }));
-});
-
-exports.StyledTagIcon = StyledTagIcon;
-exports.StyledTagIconDot = StyledTagIconDot;
-exports.default = StyledTag;

package/dist/cjs/packages/ui/src/components/TextInput.styled.cjs

@@ -1,85 +0,0 @@
-"use strict";
-'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 InputBase = require('@mui/material/InputBase');
-var object = require('../utils/helpers/object.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
-var colorStyles = function colorStyles(_ref) {
-  var color = _ref.color,
-    theme = _ref.theme;
-  return react.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), color === "default" && react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border: 1px solid ", ";\n  "])), object.getObjectProp(theme, "vars.palette.grey.400")), color !== "default" && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border: 1px solid ", ";\n    background-color: ", ";\n  "])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")), object.getObjectProp(theme, "vars.palette.".concat(color, ".light"))));
-};
-var disabledStyles = function disabledStyles(_ref2) {
-  var theme = _ref2.theme;
-  return react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  border-color: ", ";\n  color: ", ";\n  background-color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.grey.200"), object.getObjectProp(theme, "vars.palette.grey.600"), object.getObjectProp(theme, "vars.palette.grey.200"));
-};
-var edgesStyles = function edgesStyles(_ref3) {
-  var edges = _ref3.edges,
-    theme = _ref3.theme;
-  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n  ", "\n    ", "\n"])), edges === "smooth" && react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border-radius: ", ";\n  "])), object.getObjectProp(theme, "vars.shape.borderRadius")), edges === "sharp" && react.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border-radius: 0px;\n  "]))), edges === "rounded" && react.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border-radius: 9999px;\n  "]))));
-};
-var focusStyles = function focusStyles(_ref4) {
-  var theme = _ref4.theme,
-    color = _ref4.color;
-  return react.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n  ", "\n\n  > input:focus::placeholder {\n    opacity: 0;\n  }\n"])), color === "default" && react.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    &:focus-within {\n      box-shadow: 0px 0px 6px 0px\n        ", ";\n      border-color: ", ";\n    }\n  "])), object.getObjectProp(theme, "vars.palette.info.main"), object.getObjectProp(theme, "vars.palette.info.main")), color !== "default" && react.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    &:focus-within {\n      box-shadow: 0px 0px 6px 0px\n        ", ";\n    }\n  "])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main"))));
-};
-var hoverStyles = react.css(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  &:hover {\n    border-color: #1f1c4f;\n  }\n"])));
-var placeholderStyles = function placeholderStyles(_ref5) {
-  var theme = _ref5.theme;
-  return react.css(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  > input::placeholder {\n    color: ", ";\n    opacity: 1;\n    transition: none;\n  }\n"])), object.getObjectProp(theme, "vars.palette.grey.600"));
-};
-var readOnlyStyles = function readOnlyStyles(_ref6) {
-  var theme = _ref6.theme;
-  return react.css(_templateObject12 || (_templateObject12 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  background-color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.background.muted"));
-};
-var sizeStyles = function sizeStyles(_ref7) {
-  var size = _ref7.size,
-    multiline = _ref7.multiline,
-    theme = _ref7.theme;
-  return react.css(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n  ", "\n  ", "\n"])), size === "small" && react.css(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    height: 36px;\n    padding: 8px 12px;\n    font-size: calc(", "px - 2px);\n  "])), object.getObjectProp(theme, "typography.fontSize")), size === "medium" && react.css(_templateObject15 || (_templateObject15 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    height: 48px;\n    padding: 12px 16px;\n    font-size: ", "px;\n  "])), object.getObjectProp(theme, "typography.fontSize")), multiline && react.css(_templateObject16 || (_templateObject16 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    height: auto;\n    min-height: 78px;\n  "]))));
-};
-var StyledTextInput = styles.styled(InputBase)(_templateObject17 || (_templateObject17 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref8) {
-  var color = _ref8.color,
-    disabled = _ref8.disabled,
-    edges = _ref8.edges,
-    multiline = _ref8.multiline,
-    readOnly = _ref8.readOnly,
-    size = _ref8.size,
-    theme = _ref8.theme;
-  return react.css(_templateObject18 || (_templateObject18 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    background-color: #fff;\n    font-weight: 400;\n    transition: none;\n    color: ", ";\n\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n\n    > input {\n      padding: 0;\n    }\n  "])), object.getObjectProp(theme, "vars.palette.text.primary"), colorStyles({
-    color: color,
-    theme: theme
-  }), edgesStyles({
-    edges: edges,
-    theme: theme
-  }), !disabled && !readOnly && hoverStyles, !disabled && !readOnly && focusStyles({
-    theme: theme,
-    color: color
-  }), !disabled && readOnly && readOnlyStyles({
-    theme: theme
-  }), disabled && disabledStyles({
-    theme: theme
-  }), placeholderStyles({
-    theme: theme
-  }), sizeStyles({
-    size: size,
-    multiline: multiline,
-    theme: theme
-  }));
-});
-
-exports.colorStyles = colorStyles;
-exports.default = StyledTextInput;
-exports.disabledStyles = disabledStyles;
-exports.edgesStyles = edgesStyles;
-exports.focusStyles = focusStyles;
-exports.hoverStyles = hoverStyles;
-exports.placeholderStyles = placeholderStyles;
-exports.readOnlyStyles = readOnlyStyles;
-exports.sizeStyles = sizeStyles;