@ntbjs/react-components 2.0.0-rc.3 → 2.0.0-rc.30

package/esm/components/inputs/CompactTextInput/CompactTextInput.styled.js

@@ -1,335 +0,0 @@
-import styled, { keyframes, css } from 'styled-components';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t10,
-  _t11,
-  _t12,
-  _t13,
-  _t14,
-  _t15,
-  _t16,
-  _t17,
-  _t18,
-  _t19,
-  _t20,
-  _t21,
-  _t22,
-  _t23,
-  _t24,
-  _t25,
-  _t26,
-  _t27,
-  _t28,
-  _t29,
-  _t30,
-  _t31,
-  _t32,
-  _t33,
-  _t34,
-  _t35;
-const fadeIn = keyframes(_t || (_t = _`
-  from {
-    background-color: ${0};
-  }
-  to {
-    background-color: ${0};
-  }
-`), props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)'), props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)'));
-const fadeOut = keyframes(_t2 || (_t2 = _`
-  from {
-    background-color: ${0};
-  }
-  to {
-    background-color: ${0};
-  }
-`), props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)'), props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)'));
-const fadeInCheck = keyframes(_t3 || (_t3 = _`
-  from {
-    opacity: 0
-  }
-  to {
-    opacity: 1
-  }
-`));
-const fadeOutCheck = keyframes(_t4 || (_t4 = _`
-  from {
-    opacity: 1
-  }
-  to {
-    opacity: 0
-  }
-`));
-const linkColor = css(_t5 || (_t5 = _`
-  ${0}
-  ${0}
-`), props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500')), props => !props.disabled && css(_t6 || (_t6 = _`
-      &:hover {
-        text-decoration: underline;
-      }
-    `)));
-const commonAnchorTagStyle = css(_t7 || (_t7 = _`
-  a,
-  && {
-    font-size: 0.875rem;
-    text-decoration: none;
-  }
-`));
-const readOnlyBackground = css(_t8 || (_t8 = _`
-  ${0}
-`), props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')));
-const CompactTextInput = styled.div.attrs(applyDefaultTheme)(_t9 || (_t9 = _`
-  display: flex;
-  align-items: center;
-  height: 24px;
-  font-family: ${0};
-`), props => props.theme.primaryFontFamily);
-const Label = styled.label.attrs(applyDefaultTheme)(_t10 || (_t10 = _`
-  ${0};
-  flex-basis: 33.33%;
-  font-size: 0.875rem;
-  line-height: 1rem;
-  justify-content: space-between;
-  height: 19px;
-  display: flex;
-  align-items: center;
-  ${0}
-`), props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700')), props => props.disabled && css(_t11 || (_t11 = _`
-      opacity: 0.5;
-      cursor: not-allowed;
-    `)));
-const InputContainer = styled.div.attrs(applyDefaultTheme)(_t12 || (_t12 = _`
-  position: relative;
-  height: 19px;
-  flex-basis: ${0};
-`), props => props.$hasLabel ? '66.66%' : '100%');
-const SuccessContainer = styled.div.attrs(applyDefaultTheme)(_t13 || (_t13 = _`
-  opacity: 1;
-  pointer-events: none;
-  display: flex;
-  opacity: ${0};
-  animation: ${0} 0.5s ease-in-out;
-  transition: opacity 0.5s ease-in-out;
-  margin-right: 5px;
-  ${0}
-  > svg {
-    width: 13px;
-  }
-`), props => props.fadeIn ? 0 : 1, props => props.fadeIn ? fadeOutCheck : fadeInCheck, props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
-const InputSuccessContainer = styled.div.attrs(applyDefaultTheme)(_t14 || (_t14 = _`
-  opacity: 1;
-  pointer-events: none;
-  display: flex;
-  justify-content: flex-end;
-  opacity: ${0};
-  animation: ${0} 0.5s ease-in-out;
-  transition: opacity 0.5s ease-in-out;
-  position: relative;
-  margin-top: -20px;
-  margin-right: 8px;
-  ${0}
-  > svg {
-    width: 13px;
-  }
-`), props => props.fadeIn ? 0 : 1, props => props.fadeIn ? fadeOutCheck : fadeInCheck, props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
-const InputIconContainer = styled.div.attrs(applyDefaultTheme)(_t15 || (_t15 = _`
-  opacity: 0;
-  pointer-events: none;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  padding: 5px 10px 0 0;
-  ${0};
-
-  display: flex;
-  align-items: center;
-  position: absolute;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  color: ${0};
-
-  ${0}
-
-  ${0}
-
-  > svg {
-    width: 12px;
-  }
-`), props => props.theme.themeProp('background', css(_t16 || (_t16 = _`
-        linear-gradient(-90deg,
-        ${0} 55%,
-        transparent)
-      `), props => props.type === 'error' ? '#901d1d' : props.type === 'warning' ? '#816600' : props.theme.getColor('gray-700')), css(_t17 || (_t17 = _`
-        linear-gradient(-90deg,
-        ${0} 55%,
-        transparent)
-      `), props => props.type === 'error' ? '#f7d5d0' : props.type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100'))), props => props.theme.getColor('gray-400'), props => props.type === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43'), props => props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F'));
-const Input = styled.input.attrs(applyDefaultTheme)(_t18 || (_t18 = _`
-  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;
-
-   
-
-  ${0}
-
-  ${0}
-
-  ${0}
-
-  ${0}
-  ${0};
-
-    ${0};
-    ${0};
-
-      ${0};
-
-        
-
-
-  &&:not(:hover):not(:focus) {
-   
-      ${0};
-    ${0};
-    
-    ${0}
-  }
-
-  &&:hover:not(:focus) {
-
-    ${0}
-
-    ${0};
-
-    ${0};
-
-    ${0};
-
-    ${0};
-
-
-    ${0}
-      & + ${0} {
-        opacity: 1;
-        
-      }
-  }
-
-    ${0}
-      ${0}
-
-  }
-
-  &&:focus {
-    ${0};
-
-      ${0};
-    
-    ${0};
-
-    ${0};
-    outline: none;
-
-    ${0};
-
-    ${0};
-  }
-
-  &&::placeholder {
-    color: inherit;
-    opacity: 0.6;
-  }
-
-  ${0}
-`), props => props.readOnly && css(_t19 || (_t19 = _`
-      cursor: default;
-    `)), props => props.disabled && css(_t20 || (_t20 = _`
-      opacity: 0.5;
-    `)), props => props.type === 'success' && css(_t21 || (_t21 = _`
-      animation: ${0} 0.5s ease-in-out;
-    `), props => props.type === 'success' ? fadeIn : fadeOut), props => props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')), props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')), props => props.type === 'warning' && props.theme.themeProp('background', '#634E01', '#FFFDE8'), props => props.type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#FBEAE6'), props => props.hasLink && css(_t22 || (_t22 = _`
-          &&:not(:focus),
-          &&:read-only {
-            ${0}
-          }
-          &&:read-only {
-            cursor: default;
-          }
-        `), linkColor), props => props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)'), props => props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)'), props => props.hasLink && css(_t23 || (_t23 = _`
-        &&:not(:focus),
-        &&:read-only {
-          cursor: default;
-          ${0}
-        }
-      `), linkColor), props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')), props => props.readOnly && css(_t24 || (_t24 = _`
-        ${0}
-      `), readOnlyBackground), props => props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')), props => props.type === 'warning' && props.theme.themeProp('background', '#806403', '#FFFEBF'), props => props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0'), props => props.hasLink && css(_t25 || (_t25 = _`
-        cursor: pointer;
-        &&:read-only {
-          background: none !important;
-          cursor: default;
-        }
-      `)), InputIconContainer, props => props.disabled && css(_t26 || (_t26 = _`
-        background: none !important;
-        cursor: not-allowed;
-      `)), props => props.disabled && props.hasLink && css(_t27 || (_t27 = _`
-          background: none !important;
-          cursor: not-allowed !important;
-        `)), props => !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')), props => props.readOnly && css(_t28 || (_t28 = _`
-          ${0}
-        `), readOnlyBackground), props => props.type === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')), props => !props.readOnly && css(_t29 || (_t29 = _`
-        border-color: ${0};
-      `), props => props.theme.getColor('gray-600')), props => props.type === 'warning' && css(_t30 || (_t30 = _`
-        ${0}
-        ${0}
-        ${0}
-      `), props => props.theme.themeProp('border-color', '#F4E21E', '#F4E21E'), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black')), props => props.type === 'error' && css(_t31 || (_t31 = _`
-        ${0}
-        ${0}
-        ${0}
-      `), props => props.theme.themeProp('border-color', '#D83018', '#D83018'), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black')), props => props.bold && css(_t32 || (_t32 = _`
-      font-size: 1rem;
-      font-weight: 500;
-      line-height: 1.0625;
-      padding-top: 3px;
-      padding-bottom: 2px;
-    `)));
-const LinkPopoverContainer = styled.div.attrs(applyDefaultTheme)(_t33 || (_t33 = _`
-  ${0}
-
-  padding: 5px 8px;
-
-  svg {
-    width: 18px;
-    margin-right: 8px;
-  }
-`), commonAnchorTagStyle);
-const StyledLink = styled.a.attrs(applyDefaultTheme)(_t34 || (_t34 = _`
-  ${0}
-  ${0}
-`), commonAnchorTagStyle, linkColor);
-const ReadOnlyLinkContainer = styled.div.attrs(applyDefaultTheme)(_t35 || (_t35 = _`
-  ${0};
-  border: 1px solid transparent;
-  border-radius: 3px;
-  padding: 0 10px 1px;
-`), readOnlyBackground);
-
-export { CompactTextInput, Input, InputContainer, InputIconContainer, InputSuccessContainer, Label, LinkPopoverContainer, ReadOnlyLinkContainer, StyledLink, SuccessContainer };

package/esm/components/inputs/CompactTextInput/inputs/CompactTextInput/index.js

@@ -1 +0,0 @@
-export { default } from '../../CompactTextInput.js';

package/esm/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js

@@ -1,104 +0,0 @@
-import styled from 'styled-components';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t10,
-  _t11;
-const MultiLevelCheckboxSelect = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
-  font-family: ${0};
-`), props => props.theme.primaryFontFamily);
-const MultiLevelCheckboxSelectInput = styled.div.attrs(applyDefaultTheme)(_t2 || (_t2 = _`
-  position: relative;
-  border: 1px solid;
-  ${0}
-  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 {
-    ${0}
-  }
-`), props => props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400')), props => props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600'), 1));
-const Item = styled.div.attrs(applyDefaultTheme)(_t3 || (_t3 = _`
-  display: flex;
-  align-items: center;
-  background: #272727;
-  color: #f7f8f9;
-  font-size: 12px;
-  height: 26px;
-  border-radius: 3px;
-`));
-const ItemLabel = styled.div.attrs(applyDefaultTheme)(_t4 || (_t4 = _`
-  padding: 0 5px 0 8px;
-`));
-const ItemRemoveButton = styled.button.attrs(applyDefaultTheme)(_t5 || (_t5 = _`
-  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: ${0};
-  }
-
-  & > svg {
-    width: 8px;
-    display: block;
-  }
-`), props => props.theme.getColor('red-500'));
-const Label = styled.div.attrs(applyDefaultTheme)(_t6 || (_t6 = _`
-  position: absolute;
-  top: -8px;
-  left: 7px;
-  line-height: 1.2;
-  font-size: 0.75rem;
-  font-weight: 400;
-  padding: 0 3px;
-  //padding: 0 0 4px;
-  letter-spacing: 0.03em;
-  ${0}
-  ${0}
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600')), props => props.theme.themeProp('background', `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`, `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`));
-const Placeholder = styled.div.attrs(applyDefaultTheme)(_t7 || (_t7 = _`
-  font-size: 0.875rem;
-  line-height: 26px;
-  padding-left: 4px;
-  opacity: 0.4;
-`));
-const PopoverContainer = styled.div.attrs(applyDefaultTheme)(_t8 || (_t8 = _`
-  max-height: inherit;
-  display: flex;
-  flex-direction: column;
-`));
-const PopoverHeader = styled.div.attrs(applyDefaultTheme)(_t9 || (_t9 = _`
-  ${0}
-`), props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white')));
-const SearchContainer = styled.div.attrs(applyDefaultTheme)(_t10 || (_t10 = _`
-  padding: 12px 8px;
-`));
-const OptionsContainer = styled.div.attrs(applyDefaultTheme)(_t11 || (_t11 = _`
-  padding: 12px 8px;
-  overflow: auto;
-  box-sizing: border-box;
-`));
-
-export { Item, ItemLabel, ItemRemoveButton, Label, MultiLevelCheckboxSelect, MultiLevelCheckboxSelectInput, OptionsContainer, Placeholder, PopoverContainer, PopoverHeader, SearchContainer };

package/esm/components/inputs/MultiSelect/MultiSelect.styled.js

@@ -1,251 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-import { ReactComponent as SvgClose } from '../../../icons/close.svg.js';
-import Select, { components } from 'react-select';
-import CreatableSelect$1 from '../../../node_modules/react-select/creatable/dist/react-select-creatable.esm.js';
-import { withAsyncPaginate, AsyncPaginate } from 'react-select-async-paginate';
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t10,
-  _t11,
-  _t12,
-  _t13,
-  _t14,
-  _t15,
-  _t16,
-  _t17,
-  _t18,
-  _t19,
-  _t20,
-  _t21,
-  _t22,
-  _t23,
-  _t24,
-  _t25,
-  _t26,
-  _t27;
-const AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect$1);
-const showMoreHeight = 114;
-const sharedStyle = css(_t || (_t = _`
-  font-family: ${0};
-  font-size: 12px;
-  font-weight: 400;
-  position: relative;
-`), props => props.theme.primaryFontFamily);
-const Label = styled.label.attrs(applyDefaultTheme)(_t2 || (_t2 = _`
-  ${0};
-  flex-basis: 33.33%;
-  font-size: 0.875rem;
-  line-height: 1rem;
-  cursor: pointer;
-  height: 19px;
-  display: flex;
-  align-items: center;
-`), props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700')));
-const MultiSelect = styled(Select).attrs(applyDefaultTheme)(_t3 || (_t3 = _`
-  ${0}
-`), sharedStyle);
-const CreatableMultiSelect = styled(CreatableSelect$1).attrs(applyDefaultTheme)(_t4 || (_t4 = _`
-  ${0}
-`), sharedStyle);
-const AsyncCreatableMultiSelect = styled(AsyncCreatableSelectPaginate).attrs(applyDefaultTheme)(_t5 || (_t5 = _`
-  ${0}
-`), sharedStyle);
-const AsyncMultiSelect = styled(AsyncPaginate).attrs(applyDefaultTheme)(_t6 || (_t6 = _`
-  ${0}
-`), sharedStyle);
-const MultiSelectWrapper = styled.div.attrs(applyDefaultTheme)(_t7 || (_t7 = _`
-  position: relative;
-`));
-const Control = styled(components.Control).attrs(applyDefaultTheme)(_t8 || (_t8 = _`
-  && {
-    align-items: flex-start;
-    background: transparent;
-    border: none;
-    box-shadow: none;
-  }
-
-  :hover {
-    cursor: ${0};
-  }
-`), props => !props.isDisabled && props.focused || props.readOnly ? 'default' : 'pointer');
-const ValueContainer = styled(components.ValueContainer)(_t9 || (_t9 = _`
-  && {
-    align-items: flex-start;
-    gap: 8px;
-    padding: 0;
-
-    max-height: ${0} !important;
-
-    ${0}
-  }
-`), props => {
-  return props.showMore ? props.error || props.warning ? '100%' : showMoreHeight + 16 + 'px' : '100%';
-}, props => (props.error || props.warning) && css(_t10 || (_t10 = _`
-        border: 1px solid;
-        border-radius: 3px;
-        padding: 4px;
-
-        border-color: ${0};
-      `), props => props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit'));
-const MultiValueWrapper = styled.div.attrs(applyDefaultTheme)(_t11 || (_t11 = _`
-  && {
-    border-radius: 3px;
-    margin: 0;
-  }
-`));
-const MultiValue = styled(components.MultiValue).attrs(applyDefaultTheme)(_t12 || (_t12 = _`
-  && {
-    border-radius: 3px;
-    margin: 0;
-
-    ${0}
-
-    ${0}
-
-    > div {
-      align-items: center;
-      display: flex;
-      font-size: 12px;
-      min-height: 26px;
-
-      :first-of-type {
-        padding: ${0};
-      }
-
-      :last-of-type:not(:only-child) {
-        padding: 0 8px 0 5px;
-        height: 100%;
-        width: fit-content;
-      }
-
-      :last-of-type:not(:only-child):hover {
-        background-color: ${0};
-        border-bottom-left-radius: 0;
-        border-top-left-radius: 0;
-        cursor: pointer;
-      }
-
-      svg {
-        stroke: white;
-        stroke-width: 2px;
-        width: 8px;
-      }
-
-    :hover {
-      cursor: pointer;
-    }
-  }
-`), props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-800')), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100')), props => props.isDisabled || props.readOnly ? '0 8px' : '0 3px 0 8px', props => props.theme.getColor('red-500'));
-const MultiValueRemove = styled(components.MultiValueRemove).attrs(applyDefaultTheme)(_t13 || (_t13 = _``));
-const Input = styled(components.Input).attrs(applyDefaultTheme)(_t14 || (_t14 = _`
-  align-self: center;
-  font-size: ${0};
-  min-width: 150px;
-
-  ${0}
-
-  ${0}
-  }
-`), props => props.$focused ? '14px' : '12px', props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props => !props.$focused && css(_t15 || (_t15 = _`
-      ${0}
-
-      :before {
-        height: 100%;
-        white-space: nowrap;
-        width: fit-content;
-        content: '${0}';
-      }
-    `), props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500')), props => props.edittext));
-const DropdownMenu = styled(components.Menu).attrs(applyDefaultTheme)(_t16 || (_t16 = _`
-  font-size: 14px;
-
-  ${0}
-
-  ${0}
-`), props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('white')), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
-const sharedOptionStyle = css(_t17 || (_t17 = _`
-  ${0}
-
-  ${0}
-
-  ${0}
-
-  :hover {
-    cursor: pointer;
-  }
-`), props => props.isFocused && css(_t18 || (_t18 = _`
-      ${0}
-    `), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))), props => props.isSelected && css(_t19 || (_t19 = _`
-      ${0}
-
-      ${0}
-    `), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))), props => props.isFocused && props.isSelected && css(_t20 || (_t20 = _`
-      ${0}
-    `), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))));
-const Option = styled(components.Option).attrs(applyDefaultTheme)(_t21 || (_t21 = _`
-  ${0}
-`), sharedOptionStyle);
-const SelectedOption = styled(components.Option).attrs(applyDefaultTheme)(_t22 || (_t22 = _`
-  ${0}
-
-  display: flex !important;
-  justify-content: space-between;
-`), sharedOptionStyle);
-const DropdownOptionDeleteIcon = styled(SvgClose).attrs(applyDefaultTheme)(_t23 || (_t23 = _`
-  stroke-width: 1px;
-  width: 8px;
-
-  ${0}
-`), props => props.theme.themeProp('stroke', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
-const ShowMoreWrapper = styled.div.attrs(applyDefaultTheme)(_t24 || (_t24 = _`
-  align-items: end;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  left: 0;
-  position: absolute;
-  max-height: ${0}px;
-  top: 0;
-  width: 100%;
-
-  ${0}
-
-  :hover {
-    cursor: pointer;
-    text-decoration: underline;
-  }
-`), showMoreHeight + 16, props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('emerald-500')));
-const ShowMoreOverlay = styled.div.attrs(applyDefaultTheme)(_t25 || (_t25 = _`
-  align-items: end;
-  display: block;
-  height: 100%;
-  max-height: ${0}px;
-  left: 0;
-  top: 0;
-  width: 100%;
-
-  ${0}
-`), showMoreHeight, props => 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'));
-const ShowMoreText = styled.div.attrs(applyDefaultTheme)(_t26 || (_t26 = _`
-  font-size: 0.875rem;
-  width: 100%;
-  ${0}
-`), props => props.theme.themeProp('background-color', '#121212', '#fefefe'));
-const ErrorMessage = styled.div.attrs(applyDefaultTheme)(_t27 || (_t27 = _`
-  color: ${0};
-  font-size: 0.75rem;
-  margin-top: 8px;
-  padding: 0 12px;
-`), props => props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit');
-
-export { AsyncCreatableMultiSelect, AsyncMultiSelect, Control, CreatableMultiSelect, DropdownMenu, DropdownOptionDeleteIcon, ErrorMessage, Input, Label, MultiSelect, MultiSelectWrapper, MultiValue, MultiValueRemove, MultiValueWrapper, Option, SelectedOption, ShowMoreOverlay, ShowMoreText, ShowMoreWrapper, ValueContainer };

package/esm/components/inputs/MultiSelect/inputs/MultiSelect/index.js

@@ -1 +0,0 @@
-export { default } from '../../MultiSelect.js';