@ntbjs/react-components 2.0.0-rc.9 → 2.0.1-rc.31

package/esm/components/data/VerificationStatusIcon/VerificationStatusIcon.styled.js

@@ -1,69 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4;
-const VerificationIconWrapper = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
-  ${0};
-`), props => props.background && css(_t2 || (_t2 = _`
-    background-color: #000 !important;
-    width: fit-content;
-    padding: 6px 14px 6px 9px;
-    border-radius: 15px;
-}
-    `)));
-const VerificationStatusIcon = styled.div.attrs(applyDefaultTheme)(_t3 || (_t3 = _`
-  display: flex;
-  position: relative;
-  font: normal normal normal 12px/16px Roboto;
-  ${0};
-
-  ${0};
-
-  svg {
-    height: ${0}px;
-  }
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700')), props => props.background && props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100')), props => {
-  var _props$iconHeight;
-  return (_props$iconHeight = props.iconHeight) !== null && _props$iconHeight !== void 0 ? _props$iconHeight : 15;
-});
-const VerificationStatusColor = styled.div.attrs(applyDefaultTheme)(_t4 || (_t4 = _`
-  position: absolute;
-  bottom: 0;
-  left: ${0}px;
-  width: ${0}px;
-  height: ${0}px;
-  border-radius: 50%;
-  ${0};
-`), props => {
-  var _props$iconHeight2;
-  return ((_props$iconHeight2 = props.iconHeight) !== null && _props$iconHeight2 !== void 0 ? _props$iconHeight2 : 15) * 2 / 3;
-}, props => {
-  var _props$iconHeight3;
-  return ((_props$iconHeight3 = props.iconHeight) !== null && _props$iconHeight3 !== void 0 ? _props$iconHeight3 : 15) * 2 / 3;
-}, props => {
-  var _props$iconHeight4;
-  return ((_props$iconHeight4 = props.iconHeight) !== null && _props$iconHeight4 !== void 0 ? _props$iconHeight4 : 15) * 2 / 3;
-}, props => {
-  let darkThemeColor = props.theme.getColor('gray-100');
-  let lightThemeColor = props.theme.getColor('gray-500');
-  if (props.status === 'verified') {
-    darkThemeColor = props.theme.getColor('emerald-500');
-    lightThemeColor = props.theme.getColor('emerald-500');
-  } else if (props.status === 'pending') {
-    darkThemeColor = props.theme.getColor('signal-yellow-500');
-    lightThemeColor = props.theme.getColor('signal-yellow-500');
-  } else if (props.status === 'rejected') {
-    darkThemeColor = props.theme.getColor('red-600');
-    lightThemeColor = props.theme.getColor('red-600');
-  } else if (props.status === 'mixed') {
-    darkThemeColor = '#008CDB';
-    lightThemeColor = '#008CDB';
-  }
-  return props.theme.themeProp('background-color', darkThemeColor, lightThemeColor);
-});
-
-export { VerificationIconWrapper, VerificationStatusColor, VerificationStatusIcon };

package/esm/components/data/data/index.js

@@ -1,7 +0,0 @@
-export { default as Alert } from '../Alert/Alert.js';
-export { default as Badge } from '../Badge/Badge.js';
-export { default as Popover } from '../Popover/Popover.js';
-export { default as Tab } from '../Tab/Tab.js';
-export { default as Tabs } from '../Tabs/Tabs.js';
-export { default as Tooltip } from '../Tooltip/Tooltip.js';
-export { default as VerificationStatusIcon } from '../VerificationStatusIcon/VerificationStatusIcon.js';

package/esm/components/inputs/ActionButton/ActionButton.js

@@ -1,38 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../node_modules/react/index.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import { ActionButton as ActionButton$2 } from './ActionButton.styled.js';
-
-const _excluded = ["icon", "disabled", "active", "onClick", "actionWidthHeight"];
-const ActionButton = React.forwardRef(function ActionButton(_ref, forwardedRef) {
-  let {
-      icon,
-      disabled,
-      active,
-      onClick,
-      actionWidthHeight
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return React.createElement(ActionButton$2, _extends({
-    ref: forwardedRef,
-    disabled: disabled,
-    active: active,
-    onClick: onClick,
-    actionWidthHeight: actionWidthHeight
-  }, props), icon);
-});
-ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  icon: PropTypes.element.isRequired,
-  disabled: PropTypes.bool,
-  active: PropTypes.bool,
-  onClick: PropTypes.func,
-  backgroundColors: PropTypes.arrayOf(PropTypes.string),
-  actionWidthHeight: PropTypes.array
-} : {};
-ActionButton.defaultProps = {
-  onClick: () => {},
-  actionWidthHeight: [40, 40]
-};
-var ActionButton$1 = ActionButton;
-
-export { ActionButton$1 as default };

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

@@ -1,58 +0,0 @@
-import styled, { css } from 'styled-components';
-import { rgba } from 'polished';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-
-let _ = t => t,
-  _t,
-  _t2;
-const ActionButton = styled.button.attrs(applyDefaultTheme)(_t || (_t = _`
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  width: ${0};
-  height: ${0};
-  border: 0;
-  color: inherit;
-  background-color: transparent;
-  ${0}
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 0 0;
-  transition: background-size 250ms ease;
-  cursor: pointer;
-
-  ${0}
-
-  ${0}
-
-  &:disabled {
-    opacity: 0.5;
-    color: inherit;
-    cursor: not-allowed;
-  }
-
-  svg {
-    width: 100%;
-    max-width: ${0};
-    max-height: ${0};
-
-    pointer-events: none;
-    transition: color 250ms;
-  }
-`), props => `${props.actionWidthHeight[0]}px`, props => `${props.actionWidthHeight[1]}px`, props => {
-  var _props$backgroundColo, _props$backgroundColo2, _props$backgroundColo3, _props$backgroundColo4;
-  const darkThemeBgColor = (_props$backgroundColo = props === null || props === void 0 || (_props$backgroundColo2 = props.backgroundColors) === null || _props$backgroundColo2 === void 0 ? void 0 : _props$backgroundColo2[0]) !== null && _props$backgroundColo !== void 0 ? _props$backgroundColo : props.theme.getColor('gray-600');
-  const lightThemeBgColor = (_props$backgroundColo3 = props === null || props === void 0 || (_props$backgroundColo4 = props.backgroundColors) === null || _props$backgroundColo4 === void 0 ? void 0 : _props$backgroundColo4[1]) !== null && _props$backgroundColo3 !== void 0 ? _props$backgroundColo3 : props.theme.getColor('gray-200');
-  return props.theme.themeProp('background-image', `radial-gradient(circle at center, ${darkThemeBgColor} 50%, transparent 50%)`, `radial-gradient(circle at center, ${lightThemeBgColor} 50%, transparent 50%)`);
-}, props => css(_t2 || (_t2 = _`
-    ${0}:not(:disabled) {
-      background-size: 200% 200%;
-
-      svg {
-        ${0};
-      }
-    }
-  `), props.active ? '' : ':hover', props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))), props => props.useShadow ? props.theme.themeProp('box-shadow', `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`, `0px 3px 6px ${props.theme.getColor('black')}`) : null, props => `${props.actionWidthHeight[0] - 15}px`, props => `${props.actionWidthHeight[1] - 15}px`);
-
-export { ActionButton };

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

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

package/esm/components/inputs/Button/Button.js

@@ -1,184 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../node_modules/react/index.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import { ButtonWrapper, MainButtonWrapper, MainButtonContainer, Button as Button$2, ButtonContent, LoadingIndicator, LoadingIndicatorSvg, LoadingIndicatorSvgCircle, DropdownButtonContainer, MainButtonContainerSingle } from './Button.styled.js';
-import { ReactComponent as SvgExpandMore } from '../../../icons/expand-more.svg.js';
-import { r as react } from '../../../_virtual/index.js';
-import Popover from '../../data/Popover/Popover.js';
-import ContextMenu from '../../widgets/ContextMenu/ContextMenu.js';
-
-const _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width"];
-const Button = React.forwardRef(function Button(_ref, forwardedRef) {
-  let {
-      onClickEffect,
-      singleAction = false,
-      activeDropdown = false,
-      dropdownItems,
-      secondary,
-      outlined,
-      block,
-      icon,
-      size = 'normal',
-      disabled,
-      loading,
-      className,
-      children,
-      singleActionGap = 34,
-      width
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [loadingState, setLoadingState] = react.exports.useState(loading || false);
-  const [loadingStep, setLoadingStep] = react.exports.useState(113);
-  const loadingInterval = react.exports.useRef(0);
-  const [dropdownIsActive, setDropdownIsActive] = react.exports.useState(false);
-  const enableLoading = () => {
-    loadingInterval.current = setInterval(() => {
-      setLoadingStep(currentLoadingStep => {
-        const newLoadingStep = Math.round(currentLoadingStep - 15 * currentLoadingStep / 100);
-        if (newLoadingStep === currentLoadingStep) {
-          clearInterval(loadingInterval.current);
-        }
-        return newLoadingStep;
-      });
-    }, 300);
-    setLoadingState(true);
-  };
-  const disableLoading = () => {
-    clearInterval(loadingInterval.current);
-    setLoadingStep(0);
-    setTimeout(() => {
-      setLoadingState(false);
-      setLoadingStep(113);
-    }, 500);
-  };
-  react.exports.useEffect(() => {
-    if (loading) {
-      enableLoading();
-    } else {
-      disableLoading();
-    }
-    return () => clearInterval(loadingInterval.current);
-  }, [loading]);
-  const handleDropdownButtonClick = () => {
-    setDropdownIsActive(true);
-  };
-  const handleDropdownClose = () => {
-    setDropdownIsActive(false);
-  };
-  return React.createElement(ButtonWrapper, null, !singleAction ? React.createElement(MainButtonWrapper, {
-    activeDropdown: activeDropdown,
-    dropdownItems: dropdownItems,
-    outlined: outlined,
-    secondary: secondary
-  }, React.createElement(MainButtonContainer, {
-    dropdownItems: dropdownItems,
-    secondary: secondary,
-    outlined: outlined
-  }, React.createElement(Button$2, _extends({
-    ref: forwardedRef,
-    onClick: onClickEffect,
-    singleAction: singleAction,
-    dropdownItems: dropdownItems,
-    secondary: secondary,
-    outlined: outlined,
-    block: block,
-    size: size,
-    disabled: disabled,
-    className: className,
-    "aria-busy": disabled,
-    width: width
-  }, props), React.createElement(ButtonContent, {
-    $loading: loadingState,
-    size: size
-  }, icon, children), React.createElement(LoadingIndicator, {
-    $loading: loadingState,
-    style: {
-      opacity: loadingState ? 1 : 0
-    }
-  }, React.createElement(LoadingIndicatorSvg, {
-    viewBox: "22 22 44 44"
-  }, React.createElement(LoadingIndicatorSvgCircle, {
-    cx: "44",
-    cy: "44",
-    r: "18",
-    fill: "none",
-    strokeWidth: "4",
-    stroke: "currentColor",
-    style: {
-      strokeDashoffset: `${loadingStep}px`
-    }
-  }))))), (activeDropdown || dropdownItems) && React.createElement(DropdownButtonContainer, {
-    dropdownItems: dropdownItems,
-    secondary: secondary,
-    outlined: outlined
-  }, React.createElement(Popover, {
-    content: React.createElement(ContextMenu, null, dropdownItems),
-    placement: 'bottom-end',
-    arrow: false,
-    contextMenu: true,
-    onHide: handleDropdownClose
-  }, React.createElement(Button$2, {
-    ref: forwardedRef,
-    singleAction: singleAction,
-    singleActionGap: singleActionGap,
-    dropdownItems: dropdownItems,
-    secondary: secondary,
-    outlined: outlined,
-    block: block,
-    size: size,
-    disabled: disabled,
-    onClick: handleDropdownButtonClick,
-    className: dropdownIsActive ? 'dropdown-is-active' : '',
-    width: width
-  }, React.createElement(SvgExpandMore, null))))) : React.createElement(React.Fragment, null, React.createElement(MainButtonContainerSingle, {
-    dropdownItems: dropdownItems,
-    secondary: secondary,
-    outlined: outlined,
-    className: className
-  }, React.createElement(DropdownButtonContainer, {
-    singleAction: singleAction
-  }, React.createElement(Popover, {
-    content: React.createElement(ContextMenu, null, dropdownItems),
-    placement: 'bottom-end',
-    arrow: false,
-    contextMenu: true,
-    onHide: handleDropdownClose
-  }, React.createElement(Button$2, {
-    ref: forwardedRef,
-    singleAction: singleAction,
-    singleActionGap: singleActionGap,
-    dropdownItems: dropdownItems,
-    secondary: secondary,
-    outlined: outlined,
-    block: block,
-    size: size,
-    disabled: disabled,
-    onClick: handleDropdownButtonClick,
-    className: dropdownIsActive ? 'dropdown-is-active' : '',
-    width: width
-  }, React.createElement(ButtonContent, {
-    $loading: loadingState,
-    size: size,
-    singleAction: singleAction
-  }, icon, children), React.createElement(SvgExpandMore, null)))))));
-});
-Button.propTypes = process.env.NODE_ENV !== "production" ? {
-  onClickEffect: PropTypes.func,
-  singleAction: PropTypes.bool,
-  activeDropdown: PropTypes.bool,
-  dropdownItems: PropTypes.node,
-  secondary: PropTypes.bool,
-  outlined: PropTypes.bool,
-  block: PropTypes.bool,
-  icon: PropTypes.element,
-  size: PropTypes.oneOf(['x-small', 'small', 'normal', 'large']),
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.any.isRequired,
-  singleActionGap: PropTypes.number,
-  width: PropTypes.number
-} : {};
-var Button$1 = Button;
-
-export { Button$1 as default };

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

@@ -1,277 +0,0 @@
-import styled, { 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;
-const Button = styled.button.attrs(applyDefaultTheme)(_t || (_t = _`
-  position: relative;
-  border-radius: 3px;
-  font-family: inherit;
-  font-size: 0.875rem;
-  font-weight: 400;
-  padding: 12px 16px;
-  cursor: pointer;
-  background: ${0};
-  border: 2px solid ${0};
-  transition: all 250ms, opacity 200ms;
-
-  &:hover,
-  &.dropdown-is-active {
-    background: #296c58;
-    border-color: #296c58;
-  }
-
-  ${0}
-
-  && {
-    ${0};
-  }
-
-  && {
-    ${0};
-  }
-
-  && {
-    ${0};
-  }
-
-  && {
-    ${0};
-  }
-
-  ${0};
-
-  ${0};
-
-  ${0};
-
-  ${0};
-
-  ${0};
-
-  ${0};
-
-  ${0};
-`), props => props.theme.getColor('emerald-500'), props => props.theme.getColor('emerald-500'), props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('white')), props => props.secondary && css(_t2 || (_t2 = _`
-        background: ${0};
-        border-color: ${0};
-
-        ${0}
-
-        &:hover,
-        &.dropdown-is-active {
-          background: ${0};
-          border-color: ${0};
-        }
-      `), props => props.theme.getColor('gray-200'), props => props.theme.getColor('gray-200'), props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700')), props => props.theme.getColor('gray-300'), props => props.theme.getColor('gray-300')), props => props.outlined && css(_t3 || (_t3 = _`
-        background: transparent;
-        transition: none;
-
-        ${0}
-
-        ${0}
-
-        &:hover,
-        &.dropdown-is-active {
-          background-color: #296c58;
-
-          ${0}
-
-          ${0}
-        }
-      `), props.theme.themeProp('border-color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500')), props.theme.themeProp('color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500')), props.theme.themeProp('border-color', props.theme.getColor('emerald-600'), props.theme.getColor('emerald-600')), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-200'))), props => props.outlined && props.secondary && css(_t4 || (_t4 = _`
-        ${0}
-
-        ${0}
-
-        &:hover,
-        &.dropdown-is-active {
-          background: ${0};
-
-          ${0}
-
-          ${0}
-        }
-      `), props.theme.themeProp('border-color', props.theme.getColor('gray-400'), props.theme.getColor('gray-700')), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')), props.theme.getColor('gray-300'), props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-300')), props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700'))), props => props.outlined && props.secondary && props.dropdownItems && css(_t5 || (_t5 = _`
-        &:hover,
-        &.dropdown-is-active {
-          ${0}
-        }
-      `), props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-300'))), props => props.block && css(_t6 || (_t6 = _`
-      width: 100%;
-    `)), props => props.disabled && css(_t7 || (_t7 = _`
-      opacity: 0.5;
-      cursor: not-allowed;
-      pointer-events: none;
-    `)), props => props.size === 'x-small' && css(_t8 || (_t8 = _`
-      padding: 1px 16px;
-      height: 24px;
-    `)), props => props.size === 'small' && css(_t9 || (_t9 = _`
-      padding: 6px 16px;
-    `)), props => props.size === 'large' && css(_t10 || (_t10 = _`
-      padding: 16px 16px;
-    `)), props => props.singleAction && css(_t11 || (_t11 = _`
-      display: flex;
-      align-items: center;
-      gap: ${0}px;
-      border-radius: 3px !important;
-      transition: all 250ms, opacity 200ms;
-    `), props.singleActionGap), props => props.width && css(_t12 || (_t12 = _`
-      min-width: ${0}px;
-      justify-content: center;
-    `), props.width));
-const ButtonContent = styled.div.attrs(applyDefaultTheme)(_t13 || (_t13 = _`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transform: scale(1);
-  opacity: 1;
-  transition: all 200ms;
-
-  > svg {
-    width: 100%;
-    max-width: 16px;
-    max-height: 16px;
-    margin-right: 8px;
-
-    ${0};
-
-    ${0};
-  }
-
-  ${0}
-
-  ${0};
-`), props => props.size === 'small' && css(_t14 || (_t14 = _`
-        max-width: 13px;
-        max-height: 13px;
-      `)), props => props.size === 'x-small' && css(_t15 || (_t15 = _`
-        max-width: 11px;
-        max-height: 11px;
-      `)), props => props.$loading && css(_t16 || (_t16 = _`
-      transform: scale(0.95);
-      opacity: 0;
-    `)), props => props.singleAction && css(_t17 || (_t17 = _`
-      svg {
-        width: 100% !important;
-        height: 100% !important;
-        margin-right: 24px;
-      }
-    `)));
-const LoadingIndicator = styled.div.attrs(applyDefaultTheme)(_t18 || (_t18 = _`
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-  padding: 4px;
-  background: inherit;
-  opacity: 0;
-  transition: opacity 200ms;
-  box-sizing: border-box;
-
-  ${0}
-`), props => props.$loading && css(_t19 || (_t19 = _`
-      opacity: 1;
-    `)));
-const LoadingIndicatorSvg = styled.svg.attrs(applyDefaultTheme)(_t20 || (_t20 = _`
-  height: 100%;
-  color: inherit;
-  transform: rotate(-88deg);
-`));
-const LoadingIndicatorSvgCircle = styled.circle.attrs(applyDefaultTheme)(_t21 || (_t21 = _`
-  transition: stroke-dashoffset 300ms linear;
-  stroke-dasharray: 113;
-`));
-const ButtonWrapper = styled.span.attrs(applyDefaultTheme)(_t22 || (_t22 = _`
-  white-space: nowrap;
-  display: flex;
-`));
-const MainButtonWrapper = styled.div.attrs(applyDefaultTheme)(_t23 || (_t23 = _`
-  border-radius: 3px;
-  ${0};
-`), props => {
-  return (props.activeDropdown || props.dropdownItems) && !props.outlined && css(_t24 || (_t24 = _`
-        background: ${0};
-      `), props.secondary ? props.theme.getColor('gray-200') : props.theme.getColor('emerald-500'));
-});
-const MainButtonContainer = styled.div.attrs(applyDefaultTheme)(_t25 || (_t25 = _`
-  display: inline-block;
-  button {
-    ${0};
-
-    ${0};
-  }
-`), props => (props.activeDropdown || props.dropdownItems) && css(_t26 || (_t26 = _`
-        border-bottom-right-radius: 0;
-        border-top-right-radius: 0;
-      `)), props => (props.activeDropdown || props.dropdownItems) && props.outlined && css(_t27 || (_t27 = _`
-        border-right: none;
-      `)));
-const MainButtonContainerSingle = styled.div.attrs(applyDefaultTheme)(_t28 || (_t28 = _`
-  display: inline-block;
-  width: 100%;
-  ${0};
-
-  button {
-    ${0};
-  }
-`), props => props.singleAction && css(_t29 || (_t29 = _`
-      display: flex;
-      align-items: center;
-      border-radius: 3px !important;
-      transition: all 250ms, opacity 200ms;
-    `)), props => (props.activeDropdown || props.dropdownItems) && css(_t30 || (_t30 = _`
-        border-bottom-right-radius: 0;
-        border-top-right-radius: 0;
-      `)));
-const DropdownButtonContainer = styled.div.attrs(applyDefaultTheme)(_t31 || (_t31 = _`
-  display: inline-block;
-
-  button {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
-
-    ${0};
-  }
-
-  svg {
-    color: inherit;
-    height: 7px;
-    width: 12px;
-
-    ${0};
-  }
-`), props => !props.singleAction && 'border-left: none', props => !props.singleAction && 'margin-bottom: 1px');
-
-export { Button, ButtonContent, ButtonWrapper, DropdownButtonContainer, LoadingIndicator, LoadingIndicatorSvg, LoadingIndicatorSvgCircle, MainButtonContainer, MainButtonContainerSingle, MainButtonWrapper };

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

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