@ntbjs/react-components 2.0.0-rc.13 → 2.0.0-rc.27

package/build/TextInput-fab35842.js

@@ -0,0 +1,364 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default, { useRef, useState, useMemo } from 'react';
+import { nanoid } from 'nanoid';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import useMergedRefs from '@restart/hooks/useMergedRefs';
+import { isBoolean, isEmpty } from 'lodash';
+import { S as SvgEditNote } from './edit-note-283a0e15.js';
+import styled, { css } from 'styled-components';
+
+const activeLabel = css`
+  font-size: 0.75rem;
+  padding: 0 3px;
+  top: -7px;
+  letter-spacing: 0.03em;
+  left: 8px !important;
+  opacity: 1 !important;
+`;
+const Adornment = styled.div.attrs(applyDefaultTheme)`
+  flex-shrink: 0;
+  font-family: inherit;
+  font-size: 0.875rem;
+  line-height: initial;
+  padding: 13px 10px;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))}
+  ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
+  border: 1px solid;
+  ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'))}
+  border-radius: 3px;
+  ${props => props.isPrefix ? css`
+          padding-right: 10px;
+          border-right: 0;
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0;
+        ` : css`
+          padding-left: 0;
+          margin-left: -3px;
+          border-left: 0;
+          border-top-left-radius: 0;
+          border-bottom-left-radius: 0;
+        `}
+  box-sizing: border-box;
+  appearance: none;
+  transition: border-color 350ms;
+  height: 2.75rem;
+
+  ${props => props.warning && css`
+      border-color: ${props.theme.getColor('orange-500')} !important;
+    `}
+  ${props => props.error && css`
+      border-color: ${props.theme.getColor('red-500')} !important;
+    `}
+`;
+const TextInputWrapper = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  align-content: center;
+
+  &:focus-within {
+    ${Adornment} {
+      outline: none;
+      ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'), 1)}
+    }
+  }
+`;
+const InputIconContainer = styled.div.attrs(applyDefaultTheme)`
+  opacity: 0;
+  pointer-events: none;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  padding-right: 4px;
+  padding-left: 30px;
+  display: flex;
+  align-items: center;
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  color: ${props => props.theme.getColor('gray-400')};
+
+  ${props => props.warning && props.theme.themeProp('color', '#C3AF43', '#C3AF43')}
+
+  ${props => props.error && props.theme.themeProp('color', '#CB968F', '#CB968F')}
+
+  > svg {
+    width: 12px;
+  }
+`;
+const TextInputField = styled.input.attrs(applyDefaultTheme)`
+  display: block;
+  width: 100%;
+  font-family: inherit;
+  font-size: 0.875rem;
+  line-height: 1;
+  padding: 13px 10px;
+  border-radius: 3px;
+  box-sizing: border-box;
+  appearance: none;
+  transition: border-color 350ms;
+  height: 2.75rem !important; // important is needed to override the default Foundation styling used in the Mediebank;
+  margin-bottom: 0; // needed to override the default Foundation styling used in the Mediebank;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
+  ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
+  border: 1px solid;
+  ${props => props.noBorder || props.readOnly ? 'border-color: transparent !important' : props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'))};
+
+  ${props => props.readOnly && css`
+      user-select: text;
+      cursor: default;
+    `}
+
+  ${props => props.warning && css`
+      border-color: ${props.theme.getColor('orange-500')} !important;
+    `}
+  ${props => props.error && css`
+      border-color: ${props.theme.getColor('red-500')} !important;
+    `}
+  ${props => props.hasIcon && css`
+      padding-left: 35px;
+    `}
+
+  &::placeholder {
+    ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'), 1)}
+
+    ${props => props.theme.themeProp('opacity', 0.6, 0.5, 1)}
+  }
+
+
+  &&:hover:not(:focus) {
+    ${props => props.noBorder ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-200')) : 'background: transparent'};
+    transition: background 350ms;
+    & + ${InputIconContainer} {
+      opacity: 1;
+      transition: opacity 350ms;
+    }
+  }
+
+  :focus {
+    outline: none;
+    border-color: ${props => props.theme.getColor('gray-600')} !important
+    ${props => props.readOnly && css`
+        outline: none;
+      `}
+`;
+const TextInputLabel = styled.label.attrs(applyDefaultTheme)`
+  position: absolute;
+  top: 15px;
+  left: 11px;
+  line-height: 1.2;
+  font-size: 0.875rem;
+  transition: all 150ms;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))}
+
+  ${props => props.theme.themeProp('opacity', 0.6, 0.5)}
+
+  ${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%)`)}
+
+  ${props => (props.hasPlaceholder || props.hasAdornments) && css`
+      ${activeLabel};
+    `}
+
+
+  ${props => props.hasIcon && css`
+      left: 35px;
+    `}
+`;
+const TextInputFieldIcon = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 2.625rem;
+  display: flex;
+  padding: 0 10px;
+
+  svg {
+    width: 15px;
+    opacity: 0.6;
+    transition: opacity 250ms;
+  }
+`;
+const TextInput$1 = styled.div.attrs(applyDefaultTheme)`
+  position: relative;
+
+  ${props => props.disabled && css`
+      user-select: none;
+      opacity: 0.5;
+      cursor: not-allowed;
+      > * {
+        pointer-events: none;
+      }
+    `}
+
+  &:focus-within {
+    ${TextInputLabel} {
+      ${activeLabel};
+    }
+
+    ${TextInputFieldIcon} {
+      svg {
+        opacity: 1;
+      }
+    }
+  }
+
+  ${TextInputField}:not(:placeholder-shown) + ${TextInputLabel} {
+    ${activeLabel};
+    ${props => props.error && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
+
+    ${props => props.error && css`
+        color: ${props.theme.getColor('red-500')};
+      `}
+    ${props => props.warning && css`
+        color: ${props.theme.getColor('orange-500')};
+      `} 
+  } 
+ 
+}
+`;
+const Description = styled.p.attrs(applyDefaultTheme)`
+  margin: 8px 0 0 0;
+  padding: 0 0.6875rem;
+  font-size: 0.75rem;
+  line-height: 1.333;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
+
+  ${props => props.error && css`
+      ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
+    `}
+
+  ${props => props.warning && css`
+      ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500'))}
+    `}
+`;
+
+const TextInput = React__default.forwardRef(function TextInput({
+  value,
+  defaultValue,
+  name,
+  label,
+  placeholder,
+  type,
+  required,
+  disabled,
+  readOnly,
+  autoComplete,
+  description,
+  error,
+  warning,
+  icon,
+  adornments,
+  className,
+  style,
+  onChange,
+  onBlur,
+  noBorder,
+  ...rest
+}, forwardedRef) {
+  const textInputDomNode = useRef(null);
+  const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);
+  const [uniqueId] = useState(nanoid());
+  const hasError = useMemo(() => {
+    if (isBoolean(error)) {
+      return error;
+    }
+    return !isEmpty(error);
+  }, [error]);
+  const hasWarning = useMemo(() => {
+    if (isBoolean(warning)) {
+      return warning;
+    }
+    return !isEmpty(warning);
+  }, [warning]);
+  const descriptionText = useMemo(() => {
+    if (!isEmpty(error)) {
+      return error;
+    }
+    if (!isEmpty(warning)) {
+      return warning;
+    }
+    if (!isEmpty(description)) {
+      return description;
+    }
+    return null;
+  }, [description, error, warning]);
+  return React__default.createElement(TextInput$1, {
+    error: hasError,
+    disabled: disabled,
+    warning: hasWarning,
+    className: className,
+    style: style
+  }, typeof icon !== 'undefined' && React__default.createElement(TextInputFieldIcon, null, icon), React__default.createElement(TextInputWrapper, null, typeof adornments?.prefix === 'string' && adornments.prefix.length > 0 && React__default.createElement(Adornment, {
+    htmlFor: `text-input-${uniqueId}`,
+    error: hasError,
+    warning: hasWarning,
+    isPrefix: true,
+    onClick: () => textInputDomNode.current.focus()
+  }, adornments.prefix), React__default.createElement(TextInputField, _extends({
+    ref: textInputRef,
+    value: value,
+    defaultValue: defaultValue,
+    name: name,
+    placeholder: placeholder || ' ',
+    type: type,
+    required: required,
+    autoComplete: autoComplete,
+    hasIcon: Boolean(icon),
+    error: hasError,
+    warning: hasWarning,
+    id: `text-input-${uniqueId}`,
+    onChange: onChange,
+    onBlur: onBlur,
+    readOnly: readOnly,
+    noBorder: noBorder
+  }, rest)), !readOnly && noBorder && React__default.createElement(InputIconContainer, {
+    error: error,
+    warning: warning
+  }, React__default.createElement(SvgEditNote, null)), label && React__default.createElement(TextInputLabel, {
+    htmlFor: `text-input-${uniqueId}`,
+    hasPlaceholder: Boolean(placeholder),
+    hasAdornments: Boolean(typeof adornments?.prefix === 'string' && adornments.prefix.length > 0 || typeof adornments?.suffix === 'string' && adornments.suffix.length > 0),
+    hasIcon: Boolean(icon),
+    error: hasError
+  }, label, required && ' *'), typeof adornments?.suffix === 'string' && adornments.suffix.length > 0 && React__default.createElement(Adornment, {
+    error: hasError,
+    warning: hasWarning,
+    isPrefix: false,
+    onClick: () => textInputDomNode.current.focus()
+  }, adornments.suffix)), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default.createElement(Description, {
+    error: hasError,
+    warning: hasWarning
+  }, descriptionText));
+});
+TextInput.defaultProps = {
+  type: 'text',
+  noBorder: false
+};
+TextInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  value: PropTypes.string,
+  defaultValue: PropTypes.string,
+  name: PropTypes.string,
+  label: PropTypes.string,
+  placeholder: PropTypes.string,
+  type: PropTypes.string,
+  required: PropTypes.bool,
+  disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  autoComplete: PropTypes.string,
+  description: PropTypes.string,
+  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  icon: PropTypes.element,
+  adornments: PropTypes.shape({
+    prefix: PropTypes.string,
+    suffix: PropTypes.string
+  }),
+  className: PropTypes.string,
+  style: PropTypes.object,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  noBorder: PropTypes.bool
+} : {};
+
+export { TextInput as T };

package/build/Tooltip-c1d1199e.js

@@ -0,0 +1,65 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import React__default from 'react';
+import styled from 'styled-components';
+import TippyTooltip from '@tippyjs/react';
+import './shift-away-subtle-0dd94a03.js';
+
+const Tooltip$1 = styled(TippyTooltip).attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-size: 1rem;
+  font-weight: 400;
+  background: ${props => props.theme.getColor('gray-700')};
+  border-radius: 3px;
+  pointer-events: default !important;
+  .tippy-content {
+    padding: 9px 12px;
+  }
+
+  .tippy-arrow {
+    color: ${props => props.theme.getColor('gray-700')};
+  }
+
+  a {
+    color: inherit;
+  }
+`;
+
+const Tooltip = React__default.forwardRef(function Tooltip({
+  content,
+  interactive,
+  placement,
+  duration,
+  trigger,
+  visible,
+  children,
+  ...props
+}, ref) {
+  return React__default.createElement("div", null, React__default.createElement(Tooltip$1, _extends({
+    ref: ref,
+    content: content,
+    interactive: interactive,
+    placement: placement,
+    duration: duration,
+    trigger: trigger,
+    visible: visible,
+    animation: 'shift-away-subtle'
+  }, props), children));
+});
+Tooltip.defaultProps = {
+  content: 'Tooltip',
+  interactive: false,
+  placement: 'top',
+  duration: 350
+};
+Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
+  content: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
+  interactive: PropTypes.bool,
+  placement: PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
+  duration: PropTypes.number,
+  trigger: PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click', '']),
+  visible: PropTypes.bool,
+  children: PropTypes.node
+} : {};
+
+export { Tooltip as T };

package/build/VerificationStatusIcon-49cb1c1b.js

@@ -0,0 +1,95 @@
+import { _ as _extends$1 } from './_rollupPluginBabelHelpers-c245b26a.js';
+import * as React from 'react';
+import React__default from 'react';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import styled, { css } from 'styled-components';
+
+const VerificationIconWrapper = styled.div.attrs(applyDefaultTheme)`
+  ${props => props.background && css`
+    background-color: #000 !important;
+    width: fit-content;
+    padding: 6px 14px 6px 9px;
+    border-radius: 15px;
+}
+    `};
+`;
+const VerificationStatusIcon$1 = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  position: relative;
+  font: normal normal normal 12px/16px Roboto;
+  ${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'))};
+
+  svg {
+    height: ${props => props.iconHeight ?? 15}px;
+  }
+`;
+const VerificationStatusColor = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  bottom: 0;
+  left: ${props => (props.iconHeight ?? 15) * 2 / 3}px;
+  width: ${props => (props.iconHeight ?? 15) * 2 / 3}px;
+  height: ${props => (props.iconHeight ?? 15) * 2 / 3}px;
+  border-radius: 50%;
+  ${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);
+}};
+`;
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function SvgVerification(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "-2.5 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M9.3 12.662q-1.698 0-2.864-1.166T5.27 8.632q0-1.697 1.166-2.864T9.3 4.602q1.698 0 2.864 1.166t1.166 2.864q0 1.698-1.166 2.864T9.3 12.662zm0-1.86q.925 0 1.548-.622.622-.622.622-1.548t-.622-1.547q-.623-.623-1.548-.623t-1.548.623q-.622.622-.622 1.547t.622 1.548q.623.622 1.548.622zm0 12.686q-4.023-1.097-6.661-4.735Q0 15.113 0 10.616V3.482L9.3 0l9.3 3.482v7.134q0 4.498-2.639 8.137-2.638 3.639-6.661 4.735zm0-11.744zm0-9.765L1.86 4.757v5.86q0 1.769.507 3.421.507 1.653 1.408 3.083 1.254-.639 2.626-.999 1.373-.36 2.899-.36t2.898.36q1.373.36 2.627 1 .901-1.431 1.408-3.084.507-1.652.507-3.422V4.757L9.3 1.98zm0 15.643q-1.2 0-2.307.26-1.108.26-2.093.73.923 1.025 2.03 1.773 1.109.747 2.37 1.143 1.262-.395 2.363-1.143 1.102-.748 2.025-1.773-.985-.47-2.087-.73-1.102-.26-2.301-.26z"
+  })));
+}
+
+const VerificationStatusIcon = React__default.forwardRef(function VerificationStatusIcon({
+  status,
+  iconHeight,
+  background,
+  ...props
+}, forwardedRef) {
+  return React__default.createElement(VerificationIconWrapper, {
+    background: background
+  }, React__default.createElement(VerificationStatusIcon$1, _extends$1({
+    iconHeight: iconHeight,
+    background: background,
+    ref: forwardedRef
+  }, props), React__default.createElement(SvgVerification, null), React__default.createElement(VerificationStatusColor, {
+    iconHeight: iconHeight,
+    status: status,
+    background: background
+  })));
+});
+VerificationStatusIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+  status: PropTypes.oneOf(['verified', 'pending', 'rejected', 'mixed']).isRequired,
+  iconHeight: PropTypes.number,
+  background: PropTypes.bool
+} : {};
+VerificationStatusIcon.defaultProps = {
+  iconHeight: 15,
+  background: false
+};
+
+export { VerificationStatusIcon as V };

package/{esm/node_modules/@babel/runtime/helpers/esm/extends.js → build/_rollupPluginBabelHelpers-c245b26a.js}

@@ -8,4 +8,4 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-export { _extends as default };
+export { _extends as _ };

package/{esm/icons/arrow-forward.svg.js → build/arrow-forward-ad12c5f3.js}

@@ -1,16 +1,15 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function SvgArrowForward(props) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     className: "arrow-forward_svg__st0",
     d: "M12.2 9H0V7h12.2L6.6 1.4 8 0l8 8-8 8-1.4-1.4L12.2 9z"
   })));
 }
 
-export { SvgArrowForward as ReactComponent };
+export { SvgArrowForward as S };

package/{esm/icons/close.svg.js → build/close-a5d37608.js}

@@ -1,16 +1,15 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
+import * as React from 'react';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function SvgClose(props) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 27.3 27.3"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M2.1 27.3L0 25.2l11.55-11.55L0 2.1 2.1 0l11.55 11.55L25.2 0l2.1 2.1-11.55 11.55L27.3 25.2l-2.1 2.1-11.55-11.55L2.1 27.3z"
   })));
 }
 
-export { SvgClose as ReactComponent };
+export { SvgClose as S };

package/build/data/Alert/index.js

@@ -0,0 +1,6 @@
+export { A as default } from '../../Alert-e6847a22.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'lodash';

package/build/data/Badge/index.js

@@ -0,0 +1,5 @@
+export { B as default } from '../../Badge-d93586a9.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';

package/build/data/Popover/index.js

@@ -0,0 +1,10 @@
+export { P as default } from '../../Popover-20050b91.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'lodash';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';
+import 'polished';
+import '@tippyjs/react';
+import '../../shift-away-subtle-0dd94a03.js';
+import 'popper-max-size-modifier';

package/build/data/Tab/index.js

@@ -0,0 +1,5 @@
+export { T as default } from '../../Tab-04d435c3.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';

package/build/data/Tabs/index.js

@@ -0,0 +1,7 @@
+export { T as default } from '../../Tabs-74d1ea8a.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'lodash';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';
+import '../../Tab-04d435c3.js';

package/build/data/Tooltip/index.js

@@ -0,0 +1,7 @@
+export { T as default } from '../../Tooltip-c1d1199e.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';
+import '@tippyjs/react';
+import '../../shift-away-subtle-0dd94a03.js';

package/build/data/index.js

@@ -0,0 +1,16 @@
+export { A as Alert } from '../Alert-e6847a22.js';
+export { B as Badge } from '../Badge-d93586a9.js';
+export { P as Popover } from '../Popover-20050b91.js';
+export { T as Tab } from '../Tab-04d435c3.js';
+export { T as Tabs } from '../Tabs-74d1ea8a.js';
+export { T as Tooltip } from '../Tooltip-c1d1199e.js';
+export { V as VerificationStatusIcon } from '../VerificationStatusIcon-49cb1c1b.js';
+import '../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'lodash';
+import 'polished';
+import '@tippyjs/react';
+import '../shift-away-subtle-0dd94a03.js';
+import 'popper-max-size-modifier';