@punch-in/buffet-modern-styles 3.3.12

package/build/esm/components/Enumeration/index.js

@@ -0,0 +1,25 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Enumeration
+ *
+ */
+
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var Enumeration = styled.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: ", ";\n  margin: 0;\n  opacity: 0;\n  &:checked + span {\n    background-image: ", ";\n    color: ", ";\n    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);\n    font-weight: ", ";\n  }\n"])), function (_ref) {
+  var disabled = _ref.disabled;
+  return disabled ? 'not-allowed' : 'pointer';
+}, colors.blueGradient, colors.white, sizes.fontWeight.bold);
+Enumeration.defaultProps = {
+  disabled: false,
+  type: 'radio'
+};
+Enumeration.propTypes = {
+  disabled: PropTypes.bool,
+  type: PropTypes.string
+};
+export default Enumeration;

package/build/esm/components/EnumerationWrapper/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * EnumerationWrapper
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var EnumerationWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: fit-content;\n  height: 34px;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  overflow: hidden;\n\n  label {\n    position: relative;\n    display: inline-block;\n    height: 100%;\n    width: fit-content;\n    color: ", ";\n\n    span {\n      display: inline-block;\n      padding: 0 1.5rem;\n      line-height: 32px;\n      margin: auto;\n      letter-spacing: 0.65px;\n      font-size: 1.2rem;\n      font-weight: ", ";\n      text-transform: uppercase;\n    }\n\n    &:not(:last-of-type) {\n      span {\n        border-right: 1px solid ", ";\n      }\n    }\n  }\n"])), colors.lightGrey, sizes.borderRadiusSm, colors.white, colors.brightGrey, sizes.fontWeight.semiBold, colors.lightGrey);
+export default EnumerationWrapper;

package/build/esm/components/ErrorMessage/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * ErrorMessage
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var ErrorMessage = styled.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n  margin-top: 0.25rem;\n"])), sizes.input.fontSize, colors.darkOrange);
+export default ErrorMessage;

package/build/esm/components/Fonts/index.js

@@ -0,0 +1,31 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { createGlobalStyle } from 'styled-components';
+import faBrandsLight from '@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff';
+import faBrandsLight2 from '@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2';
+import faRegularLight from '@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff';
+import faRegularLight2 from '@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2';
+import faSolidHeavy from '@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff';
+import faSolidHeavy2 from '@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2';
+
+/* Lato Regular */
+import latoRegular from '../../assets/fonts/lato/Lato-Regular.ttf';
+import latoRegularWoff from '../../assets/fonts/lato/Lato-Regular.woff';
+import latoRegularWoff2 from '../../assets/fonts/lato/Lato-Regular.woff2';
+
+/* Lato SemiBold */
+import latoSemiBold from '../../assets/fonts/lato/Lato-SemiBold.ttf';
+import latoSemiBoldWoff from '../../assets/fonts/lato/Lato-SemiBold.woff';
+import latoSemiBoldWoff2 from '../../assets/fonts/lato/Lato-SemiBold.woff2';
+
+/* Lato Bold */
+import latoBold from '../../assets/fonts/lato/Lato-Bold.ttf';
+import latoBoldWoff from '../../assets/fonts/lato/Lato-Bold.woff';
+import latoBoldWoff2 from '../../assets/fonts/lato/Lato-Bold.woff2';
+
+/* Lato Black */
+import latoBlack from '../../assets/fonts/lato/Lato-Black.ttf';
+import latoBlackWoff from '../../assets/fonts/lato/Lato-Black.woff';
+import latoBlackWoff2 from '../../assets/fonts/lato/Lato-Black.woff2';
+var Font = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n@font-face {\n  font-family: 'FontAwesome';\n  src: url(", ") format(\"woff2\"), url(", ") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n};\n\n@font-face {\n  font-family: 'FontAwesome';\n  src: url(", ") format(\"woff2\"), url(", ") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n};\n\n@font-face {\n  font-family: 'FontAwesome';\n  src: url(", ") format(\"woff2\"), url(", ") format(\"woff\");\n  font-weight: 400;\n  font-style: normal;\n};\n\n/* Lato Regular - 400 */\n@font-face {\n  font-family: 'Lato';\n  src: url(", ") format('woff2'), url(", ") format('woff'), url(", ") format('truetype');\n  font-weight: 400;\n  font-style: normal;\n};\n\n/* Lato Semi-Bold - 500 */\n@font-face {\n  font-family: 'Lato';\n  src: url(", ") format('woff2'), url(", ") format('woff'), url(", ") format('truetype');\n  font-weight: 500;\n  font-style: normal;\n};\n\n/* Lato Bold - 600 */\n@font-face {\n  font-family: 'Lato';\n  src: url(", ") format('woff2'), url(", ") format('woff'), url(", ") format('truetype');\n  font-weight: 600;\n  font-style: normal;\n};\n\n/* Lato Black - 900 */\n@font-face {\n  font-family: 'Lato';\n  src:  url(", ") format('woff2'), url(", ") format('woff'), url(", ") format('truetype');\n  font-weight: 900;\n  font-style: normal;\n};"])), faBrandsLight2, faBrandsLight, faRegularLight2, faRegularLight, faSolidHeavy2, faSolidHeavy, latoRegularWoff2, latoRegularWoff, latoRegular, latoSemiBoldWoff2, latoSemiBoldWoff, latoSemiBold, latoBoldWoff2, latoBoldWoff, latoBold, latoBlackWoff2, latoBlackWoff, latoBlack);
+export default Font;

package/build/esm/components/GlobalStyle/index.js

@@ -0,0 +1,7 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { createGlobalStyle } from 'styled-components';
+import mixins from '../../assets/styles/mixins';
+import colors from '../../assets/styles/colors';
+var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  *, *::before, *::after {\n    ", "\n  }\n\n  html {\n    font-size: 62.5%;\n    -webkit-text-size-adjust: 100%;\n  }\n\n  html, body {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  body {\n    background-color: ", ";\n    line-height: 1.5;\n  }\n\n  p {\n    margin: 0;\n  }\n\n  a, button {\n    cursor: pointer;\n    outline: 0;\n  }\n\n  a:focus-visible,\n  button:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n\n  h1, h2, h3, p, label, button, input, textarea {\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  input:-webkit-autofill,\n  input:-webkit-autofill:hover,\n  input:-webkit-autofill:focus,\n  input:-webkit-autofill:active {\n    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;\n    transition-delay: 9999s;\n  }\n\n  ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    *, *::before, *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n"])), mixins().bbox, colors.greyIconBkgd, colors.blue);
+export default GlobalStyle;

package/build/esm/components/Header/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Header
+ *
+ */
+
+import styled from 'styled-components';
+import sizes from '../../assets/styles/sizes';
+import colors from '../../assets/styles/colors';
+var Header = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-bottom: ", "px;\n  position: relative;\n  width: 100%;\n  height: 50px;\n\n  .justify-content-end {\n    display: flex;\n  }\n\n  .header-title p {\n    width: 100%;\n    margin: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 1.3rem;\n    font-weight: ", ";\n    line-height: normal;\n    color: ", ";\n  }\n\n  .sticky {\n    position: fixed;\n    top: 0;\n    left: 30.6rem;\n    z-index: 1050;\n    background-color: ", ";\n    width: calc(100vw - 30.6rem);\n    padding-right: ", "px;\n    height: 60px;\n    display: flex;\n\n    .row {\n      width: 100%;\n      margin: auto;\n      margin-top: ", "px;\n\n      .header-title p {\n        display: none;\n      }\n\n      > div > div {\n        padding-top: 0;\n\n        h1 {\n          font-size: 2rem;\n\n          svg {\n            margin-top: ", "px;\n          }\n        }\n\n        button {\n          margin-top: auto;\n          margin-bottom: auto;\n        }\n      }\n    }\n  }\n"])), sizes.spacing.xxl, sizes.fontWeight.regular, colors.greySubtitle, colors.white, sizes.spacing.lg, sizes.spacing.lg, sizes.spacing.sm);
+export default Header;

package/build/esm/components/HeaderActions/index.js

@@ -0,0 +1,12 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * HeaderActions
+ *
+ */
+
+import styled from 'styled-components';
+import sizes from '../../assets/styles/sizes';
+var HeaderActions = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ", "px;\n  width: fit-content;\n  max-width: 100%;\n  padding-top: 1rem;\n\n  > button {\n    margin: 0;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    text-align: center;\n    outline: 0;\n  }\n"])), sizes.spacing.lg);
+export default HeaderActions;

package/build/esm/components/HeaderTitle/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * HeaderTitle
+ *
+ */
+
+import styled from 'styled-components';
+import sizes from '../../assets/styles/sizes';
+import colors from '../../assets/styles/colors';
+var HeaderTitle = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  padding-top: 0.5rem;\n\n  h1 {\n    position: relative;\n    width: fit-content;\n    max-width: 100%;\n    margin-bottom: 0;\n    padding-right: 18px;\n    font-size: 2.4rem;\n    line-height: normal;\n    font-weight: ", ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  svg {\n    position: absolute;\n    right: 0;\n    top: 0;\n    margin-top: 12px;\n    font-size: 1.2rem;\n    color: ", ";\n    cursor: pointer;\n    outline: 0;\n    transition: color 0.2s ease;\n\n    &:focus-visible {\n      outline: 2px solid ", ";\n      outline-offset: 2px;\n    }\n  }\n"])), sizes.fontWeight.bold, colors.greySubtitle, colors.blue);
+export default HeaderTitle;

package/build/esm/components/Icon/index.js

@@ -0,0 +1,16 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Icon
+ *
+ */
+
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+var Icon = styled(FontAwesomeIcon)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
+Icon.propTypes = {
+  icon: PropTypes.any.isRequired
+};
+export default Icon;

package/build/esm/components/IconText/index.js

@@ -0,0 +1,9 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from 'styled-components';
+import sizes from '../../assets/styles/sizes';
+import IconWrapper from '../IconWrapper';
+var IconText = styled(IconWrapper)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  z-index: 3;\n  transform: translateY(0);\n\n  ::before {\n    content: '", "';\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n    font-size: 1.6rem;\n    font-weight: ", ";\n  }\n"])), function (props) {
+  return props.text;
+}, sizes.fontWeight.bold);
+export default IconText;

package/build/esm/components/IconWrapper/index.js

@@ -0,0 +1,16 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var IconWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: calc(", " - 2px);\n  height: calc(", " - 2px);\n  color: ", ";\n  position: absolute;\n  left: 1px;\n  top: 1px;\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.3rem;\n"])), sizes.input.height, sizes.input.height, colors.greyIconColor, function (props) {
+  return props.background ? colors.greyIconBkgd : 'transparent';
+});
+IconWrapper.defaultProps = {
+  background: true
+};
+IconWrapper.propTypes = {
+  background: PropTypes.bool
+};
+export default IconWrapper;

package/build/esm/components/InputNumber/index.js

@@ -0,0 +1,14 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * InputNumber
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+import img from '../../assets/icons/icon_select.svg';
+var InputNumber = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .rc-input-number {\n    margin: 0;\n    padding: 0;\n    line-height: 26px;\n    font-size: 1.2rem;\n    height: 26px;\n    display: inline-block;\n    vertical-align: middle;\n    border: 1px solid ", ";\n    border-radius: ", ";\n    transition: border-color 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .rc-input-number-focused {\n    border-color: ", ";\n    box-shadow: 0 0 0 3px ", ";\n  }\n\n  .rc-input-number-handler {\n    text-align: center;\n    line-height: 12px;\n    height: 12px;\n    overflow: hidden;\n    display: block;\n    touch-action: none;\n  }\n\n  .rc-input-number-handler-up-inner,\n  .rc-input-number-handler-down-inner {\n    color: ", ";\n    user-select: none;\n  }\n\n  .rc-input-number:hover {\n    border-color: ", ";\n  }\n\n  .rc-input-number:hover .rc-input-number-handler-up,\n  .rc-input-number:hover .rc-input-number-handler-wrap {\n    border-color: ", ";\n  }\n\n  .rc-input-number-disabled:hover {\n    border-color: ", ";\n  }\n\n  .rc-input-number-disabled:hover .rc-input-number-handler-up,\n  .rc-input-number-disabled:hover .rc-input-number-handler-wrap {\n    border-color: ", ";\n  }\n\n  .rc-input-number-input-wrap {\n    overflow: hidden;\n    height: 100%;\n  }\n\n  .rc-input-number-input {\n    width: 100%;\n    text-align: center;\n    outline: 0;\n    -moz-appearance: textfield;\n    line-height: 26px;\n    height: 100%;\n    transition: color 0.2s ease;\n    color: ", ";\n    border: 0;\n    border-radius: ", ";\n    padding: 0;\n\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n\n  .rc-input-number-handler-wrap {\n    float: right;\n    border-left: 1px solid ", ";\n    width: 20px;\n    height: 100%;\n    transition: border-color 0.2s ease;\n  }\n\n  .rc-input-number-handler-up {\n    border-bottom: 1px solid ", ";\n    padding-top: 1px;\n  }\n\n  .rc-input-number-handler-up-inner:after {\n    content: '+';\n  }\n\n  .rc-input-number-handler-down-inner:after {\n    content: '-';\n  }\n\n  .rc-input-number-handler-down-disabled,\n  .rc-input-number-handler-up-disabled {\n    opacity: 0.6;\n  }\n\n  .rc-input-number-handler-down-disabled:hover,\n  .rc-input-number-handler-up-disabled:hover {\n    color: ", ";\n    border-color: ", ";\n  }\n\n  .rc-input-number-disabled .rc-input-number-input {\n    opacity: 0.6;\n    cursor: not-allowed;\n    background-color: ", ";\n  }\n\n  .rc-input-number-disabled .rc-input-number-handler {\n    opacity: 0.6;\n  }\n\n  .rc-input-number-disabled .rc-input-number-handler:hover {\n    color: ", ";\n    border-color: ", ";\n  }\n\n  .rc-input-number.inputNumber {\n    width: 100%;\n    height: ", ";\n    background-color: ", ";\n    border: 0;\n    box-shadow: none;\n    position: relative;\n\n    input {\n      width: 100%;\n      height: 100%;\n      border: 1px solid ", ";\n      padding: 0 ", ";\n      cursor: pointer;\n      outline: 0;\n      padding-right: calc(", " + ", ");\n      border-radius: ", ";\n      text-align: left;\n      font-weight: ", ";\n      font-size: 1.3rem;\n      color: ", ";\n      transition: border-color 0.2s ease, box-shadow 0.2s ease;\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &::-webkit-input-placeholder {\n        color: ", ";\n      }\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 3px ", ";\n      }\n\n      &:disabled {\n        cursor: not-allowed;\n        background-color: ", ";\n        color: ", ";\n        opacity: 1;\n      }\n    }\n\n    .rc-input-number-handler-wrap {\n      width: 24px;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background-image: url(", ");\n      background-repeat: no-repeat;\n      background-position: right center;\n      border: none;\n      cursor: pointer;\n\n      span {\n        height: 50%;\n        border: 0;\n\n        span {\n          color: transparent;\n        }\n      }\n    }\n  }\n\n  input[type='number']::-webkit-inner-spin-button,\n  input[type='number']::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n"])), colors.lightGrey, sizes.borderRadiusSm, colors.blueBorder, colors.blueFocusRing, colors.greySubtitle, colors.blueBorder, colors.blueBorder, colors.lightGrey, colors.lightGrey, colors.blueTxt, sizes.borderRadiusSm, colors.lightGrey, colors.lightGrey, colors.brightGrey, colors.lightGrey, colors.greyIconBkgd, colors.brightGrey, colors.lightGrey, sizes.input.height, colors.white, colors.lightGrey, sizes.input.padding, sizes.input.height, sizes.input.padding, sizes.borderRadius, sizes.fontWeight.regular, colors.blueTxt, colors.greyPlaceholder, colors.greyPlaceholder, colors.blueBorder, colors.blueFocusRing, colors.greyIconBkgd, colors.brightGrey, img);
+export default InputNumber;

package/build/esm/components/InputText/index.js

@@ -0,0 +1,24 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * InputText
+ *
+ */
+
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var InputText = styled.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n  padding: 0 ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  cursor: text;\n  outline: 0;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  background-color: transparent;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &::-webkit-input-placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    border-color: ", ";\n    box-shadow: 0 0 0 3px ", ";\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n    color: ", ";\n  }\n\n  ", "\n\n  ", "\n"])), sizes.input.height, sizes.input.padding, sizes.fontWeight.regular, sizes.input.fontSize, colors.lightGrey, sizes.borderRadius, colors.blueTxt, colors.greyPlaceholder, colors.greyPlaceholder, colors.blueBorder, colors.blueFocusRing, colors.greyIconBkgd, colors.brightGrey, function (props) {
+  return (props.type === 'search' || props.type === 'email' || props.icon) && "\n      padding-left: calc(".concat(sizes.input.height, " + ").concat(sizes.input.padding, ");\n    ");
+}, function (props) {
+  return props.type === 'password' && "\n      padding-right: calc(".concat(sizes.input.height, " + ").concat(sizes.input.padding, ");\n    ");
+});
+InputText.defaultProps = {
+  type: 'text'
+};
+InputText.propTypes = {
+  type: PropTypes.string
+};
+export default InputText;

package/build/esm/components/InputWrapper/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * InputWrapper
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var InputWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  background-color: ", ";\n  border-radius: ", ";\n\n  button[type='button'] {\n    width: ", ";\n    height: ", ";\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    cursor: pointer;\n    outline: 0;\n    border: 0;\n    background: transparent;\n    transition: color 0.2s ease;\n\n    &:hover {\n      span::before {\n        color: ", ";\n      }\n    }\n\n    &.shown {\n      span::before {\n        color: ", ";\n      }\n\n      & + input[type='text'] {\n        padding-right: calc(", " + ", ");\n      }\n    }\n  }\n\n  span {\n    border-top-left-radius: ", ";\n    border-bottom-left-radius: ", ";\n  }\n\n  input {\n    position: relative;\n    z-index: 1;\n  }\n"])), colors.white, sizes.borderRadius, sizes.input.height, sizes.input.height, colors.blueTxt, colors.blueTxt, sizes.input.height, sizes.input.padding, sizes.borderRadius, sizes.borderRadius);
+export default InputWrapper;

package/build/esm/components/Label/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Label
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var Label = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n"])), sizes.fontWeight.semiBold, sizes.input.fontSize, colors.blueTxt);
+export default Label;

package/build/esm/components/Links/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Links
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var Links = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", "px;\n\n  button {\n    background: transparent;\n    border: 0;\n    outline: 0;\n    color: ", ";\n    transition: color 0.2s ease, opacity 0.2s ease;\n\n    &:focus-visible {\n      outline: 2px solid ", ";\n      outline-offset: 2px;\n    }\n\n    svg {\n      font-size: 1rem;\n      color: ", ";\n    }\n  }\n"])), sizes.spacing.sm, colors.blueTxt, colors.blue, colors.blueTxt);
+export default Links;

package/build/esm/components/List/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * List
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var List = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n  border-radius: ", ";\n  background: ", ";\n\n  table {\n    border-collapse: collapse;\n    width: 100%;\n    min-width: 500px;\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n  }\n\n  thead {\n    tr {\n      height: 3rem;\n      line-height: 0.1rem;\n      font-weight: ", ";\n      text-transform: capitalize;\n\n      td {\n        background-color: ", ";\n      }\n    }\n  }\n\n  tbody {\n    color: ", ";\n\n    tr {\n      height: 5.4rem;\n      transition: background-color 0.15s ease;\n\n      &::before {\n        content: '-';\n        display: inline-block;\n        line-height: 1.1em;\n        color: transparent;\n        background-color: transparent;\n        position: absolute;\n        left: 3rem;\n        width: calc(100% - 6rem);\n        height: 1px;\n        margin-top: -", "px;\n      }\n\n      &:not(:first-of-type)::before {\n        background-color: rgba(14, 22, 34, 0.04);\n      }\n    }\n\n    td {\n      padding: 0.75em;\n      vertical-align: middle;\n      font-size: 1.3rem;\n      line-height: 1.8rem;\n\n      &:first-of-type:not(:last-of-type) {\n        padding-left: 3rem;\n      }\n\n      &:last-of-type:not(:first-of-type) {\n        padding-right: 3rem;\n      }\n    }\n  }\n\n  @media (min-width: ", ") {\n    width: 100%;\n    overflow-x: auto;\n  }\n"])), sizes.borderRadius, colors.white, sizes.fontWeight.bold, colors.greyHeader, colors.blueTxt, sizes.margin * 0.1, sizes.tablet);
+export default List;

package/build/esm/components/ListHeader/index.js

@@ -0,0 +1,11 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * ListHeader
+ *
+ */
+
+import styled from 'styled-components';
+var ListHeader = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+export default ListHeader;

package/build/esm/components/ListRow/index.js

@@ -0,0 +1,11 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * ListRow
+ *
+ */
+
+import styled from 'styled-components';
+var ListRow = styled.tr(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  td {\n    padding-left: 0.75em;\n    padding-right: 0.75em;\n    text-align: left;\n  }\n"])));
+export default ListRow;

package/build/esm/components/ListSubtitle/index.js

@@ -0,0 +1,12 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * ListSubtitle
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+var ListSubtitle = styled.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n  color: ", ";\n  font-size: 1.3rem;\n  line-height: 1.5;\n"])), colors.greySubtitle);
+export default ListSubtitle;

package/build/esm/components/ListTitle/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * ListTitle
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var ListTitle = styled.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n  font-size: 1.8rem;\n  font-weight: ", ";\n  line-height: 1.4;\n"])), colors.blueTxt, sizes.fontWeight.bold);
+export default ListTitle;

package/build/esm/components/LoadingBar/index.js

@@ -0,0 +1,14 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * LoadingBar
+ *
+ */
+
+import styled, { keyframes } from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var loading = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { left: -200px; width: 30%; }\n  50% { width: 30%; }\n  70% { width: 70%; }\n  80% { left: 50%; }\n  95% { left: 120%; }\n  to { left: 100%; }\n"])));
+var LoadingBar = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 6px;\n  width: 20%;\n  margin-top: ", "px;\n  position: relative;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: ", ";\n\n  &:before {\n    display: block;\n    position: absolute;\n    content: '';\n    left: -200px;\n    width: 200px;\n    height: 6px;\n    background-color: ", ";\n    animation: ", " 2s linear infinite;\n  }\n"])), sizes.spacing.lg, colors.greyHeader, sizes.borderRadius, colors.lightGrey, loading);
+export default LoadingBar;

package/build/esm/components/LoadingIndicator/index.js

@@ -0,0 +1,69 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * LoadingIndicator
+ *
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled, { css, keyframes } from 'styled-components';
+import colors from '../../assets/styles/colors';
+var spin = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"])));
+var getSize = function getSize(size, small) {
+  if (size) return size;
+  if (small) return '11px';
+  return '26px';
+};
+var Loader = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n\n  > div {\n    width: ", ";\n    height: ", ";\n    border: ", ";\n    border-top-color: ", ";\n    border-radius: 50%;\n    animation: ", ";\n  }\n"])), function (_ref) {
+  var size = _ref.size,
+    small = _ref.small;
+  return getSize(size, small);
+}, function (_ref2) {
+  var size = _ref2.size,
+    small = _ref2.small;
+  return getSize(size, small);
+}, function (_ref3) {
+  var borderWidth = _ref3.borderWidth,
+    borderColor = _ref3.borderColor;
+  return "".concat(borderWidth, " solid ").concat(borderColor);
+}, function (_ref4) {
+  var borderTopColor = _ref4.borderTopColor;
+  return borderTopColor;
+}, function (_ref5) {
+  var animationTime = _ref5.animationTime;
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        ", " ", " linear infinite\n      "])), spin, animationTime);
+});
+var LoadingIndicator = function LoadingIndicator(_ref6) {
+  var animationTime = _ref6.animationTime,
+    borderColor = _ref6.borderColor,
+    borderTopColor = _ref6.borderTopColor,
+    borderWidth = _ref6.borderWidth,
+    small = _ref6.small,
+    size = _ref6.size;
+  return /*#__PURE__*/React.createElement(Loader, {
+    animationTime: animationTime,
+    borderColor: borderColor,
+    borderTopColor: borderTopColor,
+    borderWidth: borderWidth,
+    small: small,
+    size: size
+  }, /*#__PURE__*/React.createElement("div", null));
+};
+LoadingIndicator.defaultProps = {
+  animationTime: '1s',
+  borderColor: colors.greyIconBkgd,
+  borderTopColor: colors.blue,
+  borderWidth: '4px',
+  size: null,
+  small: false
+};
+LoadingIndicator.propTypes = {
+  animationTime: PropTypes.string,
+  borderColor: PropTypes.string,
+  borderTopColor: PropTypes.string,
+  borderWidth: PropTypes.string,
+  size: PropTypes.string,
+  small: PropTypes.bool
+};
+export default LoadingIndicator;

package/build/esm/components/Option/index.js

@@ -0,0 +1,37 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var Option = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  height: ", ";\n  margin: ", ";\n  align-items: center;\n  padding-left: ", "px;\n  background: rgba(0, 126, 255, 0.08);\n  border: 1px solid rgba(0, 126, 255, 0.24);\n  border-radius: ", ";\n  line-height: ", ";\n  color: ", ";\n  font-size: ", ";\n  -webkit-font-smoothing: antialiased;\n"])), function (_ref) {
+  var height = _ref.height;
+  return height;
+}, function (_ref2) {
+  var margin = _ref2.margin;
+  return margin;
+}, sizes.spacing.lg, sizes.borderRadiusSm, function (_ref3) {
+  var lineHeight = _ref3.lineHeight;
+  return lineHeight;
+}, colors.blue, function (_ref4) {
+  var _theme$main;
+  var theme = _ref4.theme;
+  return (theme === null || theme === void 0 || (_theme$main = theme.main) === null || _theme$main === void 0 || (_theme$main = _theme$main.sizes) === null || _theme$main === void 0 || (_theme$main = _theme$main.fonts) === null || _theme$main === void 0 ? void 0 : _theme$main.md) || sizes.input.fontSize;
+});
+Option.defaultProps = {
+  height: '30px',
+  lineHeight: '28px',
+  margin: '0',
+  theme: {
+    main: {
+      sizes: {
+        fonts: {
+          xs: '11px',
+          sm: '12px',
+          md: '13px',
+          lg: '18px'
+        }
+      }
+    }
+  }
+};
+export default Option;

package/build/esm/components/Paging/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Paging
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var Paging = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ul.pagination {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center;\n    gap: ", "px;\n    margin: 0;\n    padding: 0;\n    font-size: 1.2rem;\n    list-style: none;\n\n    .page-item {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n\n      .page-link {\n        box-shadow: none;\n        font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 1.2rem;\n        background-color: transparent;\n        color: ", ";\n        padding: ", "px ", "px;\n        border-radius: ", ";\n        transition: background-color 0.2s ease, color 0.2s ease;\n\n        &:hover {\n          background-color: ", ";\n        }\n\n        &:focus-visible {\n          outline: 2px solid ", ";\n          outline-offset: 2px;\n        }\n      }\n\n      &.selected {\n        .page-link {\n          font-weight: ", ";\n          color: ", ";\n        }\n      }\n\n      &:first-of-type,\n      &:last-of-type {\n        .page-link {\n          min-width: 24px;\n          min-height: 24px;\n        }\n      }\n    }\n  }\n"])), sizes.spacing.sm, colors.blueTxt, sizes.spacing.sm, sizes.spacing.md, sizes.borderRadiusSm, colors.greyHover, colors.blue, sizes.fontWeight.bold, colors.blue);
+export default Paging;

package/build/esm/components/Select/index.js

@@ -0,0 +1,14 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Select
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+import img from '../../assets/icons/icon_select.svg';
+var Select = styled.select(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n  padding: 0 ", ";\n  padding-right: 30px;\n  font-weight: ", ";\n  font-size: ", ";\n  cursor: pointer;\n  outline: 0;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  background-color: ", ";\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-position: right center;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n\n  &::-webkit-input-placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    border-color: ", ";\n    box-shadow: 0 0 0 3px ", ";\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n    color: ", ";\n    opacity: 1;\n  }\n"])), sizes.input.height, sizes.input.padding, sizes.fontWeight.regular, sizes.input.fontSize, colors.lightGrey, sizes.borderRadius, colors.blueTxt, colors.white, img, colors.greyPlaceholder, colors.blueBorder, colors.blueFocusRing, colors.greyIconBkgd, colors.brightGrey);
+export default Select;

package/build/esm/components/Tab/index.js

@@ -0,0 +1,30 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Tab
+ *
+ */
+
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import sizes from '../../assets/styles/sizes';
+import colors from '../../assets/styles/colors';
+var Tab = styled.li(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: calc(100% / ", ");\n  height: 3.6rem;\n\n  &:first-of-type a {\n    border-top-left-radius: ", ";\n  }\n\n  &:last-of-type a {\n    border-top-right-radius: ", ";\n  }\n\n  button {\n    width: 100%;\n    height: 100%;\n    border: 0;\n    padding: 0;\n    margin: 0;\n    background: transparent;\n  }\n\n  a {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    padding: 0 ", "px;\n    color: ", ";\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n    font-size: 1.3rem;\n    text-align: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-decoration: none;\n    cursor: pointer;\n    background-color: ", ";\n    border-top: 3px solid ", ";\n    border-bottom: 3px solid ", ";\n    transition: background-color 0.2s ease, border-color 0.2s ease;\n\n    p,\n    span {\n      margin: auto;\n    }\n\n    &.active {\n      border-top: 3px solid ", ";\n      border-bottom: 3px solid ", ";\n      background-color: ", ";\n      font-weight: ", ";\n    }\n  }\n"])), function (props) {
+  return props.count;
+}, sizes.borderRadiusSm, sizes.borderRadiusSm, sizes.margin * 2, colors.blueTxt, function (props) {
+  return props.background;
+}, function (props) {
+  return props.background;
+}, function (props) {
+  return props.background;
+}, colors.blueTabBorder, colors.white, colors.white, sizes.fontWeight.bold);
+Tab.defaultProps = {
+  index: 1,
+  background: colors.greyTabBkgd
+};
+Tab.propTypes = {
+  background: PropTypes.string,
+  index: PropTypes.number
+};
+export default Tab;

package/build/esm/components/Table/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Table
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var Table = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n  border-radius: ", ";\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);\n  background: ", ";\n\n  table {\n    width: 100%;\n    min-width: 500px;\n    font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;\n    border-collapse: collapse;\n\n    &.rowsSelected {\n      tbody::before {\n        content: '-';\n        height: ", ";\n        display: block;\n      }\n    }\n  }\n\n  .deleteRow {\n    height: ", ";\n    padding: 0 ", "px;\n    font-size: 1.3rem;\n    line-height: ", ";\n    background-color: ", ";\n    font-weight: ", ";\n\n    button {\n      border: none;\n      background: transparent;\n      color: ", ";\n      outline: 0;\n      transition: color 0.2s ease;\n\n      &:focus-visible {\n        outline: 2px solid ", ";\n        outline-offset: 2px;\n      }\n\n      svg {\n        margin-left: ", "px;\n      }\n    }\n  }\n\n  th,\n  td {\n    font-size: 1.3rem;\n    padding: 0 ", "px;\n    text-align: left;\n\n    &.checkCell {\n      width: 50px;\n    }\n  }\n\n  thead {\n    tr {\n      font-weight: ", ";\n      text-transform: capitalize;\n\n      th {\n        background-color: ", ";\n        height: ", ";\n\n        p {\n          padding-right: ", "px;\n          color: ", ";\n\n          &.clickable {\n            cursor: pointer;\n          }\n        }\n\n        svg {\n          position: absolute;\n          right: 0;\n          top: 0;\n\n          &.fa-sort-up {\n            top: 4px;\n          }\n\n          &.fa-sort-down {\n            top: -", "px;\n          }\n        }\n      }\n    }\n  }\n\n  tbody {\n    background-color: ", ";\n    color: ", ";\n\n    tr {\n      border-bottom: 1px solid ", ";\n      background-color: ", ";\n      cursor: pointer;\n      transition: background-color 0.15s ease;\n\n      &:hover {\n        background-color: ", ";\n      }\n\n      &:not(.deleteRow) {\n        td {\n          height: ", ";\n        }\n      }\n    }\n\n    td {\n      p {\n        overflow-x: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        line-height: 1.5;\n      }\n    }\n  }\n\n  span.link-icon svg {\n    color: ", ";\n  }\n\n  @media (min-width: ", ") {\n    overflow-x: auto;\n  }\n"])), sizes.borderRadiusLg, colors.white, sizes.table.deleteRow.height, sizes.table.deleteRow.height, sizes.spacing.xl, sizes.table.deleteRow.height, colors.greyHover, sizes.fontWeight.bold, colors.darkOrange, colors.blue, sizes.margin, sizes.spacing.xl, sizes.fontWeight.bold, colors.greyHeader, sizes.table.header.height, sizes.margin * 1.4, colors.blueTxt, sizes.margin * 0.2, colors.greyHover, colors.blueTxt, colors.greySeparator, colors.white, colors.greyHover, sizes.table.row.height, colors.blueTxt, sizes.tablet);
+export default Table;

package/build/esm/components/TableRowEmpty/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * TableRowEmpty
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var TableRowEmpty = styled.tr(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 108px;\n  background: ", ";\n\n  td {\n    height: 106px;\n    line-height: 106px;\n    font-size: 1.3rem;\n    font-weight: ", ";\n    color: ", ";\n    text-align: center;\n    border-collapse: collapse;\n    border-top: 1px solid ", ";\n  }\n"])), colors.white, sizes.fontWeight.regular, colors.blueTxt, colors.greySeparator);
+export default TableRowEmpty;

package/build/esm/components/Textarea/index.js

@@ -0,0 +1,13 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+/**
+ *
+ * Textarea
+ *
+ */
+
+import styled from 'styled-components';
+import colors from '../../assets/styles/colors';
+import sizes from '../../assets/styles/sizes';
+var StyledTextarea = styled.textarea(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  min-height: 12rem;\n  padding: ", " ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  outline: 0;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  background-color: ", ";\n  line-height: 1.5;\n  resize: vertical;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &::-webkit-input-placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    border-color: ", ";\n    box-shadow: 0 0 0 3px ", ";\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n    color: ", ";\n  }\n"])), sizes.textarea.padding, sizes.input.padding, sizes.fontWeight.regular, sizes.input.fontSize, colors.lightGrey, sizes.borderRadius, colors.blueTxt, colors.white, colors.greyPlaceholder, colors.greyPlaceholder, colors.blueBorder, colors.blueFocusRing, colors.greyIconBkgd, colors.brightGrey);
+export default StyledTextarea;