@elliemae/ds-notification-badge 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/NotificationBadge.js

@@ -1,82 +1,62 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var NotificationBadge_exports = {};
-__export(NotificationBadge_exports, {
-  NotificationBadge: () => NotificationBadge,
-  NotificationBadgeWithSchema: () => NotificationBadgeWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_prop_types = __toESM(require("./prop-types"));
-var import_style = __toESM(require("./style"));
-const NotificationBadge = ({
-  type,
-  value,
-  size,
-  disabled,
-  position,
-  Component
-}) => {
-  const Badge = type === "number" ? import_style.NumericBadge : import_style.DotBadge;
-  const relatedComponentRef = (0, import_react.useRef)(null);
-  const renderBadge = relatedComponentRef?.current || !Component;
-  const [relatedComponentHeight, setRelatedComponentHeight] = (0, import_react.useState)(0);
-  const [relatedComponentWidth, setRelatedComponentWidth] = (0, import_react.useState)(0);
-  (0, import_react.useEffect)(() => {
-    const relatedComponent = relatedComponentRef?.current;
-    setRelatedComponentHeight(relatedComponent?.offsetHeight);
-    setRelatedComponentWidth(relatedComponent?.offsetWidth);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
+var reactDesc = require('react-desc');
+var propTypes = require('./prop-types.js');
+var style = require('./style.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const NotificationBadge = _ref => {
+  let {
+    type,
+    value,
+    size,
+    disabled,
+    position,
+    Component
+  } = _ref;
+  const Badge = type === 'number' ? style.NumericBadge : style.DotBadge;
+  const relatedComponentRef = react.useRef(null);
+  const renderBadge = (relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current) || !Component;
+  const [relatedComponentHeight, setRelatedComponentHeight] = react.useState(0);
+  const [relatedComponentWidth, setRelatedComponentWidth] = react.useState(0);
+  react.useEffect(() => {
+    const relatedComponent = relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current;
+    setRelatedComponentHeight(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetHeight);
+    setRelatedComponentWidth(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetWidth);
   }, [relatedComponentRef]);
   let top;
   let right;
   let left;
+
   if (Component) {
-    if (position === "right")
-      left = relatedComponentWidth / 2;
-    if (position === "left")
-      right = relatedComponentWidth / 2;
+    if (position === 'right') left = relatedComponentWidth / 2;
+    if (position === 'left') right = relatedComponentWidth / 2;
     top = relatedComponentHeight / 2;
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_style.Wrapper, null, renderBadge && /* @__PURE__ */ import_react.default.createElement(Badge, {
-    size,
-    value,
-    disabled,
-    top,
-    left,
-    right
-  }, type === "number" && value), Component && /* @__PURE__ */ import_react.default.createElement(Component, {
+
+  return /*#__PURE__*/_jsx__default["default"](style.Wrapper, {}, void 0, renderBadge && /*#__PURE__*/_jsx__default["default"](Badge, {
+    size: size,
+    value: value,
+    disabled: disabled,
+    top: top,
+    left: left,
+    right: right
+  }, void 0, type === 'number' && value), Component && /*#__PURE__*/_jsx__default["default"](Component, {
     innerRef: relatedComponentRef
   }));
 };
-NotificationBadge.defaultProps = import_prop_types.defaultProps;
-NotificationBadge.propTypes = import_prop_types.notificationBadgeProps;
-const NotificationBadgeWithSchema = (0, import_react_desc.describe)(NotificationBadge);
-NotificationBadgeWithSchema.propTypes = import_prop_types.notificationBadgeProps;
-module.exports = __toCommonJS(NotificationBadge_exports);
-//# sourceMappingURL=NotificationBadge.js.map
+
+NotificationBadge.defaultProps = propTypes.defaultProps;
+const NotificationBadgeWithSchema = reactDesc.describe(NotificationBadge);
+NotificationBadgeWithSchema.propTypes = propTypes.notificationBadgeProps;
+
+exports.NotificationBadge = NotificationBadge;
+exports.NotificationBadgeWithSchema = NotificationBadgeWithSchema;

package/cjs/index.d.js

@@ -1,27 +1,2 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var index_d_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(index_d_exports);
-//# sourceMappingURL=index.d.js.map
+'use strict';
+

package/cjs/index.js

@@ -1,36 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => import_NotificationBadge.NotificationBadge
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, __toESM(require("./NotificationBadge")));
-var import_NotificationBadge = __toESM(require("./NotificationBadge"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var NotificationBadge = require('./NotificationBadge.js');
+
+
+
+exports.NotificationBadge = NotificationBadge.NotificationBadge;
+exports.NotificationBadgeWithSchema = NotificationBadge.NotificationBadgeWithSchema;
+exports["default"] = NotificationBadge.NotificationBadge;

package/cjs/prop-types.js

@@ -1,50 +1,23 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var prop_types_exports = {};
-__export(prop_types_exports, {
-  defaultProps: () => defaultProps,
-  notificationBadgeProps: () => notificationBadgeProps
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const notificationBadgeProps = {
-  type: import_react_desc.PropTypes.oneOf(["number", "dot"]).description("type of badge: number or dot"),
-  value: import_react_desc.PropTypes.number.description("value of the numeric badge"),
-  size: import_react_desc.PropTypes.oneOf(["s", "l"]).description("size of the badge: s or l"),
-  disabled: import_react_desc.PropTypes.bool.description("whether the badge is disabled"),
-  position: import_react_desc.PropTypes.oneOf(["left", "right"]).description("position of the badge with the related component"),
-  Component: import_react_desc.PropTypes.func.description("Related component")
+  type: reactDesc.PropTypes.oneOf(['number', 'dot']).description('type of badge: number or dot'),
+  value: reactDesc.PropTypes.number.description('value of the numeric badge'),
+  size: reactDesc.PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),
+  disabled: reactDesc.PropTypes.bool.description('whether the badge is disabled'),
+  position: reactDesc.PropTypes.oneOf(['left', 'right']).description('position of the badge with the related component'),
+  Component: reactDesc.PropTypes.func.description('Related component')
 };
 const defaultProps = {
-  type: "number",
-  size: "s",
+  type: 'number',
+  size: 's',
   disabled: false,
-  position: "right"
+  position: 'right'
 };
-module.exports = __toCommonJS(prop_types_exports);
-//# sourceMappingURL=prop-types.js.map
+
+exports.defaultProps = defaultProps;
+exports.notificationBadgeProps = notificationBadgeProps;

package/cjs/style.js

@@ -1,81 +1,98 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var style_exports = {};
-__export(style_exports, {
-  DotBadge: () => DotBadge,
-  GenericBadge: () => GenericBadge,
-  NumericBadge: () => NumericBadge,
-  Wrapper: () => Wrapper
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-lsxuo6-0"
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;"]);
+const GenericBadge = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-lsxuo6-1"
+})(["position:relative;top:", ";left:", ";right:", ";"], _ref => {
+  let {
+    top
+  } = _ref;
+  return top ? "".concat(top, "px") : 'unset';
+}, _ref2 => {
+  let {
+    left
+  } = _ref2;
+  return left ? "".concat(left, "px") : 'unset';
+}, _ref3 => {
+  let {
+    right
+  } = _ref3;
+  return right ? "".concat(right, "px") : 'unset';
 });
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const Wrapper = import_styled_components.default.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: fit-content;
-`;
-const GenericBadge = import_styled_components.default.span`
-  position: relative;
-  top: ${({ top }) => top ? `${top}px` : "unset"};
-  left: ${({ left }) => left ? `${left}px` : "unset"};
-  right: ${({ right }) => right ? `${right}px` : "unset"};
-`;
-const NumericBadge = (0, import_styled_components.default)(GenericBadge)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: fit-content;
-  color: #fff;
-  padding: ${({ value }) => value > 9 ? "0 5px" : "0"};
-  padding-top: 2px;
-  background-color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[500] : theme.colors.danger[900]};
-  border-radius: ${({ value }) => value > 9 ? "10px" : "50%"};
-  font-size: ${({ size }) => size === "l" ? "16px" : "12px"};
-  font-weight: ${({ size }) => size === "l" ? "400" : "600"};
-  height: ${({ size }) => size === "l" ? "21px" : "15px"};
-  min-width: ${({ size, value }) => {
-  if (size === "l" && value > 9)
-    return "30px";
-  if (size === "l" && value <= 9)
-    return "21px";
-  if (size === "s" && value > 9)
-    return "21px";
-  if (size === "s" && value <= 9)
-    return "15px";
-}};
-`;
-const DotBadge = (0, import_styled_components.default)(GenericBadge)`
-  background-color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[500] : theme.colors.brand[500]};
-  width: ${({ size }) => size === "l" ? "15px" : "10px"};
-  height: ${({ size }) => size === "l" ? "15px" : "10px"};
-  border-radius: 100%;
-`;
-module.exports = __toCommonJS(style_exports);
-//# sourceMappingURL=style.js.map
+const NumericBadge = /*#__PURE__*/styled__default["default"](GenericBadge).withConfig({
+  componentId: "sc-lsxuo6-2"
+})(["display:flex;justify-content:center;align-items:center;width:fit-content;color:#fff;padding:", ";padding-top:2px;background-color:", ";border-radius:", ";font-size:", ";font-weight:", ";height:", ";min-width:", ";"], _ref4 => {
+  let {
+    value
+  } = _ref4;
+  return value > 9 ? '0 5px' : '0';
+}, _ref5 => {
+  let {
+    disabled,
+    theme
+  } = _ref5;
+  return disabled ? theme.colors.neutral[500] : theme.colors.danger[900];
+}, _ref6 => {
+  let {
+    value
+  } = _ref6;
+  return value > 9 ? '10px' : '50%';
+}, _ref7 => {
+  let {
+    size
+  } = _ref7;
+  return size === 'l' ? '16px' : '12px';
+}, _ref8 => {
+  let {
+    size
+  } = _ref8;
+  return size === 'l' ? '400' : '600';
+}, _ref9 => {
+  let {
+    size
+  } = _ref9;
+  return size === 'l' ? '21px' : '15px';
+}, _ref10 => {
+  let {
+    size,
+    value
+  } = _ref10;
+  if (size === 'l' && value > 9) return '30px';
+  if (size === 'l' && value <= 9) return '21px';
+  if (size === 's' && value > 9) return '21px';
+  if (size === 's' && value <= 9) return '15px';
+});
+const DotBadge = /*#__PURE__*/styled__default["default"](GenericBadge).withConfig({
+  componentId: "sc-lsxuo6-3"
+})(["background-color:", ";width:", ";height:", ";border-radius:100%;"], _ref11 => {
+  let {
+    disabled,
+    theme
+  } = _ref11;
+  return disabled ? theme.colors.neutral[500] : theme.colors.brand[500];
+}, _ref12 => {
+  let {
+    size
+  } = _ref12;
+  return size === 'l' ? '15px' : '10px';
+}, _ref13 => {
+  let {
+    size
+  } = _ref13;
+  return size === 'l' ? '15px' : '10px';
+});
+
+exports.DotBadge = DotBadge;
+exports.GenericBadge = GenericBadge;
+exports.NumericBadge = NumericBadge;
+exports.Wrapper = Wrapper;

package/esm/NotificationBadge.js

@@ -1,53 +1,53 @@
-import * as React from "react";
-import React2, { useState, useEffect, useRef } from "react";
-import { describe } from "react-desc";
-import { notificationBadgeProps, defaultProps } from "./prop-types";
-import { Wrapper, NumericBadge, DotBadge } from "./style";
-const NotificationBadge = ({
-  type,
-  value,
-  size,
-  disabled,
-  position,
-  Component
-}) => {
-  const Badge = type === "number" ? NumericBadge : DotBadge;
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useRef, useState, useEffect } from 'react';
+import { describe } from 'react-desc';
+import { notificationBadgeProps, defaultProps } from './prop-types.js';
+import { Wrapper, NumericBadge, DotBadge } from './style.js';
+
+const NotificationBadge = _ref => {
+  let {
+    type,
+    value,
+    size,
+    disabled,
+    position,
+    Component
+  } = _ref;
+  const Badge = type === 'number' ? NumericBadge : DotBadge;
   const relatedComponentRef = useRef(null);
-  const renderBadge = relatedComponentRef?.current || !Component;
+  const renderBadge = (relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current) || !Component;
   const [relatedComponentHeight, setRelatedComponentHeight] = useState(0);
   const [relatedComponentWidth, setRelatedComponentWidth] = useState(0);
   useEffect(() => {
-    const relatedComponent = relatedComponentRef?.current;
-    setRelatedComponentHeight(relatedComponent?.offsetHeight);
-    setRelatedComponentWidth(relatedComponent?.offsetWidth);
+    const relatedComponent = relatedComponentRef === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current;
+    setRelatedComponentHeight(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetHeight);
+    setRelatedComponentWidth(relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetWidth);
   }, [relatedComponentRef]);
   let top;
   let right;
   let left;
+
   if (Component) {
-    if (position === "right")
-      left = relatedComponentWidth / 2;
-    if (position === "left")
-      right = relatedComponentWidth / 2;
+    if (position === 'right') left = relatedComponentWidth / 2;
+    if (position === 'left') right = relatedComponentWidth / 2;
     top = relatedComponentHeight / 2;
   }
-  return /* @__PURE__ */ React2.createElement(Wrapper, null, renderBadge && /* @__PURE__ */ React2.createElement(Badge, {
-    size,
-    value,
-    disabled,
-    top,
-    left,
-    right
-  }, type === "number" && value), Component && /* @__PURE__ */ React2.createElement(Component, {
+
+  return /*#__PURE__*/_jsx(Wrapper, {}, void 0, renderBadge && /*#__PURE__*/_jsx(Badge, {
+    size: size,
+    value: value,
+    disabled: disabled,
+    top: top,
+    left: left,
+    right: right
+  }, void 0, type === 'number' && value), Component && /*#__PURE__*/_jsx(Component, {
     innerRef: relatedComponentRef
   }));
 };
+
 NotificationBadge.defaultProps = defaultProps;
-NotificationBadge.propTypes = notificationBadgeProps;
 const NotificationBadgeWithSchema = describe(NotificationBadge);
 NotificationBadgeWithSchema.propTypes = notificationBadgeProps;
-export {
-  NotificationBadge,
-  NotificationBadgeWithSchema
-};
-//# sourceMappingURL=NotificationBadge.js.map
+
+export { NotificationBadge, NotificationBadgeWithSchema };

package/esm/index.d.js

@@ -1,2 +1 @@
-import * as React from "react";
-//# sourceMappingURL=index.d.js.map
+

package/esm/index.js

@@ -1,7 +1 @@
-import * as React from "react";
-export * from "./NotificationBadge";
-import { NotificationBadge } from "./NotificationBadge";
-export {
-  NotificationBadge as default
-};
-//# sourceMappingURL=index.js.map
+export { NotificationBadge, NotificationBadgeWithSchema, NotificationBadge as default } from './NotificationBadge.js';

package/esm/prop-types.js

@@ -1,21 +1,18 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const notificationBadgeProps = {
-  type: PropTypes.oneOf(["number", "dot"]).description("type of badge: number or dot"),
-  value: PropTypes.number.description("value of the numeric badge"),
-  size: PropTypes.oneOf(["s", "l"]).description("size of the badge: s or l"),
-  disabled: PropTypes.bool.description("whether the badge is disabled"),
-  position: PropTypes.oneOf(["left", "right"]).description("position of the badge with the related component"),
-  Component: PropTypes.func.description("Related component")
+  type: PropTypes.oneOf(['number', 'dot']).description('type of badge: number or dot'),
+  value: PropTypes.number.description('value of the numeric badge'),
+  size: PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),
+  disabled: PropTypes.bool.description('whether the badge is disabled'),
+  position: PropTypes.oneOf(['left', 'right']).description('position of the badge with the related component'),
+  Component: PropTypes.func.description('Related component')
 };
 const defaultProps = {
-  type: "number",
-  size: "s",
+  type: 'number',
+  size: 's',
   disabled: false,
-  position: "right"
+  position: 'right'
 };
-export {
-  defaultProps,
-  notificationBadgeProps
-};
-//# sourceMappingURL=prop-types.js.map
+
+export { defaultProps, notificationBadgeProps };

package/esm/style.js

@@ -1,52 +1,87 @@
-import * as React from "react";
-import styled from "styled-components";
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: fit-content;
-`;
-const GenericBadge = styled.span`
-  position: relative;
-  top: ${({ top }) => top ? `${top}px` : "unset"};
-  left: ${({ left }) => left ? `${left}px` : "unset"};
-  right: ${({ right }) => right ? `${right}px` : "unset"};
-`;
-const NumericBadge = styled(GenericBadge)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: fit-content;
-  color: #fff;
-  padding: ${({ value }) => value > 9 ? "0 5px" : "0"};
-  padding-top: 2px;
-  background-color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[500] : theme.colors.danger[900]};
-  border-radius: ${({ value }) => value > 9 ? "10px" : "50%"};
-  font-size: ${({ size }) => size === "l" ? "16px" : "12px"};
-  font-weight: ${({ size }) => size === "l" ? "400" : "600"};
-  height: ${({ size }) => size === "l" ? "21px" : "15px"};
-  min-width: ${({ size, value }) => {
-  if (size === "l" && value > 9)
-    return "30px";
-  if (size === "l" && value <= 9)
-    return "21px";
-  if (size === "s" && value > 9)
-    return "21px";
-  if (size === "s" && value <= 9)
-    return "15px";
-}};
-`;
-const DotBadge = styled(GenericBadge)`
-  background-color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[500] : theme.colors.brand[500]};
-  width: ${({ size }) => size === "l" ? "15px" : "10px"};
-  height: ${({ size }) => size === "l" ? "15px" : "10px"};
-  border-radius: 100%;
-`;
-export {
-  DotBadge,
-  GenericBadge,
-  NumericBadge,
-  Wrapper
-};
-//# sourceMappingURL=style.js.map
+import styled from 'styled-components';
+
+const Wrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-lsxuo6-0"
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;"]);
+const GenericBadge = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-lsxuo6-1"
+})(["position:relative;top:", ";left:", ";right:", ";"], _ref => {
+  let {
+    top
+  } = _ref;
+  return top ? "".concat(top, "px") : 'unset';
+}, _ref2 => {
+  let {
+    left
+  } = _ref2;
+  return left ? "".concat(left, "px") : 'unset';
+}, _ref3 => {
+  let {
+    right
+  } = _ref3;
+  return right ? "".concat(right, "px") : 'unset';
+});
+const NumericBadge = /*#__PURE__*/styled(GenericBadge).withConfig({
+  componentId: "sc-lsxuo6-2"
+})(["display:flex;justify-content:center;align-items:center;width:fit-content;color:#fff;padding:", ";padding-top:2px;background-color:", ";border-radius:", ";font-size:", ";font-weight:", ";height:", ";min-width:", ";"], _ref4 => {
+  let {
+    value
+  } = _ref4;
+  return value > 9 ? '0 5px' : '0';
+}, _ref5 => {
+  let {
+    disabled,
+    theme
+  } = _ref5;
+  return disabled ? theme.colors.neutral[500] : theme.colors.danger[900];
+}, _ref6 => {
+  let {
+    value
+  } = _ref6;
+  return value > 9 ? '10px' : '50%';
+}, _ref7 => {
+  let {
+    size
+  } = _ref7;
+  return size === 'l' ? '16px' : '12px';
+}, _ref8 => {
+  let {
+    size
+  } = _ref8;
+  return size === 'l' ? '400' : '600';
+}, _ref9 => {
+  let {
+    size
+  } = _ref9;
+  return size === 'l' ? '21px' : '15px';
+}, _ref10 => {
+  let {
+    size,
+    value
+  } = _ref10;
+  if (size === 'l' && value > 9) return '30px';
+  if (size === 'l' && value <= 9) return '21px';
+  if (size === 's' && value > 9) return '21px';
+  if (size === 's' && value <= 9) return '15px';
+});
+const DotBadge = /*#__PURE__*/styled(GenericBadge).withConfig({
+  componentId: "sc-lsxuo6-3"
+})(["background-color:", ";width:", ";height:", ";border-radius:100%;"], _ref11 => {
+  let {
+    disabled,
+    theme
+  } = _ref11;
+  return disabled ? theme.colors.neutral[500] : theme.colors.brand[500];
+}, _ref12 => {
+  let {
+    size
+  } = _ref12;
+  return size === 'l' ? '15px' : '10px';
+}, _ref13 => {
+  let {
+    size
+  } = _ref13;
+  return size === 'l' ? '15px' : '10px';
+});
+
+export { DotBadge, GenericBadge, NumericBadge, Wrapper };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-notification-badge",
-  "version": "2.2.0-alpha.3",
+  "version": "3.0.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Notification Badge",
   "module": "./esm/index.js",

package/cjs/NotificationBadge.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/NotificationBadge.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport { notificationBadgeProps, defaultProps } from './prop-types';\nimport { NotificactionBadge as props } from './index.d';\nimport { Wrapper, NumericBadge, DotBadge } from './style';\n\nconst NotificationBadge = ({\n  type,\n  value,\n  size,\n  disabled,\n  position,\n  Component,\n}: props): JSX.Element => {\n  const Badge = type === 'number' ? NumericBadge : DotBadge;\n  const relatedComponentRef = useRef(null);\n  const renderBadge = relatedComponentRef?.current || !Component;\n  const [relatedComponentHeight, setRelatedComponentHeight] = useState(0);\n  const [relatedComponentWidth, setRelatedComponentWidth] = useState(0);\n\n  useEffect(() => {\n    const relatedComponent = relatedComponentRef?.current;\n    setRelatedComponentHeight(relatedComponent?.offsetHeight);\n    setRelatedComponentWidth(relatedComponent?.offsetWidth);\n  }, [relatedComponentRef]);\n\n  let top;\n  let right;\n  let left;\n\n  if (Component) {\n    if (position === 'right') left = relatedComponentWidth / 2;\n    if (position === 'left') right = relatedComponentWidth / 2;\n    top = relatedComponentHeight / 2;\n  }\n\n  return (\n    <Wrapper>\n      {renderBadge && (\n        <Badge\n          size={size}\n          value={value}\n          disabled={disabled}\n          top={top}\n          left={left}\n          right={right}\n        >\n          {type === 'number' && value}\n        </Badge>\n      )}\n      {Component && <Component innerRef={relatedComponentRef} />}\n    </Wrapper>\n  );\n};\n\nNotificationBadge.defaultProps = defaultProps;\nNotificationBadge.propTypes = notificationBadgeProps;\nconst NotificationBadgeWithSchema = describe(NotificationBadge);\nNotificationBadgeWithSchema.propTypes = notificationBadgeProps;\n\nexport { NotificationBadge, NotificationBadgeWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmD;AACnD,wBAAyB;AACzB,wBAAqD;AAErD,mBAAgD;AAEhD,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACwB;AACxB,QAAM,QAAQ,SAAS,WAAW,4BAAe;AACjD,QAAM,sBAAsB,yBAAO;AACnC,QAAM,cAAc,qBAAqB,WAAW,CAAC;AACrD,QAAM,CAAC,wBAAwB,6BAA6B,2BAAS;AACrE,QAAM,CAAC,uBAAuB,4BAA4B,2BAAS;AAEnE,8BAAU,MAAM;AACd,UAAM,mBAAmB,qBAAqB;AAC9C,8BAA0B,kBAAkB;AAC5C,6BAAyB,kBAAkB;AAAA,KAC1C,CAAC;AAEJ,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,MAAI,WAAW;AACb,QAAI,aAAa;AAAS,aAAO,wBAAwB;AACzD,QAAI,aAAa;AAAQ,cAAQ,wBAAwB;AACzD,UAAM,yBAAyB;AAAA;AAGjC,SACE,mDAAC,sBAAD,MACG,eACC,mDAAC,OAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,SAAS,YAAY,QAGzB,aAAa,mDAAC,WAAD;AAAA,IAAW,UAAU;AAAA;AAAA;AAKzC,kBAAkB,eAAe;AACjC,kBAAkB,YAAY;AAC9B,MAAM,8BAA8B,gCAAS;AAC7C,4BAA4B,YAAY;",
-  "names": []
-}

package/cjs/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.d.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export interface NotificactionBadge {\n  type?: string;\n  value?: number;\n  size?: string;\n  disabled?: boolean;\n  position?: string;\n  Component?: () => JSX.Element;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
-  "names": []
-}

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './NotificationBadge';\nexport { NotificationBadge as default } from './NotificationBadge';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,+BAA6C;",
-  "names": []
-}

package/cjs/prop-types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const notificationBadgeProps = {\n  type: PropTypes.oneOf(['number', 'dot']).description(\n    'type of badge: number or dot',\n  ),\n  value: PropTypes.number.description('value of the numeric badge'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),\n  disabled: PropTypes.bool.description('whether the badge is disabled'),\n  position: PropTypes.oneOf(['left', 'right']).description(\n    'position of the badge with the related component',\n  ),\n  Component: PropTypes.func.description('Related component'),\n};\n\nexport const defaultProps = {\n  type: 'number',\n  size: 's',\n  disabled: false,\n  position: 'right',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,yBAAyB;AAAA,EACpC,MAAM,4BAAU,MAAM,CAAC,UAAU,QAAQ,YACvC;AAAA,EAEF,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAC9C,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,MAAM,CAAC,QAAQ,UAAU,YAC3C;AAAA,EAEF,WAAW,4BAAU,KAAK,YAAY;AAAA;AAGjC,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA;",
-  "names": []
-}

package/cjs/style.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/style.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: fit-content;\n`;\n\nexport const GenericBadge = styled.span`\n  position: relative;\n  top: ${({ top }) => (top ? `${top}px` : 'unset')};\n  left: ${({ left }) => (left ? `${left}px` : 'unset')};\n  right: ${({ right }) => (right ? `${right}px` : 'unset')};\n`;\n\nexport const NumericBadge = styled(GenericBadge)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: fit-content;\n  color: #fff;\n  padding: ${({ value }) => (value > 9 ? '0 5px' : '0')};\n  padding-top: 2px;\n  background-color: ${({ disabled, theme }) =>\n    disabled ? theme.colors.neutral[500] : theme.colors.danger[900]};\n  border-radius: ${({ value }) => (value > 9 ? '10px' : '50%')};\n  font-size: ${({ size }) => (size === 'l' ? '16px' : '12px')};\n  font-weight: ${({ size }) => (size === 'l' ? '400' : '600')};\n  height: ${({ size }) => (size === 'l' ? '21px' : '15px')};\n  min-width: ${({ size, value }) => {\n    if (size === 'l' && value > 9) return '30px';\n    if (size === 'l' && value <= 9) return '21px';\n    if (size === 's' && value > 9) return '21px';\n    if (size === 's' && value <= 9) return '15px';\n  }};\n`;\n\nexport const DotBadge = styled(GenericBadge)`\n  background-color: ${({ disabled, theme }) =>\n    disabled ? theme.colors.neutral[500] : theme.colors.brand[500]};\n  width: ${({ size }) => (size === 'l' ? '15px' : '10px')};\n  height: ${({ size }) => (size === 'l' ? '15px' : '10px')};\n  border-radius: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,eAAe,iCAAO;AAAA;AAAA,SAE1B,CAAC,EAAE,UAAW,MAAM,GAAG,UAAU;AAAA,UAChC,CAAC,EAAE,WAAY,OAAO,GAAG,WAAW;AAAA,WACnC,CAAC,EAAE,YAAa,QAAQ,GAAG,YAAY;AAAA;AAG3C,MAAM,eAAe,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMtB,CAAC,EAAE,YAAa,QAAQ,IAAI,UAAU;AAAA;AAAA,sBAE7B,CAAC,EAAE,UAAU,YAC/B,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,OAAO;AAAA,mBAC5C,CAAC,EAAE,YAAa,QAAQ,IAAI,SAAS;AAAA,eACzC,CAAC,EAAE,WAAY,SAAS,MAAM,SAAS;AAAA,iBACrC,CAAC,EAAE,WAAY,SAAS,MAAM,QAAQ;AAAA,YAC3C,CAAC,EAAE,WAAY,SAAS,MAAM,SAAS;AAAA,eACpC,CAAC,EAAE,MAAM,YAAY;AAChC,MAAI,SAAS,OAAO,QAAQ;AAAG,WAAO;AACtC,MAAI,SAAS,OAAO,SAAS;AAAG,WAAO;AACvC,MAAI,SAAS,OAAO,QAAQ;AAAG,WAAO;AACtC,MAAI,SAAS,OAAO,SAAS;AAAG,WAAO;AAAA;AAAA;AAIpC,MAAM,WAAW,sCAAO;AAAA,sBACT,CAAC,EAAE,UAAU,YAC/B,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,MAAM;AAAA,WACnD,CAAC,EAAE,WAAY,SAAS,MAAM,SAAS;AAAA,YACtC,CAAC,EAAE,WAAY,SAAS,MAAM,SAAS;AAAA;AAAA;",
-  "names": []
-}

package/esm/NotificationBadge.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/NotificationBadge.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport { notificationBadgeProps, defaultProps } from './prop-types';\nimport { NotificactionBadge as props } from './index.d';\nimport { Wrapper, NumericBadge, DotBadge } from './style';\n\nconst NotificationBadge = ({\n  type,\n  value,\n  size,\n  disabled,\n  position,\n  Component,\n}: props): JSX.Element => {\n  const Badge = type === 'number' ? NumericBadge : DotBadge;\n  const relatedComponentRef = useRef(null);\n  const renderBadge = relatedComponentRef?.current || !Component;\n  const [relatedComponentHeight, setRelatedComponentHeight] = useState(0);\n  const [relatedComponentWidth, setRelatedComponentWidth] = useState(0);\n\n  useEffect(() => {\n    const relatedComponent = relatedComponentRef?.current;\n    setRelatedComponentHeight(relatedComponent?.offsetHeight);\n    setRelatedComponentWidth(relatedComponent?.offsetWidth);\n  }, [relatedComponentRef]);\n\n  let top;\n  let right;\n  let left;\n\n  if (Component) {\n    if (position === 'right') left = relatedComponentWidth / 2;\n    if (position === 'left') right = relatedComponentWidth / 2;\n    top = relatedComponentHeight / 2;\n  }\n\n  return (\n    <Wrapper>\n      {renderBadge && (\n        <Badge\n          size={size}\n          value={value}\n          disabled={disabled}\n          top={top}\n          left={left}\n          right={right}\n        >\n          {type === 'number' && value}\n        </Badge>\n      )}\n      {Component && <Component innerRef={relatedComponentRef} />}\n    </Wrapper>\n  );\n};\n\nNotificationBadge.defaultProps = defaultProps;\nNotificationBadge.propTypes = notificationBadgeProps;\nconst NotificationBadgeWithSchema = describe(NotificationBadge);\nNotificationBadgeWithSchema.propTypes = notificationBadgeProps;\n\nexport { NotificationBadge, NotificationBadgeWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACwB;AACxB,QAAM,QAAQ,SAAS,WAAW,eAAe;AACjD,QAAM,sBAAsB,OAAO;AACnC,QAAM,cAAc,qBAAqB,WAAW,CAAC;AACrD,QAAM,CAAC,wBAAwB,6BAA6B,SAAS;AACrE,QAAM,CAAC,uBAAuB,4BAA4B,SAAS;AAEnE,YAAU,MAAM;AACd,UAAM,mBAAmB,qBAAqB;AAC9C,8BAA0B,kBAAkB;AAC5C,6BAAyB,kBAAkB;AAAA,KAC1C,CAAC;AAEJ,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,MAAI,WAAW;AACb,QAAI,aAAa;AAAS,aAAO,wBAAwB;AACzD,QAAI,aAAa;AAAQ,cAAQ,wBAAwB;AACzD,UAAM,yBAAyB;AAAA;AAGjC,SACE,qCAAC,SAAD,MACG,eACC,qCAAC,OAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,SAAS,YAAY,QAGzB,aAAa,qCAAC,WAAD;AAAA,IAAW,UAAU;AAAA;AAAA;AAKzC,kBAAkB,eAAe;AACjC,kBAAkB,YAAY;AAC9B,MAAM,8BAA8B,SAAS;AAC7C,4BAA4B,YAAY;",
-  "names": []
-}

package/esm/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

package/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './NotificationBadge';\nexport { NotificationBadge as default } from './NotificationBadge';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
-}

package/esm/prop-types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const notificationBadgeProps = {\n  type: PropTypes.oneOf(['number', 'dot']).description(\n    'type of badge: number or dot',\n  ),\n  value: PropTypes.number.description('value of the numeric badge'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),\n  disabled: PropTypes.bool.description('whether the badge is disabled'),\n  position: PropTypes.oneOf(['left', 'right']).description(\n    'position of the badge with the related component',\n  ),\n  Component: PropTypes.func.description('Related component'),\n};\n\nexport const defaultProps = {\n  type: 'number',\n  size: 's',\n  disabled: false,\n  position: 'right',\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,yBAAyB;AAAA,EACpC,MAAM,UAAU,MAAM,CAAC,UAAU,QAAQ,YACvC;AAAA,EAEF,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,MAAM,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAC9C,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,UAAU,UAAU,MAAM,CAAC,QAAQ,UAAU,YAC3C;AAAA,EAEF,WAAW,UAAU,KAAK,YAAY;AAAA;AAGjC,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA;",
-  "names": []
-}

package/esm/style.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/style.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: fit-content;\n`;\n\nexport const GenericBadge = styled.span`\n  position: relative;\n  top: ${({ top }) => (top ? `${top}px` : 'unset')};\n  left: ${({ left }) => (left ? `${left}px` : 'unset')};\n  right: ${({ right }) => (right ? `${right}px` : 'unset')};\n`;\n\nexport const NumericBadge = styled(GenericBadge)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: fit-content;\n  color: #fff;\n  padding: ${({ value }) => (value > 9 ? '0 5px' : '0')};\n  padding-top: 2px;\n  background-color: ${({ disabled, theme }) =>\n    disabled ? theme.colors.neutral[500] : theme.colors.danger[900]};\n  border-radius: ${({ value }) => (value > 9 ? '10px' : '50%')};\n  font-size: ${({ size }) => (size === 'l' ? '16px' : '12px')};\n  font-weight: ${({ size }) => (size === 'l' ? '400' : '600')};\n  height: ${({ size }) => (size === 'l' ? '21px' : '15px')};\n  min-width: ${({ size, value }) => {\n    if (size === 'l' && value > 9) return '30px';\n    if (size === 'l' && value <= 9) return '21px';\n    if (size === 's' && value > 9) return '21px';\n    if (size === 's' && value <= 9) return '15px';\n  }};\n`;\n\nexport const DotBadge = styled(GenericBadge)`\n  background-color: ${({ disabled, theme }) =>\n    disabled ? theme.colors.neutral[500] : theme.colors.brand[500]};\n  width: ${({ size }) => (size === 'l' ? '15px' : '10px')};\n  height: ${({ size }) => (size === 'l' ? '15px' : '10px')};\n  border-radius: 100%;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,eAAe,OAAO;AAAA;AAAA,SAE1B,CAAC,EAAE,UAAW,MAAM,GAAG,UAAU;AAAA,UAChC,CAAC,EAAE,WAAY,OAAO,GAAG,WAAW;AAAA,WACnC,CAAC,EAAE,YAAa,QAAQ,GAAG,YAAY;AAAA;AAG3C,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMtB,CAAC,EAAE,YAAa,QAAQ,IAAI,UAAU;AAAA;AAAA,sBAE7B,CAAC,EAAE,UAAU,YAC/B,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,OAAO;AAAA,mBAC5C,CAAC,EAAE,YAAa,QAAQ,IAAI,SAAS;AAAA,eACzC,CAAC,EAAE,WAAY,SAAS,MAAM,SAAS;AAAA,iBACrC,CAAC,EAAE,WAAY,SAAS,MAAM,QAAQ;AAAA,YAC3C,CAAC,EAAE,WAAY,SAAS,MAAM,SAAS;AAAA,eACpC,CAAC,EAAE,MAAM,YAAY;AAChC,MAAI,SAAS,OAAO,QAAQ;AAAG,WAAO;AACtC,MAAI,SAAS,OAAO,SAAS;AAAG,WAAO;AACvC,MAAI,SAAS,OAAO,QAAQ;AAAG,WAAO;AACtC,MAAI,SAAS,OAAO,SAAS;AAAG,WAAO;AAAA;AAAA;AAIpC,MAAM,WAAW,OAAO;AAAA,sBACT,CAAC,EAAE,UAAU,YAC/B,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,MAAM;AAAA,WACnD,CAAC,EAAE,WAAY,SAAS,MAAM,SAAS;AAAA,YACtC,CAAC,EAAE,WAAY,SAAS,MAAM,SAAS;AAAA;AAAA;",
-  "names": []
-}