@ntbjs/react-components 1.1.1 → 1.2.0-rc.2

package/Badge-9461fc7f.js

@@ -1,154 +0,0 @@
-'use strict';
-
-var defaultTheme = require('./defaultTheme-50f2b88f.js');
-var React = require('react');
-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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var Badge$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  align-content: center;\n  display: ", ";\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 500;\n  min-height: 26px;\n  position: relative;\n  width: ", ";\n"])), function (props) {
-  return props.elevated || !props.hasChildren ? 'inline-flex' : 'flex';
-}, function (props) {
-  return props.theme.primaryFontFamily;
-}, function (props) {
-  return props.elevated ? 'fit-content' : 'initial';
-});
-var BadgeChildrenContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  align-self: center;\n  height: fit-content;\n  margin-right: 8px;\n"])));
-var BadgeLabel = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  border-radius: ", ";\n  display: inline-block;\n  font-size: ", ";\n  font-weight: normal;\n  height: fit-content;\n  letter-spacing: 0.32px;\n  margin-left: ", ";\n  padding ", ";\n  position: ", ";\n  right: 0;\n  transform: ", ";\n\n  ", "\n\n  ", "\n\n    ", "\n"])), function (props) {
-  return props.elevated ? '12px' : '14px';
-}, function (props) {
-  return props.elevated ? '0.625rem' : '0.750rem';
-}, function (props) {
-  return props.elevated ? '15px' : 'auto';
-}, function (props) {
-  return props.elevated ? '4px 7px' : '6px 10px';
-}, function (props) {
-  return props.elevated ? 'absolute' : 'initial';
-}, function (props) {
-  return props.elevated ? 'translate(33%, -8px)' : 'initial';
-}, function (props) {
-  return props.paddingY && props.paddingX && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      padding-top: ", "px;\n      padding-bottom: ", "px;\n      padding-left: ", "px;\n      padding-right: ", "px;\n    "])), props.paddingY, props.paddingY, props.paddingX, props.paddingX);
-}, function (props) {
-  return props.theme.themeProp('background', function () {
-    var active = props.active;
-    var error = props.error;
-    var warning = props.warning;
-
-    switch (true) {
-      case !error && !warning && !active:
-        return props.theme.getColor('gray-600');
-
-      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');
-    }
-  }, function () {
-    var active = props.active;
-    var error = props.error;
-    var warning = props.warning;
-
-    switch (true) {
-      case !error && !warning && !active:
-        return props.theme.getColor('gray-200');
-
-      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');
-    }
-  });
-}, function (props) {
-  return props.theme.themeProp('color', function () {
-    if (props.warning && !props.error || props.error && !props.active) {
-      return props.theme.getColor('gray-900');
-    } else {
-      return props.theme.getColor('white');
-    }
-  }, function () {
-    if (props.error && props.active) {
-      return props.theme.getColor('white');
-    } else {
-      return props.theme.getColor('gray-900');
-    }
-  });
-});
-
-var Badge = React__default['default'].forwardRef(function Badge(_ref, forwardedRef) {
-  var badgeContent = _ref.badgeContent,
-      paddingY = _ref.paddingY,
-      paddingX = _ref.paddingX,
-      children = _ref.children,
-      elevated = _ref.elevated,
-      active = _ref.active,
-      error = _ref.error,
-      warning = _ref.warning,
-      props = defaultTheme._objectWithoutProperties(_ref, ["badgeContent", "paddingY", "paddingX", "children", "elevated", "active", "error", "warning"]);
-
-  if (typeof badgeContent === 'number') {
-    badgeContent = Intl.NumberFormat('en', {
-      notation: 'compact'
-    }).format(badgeContent);
-  }
-
-  return React__default['default'].createElement(Badge$1, defaultTheme._extends({
-    ref: forwardedRef,
-    elevated: elevated,
-    hasChildren: Boolean(children)
-  }, props), children && React__default['default'].createElement(BadgeChildrenContainer, null, children), badgeContent && React__default['default'].createElement(BadgeLabel, {
-    elevated: elevated,
-    active: active,
-    paddingY: paddingY,
-    paddingX: paddingX,
-    error: error,
-    warning: warning
-  }, badgeContent));
-});
-Badge.propTypes = process.env.NODE_ENV !== "production" ? {
-  badgeContent: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.number]),
-  paddingY: defaultTheme.PropTypes.number,
-  paddingX: defaultTheme.PropTypes.number,
-  children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.node, defaultTheme.PropTypes.string]),
-  elevated: defaultTheme.PropTypes.bool,
-  active: defaultTheme.PropTypes.bool,
-  error: defaultTheme.PropTypes.bool,
-  warning: defaultTheme.PropTypes.bool
-} : {};
-Badge.defaultProps = {
-  elevated: false,
-  active: false,
-  error: false,
-  warning: false
-};
-
-exports.Badge = Badge;