@ntbjs/react-components 1.3.0-rc.36 → 1.3.0-rc.38

package/{TextArea-77fd5efd.js → TextArea-40baf21d.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var React = require('react');
 var lodash = require('lodash');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var nanoid = require('nanoid');
-require('./Alert-d69a3f95.js');
-require('./Badge-e984e6f5.js');
-require('./Popover-85ce744d.js');
-require('./Tab-e43241f0.js');
-require('./Tabs-cfc08c6b.js');
-var Tooltip = require('./Tooltip-a68a7e49.js');
-require('./VerificationStatusIcon-7b0e23fe.js');
+require('./Alert-28de48e1.js');
+require('./Badge-2e008fe7.js');
+require('./Popover-8e025dcb.js');
+require('./Tab-74c2bca2.js');
+require('./Tabs-41bd6cc1.js');
+var Tooltip = require('./Tooltip-dbd1bc99.js');
+require('./VerificationStatusIcon-b43db48d.js');
 var editNote = require('./edit-note-cefe2215.js');
 var styled = require('styled-components');
 
@@ -20,46 +20,57 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46;
-var fadeInCheck = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1\n  }\n"])));
-var fadeOutCheck = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 1\n  }\n  to {\n    opacity: 0\n  }\n"])));
-var activeLabel = styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  padding: 0 3px;\n  top: -7px;\n  letter-spacing: 0.03em;\n  left: 8px !important;\n  opacity: 1 !important;\n"])));
-var placeholderBaseStyle = styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), function (props) {
+var fadeInCheck = styled.keyframes(["from{opacity:0}to{opacity:1}"]);
+var fadeOutCheck = styled.keyframes(["from{opacity:1}to{opacity:0}"]);
+var activeLabel = styled.css(["font-size:0.75rem;padding:0 3px;top:-7px;letter-spacing:0.03em;left:8px !important;opacity:1 !important;"]);
+var placeholderBaseStyle = styled.css(["", " ", ""], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
 }, function (props) {
   return props.theme.themeProp('opacity', 0.6, 0.5);
 });
-var warningPlaceholder = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+var warningPlaceholder = styled.css(["", ""], function (props) {
   return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'), 1);
 });
-var errorPlaceholder = styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+var errorPlaceholder = styled.css(["", ""], function (props) {
   return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'), 1);
 });
-var warningPlaceholderHover = styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+var warningPlaceholderHover = styled.css(["", ""], function (props) {
   return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'), 1);
 });
-var errorPlaceholderHover = styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+var errorPlaceholderHover = styled.css(["", ""], function (props) {
   return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'), 1);
 });
-var TextAreaContainter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n"])));
-var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  height: 19px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 13px;\n  ", "\n"])), function (props) {
+var TextAreaContainter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__TextAreaContainter",
+  componentId: "sc-bwbwn7-0"
+})(["display:flex;"]);
+var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__Label",
+  componentId: "sc-bwbwn7-1"
+})(["", ";flex-basis:33.33%;font-size:0.875rem;line-height:1rem;height:19px;display:flex;justify-content:space-between;align-items:center;padding-top:13px;", ""], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
+  return props.disabled && styled.css(["cursor:not-allowed;"]);
 });
-var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  display: flex;\n  align-items: flex-start;\n\n  position: absolute;\n  right: 15px;\n  top: 10px;\n  bottom: 0;\n  > .smallPadingIcon {\n    padding: 4px;\n    width: 15px;\n    height: 15px;\n    border-radius: 5px;\n    opacity: 1;\n    margin-top: -5px;\n    ", "\n  }\n  svg {\n    width: 15px;\n    opacity: 0.7;\n    transition: opacity 250ms;\n\n    ", "\n  }\n"])), function (props) {
+var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__InputIconContainer",
+  componentId: "sc-bwbwn7-2"
+})(["opacity:0;pointer-events:none;border-top-right-radius:3px;border-bottom-right-radius:3px;display:flex;align-items:flex-start;position:absolute;right:15px;top:10px;bottom:0;> .smallPadingIcon{padding:4px;width:15px;height:15px;border-radius:5px;opacity:1;margin-top:-5px;", "}svg{width:15px;opacity:0.7;transition:opacity 250ms;", "}"], function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('gray-300'), '!important');
 }, function (props) {
-  return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n        display: none;\n      "])));
+  return props.disabled && styled.css(["display:none;"]);
 });
-var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n  font-family: inherit;\n  font-size: 0.875rem;\n  border-radius: 2px;\n  padding: 5px 10px;\n  resize: vertical;\n  z-index: 0;\n  border-radius: 3px;\n  box-sizing: border-box;\n  appearance: none;\n  border: 1px solid;\n  transition: height 550ms ease-in-out; border-color 350ms;\n\n\n   ", "\n\n\n\n  ", "\n\n  ", "\n\n  ", "\n\n \n  ", "\n\n \n  ", "\n\n  ", "\n\n  ", " \n\n  ", "  \n  \n\n  ", "   \n\n     \n    \n  ", "\n\n      ", "       \n\n  ", "\n    \n  \n    ", "\n\n\n\n  ", "\n\n  ", "\n\n  ", "\n\n      ", "\n\n\n\n  &&:hover:not(:focus) {\n    ", ";\n\n      ", ";\n\n    ", ";\n\n  \n     ", "; \n\n\n    ", ";\n    transition: background 350ms;\n    & + ", " {\n      opacity: 1;\n      ", ";\n      transition: opacity 350ms;\n    }\n  }\n\n  &::placeholder {\n   ", "\n    ", "\n    ", "\n\n  }\n\n    &:hover::placeholder {\n      ", " \n      ", "  \n  }\n\n    &:focus::placeholder {\n      ", " \n      ", " \n  }\n\n  &&:focus {\n    outline: none;\n    ", "\n\n    ", ";\n\n        \n    ", "  \n      \n    ", "\n\n  }\n\n  &&:not(:hover):not(:focus) {\n    ", ";\n    ", ";\n\n       ", "\n       \n  }\n"])), function (props) {
-  return props.borderRadius && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n       border-radius: ", "px;\n     "])), props.borderRadius);
+var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__TextInputField",
+  componentId: "sc-bwbwn7-3"
+})(["width:100%;font-family:inherit;font-size:0.875rem;border-radius:2px;padding:5px 10px;resize:vertical;z-index:0;border-radius:3px;box-sizing:border-box;appearance:none;border:1px solid;transition:height 550ms ease-in-out;border-color 350ms;", " ", " ", " ", " ", " ", " ", " ", "  ", "   ", "    ", " ", "        ", " ", " ", " ", " ", " ", " &&:hover:not(:focus){", ";", ";", ";", ";", ";transition:background 350ms;& + ", "{opacity:1;", ";transition:opacity 350ms;}}&::placeholder{", " ", " ", "}&:hover::placeholder{", "  ", "}&:focus::placeholder{", "  ", "}&&:focus{outline:none;", " ", ";", "   ", "}&&:not(:hover):not(:focus){", ";", ";", "}"], function (props) {
+  return props.borderRadius && styled.css(["border-radius:", "px;"], props.borderRadius);
 }, function (props) {
   return props.theme.themeProp('color', 'white', 'black');
 }, function (props) {
-  return props.readOnly && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      cursor: default;\n      border-color: transparent !important;\n      padding: 12px 10px; ;\n    "])));
+  return props.readOnly && styled.css(["cursor:default;border-color:transparent !important;padding:12px 10px;;"]);
 }, function (props) {
-  return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
+  return props.disabled && styled.css(["cursor:not-allowed;"]);
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
 }, function (props) {
@@ -67,33 +78,33 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
 }, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
 }, function (props) {
-  return props.noBorder && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), function (props) {
+  return props.noBorder && styled.css(["", ""], function (props) {
     return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
   });
 }, function (props) {
-  return props.type === 'warning' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n      ", "\n      ", "\n    "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#634E01 ', '#FFFDE8'));
+  return props.type === 'warning' && styled.css(["", " ", " ", ""], props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#634E01 ', '#FFFDE8'));
 }, function (props) {
-  return props.type === 'error' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n      ", "\n      ", "\n    "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#7f1b1b', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
+  return props.type === 'error' && styled.css(["", " ", " ", ""], props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#7f1b1b', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
 }, function (props) {
-  return props.noBorder && props.type === 'warning' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), function (props) {
+  return props.noBorder && props.type === 'warning' && styled.css(["", ""], function (props) {
     return props.theme.themeProp('border-color', '#634E01', '#FFFDE8');
   });
 }, function (props) {
-  return props.noBorder && props.type === 'error' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n          ", "\n        "])), function (props) {
+  return props.noBorder && props.type === 'error' && styled.css(["", ""], function (props) {
     return props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6');
   });
 }, function (props) {
-  return props.type === 'warning-border' && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
+  return props.type === 'warning-border' && styled.css(["", ""], props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
 }, function (props) {
-  return props.type === 'error-border' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
+  return props.type === 'error-border' && styled.css(["", ""], props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
 }, function (props) {
-  return props.padding === 'small' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n      padding: 5px 10px;\n    "])));
+  return props.padding === 'small' && styled.css(["padding:5px 10px;"]);
 }, function (props) {
-  return props.padding === 'medium' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n      padding: 13px 15px;\n    "])));
+  return props.padding === 'medium' && styled.css(["padding:13px 15px;"]);
 }, function (props) {
-  return props.padding === 'large' && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n      padding: 15px 55px;\n    "])));
+  return props.padding === 'large' && styled.css(["padding:15px 55px;"]);
 }, function (props) {
-  return props.hasIcon && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n          padding-left: 55px;\n          padding-right: 35px;\n          padding-top: 13.5px;\n        "])));
+  return props.hasIcon && styled.css(["padding-left:55px;padding-right:35px;padding-top:13.5px;"]);
 }, function (props) {
   return !props.readOnly && !props.disabled && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
 }, function (props) {
@@ -105,17 +116,17 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
 }, function (props) {
   return props.noBorder && !props.readOnly && props.type != 'warning' && props.type != 'error' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : 'background: transparent';
 }, InputIconContainer, function (props) {
-  return props.type === 'success' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n          opacity: 0;\n        "])));
+  return props.type === 'success' && styled.css(["opacity:0;"]);
 }, placeholderBaseStyle, warningPlaceholder, errorPlaceholder, warningPlaceholderHover, errorPlaceholderHover, warningPlaceholderHover, errorPlaceholderHover, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600'));
 }, function (props) {
   return props.theme.themeProp('background', 'transparent', props.theme.getColor('white'));
 }, function (props) {
-  return props.type === 'warning' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), function (props) {
+  return props.type === 'warning' && styled.css(["", " ", " ", ""], function (props) {
     return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
   }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
 }, function (props) {
-  return props.type === 'error' && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), function (props) {
+  return props.type === 'error' && styled.css(["", " ", " ", ""], function (props) {
     return props.theme.themeProp('border-color', '#D83018', '#D83018');
   }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
 }, function (props) {
@@ -123,49 +134,70 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
 }, function (props) {
   return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
 }, function (props) {
-  return props.noBorder && props.edit && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n           ", "\n         "])), function (props) {
+  return props.noBorder && props.edit && styled.css(["", ""], function (props) {
     return props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)');
   });
 });
-var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 13px;\n  left: 11px;\n  line-height: 1.2;\n  font-size: 0.875rem;\n  transition: all 150ms;\n  margin-botton: 50px;\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n  content: \"\";\n\n  ", "\n"])), function (props) {
+var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__TextInputLabel",
+  componentId: "sc-bwbwn7-4"
+})(["position:absolute;top:13px;left:11px;line-height:1.2;font-size:0.875rem;transition:all 150ms;margin-botton:50px;", ";", ";", " ", " ", " content:\"\";", ""], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 }, placeholderBaseStyle, function (props) {
   return props.theme.themeProp('background', "linear-gradient(0deg, ".concat(props.theme.getColor('gray-900'), " calc(50% + 1px), transparent 50%)"), "linear-gradient(0deg, ".concat(props.theme.getColor('white'), " calc(50% + 1px), transparent 50%)"));
 }, function (props) {
-  return !props.inputIsEmpty && styled.css(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), activeLabel);
+  return !props.inputIsEmpty && styled.css(["", ""], activeLabel);
 }, function (props) {
-  return props.hasPlaceholder && styled.css(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n    "])), activeLabel);
+  return props.hasPlaceholder && styled.css(["", ";"], activeLabel);
 }, function (props) {
-  return props.hasIcon && styled.css(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n      left: 55px;\n    "])));
+  return props.hasIcon && styled.css(["left:55px;"]);
 });
-var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 2.625rem;\n  display: flex;\n  padding: 0 10px;\n\n  svg {\n    width: 15px;\n    opacity: 0.6;\n    transition: opacity 250ms;\n  }\n"])));
-var TextInputFieldIconAlert = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 2.8px;\n  display: flex;\n  padding: 0 10px 0 30px;\n  opacity: 0.6;\n  transition: opacity 250ms;\n  ", "\n  svg {\n    margin-top: 12px;\n    width: 15px;\n  }\n"])), function (props) {
+var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__TextInputFieldIcon",
+  componentId: "sc-bwbwn7-5"
+})(["position:absolute;top:0;left:0;height:2.625rem;display:flex;padding:0 10px;svg{width:15px;opacity:0.6;transition:opacity 250ms;}"]);
+var TextInputFieldIconAlert = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__TextInputFieldIconAlert",
+  componentId: "sc-bwbwn7-6"
+})(["position:absolute;top:2.8px;display:flex;padding:0 10px 0 30px;opacity:0.6;transition:opacity 250ms;", " svg{margin-top:12px;width:15px;}"], function (props) {
   return props.type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402');
 });
-var TextInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  flex-basis: ", ";\n\n  ", "\n\n  ", "\n\n    \n\n  &:focus-within {\n    ", " {\n      ", ";\n    }\n\n    ", " {\n      svg {\n        opacity: 1;\n      }\n    }\n  }\n\n  ", ":not(:placeholder-shown) + ", " {\n    ", ";\n    ", "\n  }\n  }\n"])), function (props) {
+var TextInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__TextInput",
+  componentId: "sc-bwbwn7-7"
+})(["position:relative;flex-basis:", ";", " ", " &:focus-within{", "{", ";}", "{svg{opacity:1;}}}", ":not(:placeholder-shown) + ", "{", ";", "}}"], function (props) {
   return props.$fieldLabel ? '66.66%' : '100%';
 }, function (props) {
-  return props.readOnly && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n      overflow: auto;\n    "])));
+  return props.readOnly && styled.css(["overflow:auto;"]);
 }, function (props) {
-  return props.disabled && styled.css(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n\n      > * {\n        cursor: not-allowed;\n      }\n    "])));
+  return props.disabled && styled.css(["opacity:0.5;> *{cursor:not-allowed;}"]);
 }, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
   return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
 });
-var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject42 || (_templateObject42 = defaultTheme._taggedTemplateLiteral(["\n  margin: 8px 0 0 0;\n  padding: 0 0.6875rem;\n  font-size: 0.75rem;\n  line-height: 1.333;\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
+var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__Description",
+  componentId: "sc-bwbwn7-8"
+})(["margin:8px 0 0 0;padding:0 0.6875rem;font-size:0.75rem;line-height:1.333;", ";", " ", ""], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
 }, function (props) {
-  return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject43 || (_templateObject43 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
+  return (props.type === 'warning-border' || props.type === 'warning') && styled.css(["", ""], props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
 }, function (props) {
-  return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject44 || (_templateObject44 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
+  return (props.type === 'error-border' || props.type === 'error') && styled.css(["", ""], props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
 });
-var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject45 || (_templateObject45 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  position: absolute;\n  margin-top: -35px;\n  margin-left: 5px;\n  width: 15px;\n  height: 15px;\n  padding: 5px;\n  ", "\n\n  > svg {\n    width: 15px;\n  }\n"])), function (props) {
+var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__SuccessContainer",
+  componentId: "sc-bwbwn7-9"
+})(["opacity:1;pointer-events:none;opacity:", ";animation:", " 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;position:absolute;margin-top:-35px;margin-left:5px;width:15px;height:15px;padding:5px;", " > svg{width:15px;}"], function (props) {
   return props.fadeIn ? 0 : 1;
 }, function (props) {
   return props.fadeIn ? fadeOutCheck : fadeInCheck;
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
 });
-var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject46 || (_templateObject46 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  margin-top: -7px;\n  width: 15px;\n  height: 15px;\n  padding: 5px;\n  ", "\n\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
+var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextAreastyled__SuccessContainerLabel",
+  componentId: "sc-bwbwn7-10"
+})(["opacity:1;pointer-events:none;opacity:", ";animation:", " 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;margin-right:5px;margin-top:-7px;width:15px;height:15px;padding:5px;", " > svg{width:13px;}"], function (props) {
   return props.fadeIn ? 0 : 1;
 }, function (props) {
   return props.fadeIn ? fadeOutCheck : fadeInCheck;

package/{TextInput-9a995449.js → TextInput-c1bb5c8c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
@@ -13,45 +13,56 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
-var activeLabel = styled.css(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  padding: 0 3px;\n  top: -7px;\n  letter-spacing: 0.03em;\n  left: 8px !important;\n  opacity: 1 !important;\n"])));
-var Adornment = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  flex-shrink: 0;\n  font-family: inherit;\n  font-size: 0.875rem;\n  line-height: initial;\n  padding: 13px 10px;\n\n  ", "\n  ", "\n  border: 1px solid;\n  ", "\n  border-radius: 3px;\n  ", "\n  box-sizing: border-box;\n  appearance: none;\n  transition: border-color 350ms;\n  height: 2.75rem;\n\n  ", "\n  ", "\n"])), function (props) {
+var activeLabel = styled.css(["font-size:0.75rem;padding:0 3px;top:-7px;letter-spacing:0.03em;left:8px !important;opacity:1 !important;"]);
+var Adornment = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextInputstyled__Adornment",
+  componentId: "sc-z540v7-0"
+})(["flex-shrink:0;font-family:inherit;font-size:0.875rem;line-height:initial;padding:13px 10px;", " ", " border:1px solid;", " border-radius:3px;", " box-sizing:border-box;appearance:none;transition:border-color 350ms;height:2.75rem;", " ", ""], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
 }, function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
 }, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
 }, function (props) {
-  return props.isPrefix ? styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n          padding-right: 0;\n          margin-right: -3px;\n          border-right: 0;\n          border-top-right-radius: 0;\n          border-bottom-right-radius: 0;\n        "]))) : styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n          padding-left: 0;\n          margin-left: -3px;\n          border-left: 0;\n          border-top-left-radius: 0;\n          border-bottom-left-radius: 0;\n        "])));
+  return props.isPrefix ? styled.css(["padding-right:0;margin-right:-3px;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;"]) : styled.css(["padding-left:0;margin-left:-3px;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;"]);
 }, function (props) {
-  return props.warning && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n      border-color: ", " !important;\n    "])), props.theme.getColor('orange-500'));
+  return props.warning && styled.css(["border-color:", " !important;"], props.theme.getColor('orange-500'));
 }, function (props) {
-  return props.error && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n      border-color: ", " !important;\n    "])), props.theme.getColor('red-500'));
+  return props.error && styled.css(["border-color:", " !important;"], props.theme.getColor('red-500'));
 });
-var TextInputWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-content: center;\n\n  &:focus-within {\n    ", " {\n      outline: none;\n      ", "\n    }\n  }\n"])), Adornment, function (props) {
+var TextInputWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextInputstyled__TextInputWrapper",
+  componentId: "sc-z540v7-1"
+})(["display:flex;align-content:center;&:focus-within{", "{outline:none;", "}}"], Adornment, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600'), 1);
 });
-var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  padding-right: 4px;\n  padding-left: 30px;\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  color: ", ";\n\n  ", "\n\n  ", "\n\n  > svg {\n    width: 12px;\n  }\n"])), function (props) {
+var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextInputstyled__InputIconContainer",
+  componentId: "sc-z540v7-2"
+})(["opacity:0;pointer-events:none;border-top-right-radius:3px;border-bottom-right-radius:3px;padding-right:4px;padding-left:30px;display:flex;align-items:center;position:absolute;right:0;top:0;bottom:0;color:", ";", " ", " > svg{width:12px;}"], function (props) {
   return props.theme.getColor('gray-400');
 }, function (props) {
   return props.warning && props.theme.themeProp('color', '#C3AF43', '#C3AF43');
 }, function (props) {
   return props.error && props.theme.themeProp('color', '#CB968F', '#CB968F');
 });
-var TextInputField = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n  width: 100%;\n  font-family: inherit;\n  font-size: 0.875rem;\n  line-height: 1;\n  padding: 13px 10px;\n  border-radius: 3px;\n  box-sizing: border-box;\n  appearance: none;\n  transition: border-color 350ms;\n  height: 2.75rem !important; // important is needed to override the default Foundation styling used in the Mediebank;\n  margin-bottom: 0; // needed to override the default Foundation styling used in the Mediebank;\n  ", "\n  ", "\n  border: 1px solid;\n  ", ";\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n\n  &::placeholder {\n    ", "\n\n    ", "\n  }\n\n\n  &&:hover:not(:focus) {\n    ", ";\n    transition: background 350ms;\n    & + ", " {\n      opacity: 1;\n      transition: opacity 350ms;\n    }\n  }\n\n  :focus {\n    outline: none;\n    border-color: ", " !important\n    ", "\n"])), function (props) {
+var TextInputField = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextInputstyled__TextInputField",
+  componentId: "sc-z540v7-3"
+})(["display:block;width:100%;font-family:inherit;font-size:0.875rem;line-height:1;padding:13px 10px;border-radius:3px;box-sizing:border-box;appearance:none;transition:border-color 350ms;height:2.75rem !important;margin-bottom:0;", " ", " border:1px solid;", ";", " ", " ", " ", " &::placeholder{", " ", "}&&:hover:not(:focus){", ";transition:background 350ms;& + ", "{opacity:1;transition:opacity 350ms;}}:focus{outline:none;border-color:", " !important ", ""], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
 }, function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
 }, function (props) {
   return props.noBorder || props.readOnly ? 'border-color: transparent !important' : props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
 }, function (props) {
-  return props.readOnly && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n      user-select: text;\n      cursor: default;\n    "])));
+  return props.readOnly && styled.css(["user-select:text;cursor:default;"]);
 }, function (props) {
-  return props.warning && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      border-color: ", " !important;\n    "])), props.theme.getColor('orange-500'));
+  return props.warning && styled.css(["border-color:", " !important;"], props.theme.getColor('orange-500'));
 }, function (props) {
-  return props.error && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n      border-color: ", " !important;\n    "])), props.theme.getColor('red-500'));
+  return props.error && styled.css(["border-color:", " !important;"], props.theme.getColor('red-500'));
 }, function (props) {
-  return props.hasIcon && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n      padding-left: 35px;\n    "])));
+  return props.hasIcon && styled.css(["padding-left:35px;"]);
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'), 1);
 }, function (props) {
@@ -61,35 +72,47 @@ var TextInputField = styled__default["default"].input.attrs(defaultTheme.applyDe
 }, InputIconContainer, function (props) {
   return props.theme.getColor('gray-600');
 }, function (props) {
-  return props.readOnly && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n        outline: none;\n      "])));
+  return props.readOnly && styled.css(["outline:none;"]);
 });
-var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 15px;\n  left: 11px;\n  line-height: 1.2;\n  font-size: 0.875rem;\n  transition: all 150ms;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n\n  ", "\n"])), function (props) {
+var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextInputstyled__TextInputLabel",
+  componentId: "sc-z540v7-4"
+})(["position:absolute;top:15px;left:11px;line-height:1.2;font-size:0.875rem;transition:all 150ms;", " ", " ", " ", " ", ""], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
 }, function (props) {
   return props.theme.themeProp('opacity', 0.6, 0.5);
 }, function (props) {
   return props.theme.themeProp('background', "linear-gradient(0deg, ".concat(props.theme.getColor('gray-900'), " calc(50% + 1px), transparent 50%)"), "linear-gradient(0deg, ".concat(props.theme.getColor('white'), " calc(50% + 1px), transparent 50%)"));
 }, function (props) {
-  return (props.hasPlaceholder || props.hasAdornments) && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n    "])), activeLabel);
+  return (props.hasPlaceholder || props.hasAdornments) && styled.css(["", ";"], activeLabel);
 }, function (props) {
-  return props.hasIcon && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n      left: 35px;\n    "])));
+  return props.hasIcon && styled.css(["left:35px;"]);
 });
-var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 2.625rem;\n  display: flex;\n  padding: 0 10px;\n\n  svg {\n    width: 15px;\n    opacity: 0.6;\n    transition: opacity 250ms;\n  }\n"])));
-var TextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n\n  ", "\n\n  &:focus-within {\n    ", " {\n      ", ";\n    }\n\n    ", " {\n      svg {\n        opacity: 1;\n      }\n    }\n  }\n\n  ", ":not(:placeholder-shown) + ", " {\n    ", ";\n    ", "\n\n    ", "\n    ", " \n  } \n \n}\n"])), function (props) {
-  return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n      user-select: none;\n      opacity: 0.5;\n      cursor: not-allowed;\n      > * {\n        pointer-events: none;\n      }\n    "])));
+var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextInputstyled__TextInputFieldIcon",
+  componentId: "sc-z540v7-5"
+})(["position:absolute;top:0;left:0;height:2.625rem;display:flex;padding:0 10px;svg{width:15px;opacity:0.6;transition:opacity 250ms;}"]);
+var TextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextInputstyled__TextInput",
+  componentId: "sc-z540v7-6"
+})(["position:relative;", " &:focus-within{", "{", ";}", "{svg{opacity:1;}}}", ":not(:placeholder-shown) + ", "{", ";", " ", " ", "}}"], function (props) {
+  return props.disabled && styled.css(["user-select:none;opacity:0.5;cursor:not-allowed;> *{pointer-events:none;}"]);
 }, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
   return props.error && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
 }, function (props) {
-  return props.error && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n        color: ", ";\n      "])), props.theme.getColor('red-500'));
+  return props.error && styled.css(["color:", ";"], props.theme.getColor('red-500'));
 }, function (props) {
-  return props.warning && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n        color: ", ";\n      "])), props.theme.getColor('orange-500'));
+  return props.warning && styled.css(["color:", ";"], props.theme.getColor('orange-500'));
 });
-var Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n  margin: 8px 0 0 0;\n  padding: 0 0.6875rem;\n  font-size: 0.75rem;\n  line-height: 1.333;\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
+var Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "TextInputstyled__Description",
+  componentId: "sc-z540v7-7"
+})(["margin:8px 0 0 0;padding:0 0.6875rem;font-size:0.75rem;line-height:1.333;", ";", " ", ""], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
 }, function (props) {
-  return props.error && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
+  return props.error && styled.css(["", ""], props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
 }, function (props) {
-  return props.warning && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
+  return props.warning && styled.css(["", ""], props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
 });
 
 var _excluded = ["value", "defaultValue", "name", "label", "placeholder", "type", "required", "disabled", "readOnly", "autoComplete", "description", "error", "warning", "icon", "adornments", "className", "style", "onChange", "onBlur", "noBorder"];

package/{Tooltip-a68a7e49.js → Tooltip-dbd1bc99.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var React = require('react');
 var styled = require('styled-components');
 var TippyTooltip = require('@tippyjs/react');
-require('./shift-away-subtle-631cd794.js');
+require('./shift-away-subtle-e3830923.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -12,8 +12,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
 
-var _templateObject;
-var Tooltip$1 = styled__default["default"](TippyTooltip__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 400;\n  background: ", ";\n  border-radius: 3px;\n  pointer-events: default !important;\n  .tippy-content {\n    padding: 9px 12px;\n  }\n\n  .tippy-arrow {\n    color: ", ";\n  }\n\n  a {\n    color: inherit;\n  }\n"])), function (props) {
+var Tooltip$1 = styled__default["default"](TippyTooltip__default["default"]).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Tooltipstyled__Tooltip",
+  componentId: "sc-16tgf0v-0"
+})(["font-family:", ";font-size:1rem;font-weight:400;background:", ";border-radius:3px;pointer-events:default !important;.tippy-content{padding:9px 12px;}.tippy-arrow{color:", ";}a{color:inherit;}"], function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.theme.getColor('gray-700');

package/{VerificationStatusIcon-7b0e23fe.js → VerificationStatusIcon-b43db48d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -28,11 +28,16 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var VerificationIconWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
-  return props.background && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n    background-color: #000 !important;\n    width: fit-content;\n    padding: 6px 14px 6px 9px;\n    border-radius: 15px;\n}\n    "])));
+var VerificationIconWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "VerificationStatusIconstyled__VerificationIconWrapper",
+  componentId: "sc-i9jy8c-0"
+})(["", ";"], function (props) {
+  return props.background && styled.css(["background-color:#000 !important;width:fit-content;padding:6px 14px 6px 9px;border-radius:15px;}"]);
 });
-var VerificationStatusIcon$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  font: normal normal normal 12px/16px Roboto;\n  ", ";\n\n  ", ";\n\n  svg {\n    height: ", "px;\n  }\n"])), function (props) {
+var VerificationStatusIcon$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "VerificationStatusIconstyled__VerificationStatusIcon",
+  componentId: "sc-i9jy8c-1"
+})(["display:flex;position:relative;font:normal normal normal 12px/16px Roboto;", ";", ";svg{height:", "px;}"], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
 }, function (props) {
   return props.background && props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100'));
@@ -40,7 +45,10 @@ var VerificationStatusIcon$1 = styled__default["default"].div.attrs(defaultTheme
   var _props$iconHeight;
   return (_props$iconHeight = props.iconHeight) !== null && _props$iconHeight !== void 0 ? _props$iconHeight : 15;
 });
-var VerificationStatusColor = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 0;\n  left: ", "px;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  ", ";\n"])), function (props) {
+var VerificationStatusColor = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "VerificationStatusIconstyled__VerificationStatusColor",
+  componentId: "sc-i9jy8c-2"
+})(["position:absolute;bottom:0;left:", "px;width:", "px;height:", "px;border-radius:50%;", ";"], function (props) {
   var _props$iconHeight2;
   return ((_props$iconHeight2 = props.iconHeight) !== null && _props$iconHeight2 !== void 0 ? _props$iconHeight2 : 15) * 2 / 3;
 }, function (props) {

package/data/Alert/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Alert = require('../../Alert-d69a3f95.js');
-require('../../defaultTheme-cd01e6c2.js');
+var Alert = require('../../Alert-28de48e1.js');
+require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('react');
 require('lodash');

package/data/Badge/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Badge = require('../../Badge-e984e6f5.js');
-require('../../defaultTheme-cd01e6c2.js');
+var Badge = require('../../Badge-2e008fe7.js');
+require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('react');
 

package/data/Popover/index.js

@@ -1,13 +1,14 @@
 'use strict';
 
-var Popover = require('../../Popover-85ce744d.js');
-require('../../defaultTheme-cd01e6c2.js');
+var Popover = require('../../Popover-8e025dcb.js');
+require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-631cd794.js');
+require('../../shift-away-subtle-e3830923.js');
+require('popper-max-size-modifier');
 
 
 

package/data/Tab/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Tab = require('../../Tab-e43241f0.js');
-require('../../defaultTheme-cd01e6c2.js');
+var Tab = require('../../Tab-74c2bca2.js');
+require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('react');
 

package/data/Tabs/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Tabs = require('../../Tabs-cfc08c6b.js');
-require('../../defaultTheme-cd01e6c2.js');
+var Tabs = require('../../Tabs-41bd6cc1.js');
+require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('lodash');
 require('react');
-require('../../Tab-e43241f0.js');
+require('../../Tab-74c2bca2.js');
 
 
 

package/data/Tooltip/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-a68a7e49.js');
-require('../../defaultTheme-cd01e6c2.js');
+var Tooltip = require('../../Tooltip-dbd1bc99.js');
+require('../../defaultTheme-b6420d7d.js');
 require('styled-components');
 require('react');
 require('@tippyjs/react');
-require('../../shift-away-subtle-631cd794.js');
+require('../../shift-away-subtle-e3830923.js');