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

package/{CompactTextInput-f1824946.js → CompactTextInput-f89988be.js}

@@ -1,17 +1,17 @@
 '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');
 var editNote = require('./edit-note-cefe2215.js');
-require('./Alert-b79a8fcc.js');
-require('./Badge-a35c7018.js');
-var Popover = 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');
+var Popover = 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 }; }
@@ -50,72 +50,55 @@ function SvgLink(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, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34;
+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 linkColor = styled.css(["", ""], 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 linkColor = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('emerald-500'));
 });
-var commonAnchorTagStyle = styled.css(["a,&&{font-size:0.875rem;text-decoration:underline;}"]);
-var readOnlyBackground = styled.css(["", ""], function (props) {
+var commonAnchorTagStyle = styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  a,\n  && {\n    font-size: 0.875rem;\n    text-decoration: underline;\n  }\n"])));
+var readOnlyBackground = styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
 });
-var CompactTextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactTextInputstyled__CompactTextInput",
-  componentId: "sc-1r3fuy6-0"
-})(["display:flex;align-items:center;height:24px;font-family:", ";"], function (props) {
+var CompactTextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  height: 24px;\n  font-family: ", ";\n"])), function (props) {
   return props.theme.primaryFontFamily;
 });
-var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactTextInputstyled__Label",
-  componentId: "sc-1r3fuy6-1"
-})(["", ";flex-basis:33.33%;font-size:0.875rem;line-height:1rem;justify-content:space-between;height:19px;display:flex;align-items:center;", ""], function (props) {
+var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  justify-content: space-between;\n  height: 19px;\n  display: flex;\n  align-items: center;\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(["opacity:0.5;cursor:not-allowed;"]);
+  return props.disabled && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n    "])));
 });
-var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactTextInputstyled__InputContainer",
-  componentId: "sc-1r3fuy6-2"
-})(["position:relative;height:19px;flex-basis:", ";"], function (props) {
+var InputContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  height: 19px;\n  flex-basis: ", ";\n"])), function (props) {
   return props.$hasLabel ? '66.66%' : '100%';
 });
-var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactTextInputstyled__SuccessContainer",
-  componentId: "sc-1r3fuy6-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 SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = 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 InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactTextInputstyled__InputSuccessContainer",
-  componentId: "sc-1r3fuy6-4"
-})(["opacity:1;pointer-events:none;display:flex;justify-content:flex-end;opacity:", ";animation:", " 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;position:relative;margin-top:-20px;margin-right:8px;", " > svg{width:13px;}"], function (props) {
+var InputSuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  justify-content: flex-end;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  position: relative;\n  margin-top: -20px;\n  margin-right: 8px;\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 InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactTextInputstyled__InputIconContainer",
-  componentId: "sc-1r3fuy6-5"
-})(["opacity:0;pointer-events:none;border-top-right-radius:3px;border-bottom-right-radius:3px;padding:5px 10px 0 0;", ";display:flex;align-items:center;position:absolute;right:0;top:0;bottom:0;color:", ";", " ", " > svg{width:12px;}"], function (props) {
-  return props.theme.themeProp('background', styled.css(["linear-gradient(-90deg,", " 55%,transparent)"], function (props) {
+var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  padding: 5px 10px 0 0;\n  ", ";\n\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) {
+  return props.theme.themeProp('background', styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n        linear-gradient(-90deg,\n        ", " 55%,\n        transparent)\n      "])), function (props) {
     return props.type === 'error' ? '#901d1d' : props.type === 'warning' ? '#816600' : props.theme.getColor('gray-700');
-  }), styled.css(["linear-gradient(-90deg,", " 55%,transparent)"], function (props) {
+  }), styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n        linear-gradient(-90deg,\n        ", " 55%,\n        transparent)\n      "])), function (props) {
     return props.type === 'error' ? '#f7d5d0' : props.type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100');
   }));
 }, function (props) {
@@ -125,15 +108,12 @@ var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.apply
 }, function (props) {
   return props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
 });
-var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactTextInputstyled__Input",
-  componentId: "sc-1r3fuy6-6"
-})(["box-sizing:border-box;height:22px;width:100%;display:block;font-size:0.875rem;line-height:1rem;font-family:inherit;padding:1px 10px;border-radius:3px;border:1px solid transparent;", " ", " ", " ", " ", ";", ";", ";", ";&&:not(:hover):not(:focus){", ";", ";", "}&&:hover:not(:focus){", " ", ";", ";", ";", ";", " & + ", "{opacity:1;}}", " ", "}&&:focus{", ";", ";", ";", ";outline:none;", ";", ";}&&::placeholder{color:inherit;opacity:0.6;}", ""], function (props) {
-  return props.readOnly && styled.css(["cursor:default;"]);
+var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n  box-sizing: border-box;\n  height: 22px;\n  width: 100%;\n  display: block;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  font-family: inherit;\n  padding: 1px 10px;\n  border-radius: 3px;\n  border: 1px solid transparent;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  ", ";\n\n    ", ";\n    ", ";\n\n      ", ";\n\n\n  &&:not(:hover):not(:focus) {\n   \n      ", ";\n    ", ";\n    \n    ", "\n  }\n\n  &&:hover:not(:focus) {\n\n    ", "\n\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", ";\n\n\n    ", "\n      & + ", " {\n        opacity: 1;\n        \n      }\n  }\n\n    ", "\n      ", "\n\n  }\n\n  &&:focus {\n    ", ";\n\n      ", ";\n    \n    ", ";\n\n    ", ";\n    outline: none;\n\n    ", ";\n\n    ", ";\n  }\n\n  &&::placeholder {\n    color: inherit;\n    opacity: 0.6;\n  }\n\n  ", "\n"])), function (props) {
+  return props.readOnly && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n      cursor: default;\n    "])));
 }, function (props) {
-  return props.disabled && styled.css(["opacity:0.5;"]);
+  return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
 }, function (props) {
-  return props.type === 'success' && styled.css(["animation:", " 0.5s ease-in-out;"], function (props) {
+  return props.type === 'success' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n      animation: ", " 0.5s ease-in-out;\n    "])), function (props) {
     return props.type === 'success' ? fadeIn : fadeOut;
   });
 }, function (props) {
@@ -145,17 +125,17 @@ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultThem
 }, function (props) {
   return props.type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
 }, function (props) {
-  return props.hasLink && styled.css(["&&:not(:focus),&&:read-only{text-decoration:underline;", "}&&:read-only{cursor:default;}"], linkColor);
+  return props.hasLink && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n          &&:not(:focus),\n          &&:read-only {\n            text-decoration: underline;\n            ", "\n          }\n          &&:read-only {\n            cursor: default;\n          }\n        "])), linkColor);
 }, 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.hasLink && styled.css(["&&:not(:focus),&&:read-only{text-decoration:underline;cursor:default;", "}"], linkColor);
+  return props.hasLink && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n        &&:not(:focus),\n        &&:read-only {\n          text-decoration: underline;\n          cursor: default;\n          ", "\n        }\n      "])), linkColor);
 }, function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
 }, function (props) {
-  return props.readOnly && styled.css(["", ""], readOnlyBackground);
+  return props.readOnly && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), readOnlyBackground);
 }, function (props) {
   return props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
 }, function (props) {
@@ -163,44 +143,35 @@ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultThem
 }, function (props) {
   return props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0');
 }, function (props) {
-  return props.hasLink && styled.css(["cursor:pointer;&&:read-only{background:none !important;cursor:default;}"]);
+  return props.hasLink && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n        cursor: pointer;\n\n        &&:read-only {\n          background: none !important;\n          cursor: default;\n        }\n      "])));
 }, InputIconContainer, function (props) {
-  return props.disabled && styled.css(["background:none !important;cursor:not-allowed;"]);
+  return props.disabled && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
 }, function (props) {
-  return props.disabled && props.hasLink && styled.css(["background:none !important;cursor:not-allowed !important;"]);
+  return props.disabled && props.hasLink && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n          background: none !important;\n          cursor: not-allowed !important;\n        "])));
 }, function (props) {
   return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
 }, function (props) {
-  return props.readOnly && styled.css(["", ""], readOnlyBackground);
+  return props.readOnly && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n          ", "\n        "])), readOnlyBackground);
 }, function (props) {
   return props.type === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return !props.readOnly && styled.css(["border-color:", ";"], function (props) {
+  return !props.readOnly && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n        border-color: ", ";\n      "])), function (props) {
     return props.theme.getColor('gray-600');
   });
 }, function (props) {
-  return props.type === 'warning' && styled.css(["", " ", " ", ""], function (props) {
+  return props.type === 'warning' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), 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(["", " ", " ", ""], function (props) {
+  return props.type === 'error' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), function (props) {
     return props.theme.themeProp('border-color', '#D83018', '#D83018');
   }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
 }, function (props) {
-  return props.bold && styled.css(["font-size:1rem;font-weight:500;line-height:1.0625;padding-top:3px;padding-bottom:2px;"]);
+  return props.bold && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n      font-size: 1rem;\n      font-weight: 500;\n      line-height: 1.0625;\n      padding-top: 3px;\n      padding-bottom: 2px;\n    "])));
 });
-var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactTextInputstyled__LinkPopoverContainer",
-  componentId: "sc-1r3fuy6-7"
-})(["", " padding:5px 8px;svg{width:18px;margin-right:8px;}"], commonAnchorTagStyle);
-var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactTextInputstyled__StyledLink",
-  componentId: "sc-1r3fuy6-8"
-})(["", " ", ""], commonAnchorTagStyle, linkColor);
-var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "CompactTextInputstyled__ReadOnlyLinkContainer",
-  componentId: "sc-1r3fuy6-9"
-})(["", ";border:1px solid transparent;border-radius:3px;padding:0 10px 1px;"], readOnlyBackground);
+var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n\n  padding: 5px 8px;\n\n  svg {\n    width: 18px;\n    margin-right: 8px;\n  }\n"])), commonAnchorTagStyle);
+var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), commonAnchorTagStyle, linkColor);
+var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n\n  border: 1px solid transparent;\n  border-radius: 3px;\n  padding: 0 10px 1px;\n"])), readOnlyBackground);
 
 var _excluded = ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "linkHandler", "activeLinkHandler", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionToolTip", "bold", "hidden", "onChange", "onFocus", "onBlur", "loadingIcon", "successIcon"];
 var CompactTextInput = React__default["default"].forwardRef(function CompactTextInput(_ref, forwardedRef) {

package/{ContextMenu-999756c8.js → ContextMenu-4eb8fdc5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-573a9150.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -9,10 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var ContextMenu$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "ContextMenustyled__ContextMenu",
-  componentId: "sc-1v876xv-0"
-})(["font-family:", ";padding:3px 0;"], function (props) {
+var _templateObject;
+var ContextMenu$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  padding: 3px 0;\n"])), function (props) {
   return props.theme.primaryFontFamily;
 });
 

package/{ContextMenuItem-ae4357ba.js → ContextMenuItem-c536b460.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-573a9150.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -40,10 +40,8 @@ function SvgTriangleRight(props) {
   })));
 }
 
-var ContextMenuItem$1 = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "ContextMenuItemstyled__ContextMenuItem",
-  componentId: "sc-16xi8ez-0"
-})(["align-items:center;cursor:pointer;display:flex;font-family:", ";font-size:0.875rem;font-weight:normal;height:31px;min-width:160px;padding:", ";", " ", " ", " :not(:last-of-type){border-bottom:1px solid;", "}:last-of-type{height:32px;}&:hover{cursor:pointer;", "}", " ", ""], function (props) {
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var ContextMenuItem$1 = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  font-family: ", ";\n  font-size: 0.875rem;\n  font-weight: normal;\n  height: 31px;\n  min-width: 160px;\n  padding: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  :not(:last-of-type) {\n    border-bottom: 1px solid;\n\n    ", "\n  }\n\n  :last-of-type {\n    height: 32px;\n  }\n\n  &:hover {\n    cursor: pointer;\n\n    ", "\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.opensSublevel ? '0 8px' : '0 28px 0 8px';
@@ -52,28 +50,22 @@ var ContextMenuItem$1 = styled__default["default"].span.attrs(defaultTheme.apply
 }, function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE');
 }, function (props) {
-  return !props.icon && styled.css(["padding-left:28px;"]);
+  return !props.icon && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      padding-left: 28px;\n    "])));
 }, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
 }, function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
 }, function (props) {
-  return props.hoverColors && props.hoverColors[0] && props.hoverColors[1] && styled.css(["&&:hover{", "}"], function (props) {
+  return props.hoverColors && props.hoverColors[0] && props.hoverColors[1] && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n      &&:hover {\n        ", "\n      }\n    "])), function (props) {
     return props.theme.themeProp('color', props.hoverColors[0], props.hoverColors[1]);
   });
 }, function (props) {
-  return props.hoverBackgroundColors && props.hoverBackgroundColors[0] && props.hoverBackgroundColors[1] && styled.css(["&&:hover{", "}"], function (props) {
+  return props.hoverBackgroundColors && props.hoverBackgroundColors[0] && props.hoverBackgroundColors[1] && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      &&:hover {\n        ", "\n      }\n    "])), function (props) {
     return props.theme.themeProp('background-color', props.hoverBackgroundColors[0], props.hoverBackgroundColors[1]);
   });
 });
-var IconContainer = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "ContextMenuItemstyled__IconContainer",
-  componentId: "sc-16xi8ez-1"
-})(["align-items:center;display:flex;height:fit-content;max-width:12px;margin-right:8px;svg{height:12px;}"]);
-var SublevelIconContainer = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "ContextMenuItemstyled__SublevelIconContainer",
-  componentId: "sc-16xi8ez-2"
-})(["align-items:center;display:flex;height:fit-content;max-width:12px;margin-left:auto;margin-right:8px;padding-left:24px;svg{height:12px;}"]);
+var IconContainer = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  height: fit-content;\n  max-width: 12px;\n  margin-right: 8px;\n\n  svg {\n    height: 12px;\n  }\n"])));
+var SublevelIconContainer = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  height: fit-content;\n  max-width: 12px;\n  margin-left: auto;\n  margin-right: 8px;\n  padding-left: 24px;\n\n  svg {\n    height: 12px;\n  }\n"])));
 
 var _excluded = ["title", "icon", "onClickEffect", "opensSublevel", "hoverColors", "hoverBackgroundColors"];
 var ContextMenuItem = React__default["default"].forwardRef(function ContextMenuItem(_ref, forwardedRef) {

package/{InputGroup-0423e24c.js → InputGroup-a89a0ea3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-573a9150.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -9,10 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var InputGroup$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "InputGroupstyled__InputGroup",
-  componentId: "sc-6p2xv7-0"
-})(["margin:8px 0;"]);
+var _templateObject;
+var InputGroup$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  margin: 8px 0;\n"])));
 
 var _excluded = ["children"];
 var InputGroup = React__default["default"].forwardRef(function InputGroup(_ref, forwardedRef) {

package/{Instructions-9910f44d.js → Instructions-d1545bd4.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-573a9150.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var lodash = require('lodash');
 var React = require('react');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-c7a11d3d.js');
-var TextArea = require('./TextArea-ecfd3418.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-5676b507.js');
+var TextArea = require('./TextArea-6e15b44f.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -43,28 +43,17 @@ function SvgWarningCircle(props) {
   })));
 }
 
-var Instructions$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "Instructionsstyled__Instructions",
-  componentId: "sc-1lgufne-0"
-})(["display:flex;position:relative;flex-direction:column;", ";"], function (props) {
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var Instructions$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  ", ";\n"])), function (props) {
   return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
 });
-var TopBarContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "Instructionsstyled__TopBarContainer",
-  componentId: "sc-1lgufne-1"
-})(["position:absolute;display:flex;width:100%;margin-top:0;transition:margin-top 120ms;&&.slide-in{margin-top:-24px;}", ";", ";"], function (props) {
+var TopBarContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  width: 100%;\n  margin-top: 0;\n  transition: margin-top 120ms;\n  &&.slide-in {\n    margin-top: -24px;\n  }\n  ", ";\n\n  ", ";\n"])), function (props) {
   return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
 }, function (props) {
   return props.initialHover && props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
 });
-var SelectContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "Instructionsstyled__SelectContainer",
-  componentId: "sc-1lgufne-2"
-})(["width:100%;margin:0 2px;"]);
-var InstructionsArea = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "Instructionsstyled__InstructionsArea",
-  componentId: "sc-1lgufne-3"
-})(["margin:2px 2px -2px 2px;"]);
+var SelectContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0 2px;\n"])));
+var InstructionsArea = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  margin: 2px 2px -2px 2px;\n"])));
 
 var _excluded = ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "disabled", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "type", "selectType", "edit", "rows", "showMore", "showMoreText", "showLessText", "isExpanded", "loadingIcon", "successIcon", "padding"];
 var Instructions = React__default["default"].forwardRef(function Instructions(_ref, forwardedRef) {

package/{MultiLevelCheckboxSelect-7a036b16.js → MultiLevelCheckboxSelect-6be69491.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-573a9150.js');
+var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
 var styled = require('styled-components');
-require('./Alert-b79a8fcc.js');
-require('./Badge-a35c7018.js');
-var Popover = require('./Popover-0d9a689b.js');
-require('./Tab-7c817d4d.js');
-require('./Tabs-318feff9.js');
-require('./Tooltip-478ec993.js');
-require('./VerificationStatusIcon-ecec5f07.js');
-var Checkbox = require('./Checkbox-92d07052.js');
+require('./Alert-d69a3f95.js');
+require('./Badge-e984e6f5.js');
+var Popover = require('./Popover-c5e425a7.js');
+require('./Tab-e43241f0.js');
+require('./Tabs-cfc08c6b.js');
+require('./Tooltip-a68a7e49.js');
+require('./VerificationStatusIcon-7b0e23fe.js');
+var Checkbox = require('./Checkbox-ad9c9e54.js');
 var lodash = require('lodash');
-var TextInput = require('./TextInput-91d6341d.js');
-require('./InputGroup-0423e24c.js');
-var SectionSeparator = require('./SectionSeparator-5025c8f4.js');
+var TextInput = require('./TextInput-9a995449.js');
+require('./InputGroup-a89a0ea3.js');
+var SectionSeparator = require('./SectionSeparator-af8dc1ce.js');
 var close = require('./close-1751121a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -53,39 +53,19 @@ function SvgSearch(props) {
   })));
 }
 
-var MultiLevelCheckbox$1 = styled__default["default"].fieldset.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxstyled__MultiLevelCheckbox",
-  componentId: "sc-xuxwp2-0"
-})(["padding:0;border:0;margin:0;"]);
-var MultiLevelCheckboxLegend = styled__default["default"].legend.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxstyled__MultiLevelCheckboxLegend",
-  componentId: "sc-xuxwp2-1"
-})(["line-height:1.2;font-size:0.75rem;padding:0 0 4px;letter-spacing:0.03em;", ""], function (props) {
+var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1;
+var MultiLevelCheckbox$1 = styled__default["default"].fieldset.attrs(defaultTheme.applyDefaultTheme)(_templateObject$1 || (_templateObject$1 = defaultTheme._taggedTemplateLiteral(["\n  padding: 0;\n  border: 0;\n  margin: 0;\n"])));
+var MultiLevelCheckboxLegend = styled__default["default"].legend.attrs(defaultTheme.applyDefaultTheme)(_templateObject2$1 || (_templateObject2$1 = defaultTheme._taggedTemplateLiteral(["\n  line-height: 1.2;\n  font-size: 0.75rem;\n  padding: 0 0 4px;\n  letter-spacing: 0.03em;\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
 });
-var MultiLevelCheckboxNoResults = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxstyled__MultiLevelCheckboxNoResults",
-  componentId: "sc-xuxwp2-2"
-})(["text-align:center;opacity:0.7;font-size:0.875rem;"]);
-var CheckboxTreeChildren = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxstyled__CheckboxTreeChildren",
-  componentId: "sc-xuxwp2-3"
-})(["display:grid;grid-template-rows:0fr;padding-left:28px;transition:grid-template-rows 250ms;& > div{overflow:hidden;}", "}"], function (props) {
-  return props.$expanded && styled.css(["grid-template-rows:1fr;"]);
+var MultiLevelCheckboxNoResults = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$1 || (_templateObject3$1 = defaultTheme._taggedTemplateLiteral(["\n  text-align: center;\n  opacity: 0.7;\n  font-size: 0.875rem;\n"])));
+var CheckboxTreeChildren = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4$1 || (_templateObject4$1 = defaultTheme._taggedTemplateLiteral(["\n  display: grid;\n  grid-template-rows: 0fr;\n  padding-left: 28px;\n  transition: grid-template-rows 250ms;\n\n  & > div {\n    overflow: hidden;\n  }\n\n  ", "\n}\n"])), function (props) {
+  return props.$expanded && styled.css(_templateObject5$1 || (_templateObject5$1 = defaultTheme._taggedTemplateLiteral(["\n      grid-template-rows: 1fr;\n    "])));
 });
-var CheckboxTree$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxstyled__CheckboxTree",
-  componentId: "sc-xuxwp2-4"
-})(["width:fit-content;"]);
-var CheckboxTreeCheckboxContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxstyled__CheckboxTreeCheckboxContainer",
-  componentId: "sc-xuxwp2-5"
-})(["position:relative;margin-top:4px;"]);
-var ExpandTreeButton = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxstyled__ExpandTreeButton",
-  componentId: "sc-xuxwp2-6"
-})(["-webkit-appearance:none;background:none;border:none;position:absolute;height:100%;cursor:pointer;color:currentColor;& > svg{display:block;width:10px;transform:rotate(-90deg);transition:transform 250ms;", "}}"], function (props) {
-  return props.$expanded && styled.css(["transform:rotate(0deg);"]);
+var CheckboxTree$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6$1 || (_templateObject6$1 = defaultTheme._taggedTemplateLiteral(["\n  width: fit-content;\n"])));
+var CheckboxTreeCheckboxContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7$1 || (_templateObject7$1 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  margin-top: 4px;\n"])));
+var ExpandTreeButton = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject8$1 || (_templateObject8$1 = defaultTheme._taggedTemplateLiteral(["\n  -webkit-appearance: none;\n  background: none;\n  border: none;\n  position: absolute;\n  height: 100%;\n  cursor: pointer;\n  color: currentColor;\n\n  & > svg {\n    display: block;\n    width: 10px;\n    transform: rotate(-90deg);\n    transition: transform 250ms;\n\n    ", "\n  }\n}\n"])), function (props) {
+  return props.$expanded && styled.css(_templateObject9$1 || (_templateObject9$1 = defaultTheme._taggedTemplateLiteral(["\n        transform: rotate(0deg);\n      "])));
 });
 
 var _excluded$1 = ["options", "checked", "search", "label", "noResultsText", "onChange"];
@@ -378,64 +358,32 @@ CheckboxTree.propTypes = process.env.NODE_ENV !== "production" ? {
   onRemove: defaultTheme.PropTypes.func.isRequired
 } : {};
 
-var MultiLevelCheckboxSelect$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__MultiLevelCheckboxSelect",
-  componentId: "sc-1uxtym1-0"
-})(["font-family:", ";"], function (props) {
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var MultiLevelCheckboxSelect$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n"])), function (props) {
   return props.theme.primaryFontFamily;
 });
-var MultiLevelCheckboxSelectInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__MultiLevelCheckboxSelectInput",
-  componentId: "sc-1uxtym1-1"
-})(["position:relative;border:1px solid;", " display:flex;flex-wrap:wrap;gap:4px;min-height:44px;box-sizing:border-box;padding:8px 6px;border-radius:3px;transition:border-color 350ms;&:focus-within{", "}"], function (props) {
+var MultiLevelCheckboxSelectInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  border: 1px solid;\n  ", "\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  min-height: 44px;\n  box-sizing: border-box;\n  padding: 8px 6px;\n  border-radius: 3px;\n  transition: border-color 350ms;\n\n  &:focus-within {\n    ", "\n  }\n"])), function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
 }, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600'), 1);
 });
-var Item = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__Item",
-  componentId: "sc-1uxtym1-2"
-})(["display:flex;align-items:center;background:#272727;color:#f7f8f9;font-size:12px;height:26px;border-radius:3px;"]);
-var ItemLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__ItemLabel",
-  componentId: "sc-1uxtym1-3"
-})(["padding:0 5px 0 8px;"]);
-var ItemRemoveButton = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__ItemRemoveButton",
-  componentId: "sc-1uxtym1-4"
-})(["color:inherit;border:none;background:none;-webkit-appearance:none;height:100%;border-top-right-radius:3px;border-bottom-right-radius:3px;padding:0 7px;cursor:pointer;&:hover{background:", ";}& > svg{width:8px;display:block;}"], function (props) {
+var Item = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background: #272727;\n  color: #f7f8f9;\n  font-size: 12px;\n  height: 26px;\n  border-radius: 3px;\n"])));
+var ItemLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  padding: 0 5px 0 8px;\n"])));
+var ItemRemoveButton = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  color: inherit;\n  border: none;\n  background: none;\n  -webkit-appearance: none;\n  height: 100%;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  padding: 0 7px;\n  cursor: pointer;\n\n  &:hover {\n    background: ", ";\n  }\n\n  & > svg {\n    width: 8px;\n    display: block;\n  }\n"])), function (props) {
   return props.theme.getColor('red-500');
 });
-var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__Label",
-  componentId: "sc-1uxtym1-5"
-})(["position:absolute;top:-8px;left:7px;line-height:1.2;font-size:0.75rem;font-weight:400;padding:0 3px;letter-spacing:0.03em;", " ", ""], function (props) {
+var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: -8px;\n  left: 7px;\n  line-height: 1.2;\n  font-size: 0.75rem;\n  font-weight: 400;\n  padding: 0 3px;\n  //padding: 0 0 4px;\n  letter-spacing: 0.03em;\n  ", "\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
 }, 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%)"));
 });
-var Placeholder = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__Placeholder",
-  componentId: "sc-1uxtym1-6"
-})(["font-size:0.875rem;line-height:26px;padding-left:4px;opacity:0.4;"]);
-var PopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__PopoverContainer",
-  componentId: "sc-1uxtym1-7"
-})(["max-height:inherit;display:flex;flex-direction:column;"]);
-var PopoverHeader = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__PopoverHeader",
-  componentId: "sc-1uxtym1-8"
-})(["", ""], function (props) {
+var Placeholder = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  line-height: 26px;\n  padding-left: 4px;\n  opacity: 0.4;\n"])));
+var PopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  max-height: inherit;\n  display: flex;\n  flex-direction: column;\n"])));
+var PopoverHeader = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
 });
-var SearchContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__SearchContainer",
-  componentId: "sc-1uxtym1-9"
-})(["padding:12px 8px;"]);
-var OptionsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
-  displayName: "MultiLevelCheckboxSelectstyled__OptionsContainer",
-  componentId: "sc-1uxtym1-10"
-})(["padding:12px 8px;overflow:auto;box-sizing:border-box;"]);
+var SearchContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  padding: 12px 8px;\n"])));
+var OptionsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  padding: 12px 8px;\n  overflow: auto;\n  box-sizing: border-box;\n"])));
 
 var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;