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

package/build/TextInput-3a567daa.js

@@ -0,0 +1,372 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
+var React = require('react');
+var nanoid = require('nanoid');
+var defaultTheme = require('./defaultTheme-d9a7342e.js');
+var useMergedRefs = require('@restart/hooks/useMergedRefs');
+var lodash = require('lodash');
+var editNote = require('./edit-note-cefe2215.js');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var useMergedRefs__default = /*#__PURE__*/_interopDefaultLegacy(useMergedRefs);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const activeLabel = styled.css`
+  font-size: 0.75rem;
+  padding: 0 3px;
+  top: -7px;
+  letter-spacing: 0.03em;
+  left: 8px !important;
+  opacity: 1 !important;
+`;
+const Adornment = styled__default["default"].div.attrs(defaultTheme.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 ? styled.css`
+          padding-right: 10px;
+          border-right: 0;
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0;
+        ` : styled.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 && styled.css`
+      border-color: ${props.theme.getColor('orange-500')} !important;
+    `}
+  ${props => props.error && styled.css`
+      border-color: ${props.theme.getColor('red-500')} !important;
+    `}
+`;
+const TextInputWrapper = styled__default["default"].div.attrs(defaultTheme.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__default["default"].div.attrs(defaultTheme.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__default["default"].input.attrs(defaultTheme.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 && styled.css`
+      user-select: text;
+      cursor: default;
+    `}
+
+  ${props => props.warning && styled.css`
+      border-color: ${props.theme.getColor('orange-500')} !important;
+    `}
+  ${props => props.error && styled.css`
+      border-color: ${props.theme.getColor('red-500')} !important;
+    `}
+  ${props => props.hasIcon && styled.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 && styled.css`
+        outline: none;
+      `}
+`;
+const TextInputLabel = styled__default["default"].label.attrs(defaultTheme.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) && styled.css`
+      ${activeLabel};
+    `}
+
+
+  ${props => props.hasIcon && styled.css`
+      left: 35px;
+    `}
+`;
+const TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.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__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+  position: relative;
+
+  ${props => props.disabled && styled.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 && styled.css`
+        color: ${props.theme.getColor('red-500')};
+      `}
+    ${props => props.warning && styled.css`
+        color: ${props.theme.getColor('orange-500')};
+      `} 
+  } 
+ 
+}
+`;
+const Description = styled__default["default"].p.attrs(defaultTheme.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 && styled.css`
+      ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
+    `}
+
+  ${props => props.warning && styled.css`
+      ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500'))}
+    `}
+`;
+
+const TextInput = React__default["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 = React.useRef(null);
+  const textInputRef = useMergedRefs__default["default"](forwardedRef, textInputDomNode);
+  const [uniqueId] = React.useState(nanoid.nanoid());
+  const hasError = React.useMemo(() => {
+    if (lodash.isBoolean(error)) {
+      return error;
+    }
+    return !lodash.isEmpty(error);
+  }, [error]);
+  const hasWarning = React.useMemo(() => {
+    if (lodash.isBoolean(warning)) {
+      return warning;
+    }
+    return !lodash.isEmpty(warning);
+  }, [warning]);
+  const descriptionText = React.useMemo(() => {
+    if (!lodash.isEmpty(error)) {
+      return error;
+    }
+    if (!lodash.isEmpty(warning)) {
+      return warning;
+    }
+    if (!lodash.isEmpty(description)) {
+      return description;
+    }
+    return null;
+  }, [description, error, warning]);
+  return React__default["default"].createElement(TextInput$1, {
+    error: hasError,
+    disabled: disabled,
+    warning: hasWarning,
+    className: className,
+    style: style
+  }, typeof icon !== 'undefined' && React__default["default"].createElement(TextInputFieldIcon, null, icon), React__default["default"].createElement(TextInputWrapper, null, typeof adornments?.prefix === 'string' && adornments.prefix.length > 0 && React__default["default"].createElement(Adornment, {
+    htmlFor: `text-input-${uniqueId}`,
+    error: hasError,
+    warning: hasWarning,
+    isPrefix: true,
+    onClick: () => textInputDomNode.current.focus()
+  }, adornments.prefix), React__default["default"].createElement(TextInputField, _rollupPluginBabelHelpers._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["default"].createElement(InputIconContainer, {
+    error: error,
+    warning: warning
+  }, React__default["default"].createElement(editNote.SvgEditNote, null)), label && React__default["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["default"].createElement(Adornment, {
+    error: hasError,
+    warning: hasWarning,
+    isPrefix: false,
+    onClick: () => textInputDomNode.current.focus()
+  }, adornments.suffix)), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default["default"].createElement(Description, {
+    error: hasError,
+    warning: hasWarning
+  }, descriptionText));
+});
+TextInput.defaultProps = {
+  type: 'text',
+  noBorder: false
+};
+TextInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  value: defaultTheme.PropTypes.string,
+  defaultValue: defaultTheme.PropTypes.string,
+  name: defaultTheme.PropTypes.string,
+  label: defaultTheme.PropTypes.string,
+  placeholder: defaultTheme.PropTypes.string,
+  type: defaultTheme.PropTypes.string,
+  required: defaultTheme.PropTypes.bool,
+  disabled: defaultTheme.PropTypes.bool,
+  readOnly: defaultTheme.PropTypes.bool,
+  autoComplete: defaultTheme.PropTypes.string,
+  description: defaultTheme.PropTypes.string,
+  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
+  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
+  icon: defaultTheme.PropTypes.element,
+  adornments: defaultTheme.PropTypes.shape({
+    prefix: defaultTheme.PropTypes.string,
+    suffix: defaultTheme.PropTypes.string
+  }),
+  className: defaultTheme.PropTypes.string,
+  style: defaultTheme.PropTypes.object,
+  onChange: defaultTheme.PropTypes.func,
+  onBlur: defaultTheme.PropTypes.func,
+  noBorder: defaultTheme.PropTypes.bool
+} : {};
+
+exports.TextInput = TextInput;

package/build/Tooltip-d5882b82.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
+var defaultTheme = require('./defaultTheme-d9a7342e.js');
+var React = require('react');
+var styled = require('styled-components');
+var TippyTooltip = require('@tippyjs/react');
+require('./shift-away-subtle-158617af.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
+
+const Tooltip$1 = styled__default["default"](TippyTooltip__default["default"]).attrs(defaultTheme.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["default"].forwardRef(function Tooltip({
+  content,
+  interactive,
+  placement,
+  duration,
+  trigger,
+  visible,
+  children,
+  ...props
+}, ref) {
+  return React__default["default"].createElement("div", null, React__default["default"].createElement(Tooltip$1, _rollupPluginBabelHelpers._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: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]).isRequired,
+  interactive: defaultTheme.PropTypes.bool,
+  placement: defaultTheme.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: defaultTheme.PropTypes.number,
+  trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click', '']),
+  visible: defaultTheme.PropTypes.bool,
+  children: defaultTheme.PropTypes.node
+} : {};
+
+exports.Tooltip = Tooltip;

package/build/VerificationStatusIcon-9876b68f.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
+var React = require('react');
+var defaultTheme = require('./defaultTheme-d9a7342e.js');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const VerificationIconWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+  ${props => props.background && styled.css`
+    background-color: #000 !important;
+    width: fit-content;
+    padding: 6px 14px 6px 9px;
+    border-radius: 15px;
+}
+    `};
+`;
+const VerificationStatusIcon$1 = styled__default["default"].div.attrs(defaultTheme.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__default["default"].div.attrs(defaultTheme.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__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "-2.5 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.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["default"].forwardRef(function VerificationStatusIcon({
+  status,
+  iconHeight,
+  background,
+  ...props
+}, forwardedRef) {
+  return React__default["default"].createElement(VerificationIconWrapper, {
+    background: background
+  }, React__default["default"].createElement(VerificationStatusIcon$1, _rollupPluginBabelHelpers._extends({
+    iconHeight: iconHeight,
+    background: background,
+    ref: forwardedRef
+  }, props), React__default["default"].createElement(SvgVerification, null), React__default["default"].createElement(VerificationStatusColor, {
+    iconHeight: iconHeight,
+    status: status,
+    background: background
+  })));
+});
+VerificationStatusIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+  status: defaultTheme.PropTypes.oneOf(['verified', 'pending', 'rejected', 'mixed']).isRequired,
+  iconHeight: defaultTheme.PropTypes.number,
+  background: defaultTheme.PropTypes.bool
+} : {};
+VerificationStatusIcon.defaultProps = {
+  iconHeight: 15,
+  background: false
+};
+
+exports.VerificationStatusIcon = VerificationStatusIcon;

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

@@ -1,3 +1,5 @@
+'use strict';
+
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -8,4 +10,4 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-export { _extends as default };
+exports._extends = _extends;

package/build/arrow-forward-d7c77ae3.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(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__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.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"
+  })));
+}
+
+exports.SvgArrowForward = SvgArrowForward;

package/build/close-1751121a.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(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__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 27.3 27.3"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.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"
+  })));
+}
+
+exports.SvgClose = SvgClose;

package/build/data/Alert/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var Alert = require('../../Alert-8a511bdc.js');
+require('../../_rollupPluginBabelHelpers-4b342fad.js');
+require('react');
+require('../../defaultTheme-d9a7342e.js');
+require('styled-components');
+require('lodash');
+
+
+
+module.exports = Alert.Alert;

package/build/data/Badge/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var Badge = require('../../Badge-aa4cd9c1.js');
+require('../../_rollupPluginBabelHelpers-4b342fad.js');
+require('../../defaultTheme-d9a7342e.js');
+require('styled-components');
+require('react');
+
+
+
+module.exports = Badge.Badge;