@ntbjs/react-components 1.3.0-rc.37 → 1.3.0-rc.39

package/{MultiSelect-81e7016c.js → MultiSelect-f9fbcdff.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var styled = require('styled-components');
 var close = require('./close-1751121a.js');
 var Select = require('react-select');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-9745dc34.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-a9d74549.js');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,32 +15,61 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 
-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;
 var AsyncCreatableSelectPaginate = reactSelectAsyncPaginate.withAsyncPaginate(reactSelectCreatable_esm.CreatableSelect$1);
 var showMoreHeight = 114;
-var sharedStyle = styled.css(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 12px;\n  font-weight: 400;\n  position: relative;\n"])), function (props) {
+var sharedStyle = styled.css(["font-family:", ";font-size:12px;font-weight:400;position:relative;"], function (props) {
   return props.theme.primaryFontFamily;
 });
-var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  cursor: pointer;\n  height: 19px;\n  display: flex;\n  align-items: center;\n"])), function (props) {
+var Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__Label",
+  componentId: "sc-1vcnhdt-0"
+})(["", ";flex-basis:33.33%;font-size:0.875rem;line-height:1rem;cursor:pointer;height:19px;display:flex;align-items:center;"], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 });
-var MultiSelect$1 = styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), sharedStyle);
-var CreatableMultiSelect = styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), sharedStyle);
-var AsyncCreatableMultiSelect = styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), sharedStyle);
-var AsyncMultiSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), sharedStyle);
-var MultiSelectWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n"])));
-var Control = styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    align-items: flex-start;\n    background: transparent;\n    border: none;\n    box-shadow: none;\n  }\n\n  :hover {\n    cursor: ", ";\n  }\n"])), function (props) {
+var MultiSelect$1 = styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__MultiSelect",
+  componentId: "sc-1vcnhdt-1"
+})(["", ""], sharedStyle);
+var CreatableMultiSelect = styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__CreatableMultiSelect",
+  componentId: "sc-1vcnhdt-2"
+})(["", ""], sharedStyle);
+var AsyncCreatableMultiSelect = styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__AsyncCreatableMultiSelect",
+  componentId: "sc-1vcnhdt-3"
+})(["", ""], sharedStyle);
+var AsyncMultiSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__AsyncMultiSelect",
+  componentId: "sc-1vcnhdt-4"
+})(["", ""], sharedStyle);
+var MultiSelectWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__MultiSelectWrapper",
+  componentId: "sc-1vcnhdt-5"
+})(["position:relative;"]);
+var Control = styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__Control",
+  componentId: "sc-1vcnhdt-6"
+})(["&&{align-items:flex-start;background:transparent;border:none;box-shadow:none;}:hover{cursor:", ";}"], function (props) {
   return !props.isDisabled && props.focused || props.readOnly ? 'default' : 'pointer';
 });
-var ValueContainer = styled__default["default"](Select.components.ValueContainer)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    align-items: flex-start;\n    gap: 8px;\n    padding: 0;\n\n    max-height: ", " !important;\n\n    ", "\n  }\n"])), function (props) {
+var ValueContainer = styled__default["default"](Select.components.ValueContainer).withConfig({
+  displayName: "MultiSelectstyled__ValueContainer",
+  componentId: "sc-1vcnhdt-7"
+})(["&&{align-items:flex-start;gap:8px;padding:0;max-height:", " !important;", "}"], function (props) {
   return props.showMore ? props.error || props.warning ? '100%' : showMoreHeight + 16 + 'px' : '100%';
 }, function (props) {
-  return (props.error || props.warning) && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n        border: 1px solid;\n        border-radius: 3px;\n        padding: 4px;\n\n        border-color: ", ";\n      "])), function (props) {
+  return (props.error || props.warning) && styled.css(["border:1px solid;border-radius:3px;padding:4px;border-color:", ";"], function (props) {
     return props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit';
   });
 });
-var MultiValueWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    border-radius: 3px;\n    margin: 0;\n  }\n"])));
-var MultiValue = styled__default["default"](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    border-radius: 3px;\n    margin: 0;\n\n    ", "\n\n    ", "\n\n    > div {\n      align-items: center;\n      display: flex;\n      font-size: 12px;\n      min-height: 26px;\n\n      :first-of-type {\n        padding: ", ";\n      }\n\n      :last-child:not(:only-child) {\n        padding: 0 8px 0 5px;\n        height: 100%;\n        width: fit-content;\n      }\n\n      :last-child:not(:only-child):hover {\n        background-color: ", ";\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n        cursor: pointer;\n      }\n\n      svg {\n        stroke: white;\n        stroke-width: 2px;\n        width: 8px;\n      }\n\n    :hover {\n      cursor: pointer;\n    }\n  }\n"])), function (props) {
+var MultiValueWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__MultiValueWrapper",
+  componentId: "sc-1vcnhdt-8"
+})(["&&{border-radius:3px;margin:0;}"]);
+var MultiValue = styled__default["default"](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__MultiValue",
+  componentId: "sc-1vcnhdt-9"
+})(["&&{border-radius:3px;margin:0;", " ", " > div{align-items:center;display:flex;font-size:12px;min-height:26px;:first-of-type{padding:", ";}:last-child:not(:only-child){padding:0 8px 0 5px;height:100%;width:fit-content;}:last-child:not(:only-child):hover{background-color:", ";border-bottom-left-radius:0;border-top-left-radius:0;cursor:pointer;}svg{stroke:white;stroke-width:2px;width:8px;}:hover{cursor:pointer;}}"], function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-800'));
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100'));
@@ -49,45 +78,75 @@ var MultiValue = styled__default["default"](Select.components.MultiValue).attrs(
 }, function (props) {
   return props.theme.getColor('red-500');
 });
-var MultiValueRemove = styled__default["default"](Select.components.MultiValueRemove).attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral([""])));
-var Input = styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n  align-self: center;\n  font-size: ", ";\n  min-width: 150px;\n\n  ", "\n\n  ", "\n  }\n"])), function (props) {
+var MultiValueRemove = styled__default["default"](Select.components.MultiValueRemove).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__MultiValueRemove",
+  componentId: "sc-1vcnhdt-10"
+})([""]);
+var Input = styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__Input",
+  componentId: "sc-1vcnhdt-11"
+})(["align-self:center;font-size:", ";min-width:150px;", " ", "}"], function (props) {
   return props.$focused ? '14px' : '12px';
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
 }, function (props) {
-  return !props.$focused && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n\n      :before {\n        height: 100%;\n        white-space: nowrap;\n        width: fit-content;\n        content: '", "';\n      }\n    "])), function (props) {
+  return !props.$focused && styled.css(["", " :before{height:100%;white-space:nowrap;width:fit-content;content:'", "';}"], function (props) {
     return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
   }, function (props) {
     return props.edittext;
   });
 });
-var DropdownMenu = styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 14px;\n\n  ", "\n\n  ", "\n"])), function (props) {
+var DropdownMenu = styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__DropdownMenu",
+  componentId: "sc-1vcnhdt-12"
+})(["font-size:14px;", " ", ""], function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('white'));
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
 });
-var sharedOptionStyle = styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  :hover {\n    cursor: pointer;\n  }\n"])), function (props) {
-  return props.isFocused && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
+var sharedOptionStyle = styled.css(["", " ", " ", " :hover{cursor:pointer;}"], function (props) {
+  return props.isFocused && styled.css(["", ""], props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
 }, function (props) {
-  return props.isSelected && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n\n      ", "\n    "])), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
+  return props.isSelected && styled.css(["", " ", ""], props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
 }, function (props) {
-  return props.isFocused && props.isSelected && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
+  return props.isFocused && props.isSelected && styled.css(["", ""], props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
 });
-var Option = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), sharedOptionStyle);
-var SelectedOption$1 = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n\n  display: flex !important;\n  justify-content: space-between;\n"])), sharedOptionStyle);
-var DropdownOptionDeleteIcon = styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n  stroke-width: 1px;\n  width: 8px;\n\n  ", "\n"])), function (props) {
+var Option = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__Option",
+  componentId: "sc-1vcnhdt-13"
+})(["", ""], sharedOptionStyle);
+var SelectedOption$1 = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__SelectedOption",
+  componentId: "sc-1vcnhdt-14"
+})(["", " display:flex !important;justify-content:space-between;"], sharedOptionStyle);
+var DropdownOptionDeleteIcon = styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__DropdownOptionDeleteIcon",
+  componentId: "sc-1vcnhdt-15"
+})(["stroke-width:1px;width:8px;", ""], function (props) {
   return props.theme.themeProp('stroke', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
 });
-var ShowMoreWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n  align-items: end;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  max-height: ", "px;\n  top: 0;\n  width: 100%;\n\n  ", "\n\n  :hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n"])), showMoreHeight + 16, function (props) {
+var ShowMoreWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__ShowMoreWrapper",
+  componentId: "sc-1vcnhdt-16"
+})(["align-items:end;display:flex;flex-direction:column;height:100%;left:0;position:absolute;max-height:", "px;top:0;width:100%;", " :hover{cursor:pointer;text-decoration:underline;}"], showMoreHeight + 16, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('emerald-500'));
 });
-var ShowMoreOverlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n  align-items: end;\n  display: block;\n  height: 100%;\n  max-height: ", "px;\n  left: 0;\n  top: 0;\n  width: 100%;\n\n  ", "\n"])), showMoreHeight, function (props) {
+var ShowMoreOverlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__ShowMoreOverlay",
+  componentId: "sc-1vcnhdt-17"
+})(["align-items:end;display:block;height:100%;max-height:", "px;left:0;top:0;width:100%;", ""], showMoreHeight, function (props) {
   return props.theme.themeProp('background', 'transparent linear-gradient(180deg, #12121200 0%, #12121230 40%, #12121279 70%, #121212 95%, #121212 100%) 0% 0% no-repeat padding-box', 'transparent linear-gradient(180deg, #fefefe00 0%, #fefefe30 40%, #fefefe79 70%, #fefefe 95%, #fefefe 100%) 0% 0% no-repeat padding-box');
 });
-var ShowMoreText = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  width: 100%;\n  ", "\n"])), function (props) {
+var ShowMoreText = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__ShowMoreText",
+  componentId: "sc-1vcnhdt-18"
+})(["font-size:0.875rem;width:100%;", ""], function (props) {
   return props.theme.themeProp('background-color', '#121212', '#fefefe');
 });
-var ErrorMessage = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 0.75rem;\n  margin-top: 8px;\n  padding: 0 12px;\n"])), function (props) {
+var ErrorMessage = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "MultiSelectstyled__ErrorMessage",
+  componentId: "sc-1vcnhdt-19"
+})(["color:", ";font-size:0.75rem;margin-top:8px;padding:0 12px;"], function (props) {
   return props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit';
 });
 

package/{Popover-c5e425a7.js → Popover-8e025dcb.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var lodash = require('lodash');
 var React = require('react');
 var styled = require('styled-components');
 var polished = require('polished');
 var TippyTooltip = require('@tippyjs/react');
-require('./shift-away-subtle-631cd794.js');
+require('./shift-away-subtle-e3830923.js');
 var maxSize = require('popper-max-size-modifier');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -16,8 +16,10 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
 var maxSize__default = /*#__PURE__*/_interopDefaultLegacy(maxSize);
 
-var _templateObject, _templateObject2, _templateObject3;
-var Popover$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  color: inherit;\n  border-radius: 0;\n  line-height: inherit;\n  max-height: inherit;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  .tippy-content {\n    padding: 0;\n    max-height: inherit;\n\n    > div {\n      max-height: inherit;\n    }\n  }\n\n  .tippy-arrow {\n    ", "\n  }\n\n  && > .tippy-arrow::before {\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  & > .tippy-arrow::after {\n    content: '';\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  &[data-placement^='top'] {\n    & > .tippy-arrow:before {\n      bottom: -16px;\n      left: -5px;\n      border-width: 15px 13px 0;\n      ", "\n    }\n\n    & > .tippy-arrow:after {\n      bottom: -15px;\n      left: -5px;\n      border-width: 15px 13px 0;\n      border-top-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='right'] {\n    & > .tippy-arrow:before {\n      bottom: -5px;\n      left: -16px;\n      border-width: 13px 15px 13px 0;\n      ", "\n    }\n\n    & > .tippy-arrow:after {\n      bottom: -5px;\n      left: -15px;\n      border-width: 13px 15px 13px 0;\n      border-right-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='bottom'] {\n    & > .tippy-arrow:before {\n      top: -16px;\n      left: -5px;\n      border-width: 0 13px 15px 13px;\n      ", "\n    }\n\n    & > .tippy-arrow:after {\n      top: -14.5px;\n      left: -5px;\n      border-width: 0 13px 15px 13px;\n      border-bottom-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='left'] {\n    & > .tippy-arrow::before {\n      bottom: -5px;\n      right: -16px;\n      border-width: 13px 0 13px 15px;\n      ", "\n    }\n\n    & > .tippy-arrow::after {\n      bottom: -5px;\n      right: -15px;\n      border-width: 13px 0 13px 15px;\n      border-left-color: initial;\n      transform-origin: center top;\n    }\n  }\n"])), function (props) {
+var Popover$1 = styled__default["default"](TippyTooltip__default["default"]).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Popoverstyled__Popover",
+  componentId: "sc-1as2yf3-0"
+})(["font-family:", ";font-size:1rem;font-weight:400;color:inherit;border-radius:0;line-height:inherit;max-height:inherit;", " ", " ", " ", " ", " .tippy-content{padding:0;max-height:inherit;> div{max-height:inherit;}}.tippy-arrow{", "}&& > .tippy-arrow::before{position:absolute;border-color:transparent;border-style:solid;}& > .tippy-arrow::after{content:'';position:absolute;border-color:transparent;border-style:solid;}&[data-placement^='top']{& > .tippy-arrow:before{bottom:-16px;left:-5px;border-width:15px 13px 0;", "}& > .tippy-arrow:after{bottom:-15px;left:-5px;border-width:15px 13px 0;border-top-color:initial;transform-origin:center top;}}&[data-placement^='right']{& > .tippy-arrow:before{bottom:-5px;left:-16px;border-width:13px 15px 13px 0;", "}& > .tippy-arrow:after{bottom:-5px;left:-15px;border-width:13px 15px 13px 0;border-right-color:initial;transform-origin:center top;}}&[data-placement^='bottom']{& > .tippy-arrow:before{top:-16px;left:-5px;border-width:0 13px 15px 13px;", "}& > .tippy-arrow:after{top:-14.5px;left:-5px;border-width:0 13px 15px 13px;border-bottom-color:initial;transform-origin:center top;}}&[data-placement^='left']{& > .tippy-arrow::before{bottom:-5px;right:-16px;border-width:13px 0 13px 15px;", "}& > .tippy-arrow::after{bottom:-5px;right:-15px;border-width:13px 0 13px 15px;border-left-color:initial;transform-origin:center top;}}"], function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
@@ -26,13 +28,13 @@ var Popover$1 = styled__default["default"](TippyTooltip__default["default"]).att
 }, function (props) {
   return props.theme.themeProp('border', "1px solid ".concat(props.theme.getColor('gray-800')), "1px solid ".concat(props.theme.getColor('gray-300')));
 }, function (props) {
-  return props.contextMenu && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      border-radius: 4px;\n\n      ", "\n\n      ", "\n    "])), function (props) {
+  return props.contextMenu && styled.css(["border-radius:4px;", " ", ""], function (props) {
     return props.theme.themeProp('border', 'none', 'none');
   }, function (props) {
     return props.theme.themeProp('box-shadow', "none", "0 1px 6px ".concat(polished.rgba(props.theme.getColor('gray-900'), 0.3)));
   });
 }, function (props) {
-  return props.contextMenuSublevel && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n      &[data-placement^='right-start'],\n      &[data-placement^='left-start'] {\n        margin-top: -4px;\n      }\n\n      &[data-placement^='left'] {\n        margin-right: -6px;\n      }\n\n      &[data-placement^='right'] {\n        margin-left: -6px;\n      }\n    "])));
+  return props.contextMenuSublevel && styled.css(["&[data-placement^='right-start'],&[data-placement^='left-start']{margin-top:-4px;}&[data-placement^='left']{margin-right:-6px;}&[data-placement^='right']{margin-left:-6px;}"]);
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('white'), 1);
 }, function (props) {

package/{Radio-55db4781.js → Radio-ecf4226c.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 polished = require('polished');
@@ -11,21 +11,26 @@ 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;
 var radioSize = '18px';
-var RadioLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  padding-left: ", ";\n  font-weight: 400;\n  font-size: 0.875rem;\n\n  ", ";\n"])), polished.math("".concat(radioSize, " + 10px")), function (props) {
+var RadioLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Radiostyled__RadioLabel",
+  componentId: "sc-3w4fhh-0"
+})(["padding-left:", ";font-weight:400;font-size:0.875rem;", ";"], polished.math("".concat(radioSize, " + 10px")), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
 });
-var Radio$1 = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n  position: relative;\n  cursor: pointer;\n  line-height: ", ";\n  user-select: none;\n\n  &::before {\n    content: '';\n    position: absolute;\n    border: 2px solid ", ";\n    width: ", ";\n    height: ", ";\n    top: 0;\n    border-radius: 50%;\n    transition: all 200ms;\n    box-sizing: border-box;\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    top: 5px;\n    left: 5px;\n    border-radius: 50%;\n    transform: scale(0);\n    transition: all 200ms;\n  }\n\n  &:has(input:checked) {\n    ::before {\n      border-color: ", ";\n    }\n\n    ::after {\n      background: ", ";\n      transform: scale(1);\n    }\n\n    ", " {\n      opacity: 1;\n    }\n  }\n  & {\n    input[type='radio'] {\n      position: absolute;\n      opacity: 0;\n      pointer-events: none;\n    }\n  }\n\n  ", "\n\n  ", "\n"])), radioSize, function (props) {
+var Radio$1 = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Radiostyled__Radio",
+  componentId: "sc-3w4fhh-1"
+})(["display:block;position:relative;cursor:pointer;line-height:", ";user-select:none;&::before{content:'';position:absolute;border:2px solid ", ";width:", ";height:", ";top:0;border-radius:50%;transition:all 200ms;box-sizing:border-box;}&::after{content:'';position:absolute;width:8px;height:8px;top:5px;left:5px;border-radius:50%;transform:scale(0);transition:all 200ms;}&:has(input:checked){::before{border-color:", ";}::after{background:", ";transform:scale(1);}", "{opacity:1;}}&{input[type='radio']{position:absolute;opacity:0;pointer-events:none;}}", " ", ""], radioSize, function (props) {
   return props.theme.getColor('gray-300');
 }, radioSize, radioSize, function (props) {
   return props.theme.getColor('emerald-500');
 }, function (props) {
   return props.theme.getColor('emerald-500');
 }, RadioLabel, function (props) {
-  return props.readOnly && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      pointer-events: none;\n      user-select: text;\n    "])));
+  return props.readOnly && styled.css(["opacity:0.5;pointer-events:none;user-select:text;"]);
 }, function (props) {
-  return props.disabled && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n      user-select: text;\n    "])));
+  return props.disabled && styled.css(["opacity:0.5;cursor:not-allowed;user-select:text;"]);
 });
 
 var _excluded = ["name", "value", "checked", "defaultChecked", "disabled", "readOnly", "label", "className", "style", "onChange", "onBlur"];

package/{SectionSeparator-af8dc1ce.js → SectionSeparator-e69cddfd.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');
 
@@ -9,8 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject;
-var SectionSeparator$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n\n ", "\n"])), function (props) {
+var SectionSeparator$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SectionSeparatorstyled__SectionSeparator",
+  componentId: "sc-b3b1hp-0"
+})(["height:", ";width:", ";", ""], function (props) {
   return props.vertical ? '100%' : '1px';
 }, function (props) {
   return props.vertical ? '1px' : '100%';

package/{Switch-04ecd8d0.js → Switch-76d7d568.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 polished = require('polished');
@@ -11,34 +11,51 @@ 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;
 var switchButtonSize = '16px';
-var Switch$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  * {\n    box-sizing: border-box;\n  }\n\n  display: flex;\n  flex-direction: column;\n\n  ", "\n\n  ", "\n"])), function (props) {
-  return props.readOnly && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      > * {\n        pointer-events: none;\n        user-select: text;\n      }\n    "])));
+var Switch$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Switchstyled__Switch",
+  componentId: "sc-1ijpqlg-0"
+})(["*{box-sizing:border-box;}display:flex;flex-direction:column;", " ", ""], function (props) {
+  return props.readOnly && styled.css(["opacity:0.5;> *{pointer-events:none;user-select:text;}"]);
 }, function (props) {
-  return props.disabled && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n      * {\n        pointer-events: none;\n        user-select: text;\n      }\n    "])));
+  return props.disabled && styled.css(["opacity:0.5;cursor:not-allowed;*{pointer-events:none;user-select:text;}"]);
 });
-var SwitchIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n  ", "\n  height: ", ";\n  width: 32px;\n  border-radius: 20px;\n  border: 1px solid;\n  ", "\n  transition: background 200ms;\n"])), function (props) {
+var SwitchIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Switchstyled__SwitchIndicator",
+  componentId: "sc-1ijpqlg-1"
+})(["display:inline-block;position:relative;", " height:", ";width:32px;border-radius:20px;border:1px solid;", " transition:background 200ms;"], function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('gray-200'));
 }, polished.math("".concat(switchButtonSize, " + 2px")), function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-300'));
 });
-var SwitchIndicatorButton = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  ", "\n  height: ", ";\n  width: ", ";\n  border-radius: 50%;\n  box-shadow: ", " 0 0px 2px 0px;\n  transition: left 200ms;\n"])), function (props) {
+var SwitchIndicatorButton = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Switchstyled__SwitchIndicatorButton",
+  componentId: "sc-1ijpqlg-2"
+})(["position:absolute;", " height:", ";width:", ";border-radius:50%;box-shadow:", " 0 0px 2px 0px;transition:left 200ms;"], function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-200'), props.theme.getColor('white'));
 }, switchButtonSize, switchButtonSize, function (props) {
   return props.theme.getColor('gray-500');
 });
-var SwitchIndicatorLabelText = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  padding-left: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 18px;\n\n  ", ";\n"])), function (props) {
+var SwitchIndicatorLabelText = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Switchstyled__SwitchIndicatorLabelText",
+  componentId: "sc-1ijpqlg-3"
+})(["padding-left:10px;font-weight:400;font-size:0.875rem;line-height:18px;", ";"], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
 });
-var SwitchLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-flex;\n  margin-right: auto;\n  cursor: pointer;\n\n  input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n  }\n\n  &:has(input[type='checkbox']:not(:checked)) {\n    ", " {\n      left: 0;\n    }\n  }\n\n  &:has(input[type='checkbox']:checked) {\n    ", " {\n      left: calc(100% - ", ");\n    }\n\n    ", " {\n      background: ", ";\n\n      ", "\n    }\n  }\n\n  &:has(input[type='checkbox']:focus-visible) {\n    ", " {\n      ", "\n    }\n  }\n"])), SwitchIndicatorButton, SwitchIndicatorButton, switchButtonSize, SwitchIndicator, function (props) {
+var SwitchLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Switchstyled__SwitchLabel",
+  componentId: "sc-1ijpqlg-4"
+})(["display:inline-flex;margin-right:auto;cursor:pointer;input[type='checkbox']{position:absolute;opacity:0;}&:has(input[type='checkbox']:not(:checked)){", "{left:0;}}&:has(input[type='checkbox']:checked){", "{left:calc(100% - ", ");}", "{background:", ";", "}}&:has(input[type='checkbox']:focus-visible){", "{", "}}"], SwitchIndicatorButton, SwitchIndicatorButton, switchButtonSize, SwitchIndicator, function (props) {
   return props.theme.getColor('emerald-500');
 }, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-400'), props.theme.getColor('gray-300'), 1);
 }, SwitchIndicatorButton, function (props) {
   return props.theme.themeProp('outline', "8px solid ".concat(polished.rgba(props.theme.getColor('emerald-500'), 0.5)), "8px solid ".concat(polished.rgba(props.theme.getColor('emerald-500'), 0.3)), 1);
 });
-var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  margin: ", " 0 0 0;\n  font-size: 0.75rem;\n  line-height: 1.333;\n\n  ", ";\n"])), function (props) {
+var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Switchstyled__Description",
+  componentId: "sc-1ijpqlg-5"
+})(["margin:", " 0 0 0;font-size:0.75rem;line-height:1.333;", ";"], function (props) {
   return props.spaciousDescription ? '16px' : '6px';
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));

package/{Tab-e43241f0.js → Tab-74c2bca2.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');
 
@@ -9,8 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject;
-var Tab$1 = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 500;\n  border-bottom: 1px solid;\n  min-height: 35px;\n"])), function (props) {
+var Tab$1 = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Tabstyled__Tab",
+  componentId: "sc-hxlbpx-0"
+})(["font-family:", ";font-size:1rem;font-weight:500;border-bottom:1px solid;min-height:35px;"], function (props) {
   return props.theme.primaryFontFamily;
 });
 

package/{Tabs-cfc08c6b.js → Tabs-41bd6cc1.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var lodash = require('lodash');
 var React = require('react');
-var Tab = require('./Tab-e43241f0.js');
+var Tab = require('./Tab-74c2bca2.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -11,19 +11,27 @@ 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;
-var Tabs$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n  position: relative;\n  ", ";\n"])), function (props) {
-  return props.backgroundColor && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      background-color: ", ";\n    "])), props.backgroundColor);
+var Tabs$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Tabsstyled__Tabs",
+  componentId: "sc-1tow7gi-0"
+})(["display:block;position:relative;", ";"], function (props) {
+  return props.backgroundColor && styled.css(["background-color:", ";"], props.backgroundColor);
 });
-var TabHeaders = styled__default["default"].ul.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  overflow-x: auto;\n  overflow-y: hidden;\n  white-space: nowrap;\n  gap: 24px;\n\n  margin: 0;\n  ", ";\n  ", ";\n"])), function (props) {
-  return !props.customPadding && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      padding: 0;\n    "])));
+var TabHeaders = styled__default["default"].ul.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Tabsstyled__TabHeaders",
+  componentId: "sc-1tow7gi-1"
+})(["display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;gap:24px;margin:0;", ";", ";"], function (props) {
+  return !props.customPadding && styled.css(["padding:0;"]);
 }, function (props) {
-  return props.customPadding && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n      padding: 0 ", ";\n    "])), props.customPadding);
+  return props.customPadding && styled.css(["padding:0 ", ";"], props.customPadding);
 });
-var TabHeader = styled__default["default"].li.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  text-transform: uppercase;\n  font-weight: 600;\n  font-size: 0.875rem;\n  display: flex;\n  padding-bottom: 8px;\n  letter-spacing: 0.6px;\n  cursor: pointer;\n  border-bottom: 1px solid;\n  border-color: transparent;\n  margin-bottom: 1px;\n\n  ", ";\n  &&:hover:not(:focus) {\n    ", ";\n  }\n"])), function (props) {
+var TabHeader = styled__default["default"].li.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Tabsstyled__TabHeader",
+  componentId: "sc-1tow7gi-2"
+})(["font-family:", ";text-transform:uppercase;font-weight:600;font-size:0.875rem;display:flex;padding-bottom:8px;letter-spacing:0.6px;cursor:pointer;border-bottom:1px solid;border-color:transparent;margin-bottom:1px;", ";&&:hover:not(:focus){", ";}"], function (props) {
   return props.theme.secondaryFontFamily;
 }, function (props) {
-  return props.active && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), function (props) {
+  return props.active && styled.css(["", ""], function (props) {
     return props.theme.themeProp('border-color', props.theme.getColor('gray-400'), props.theme.getColor('gray-700'));
   });
 }, function (props) {
@@ -41,13 +49,19 @@ var TabHeader = styled__default["default"].li.attrs(defaultTheme.applyDefaultThe
     }
   });
 });
-var TabContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n"])));
-var TabHeaderBorder = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  border-top: 1px solid;\n\n  ", ";\n  ", ";\n  ", ";\n"])), function (props) {
+var TabContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Tabsstyled__TabContent",
+  componentId: "sc-1tow7gi-3"
+})(["display:block;"]);
+var TabHeaderBorder = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Tabsstyled__TabHeaderBorder",
+  componentId: "sc-1tow7gi-4"
+})(["border-top:1px solid;", ";", ";", ";"], function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-600'), '#F0F2F5');
 }, function (props) {
-  return !props.customPadding && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n      margin: -2px 0;\n    "])));
+  return !props.customPadding && styled.css(["margin:-2px 0;"]);
 }, function (props) {
-  return props.customPadding && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      margin: -2px ", ";\n    "])), props.customPadding);
+  return props.customPadding && styled.css(["margin:-2px ", ";"], props.customPadding);
 });
 
 var _excluded = ["children", "defaultMinHeight", "customPadding"];