@ntbjs/react-components 1.3.0-rc.41 → 1.3.0-rc.43

package/{CompactAutocompleteSelect-c7a11d3d.js → CompactAutocompleteSelect-5676b507.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-573a9150.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var lodash = require('lodash');
 var nanoid = require('nanoid');
 var React = require('react');
-require('./Alert-b79a8fcc.js');
-require('./Badge-a35c7018.js');
-require('./Popover-0d9a689b.js');
-require('./Tab-7c817d4d.js');
-require('./Tabs-318feff9.js');
-var Tooltip = require('./Tooltip-478ec993.js');
-require('./VerificationStatusIcon-ecec5f07.js');
+require('./Alert-d69a3f95.js');
+require('./Badge-e984e6f5.js');
+require('./Popover-c5e425a7.js');
+require('./Tab-e43241f0.js');
+require('./Tabs-cfc08c6b.js');
+var Tooltip = require('./Tooltip-a68a7e49.js');
+require('./VerificationStatusIcon-7b0e23fe.js');
 var styled = require('styled-components');
 var Select = require('react-select');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-8bf8566a.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-806f4386.js');
 var close = require('./close-1751121a.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 
@@ -24,93 +24,67 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 
-var fadeIn = styled.keyframes(["from{background-color:", ";}to{background-color:", ";}"], function (props) {
+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;
+var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  from {\n    background-color: ", ";\n  }\n  to {\n    background-color: ", ";\n  }\n"])), function (props) {
   return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
 }, function (props) {
   return props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)');
 });
-var fadeOut = styled.keyframes(["from{background-color:", ";}to{background-color:", ";}"], function (props) {
+var fadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    background-color: ", ";\n  }\n  to {\n    background-color: ", ";\n  }\n"])), function (props) {
   return props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)');
 }, function (props) {
   return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
 });
-var fadeInCheck = styled.keyframes(["from{opacity:0}to{opacity:1}"]);
-var fadeOutCheck = styled.keyframes(["from{opacity:1}to{opacity:0}"]);
+var fadeInCheck = styled.keyframes(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1\n  }\n"])));
+var fadeOutCheck = styled.keyframes(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 1\n  }\n  to {\n    opacity: 0\n  }\n"])));
 var AsyncCreatableSelectPaginate = reactSelectAsyncPaginate.withAsyncPaginate(reactSelectCreatable_esm.CreatableSelect$1);
-var sharedStyle = styled.css(["font-family:", ";font-size:0.875rem;line-height:1rem;width:100%;display:block;box-shadow:'none';flex-basis:", ";"], function (props) {
+var sharedStyle = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 0.875rem;\n  line-height: 1rem;\n  width: 100%;\n  display: block;\n  box-shadow: 'none';\n  flex-basis: ", ";\n"])), function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.$hasLabel ? '66.66%' : '100%';
 });
-var CompactAutocompleteSelect$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__CompactAutocompleteSelect",
-  componentId: "sc-rb5nhp-0"
-})(["display:flex;align-items:center;height:24px;font-family:", ";", ""], function (props) {
+var CompactAutocompleteSelect$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  height: 24px;\n  font-family: ", ";\n  ", "\n"])), function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
-  return props.disabled && styled.css(["opacity:0.5;cursor:not-allowed;"]);
+  return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n    "])));
 });
-var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__Label",
-  componentId: "sc-rb5nhp-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:2px;", ""], function (props) {
+var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = 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: 2px;\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return props.disabled && styled.css(["cursor:not-allowed;"]);
+  return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
 });
-var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__InputContainer",
-  componentId: "sc-rb5nhp-2"
-})(["display:flex;width:100%;height:19px;"]);
-var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__SuccessContainer",
-  componentId: "sc-rb5nhp-3"
-})(["opacity:1;pointer-events:none;display:flex;opacity:", ";animation:", " 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;margin-right:5px;", " > svg{width:13px;}"], function (props) {
+var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 19px;\n"])));
+var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), 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 AsyncCreatableAutocompleteSelect = styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__AsyncCreatableAutocompleteSelect",
-  componentId: "sc-rb5nhp-4"
-})(["", " ", " &&:hover:not(:focus){", "}"], sharedStyle, function (props) {
-  return props.disabled && styled.css(["opacity:0.5;cursor:not-allowed;"]);
+var AsyncCreatableAutocompleteSelect = styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n    &&:hover:not(:focus) {\n    ", "\n  }\n"])), sharedStyle, function (props) {
+  return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n    "])));
 }, function (props) {
-  return props.disabled && styled.css(["background:none !important;cursor:not-allowed;"]);
+  return props.disabled && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
 });
-var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__AsyncAutocompleteSelect",
-  componentId: "sc-rb5nhp-5"
-})(["", " ", " &&:hover:not(:focus){", "}"], sharedStyle, function (props) {
-  return props.disabled && styled.css(["opacity:0.5;"]);
+var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n    &&:hover:not(:focus) {\n    ", "\n  }\n"])), sharedStyle, function (props) {
+  return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
 }, function (props) {
-  return props.disabled && styled.css(["background:none !important;cursor:not-allowed;"]);
+  return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
 });
-var AutocompletSelect = styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__AutocompletSelect",
-  componentId: "sc-rb5nhp-6"
-})(["", " ", " &&:hover:not(:focus){", "}"], sharedStyle, function (props) {
-  return props.disabled && styled.css(["opacity:0.5;"]);
+var AutocompletSelect = styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n    &&:hover:not(:focus) {\n    ", "\n  }\n"])), sharedStyle, function (props) {
+  return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
 }, function (props) {
-  return props.disabled && styled.css(["background:none !important;cursor:not-allowed;"]);
+  return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
 });
-var AutocompletCreatableSelect = styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__AutocompletCreatableSelect",
-  componentId: "sc-rb5nhp-7"
-})(["", " ", ""], sharedStyle, function (props) {
-  return props.disabled && styled.css(["opacity:0.5;"]);
+var AutocompletCreatableSelect = styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), sharedStyle, function (props) {
+  return props.disabled && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
 });
-var Control = styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__Control",
-  componentId: "sc-rb5nhp-8"
-})(["&&{", ";", ";height:22px;min-height:22px;box-shadow:none;box-sizing:border-box;padding:1px 3px 0 8.7px;cursor:pointer;border:1px solid transparent;background-color:transparent;", " ", ";", ";", ";", ";", " ", " ", "}& .dropdown-indicator{display:none;}&:hover .dropdown-indicator{display:flex;}&&:hover{border-color:transparent;", ";", ";", ";", ";}"], function (props) {
+var Control = styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    ", ";\n    ", ";\n\n    height: 22px;\n    min-height: 22px;\n    box-shadow: none;\n    box-sizing: border-box;\n    padding: 1px 3px 0 8.7px;\n    cursor: pointer;\n    border: 1px solid transparent;\n    background-color: transparent;\n    ", "\n\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", "\n    ", "\n        ", "\n  }\n\n  & .dropdown-indicator {\n    display: none;\n  }\n\n  &:hover .dropdown-indicator {\n    display: flex;\n  }\n\n  &&:hover {\n    border-color: transparent;\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", ";\n  }\n"])), function (props) {
   return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
 }, 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.type && styled.css(["animation:", " 0.5s ease-in-out;"], function (props) {
+  return props.type && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n        animation: ", " 0.5s ease-in-out;\n      "])), function (props) {
     return props.type === 'success' ? fadeIn : fadeOut;
   });
 }, function (props) {
@@ -136,78 +110,45 @@ var Control = styled__default["default"](Select.components.Control).attrs(defaul
 }, function (props) {
   return props.type === 'error' && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
 });
-var Option = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__Option",
-  componentId: "sc-rb5nhp-9"
-})(["&&{min-height:22px;height:22px;display:flex;align-items:center;padding:6px;cursor:pointer;padding:1px 13px;", " ", " ", " ", "}svg{width:15px;margin:0 9px 0 0;}a{display:flex;text-decoration:none;color:inherit;}"], function (props) {
+var Option = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    min-height: 22px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    padding: 6px;\n    cursor: pointer;\n    padding: 1px 13px;\n    ", "\n    ", "\n    ", "\n      ", "\n  }\n  svg {\n    width: 15px;\n    margin: 0 9px 0 0;\n  }\n  a {\n    display: flex;\n    text-decoration: none;\n    color: inherit;\n  }\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return props.isFocused && styled.css(["", ""], props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
+  return props.isFocused && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
 }, function (props) {
-  return props.isSelected && styled.css(["", " ", ""], props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
+  return props.isSelected && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n\n        ", "\n      "])), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
 }, function (props) {
-  return props.isFocused && props.isSelected && styled.css(["", ""], props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
+  return props.isFocused && props.isSelected && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
 });
-var Placeholder = styled__default["default"](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__Placeholder",
-  componentId: "sc-rb5nhp-10"
-})(["&&{", " ", ";}"], function (props) {
-  return (props.type === 'error' || props.type === 'warning') && styled.css(["", ""], props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
+var Placeholder = styled__default["default"](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    ", "\n    ", ";\n  }\n"])), function (props) {
+  return (props.type === 'error' || props.type === 'warning') && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
 }, function (props) {
   return (props.type === 'error' || props.type === 'warning') && props.theme.themeProp('opacity', '0.6', '0.6');
 });
-var SingleValue = styled__default["default"](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__SingleValue",
-  componentId: "sc-rb5nhp-11"
-})(["&&{", ";}"], function (props) {
+var SingleValue = styled__default["default"](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    ", ";\n  }\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
 });
-var Input = styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__Input",
-  componentId: "sc-rb5nhp-12"
-})(["&&{margin:0;padding:0;padding-left:2px;", "}"], function (props) {
+var Input = styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    margin: 0;\n    padding: 0;\n    padding-left: 2px;\n    ", "\n  }\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
 });
-var Menu = styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__Menu",
-  componentId: "sc-rb5nhp-13"
-})(["&&{", ";}"], function (props) {
+var Menu = styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    ", ";\n  }\n"])), function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
 });
-var ValueContainer = styled__default["default"](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__ValueContainer",
-  componentId: "sc-rb5nhp-14"
-})(["&&{padding:0;}"]);
-var ClearIndicator = styled__default["default"](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__ClearIndicator",
-  componentId: "sc-rb5nhp-15"
-})(["&&{display:", ";padding:0;cursor:pointer;", ";}"], function (props) {
+var ValueContainer = styled__default["default"](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    padding: 0;\n  }\n"])));
+var ClearIndicator = styled__default["default"](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    display: ", ";\n    padding: 0;\n    cursor: pointer;\n    ", ";\n  }\n"])), function (props) {
   return props.isFocused ? 'flex' : 'none';
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
 });
-var DropdownIndicator = styled__default["default"](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__DropdownIndicator",
-  componentId: "sc-rb5nhp-16"
-})(["&&{display:", ";padding:0;width:18px;margin-left:2px;cursor:pointer;margin-top:1px;", ";}"], function (props) {
+var DropdownIndicator = styled__default["default"](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    display: ", ";\n    padding: 0;\n    width: 18px;\n    margin-left: 2px;\n    cursor: pointer;\n    margin-top: 1px;\n    ", ";\n  }\n"])), function (props) {
   return props.isFocused ? 'flex' : 'none';
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
 });
-var DropdownIndicatorIcon = styled__default["default"](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__DropdownIndicatorIcon",
-  componentId: "sc-rb5nhp-17"
-})(["width:12px;"]);
-var ClearIndicatorIcon = styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__ClearIndicatorIcon",
-  componentId: "sc-rb5nhp-18"
-})(["width:8px;margin-right:4px;", ";stroke-width:2px;"], function (props) {
+var DropdownIndicatorIcon = styled__default["default"](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n  width: 12px;\n"])));
+var ClearIndicatorIcon = styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n  width: 8px;\n  margin-right: 4px;\n  ", ";\n  stroke-width: 2px;\n"])), function (props) {
   return props.theme.themeProp('stroke', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
 });
-var IndicatorSeparator = styled__default["default"](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactAutocompleteSelectstyled__IndicatorSeparator",
-  componentId: "sc-rb5nhp-19"
-})(["&&{display:", ";margin:4px;", ";}"], function (props) {
+var IndicatorSeparator = styled__default["default"](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    display: ", ";\n    margin: 4px;\n    ", ";\n  }\n"])), function (props) {
   return props.isFocused ? 'flex' : 'none';
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));

package/{CompactStarRating-86673c4f.js → CompactStarRating-d4cfae17.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-573a9150.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
-require('./Alert-b79a8fcc.js');
-require('./Badge-a35c7018.js');
-require('./Popover-0d9a689b.js');
-require('./Tab-7c817d4d.js');
-require('./Tabs-318feff9.js');
-var Tooltip = require('./Tooltip-478ec993.js');
-require('./VerificationStatusIcon-ecec5f07.js');
+require('./Alert-d69a3f95.js');
+require('./Badge-e984e6f5.js');
+require('./Popover-c5e425a7.js');
+require('./Tab-e43241f0.js');
+require('./Tabs-cfc08c6b.js');
+var Tooltip = require('./Tooltip-a68a7e49.js');
+require('./VerificationStatusIcon-7b0e23fe.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -59,59 +59,48 @@ function SvgStar(props) {
   })));
 }
 
-var fadeIn = styled.keyframes(["from{background-color:", ";}to{background-color:", ";}"], function (props) {
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  from {\n    background-color: ", ";\n  }\n  to {\n    background-color: ", ";\n  }\n"])), function (props) {
   return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
 }, function (props) {
   return props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)');
 });
-var fadeOut = styled.keyframes(["from{background-color:", ";}to{background-color:", ";}"], function (props) {
+var fadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    background-color: ", ";\n  }\n  to {\n    background-color: ", ";\n  }\n"])), function (props) {
   return props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)');
 }, function (props) {
   return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
 });
-var fadeInCheck = styled.keyframes(["from{opacity:0}to{opacity:1}"]);
-var fadeOutCheck = styled.keyframes(["from{opacity:1}to{opacity:0}"]);
-var CompactStarRating$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactStarRatingstyled__CompactStarRating",
-  componentId: "sc-12dmf4-0"
-})(["font-family:", ";font-size:1rem;font-weight:500;height:24px;width:100%;display:flex;align-items:center;input[type='number']{position:absolute;opacity:0;pointer-events:none;margin:0;}", " ", ""], function (props) {
+var fadeInCheck = styled.keyframes(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1\n  }\n"])));
+var fadeOutCheck = styled.keyframes(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 1\n  }\n  to {\n    opacity: 0\n  }\n"])));
+var CompactStarRating$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 500;\n  height: 24px;\n  width: 100%;\n  display: flex;\n\n  align-items: center;\n  input[type='number'] {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n    margin: 0;\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
-  return props.readOnly && styled.css(["pointer-events:none;"]);
+  return props.readOnly && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n      pointer-events: none;\n    "])));
 }, function (props) {
-  return props.disabled && styled.css(["opacity:0.5;cursor:not-allowed;"]);
+  return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n    "])));
 });
-var labelWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactStarRatingstyled__labelWidth",
-  componentId: "sc-12dmf4-1"
-})(["width:33.33%;display:flex;align-items:center;text-align:left;font:normal normal normal 14px/16px Roboto;letter-spacing:0px;padding:0;height:19px;cursor:default;justify-content:space-between;", ";", ""], function (props) {
+var labelWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  width: 33.33%;\n  display: flex;\n  align-items: center;\n  text-align: left;\n  font: normal normal normal 14px/16px Roboto;\n  letter-spacing: 0px;\n  padding: 0;\n  height: 19px;\n  cursor: default;\n  justify-content: space-between;\n  ", ";\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return props.disabled && styled.css(["cursor:not-allowed;"]);
+  return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
 });
-var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactStarRatingstyled__SuccessContainer",
-  componentId: "sc-12dmf4-2"
-})(["opacity:1;pointer-events:none;display:flex;opacity:", ";animation:", " 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;margin-right:5px;", " > svg{width:13px;}"], function (props) {
+var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), 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 starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactStarRatingstyled__starsWidth",
-  componentId: "sc-12dmf4-3"
-})(["display:flex;width:66.66%;border-radius:3px;height:24px;align-items:center;padding-left:8px;box-sizing:border-box;border:1px solid;", " ", " ", " ", " &&:not(:hover):not(:focus){", ";", ";}&&:hover:not(:focus){", " ", ";", ";", ";}"], function (props) {
+var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  width: 66.66%;\n  border-radius: 3px;\n  height: 24px;\n  align-items: center;\n  padding-left: 8px;\n  box-sizing: border-box;\n  border: 1px solid;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  &&:not(:hover):not(:focus) {\n    ", ";\n    ", ";\n  }\n  &&:hover:not(:focus) {\n    ", "\n\n    ", ";\n\n    ", ";\n\n    ", ";\n  }\n"])), function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
 }, function (props) {
-  return props.type === 'success' && styled.css(["animation:", " 0.5s ease-in-out;"], function (props) {
+  return props.type === 'success' && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n      animation: ", " 0.5s ease-in-out;\n    "])), function (props) {
     return props.success ? fadeIn : fadeOut;
   });
 }, function (props) {
-  return props.type === 'error' && styled.css(["", ";", ""], props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
+  return props.type === 'error' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n      ", "\n    "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
 }, function (props) {
-  return props.type === 'warning' && styled.css(["", ";", ""], props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8'));
+  return props.type === 'warning' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n      ", "\n    "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8'));
 }, function (props) {
   return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
 }, function (props) {
@@ -125,10 +114,7 @@ var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultT
 }, function (props) {
   return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
 });
-var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactStarRatingstyled__Star",
-  componentId: "sc-12dmf4-4"
-})(["display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0;svg{height:12px;padding-left:4px;transition:color 250ms;}", ";", ";", ";", ";", " ", ""], function (props) {
+var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n\n  svg {\n    height: 12px;\n    padding-left: 4px;\n    transition: color 250ms;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
 }, function (props) {
   return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -137,14 +123,11 @@ var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultThem
 }, function (props) {
   return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
 }, function (props) {
-  return props.readOnly && styled.css(["pointer-events:none;"]);
+  return props.readOnly && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      pointer-events: none;\n    "])));
 }, function (props) {
-  return props.disabled && styled.css(["button{cursor:not-allowed;}> *{cursor:not-allowed;}"]);
+  return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n      button {\n        cursor: not-allowed;\n      }\n      > * {\n        cursor: not-allowed;\n      }\n    "])));
 });
-var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactStarRatingstyled__StarFill",
-  componentId: "sc-12dmf4-5"
-})(["display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0;svg{height:12px;padding-left:4px;transition:color 250ms;}", ";", ";", ";", ";", " ", ""], function (props) {
+var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n\n  svg {\n    height: 12px;\n    padding-left: 4px;\n    transition: color 250ms;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
 }, function (props) {
   return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -153,14 +136,11 @@ var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefault
 }, function (props) {
   return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
 }, function (props) {
-  return props.readOnly && styled.css(["pointer-events:none;"]);
+  return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      pointer-events: none;\n    "])));
 }, function (props) {
-  return props.disabled && styled.css(["button{cursor:not-allowed;}> *{cursor:not-allowed;}"]);
+  return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n      button {\n        cursor: not-allowed;\n      }\n      > * {\n        cursor: not-allowed;\n      }\n    "])));
 });
-styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactStarRatingstyled__CheckIconContainer",
-  componentId: "sc-12dmf4-6"
-})(["opacity:1;pointer-events:none;margin-left:auto;opacity:", ";animation:", " 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;", " > svg{width:13px;}"], function (props) {
+styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  margin-left: auto;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
   return props.type === 'success' ? 0 : 1;
 }, function (props) {
   return props.type === 'success' ? fadeOutCheck : fadeInCheck;