@tenancy.nz/ui 1.0.7 → 1.0.9

package/dist/cjs/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/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;

package/dist/cjs/components/Truncate.cjs

@@ -1,25 +0,0 @@
-"use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var PropTypes = require('prop-types');
-require('mime/lite');
-var string = require('../utils/helpers/string.cjs');
-require('../utils/helpers/time.cjs');
-
-function Truncate(_ref) {
-  var children = _ref.children,
-    limit = _ref.limit;
-  var truncatedStr = string.stripTags(children).slice(0, limit).trim();
-  if (children.length > truncatedStr.length) {
-    return "".concat(truncatedStr, "...");
-  }
-  return truncatedStr;
-}
-Truncate.propTypes = {
-  children: PropTypes.string.isRequired,
-  limit: PropTypes.number.isRequired
-};
-
-exports.default = Truncate;

package/dist/cjs/utils/animations.cjs

@@ -1,24 +0,0 @@
-"use strict";
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var styled = require('styled-components');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var easing = {
-  rubber: "cubic-bezier(0.175, 0.885, 0.335, 1.05)"
-};
-var rotate360 = styled.keyframes(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n\t0% {\n    transform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n"])));
-var glow = styled.keyframes(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  0%, 100% { opacity: 1; }\n  50% { opacity: .4; }\n"])));
-var float = styled.keyframes(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  0% { transform: translateY(1px); }\n  25% { transform: translateY(0px); }\n  50% { transform: translateY(-3px); }\n  100% { transform: translateY(1px); }\n"])));
-var jiggle = styled.keyframes(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  0%, 100% { transform:translate3d(0,0,0); }\n  12.5%, 62.5% { transform:translate3d(-4px,0,0); }\n  37.5%, 87.5% {  transform: translate3d(4px,0,0);  }\n"])));
-var shake = styled.keyframes(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  0% { transform:rotate(-3deg) }\n  1.68421% { transform:rotate(3deg) }\n  2.10526% { transform:rotate(6deg) }\n  3.78947% { transform:rotate(-6deg) }\n  4.21053% { transform:rotate(-6deg) }\n  5.89474% { transform:rotate(6deg) }\n  6.31579% { transform:rotate(6deg) }\n  8% { transform:rotate(-6deg) }\n  8.42105% { transform:rotate(-6deg) }\n  10.10526% { transform:rotate(6deg) }\n  10.52632% { transform:rotate(6deg) }\n  12.21053% { transform:rotate(-6deg) }\n  12.63158% { transform:rotate(-6deg) }\n  14.31579% { transform:rotate(6deg) }\n  15.78947% { transform:rotate(0deg) }\n  100% { transform:rotate(0deg) }\n"])));
-var inlineGlow = styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  animation: ", " 1.5s ease-in-out infinite;\n  background-color: #eee !important;\n  color: transparent !important;\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n  background-clip: padding-box !important;\n  border: none !important;\n  box-shadow: none !important;\n"])), glow);
-
-exports.easing = easing;
-exports.float = float;
-exports.glow = glow;
-exports.inlineGlow = inlineGlow;
-exports.jiggle = jiggle;
-exports.rotate360 = rotate360;
-exports.shake = shake;

package/dist/cjs/utils/helpers/date.cjs

@@ -1,11 +0,0 @@
-"use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dayjs = require('dayjs');
-var customParseFormat = require('dayjs/plugin/customParseFormat');
-
-dayjs.extend(customParseFormat);
-
-exports.default = dayjs;

package/dist/esm/utils/helpers/date.js

@@ -1,6 +0,0 @@
-"use strict";
-import dayjs from 'dayjs';
-export { default } from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-
-dayjs.extend(customParseFormat);