@ntbjs/react-components 2.0.0-rc.9 → 2.0.2-rc.1

package/esm/components/data/Alert/Alert.js

@@ -1,77 +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 { Alert as Alert$2, AlertRender } from './Alert.styled.js';
-import { isEmpty } from 'lodash';
-
-const _excluded = ["type", "alertMessage", "align", "icon", "fontSize", "lineHeight", "lineClamp", "verticalPadding", "horizontalPadding", "width"];
-const Alert = React.forwardRef(function Alert(_ref, forwardedRef) {
-  let {
-      type,
-      alertMessage,
-      align,
-      icon,
-      fontSize,
-      lineHeight,
-      lineClamp,
-      verticalPadding,
-      horizontalPadding,
-      width
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  let isWarning = false;
-  let isError = false;
-  let isInfo = true;
-  if (!isEmpty(type)) {
-    if (type === 'warning') {
-      isWarning = true;
-    } else if (type === 'error') {
-      isError = true;
-    } else {
-      isInfo = true;
-    }
-  } else {
-    if (isWarning || isError) {
-      isInfo = false;
-    }
-  }
-  return React.createElement(Alert$2, _extends({
-    ref: forwardedRef,
-    alertMessage: alertMessage,
-    warning: isWarning,
-    error: isError,
-    info: isInfo,
-    align: align,
-    verticalPadding: verticalPadding,
-    horizontalPadding: horizontalPadding,
-    width: width
-  }, props), React.createElement(AlertRender, {
-    fontSize: fontSize,
-    lineHeight: lineHeight,
-    lineClamp: lineClamp
-  }, icon, " ", React.createElement("span", null, alertMessage)));
-});
-Alert.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: PropTypes.oneOf(['warning', 'error', 'info']),
-  icon: PropTypes.element,
-  align: PropTypes.oneOf(['left', 'center']),
-  alertMessage: PropTypes.string,
-  fontSize: PropTypes.number,
-  lineHeight: PropTypes.number,
-  lineClamp: PropTypes.number,
-  verticalPadding: PropTypes.number,
-  horizontalPadding: PropTypes.number,
-  width: PropTypes.number
-} : {};
-Alert.defaultProps = {
-  warning: false,
-  error: false,
-  align: 'left',
-  alertMessage: 'Use subject to restrictions. Editorial use only, no commercial use without prior consent from rights holder.',
-  lineClamp: 0,
-  horizontalPadding: 30,
-  verticalPadding: 17
-};
-var Alert$1 = Alert;
-
-export { Alert$1 as default };

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

@@ -1,63 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6;
-const Alert = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
-  display: flex;
-  flex-direction: column;
-  padding: ${0};
-  width: ${0};
-  box-sizing: border-box;
-
-  ${0}
-
-  ${0}
-  
-  ${0}
-  
-  text-align: ${0};
-`), props => {
-  var _props$verticalPaddin, _props$horizontalPadd;
-  const verticalPadding = (_props$verticalPaddin = props.verticalPadding) !== null && _props$verticalPaddin !== void 0 ? _props$verticalPaddin : 17;
-  const horizontalPadding = (_props$horizontalPadd = props.horizontalPadding) !== null && _props$horizontalPadd !== void 0 ? _props$horizontalPadd : 30;
-  return `${verticalPadding}px ${horizontalPadding}px`;
-}, props => props.width ? `${props.width}px` : '100%', props => props.warning && css(_t2 || (_t2 = _`
-      ${0}
-    `), props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))), props => props.error && css(_t3 || (_t3 = _`
-      ${0}
-    `), props.theme.themeProp('background', '#7F1B1B', props.theme.getColor('red-200'))), props => props.info && css(_t4 || (_t4 = _`
-      background: transparent;
-    `)), props => props.align === 'center' ? 'center' : 'left');
-const AlertRender = styled.div.attrs(applyDefaultTheme)(_t5 || (_t5 = _`
-  display: flex;
-  align-items: center;
-  word-break: break-word;
-  ${0}
-  ${0}
-  ${0};
-
-  svg {
-    width: 12px;
-    height: 12px;
-  }
-
-  span {
-    flex: 1;
-    padding-left: 5px;
-    ${0};
-  }
-`), props => props.lineHeight ? `line-height: ${props.lineHeight}px;` : null, props => props.fontSize ? `font-size: ${props.fontSize}px;` : null, props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700')), props => props.lineClamp ? css(_t6 || (_t6 = _`
-            display: -webkit-box;
-            -webkit-line-clamp: ${0};
-            -webkit-box-orient: vertical;
-            overflow: hidden;
-            text-overflow: ellipsis;
-          `), props.lineClamp) : null);
-
-export { Alert, AlertRender };

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

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

package/esm/components/data/Badge/Badge.js

@@ -1,89 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import React from '../../../node_modules/react/index.js';
-import { Badge as Badge$2, BadgeChildrenContainer, BadgeLabel, BadgeIcon } from './Badge.styled.js';
-
-const _excluded = ["badgeContent", "badgeIcon", "children", "elevated", "fontSize", "fontWeight", "lineHeight", "active", "error", "warning", "backgroundColors", "colors", "verticalPadding", "horizontalPadding", "height", "minHeight", "width", "minWidth"];
-const Badge = React.forwardRef(function Badge(_ref, forwardedRef) {
-  let {
-      badgeContent,
-      badgeIcon,
-      children,
-      elevated,
-      fontSize,
-      fontWeight,
-      lineHeight,
-      active,
-      error,
-      warning,
-      backgroundColors,
-      colors,
-      verticalPadding,
-      horizontalPadding,
-      height,
-      minHeight,
-      width,
-      minWidth
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  if (typeof badgeContent === 'number') {
-    badgeContent = Intl.NumberFormat('en', {
-      notation: 'compact'
-    }).format(badgeContent);
-  }
-  return React.createElement(Badge$2, _extends({
-    ref: forwardedRef,
-    elevated: elevated,
-    hasChildren: Boolean(children)
-  }, props), children && React.createElement(BadgeChildrenContainer, null, children), (badgeIcon || badgeContent) && React.createElement(BadgeLabel, {
-    backgroundColors: backgroundColors,
-    colors: colors,
-    elevated: elevated,
-    fontSize: fontSize,
-    fontWeight: fontWeight,
-    lineHeight: lineHeight,
-    active: active,
-    error: error,
-    warning: warning,
-    verticalPadding: verticalPadding,
-    horizontalPadding: horizontalPadding,
-    height: height,
-    minHeight: minHeight,
-    width: width,
-    minWidth: minWidth
-  }, badgeIcon && React.createElement(BadgeIcon, {
-    useGutter: !!badgeContent
-  }, badgeIcon), badgeContent));
-});
-Badge.propTypes = process.env.NODE_ENV !== "production" ? {
-  badgeIcon: PropTypes.node,
-  badgeContent: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.func, PropTypes.element]),
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-  elevated: PropTypes.bool,
-  active: PropTypes.bool,
-  error: PropTypes.bool,
-  warning: PropTypes.bool,
-  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  fontWeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  lineHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  colors: PropTypes.arrayOf(PropTypes.string),
-  backgroundColors: PropTypes.arrayOf(PropTypes.string),
-  verticalPadding: PropTypes.number,
-  horizontalPadding: PropTypes.number,
-  height: PropTypes.number,
-  minHeight: PropTypes.number,
-  width: PropTypes.number,
-  minWidth: PropTypes.number
-} : {};
-Badge.defaultProps = {
-  elevated: false,
-  active: false,
-  error: false,
-  warning: false,
-  badgeIcon: null,
-  fontWeight: 'normal',
-  lineHeight: 'normal'
-};
-var Badge$1 = Badge;
-
-export { Badge$1 as default };

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

@@ -1,145 +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;
-const Badge = styled.span.attrs(applyDefaultTheme)(_t || (_t = _`
-  align-content: center;
-  display: ${0};
-  font-family: ${0};
-  font-size: 1rem;
-  font-weight: 500;
-  min-height: 24px;
-  position: relative;
-  width: ${0};
-`), props => props.elevated || !props.hasChildren ? 'inline-flex' : 'flex', props => props.theme.primaryFontFamily, props => props.elevated ? 'fit-content' : 'initial');
-const BadgeChildrenContainer = styled.span.attrs(applyDefaultTheme)(_t2 || (_t2 = _`
-  align-self: center;
-  height: fit-content;
-  margin-right: 8px;
-`));
-const BadgeLabel = styled.span.attrs(applyDefaultTheme)(_t3 || (_t3 = _`
-  border-radius: ${0};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-
-  font-size: ${0};
-  font-weight: ${0};
-  line-height: ${0};
-  height: ${0};
-  letter-spacing: 0.32px;
-  margin-left: ${0};
-  position: ${0};
-  right: 0;
-  transform: ${0};
-
-  ${0}
-
-  ${0}
-
-  ${0}
-      
-
-  ${0}
-
-  ${0}
-
-    ${0}
-`), props => props.elevated ? '12px' : '14px', props => {
-  if (props.fontSize) {
-    return `${props.fontSize}px`;
-  } else {
-    return props.elevated ? '0.625rem' : '0.750rem';
-  }
-}, props => props.fontWeight ? props.fontWeight : 'normal', props => props.lineHeight ? `${props.lineHeight}px` : 'normal', props => props.height ? `${props.height}px` : 'fit-content', props => props.elevated ? '15px' : 'auto', props => props.elevated ? 'absolute' : 'initial', props => props.elevated ? 'translate(33%, -8px)' : 'initial', props => props.width ? css(_t4 || (_t4 = _`
-          width: ${0}px;
-        `), props.width) : null, props => props.minWidth ? css(_t5 || (_t5 = _`
-          min-width: ${0}px;
-        `), props.minWidth) : null, props => props.minHeight ? css(_t6 || (_t6 = _`
-          min-height: ${0}px;
-        `), props.minHeight) : null, props => {
-  const verticalPadding = props.verticalPadding ? `${props.verticalPadding}px` : props.elevated ? '4px' : '6px';
-  const horizontalPadding = props.horizontalPadding ? `${props.horizontalPadding}px` : props.elevated ? '7px' : '10px';
-  return css(_t7 || (_t7 = _`
-      padding: ${0} ${0};
-    `), verticalPadding, horizontalPadding);
-}, props => props.theme.themeProp('background', () => {
-  var _props$backgroundColo, _props$backgroundColo2;
-  const active = props.active;
-  const error = props.error;
-  const warning = props.warning;
-  const defaultBgColor = (_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');
-  switch (true) {
-    case !error && !warning && !active:
-      return defaultBgColor;
-    case !error && !warning && active:
-      return props.theme.getColor('gray-700');
-    case error && active:
-      return props.theme.getColor('red-500');
-    case error:
-      return props.theme.getColor('red-200');
-    case warning && active:
-      return props.theme.getColor('signal-yellow-500');
-    case warning:
-      return props.theme.getColor('signal-yellow-400');
-    default:
-      return props.theme.getColor('gray-600');
-  }
-}, () => {
-  var _props$backgroundColo3, _props$backgroundColo4;
-  const active = props.active;
-  const error = props.error;
-  const warning = props.warning;
-  const defaultBgColor = (_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');
-  switch (true) {
-    case !error && !warning && !active:
-      return defaultBgColor;
-    case !error && !warning && active:
-      return props.theme.getColor('white');
-    case error && active:
-      return props.theme.getColor('red-500');
-    case error:
-      return props.theme.getColor('red-200');
-    case warning && active:
-      return props.theme.getColor('signal-yellow-500');
-    case warning:
-      return props.theme.getColor('signal-yellow-400');
-    default:
-      return props.theme.getColor('gray-200');
-  }
-}), props => props.theme.themeProp('color', () => {
-  var _props$colors$, _props$colors;
-  const defaultColor = (_props$colors$ = props === null || props === void 0 || (_props$colors = props.colors) === null || _props$colors === void 0 ? void 0 : _props$colors[0]) !== null && _props$colors$ !== void 0 ? _props$colors$ : props.theme.getColor('white');
-  if (props.warning && !props.error || props.error && !props.active) {
-    return props.theme.getColor('gray-900');
-  } else {
-    return defaultColor;
-  }
-}, () => {
-  var _props$colors$2, _props$colors2;
-  const defaultColor = (_props$colors$2 = props === null || props === void 0 || (_props$colors2 = props.colors) === null || _props$colors2 === void 0 ? void 0 : _props$colors2[1]) !== null && _props$colors$2 !== void 0 ? _props$colors$2 : props.theme.getColor('gray-900');
-  if (props.error && props.active) {
-    return props.theme.getColor('white');
-  } else {
-    return defaultColor;
-  }
-}));
-const BadgeIcon = styled.span.attrs(applyDefaultTheme)(_t8 || (_t8 = _`
-  display: flex;
-  align-items: center;
-  margin-right: ${0};
-  svg {
-    height: 12px;
-  }
-`), props => props.useGutter ? '4px' : 0);
-
-export { Badge, BadgeChildrenContainer, BadgeIcon, BadgeLabel };

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

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

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

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

package/esm/components/data/Tab/Tab.js

@@ -1,27 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import React from '../../../node_modules/react/index.js';
-import { Tab as Tab$2 } from './Tab.styled.js';
-
-const _excluded = ["children", "hidden"];
-const Tab = React.forwardRef(function Tab(_ref, forwardedRef) {
-  let {
-      children,
-      hidden
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  if (hidden) return null;
-  return React.createElement(Tab$2, _extends({
-    ref: forwardedRef
-  }, props), children);
-});
-Tab.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: PropTypes.any,
-  hidden: PropTypes.bool
-} : {};
-Tab.defaultProps = {
-  hidden: false
-};
-var Tab$1 = Tab;
-
-export { Tab$1 as default };

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

@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-
-let _ = t => t,
-  _t;
-const Tab = styled.p.attrs(applyDefaultTheme)(_t || (_t = _`
-  font-family: ${0};
-  font-size: 1rem;
-  font-weight: 500;
-  border-bottom: 1px solid;
-  min-height: 35px;
-`), props => props.theme.primaryFontFamily);
-
-export { Tab };

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

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

package/esm/components/data/Tabs/Tabs.js

@@ -1,87 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { isEmpty, isNil } from 'lodash';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import React from '../../../node_modules/react/index.js';
-import { Tabs as Tabs$2, TabHeaders, TabHeader, TabHeaderBorder, TabContent } from './Tabs.styled.js';
-import { r as react } from '../../../_virtual/index.js';
-import Tab from '../Tab/Tab.js';
-
-const _excluded = ["children", "defaultMinHeight", "customPadding"];
-const Tabs = React.forwardRef(function Tabs(_ref, forwardedRef) {
-  let {
-      children,
-      defaultMinHeight,
-      customPadding
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [activeTab, setActiveTab] = react.exports.useState(0);
-  const contentRef = react.exports.useRef(null);
-  const tabs = react.exports.useMemo(() => {
-    const tabs = [];
-    function extractChildren(children) {
-      react.exports.Children.forEach(children, (child, index) => {
-        var _child$props2;
-        if (isNil(child)) {
-          return null;
-        }
-        if (child.type === react.exports.Fragment) {
-          var _child$props;
-          extractChildren((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children);
-        }
-        if ((_child$props2 = child.props) !== null && _child$props2 !== void 0 && _child$props2.hidden) {
-          return null;
-        }
-        if (child.type === Tab) {
-          var _child$props3, _child$props4;
-          tabs.push({
-            key: index,
-            trigger: (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.trigger,
-            content: (_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.children
-          });
-        }
-      });
-    }
-    extractChildren(children);
-    if (!tabs.some(tab => (tab === null || tab === void 0 ? void 0 : tab.key) === activeTab)) {
-      var _tabs$;
-      setActiveTab((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.key);
-    }
-    return tabs;
-  }, [children]);
-  return React.createElement(Tabs$2, _extends({
-    ref: forwardedRef
-  }, props, {
-    role: "tablist"
-  }), React.createElement(TabHeaders, {
-    customPadding: customPadding
-  }, tabs.map(tab => React.createElement(TabHeader, {
-    key: tab.key,
-    hidden: tab.hidden,
-    active: tab.key === activeTab,
-    onClick: () => setActiveTab(tab.key),
-    role: "tab"
-  }, tab.trigger))), React.createElement(TabHeaderBorder, {
-    customPadding: customPadding
-  }), React.createElement(TabContent, null, tabs.map(tab => React.createElement("div", {
-    ref: tab.key === (activeTab === null || activeTab === void 0 ? void 0 : activeTab.key) ? contentRef : null,
-    key: tab.key,
-    role: "tabpanel",
-    hidden: tab.key !== activeTab,
-    style: {
-      minHeight: !isEmpty(defaultMinHeight) ? defaultMinHeight : ''
-    }
-  }, tab.content))));
-});
-Tabs.defaultProps = {
-  defaultMinHeight: '',
-  customPadding: 0
-};
-Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
-  backgroundColor: PropTypes.string,
-  defaultMinHeight: PropTypes.string,
-  customPadding: PropTypes.string
-} : {};
-var Tabs$1 = Tabs;
-
-export { Tabs$1 as default };

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

@@ -1,85 +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;
-const Tabs = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
-  display: block;
-  position: relative;
-  ${0};
-`), props => props.backgroundColor && css(_t2 || (_t2 = _`
-      background-color: ${0};
-    `), props.backgroundColor));
-const TabHeaders = styled.ul.attrs(applyDefaultTheme)(_t3 || (_t3 = _`
-  display: flex;
-  overflow-x: auto;
-  overflow-y: hidden;
-  white-space: nowrap;
-  gap: 24px;
-
-  margin: 0;
-  ${0};
-  ${0};
-`), props => !props.customPadding && css(_t4 || (_t4 = _`
-      padding: 0;
-    `)), props => props.customPadding && css(_t5 || (_t5 = _`
-      padding: 0 ${0};
-    `), props.customPadding));
-const TabHeader = styled.li.attrs(applyDefaultTheme)(_t6 || (_t6 = _`
-  font-family: ${0};
-  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;
-
-  ${0};
-  &&:hover:not(:focus) {
-    ${0};
-  }
-`), props => props.theme.secondaryFontFamily, props => props.active && css(_t7 || (_t7 = _`
-      ${0}
-    `), props => props.theme.themeProp('border-color', props.theme.getColor('gray-400'), props.theme.getColor('gray-700'))), props => props.theme.themeProp('border-color', () => {
-  if (props.active) {
-    return props.theme.getColor('gray-400');
-  } else {
-    return props.theme.getColor('gray-400');
-  }
-}, () => {
-  if (props.active) {
-    return props.theme.getColor('gray-700');
-  } else {
-    return props.theme.getColor('gray-700');
-  }
-}));
-const TabContent = styled.div.attrs(applyDefaultTheme)(_t8 || (_t8 = _`
-  display: block;
-`));
-const TabHeaderBorder = styled.div.attrs(applyDefaultTheme)(_t9 || (_t9 = _`
-  border-top: 1px solid;
-
-  ${0};
-  ${0};
-  ${0};
-`), props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), '#F0F2F5'), props => !props.customPadding && css(_t10 || (_t10 = _`
-      margin: -2px 0;
-    `)), props => props.customPadding && css(_t11 || (_t11 = _`
-      margin: -2px ${0};
-    `), props.customPadding));
-
-export { TabContent, TabHeader, TabHeaderBorder, TabHeaders, Tabs };

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

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

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

@@ -1,29 +0,0 @@
-import styled from 'styled-components';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-import TippyTooltip from '@tippyjs/react';
-import '../../../node_modules/tippy.js/animations/shift-away-subtle.css.js';
-import '../../../node_modules/tippy.js/dist/tippy.css.js';
-
-let _ = t => t,
-  _t;
-const Tooltip = styled(TippyTooltip).attrs(applyDefaultTheme)(_t || (_t = _`
-  font-family: ${0};
-  font-size: 1rem;
-  font-weight: 400;
-  background: ${0};
-  border-radius: 3px;
-  pointer-events: default !important;
-  .tippy-content {
-    padding: 9px 12px;
-  }
-
-  .tippy-arrow {
-    color: ${0};
-  }
-
-  a {
-    color: inherit;
-  }
-`), props => props.theme.primaryFontFamily, props => props.theme.getColor('gray-700'), props => props.theme.getColor('gray-700'));
-
-export { Tooltip };

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

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

package/esm/components/data/VerificationStatusIcon/VerificationStatusIcon.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 { VerificationIconWrapper, VerificationStatusIcon as VerificationStatusIcon$2, VerificationStatusColor } from './VerificationStatusIcon.styled.js';
-import { ReactComponent as SvgVerification } from '../../../icons/verification.svg.js';
-
-const _excluded = ["status", "iconHeight", "background"];
-const VerificationStatusIcon = React.forwardRef(function VerificationStatusIcon(_ref, forwardedRef) {
-  let {
-      status,
-      iconHeight,
-      background
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return React.createElement(VerificationIconWrapper, {
-    background: background
-  }, React.createElement(VerificationStatusIcon$2, _extends({
-    iconHeight: iconHeight,
-    background: background,
-    ref: forwardedRef
-  }, props), React.createElement(SvgVerification, null), React.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
-};
-var VerificationStatusIcon$1 = VerificationStatusIcon;
-
-export { VerificationStatusIcon$1 as default };