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

package/dist/types/prop-types.d.ts

@@ -0,0 +1,45 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const notificationBadgeProps: {
+    type: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    value: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    size: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    disabled: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    position: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    Component: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+};
+export declare const defaultProps: {
+    type: string;
+    size: string;
+    disabled: boolean;
+    position: string;
+};

package/dist/types/style.d.ts

@@ -0,0 +1,4 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const GenericBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const NumericBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const DotBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/package.json

@@ -1,27 +1,30 @@
 {
   "name": "@elliemae/ds-notification-badge",
-  "version": "2.3.0-next.3",
+  "version": "3.0.0-alpha.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Notification Badge",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./style": {
-      "import": "./esm/style.js",
-      "require": "./cjs/style.js"
+      "import": "./dist/esm/style.js",
+      "require": "./dist/cjs/style.js"
     },
-    "./react-desc-prop-types": {
-      "import": "./esm/react-desc-prop-types.js",
-      "require": "./cjs/react-desc-prop-types.js"
+    "./prop-types": {
+      "import": "./dist/esm/prop-types.js",
+      "require": "./dist/cjs/prop-types.js"
     },
     "./NotificationBadge": {
-      "import": "./esm/NotificationBadge.js",
-      "require": "./cjs/NotificationBadge.js"
+      "import": "./dist/esm/NotificationBadge.js",
+      "require": "./dist/cjs/NotificationBadge.js"
     }
   },
   "sideEffects": [
@@ -33,15 +36,15 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
     "react-desc": "~4.1.3"
@@ -56,7 +59,12 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/NotificationBadge.js

@@ -1,76 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var react = require('react');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var reactDescPropTypes = require('./react-desc-prop-types.js');
-var style = require('./style.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const NotificationBadge = props => {
-  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props, reactDescPropTypes.defaultProps);
-  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, reactDescPropTypes.NotificationBadgePropTypes);
-  const globalAttributes = dsPropsHelpers.useGetGlobalAttributes(propsWithDefaults);
-  const {
-    type,
-    color,
-    value,
-    size,
-    disabled,
-    position,
-    Component
-  } = propsWithDefaults;
-  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) || 0);
-    setRelatedComponentWidth((relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetWidth) || 0);
-  }, [relatedComponentRef]);
-  let top = 0;
-  let right = 0;
-  let left = 0;
-  if (position === 'right') left = relatedComponentWidth / 2;
-  if (position === 'left') right = relatedComponentWidth / 2;
-  top = relatedComponentHeight / 2;
-  return /*#__PURE__*/jsxRuntime.jsxs(style.Wrapper, _objectSpread(_objectSpread({}, globalAttributes), {}, {
-    children: [renderBadge && /*#__PURE__*/_jsx__default["default"](Badge, {
-      color: color,
-      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
-    })]
-  }));
-};
-
-const NotificationBadgeWithSchema = dsPropsHelpers.describe(NotificationBadge);
-NotificationBadgeWithSchema.propTypes = reactDescPropTypes.NotificationBadgePropTypes;
-
-exports.NotificationBadge = NotificationBadge;
-exports.NotificationBadgeWithSchema = NotificationBadgeWithSchema;

package/cjs/index.js

@@ -1,11 +0,0 @@
-'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/react-desc-prop-types.js

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const defaultProps = {
-  type: 'number',
-  size: 's',
-  disabled: false,
-  position: 'right',
-  color: undefined,
-  Component: undefined,
-  value: undefined
-};
-const NotificationBadgePropTypes = _objectSpread(_objectSpread({}, dsPropsHelpers.globalAttributesPropTypes), {}, {
-  type: dsPropsHelpers.PropTypes.oneOf(['number', 'dot']).description('type of badge: number or dot'),
-  value: dsPropsHelpers.PropTypes.number.description('value of the numeric badge'),
-  size: dsPropsHelpers.PropTypes.oneOf(['s', 'l']).description('size of the badge: s or l'),
-  disabled: dsPropsHelpers.PropTypes.bool.description('whether the badge is disabled'),
-  position: dsPropsHelpers.PropTypes.oneOf(['left', 'right']).description('position of the badge with the related component'),
-  Component: dsPropsHelpers.PropTypes.func.description('Related component'),
-  color: dsPropsHelpers.PropTypes.string.description('Badge background color value')
-});
-
-exports.NotificationBadgePropTypes = NotificationBadgePropTypes;
-exports.defaultProps = defaultProps;

package/cjs/style.js

@@ -1,100 +0,0 @@
-'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';
-});
-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 && value > 9 ? '0 5px' : '0';
-}, _ref5 => {
-  let {
-    disabled,
-    color,
-    theme
-  } = _ref5;
-  return disabled ? theme.colors.neutral['500'] : color || theme.colors.danger['900'];
-}, _ref6 => {
-  let {
-    value
-  } = _ref6;
-  return value && 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 && value > 9) return '30px';
-  if (size === 'l' && value && value <= 9) return '21px';
-  if (size === 's' && value && value > 9) return '21px';
-  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,
-    color
-  } = _ref11;
-  return disabled ? theme.colors.neutral['500'] : color || theme.colors.danger['900'];
-}, _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,66 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-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, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';
-import { NotificationBadgePropTypes, defaultProps } from './react-desc-prop-types.js';
-import { Wrapper, NumericBadge, DotBadge } from './style.js';
-import { jsxs } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const NotificationBadge = props => {
-  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, NotificationBadgePropTypes);
-  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
-  const {
-    type,
-    color,
-    value,
-    size,
-    disabled,
-    position,
-    Component
-  } = propsWithDefaults;
-  const Badge = type === 'number' ? NumericBadge : DotBadge;
-  const relatedComponentRef = useRef(null);
-  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 === null || relatedComponentRef === void 0 ? void 0 : relatedComponentRef.current;
-    setRelatedComponentHeight((relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetHeight) || 0);
-    setRelatedComponentWidth((relatedComponent === null || relatedComponent === void 0 ? void 0 : relatedComponent.offsetWidth) || 0);
-  }, [relatedComponentRef]);
-  let top = 0;
-  let right = 0;
-  let left = 0;
-  if (position === 'right') left = relatedComponentWidth / 2;
-  if (position === 'left') right = relatedComponentWidth / 2;
-  top = relatedComponentHeight / 2;
-  return /*#__PURE__*/jsxs(Wrapper, _objectSpread(_objectSpread({}, globalAttributes), {}, {
-    children: [renderBadge && /*#__PURE__*/_jsx(Badge, {
-      color: color,
-      size: size,
-      value: value,
-      disabled: disabled,
-      top: top,
-      left: left,
-      right: right
-    }, void 0, type === 'number' && value), Component && /*#__PURE__*/_jsx(Component, {
-      innerRef: relatedComponentRef
-    })]
-  }));
-};
-
-const NotificationBadgeWithSchema = describe(NotificationBadge);
-NotificationBadgeWithSchema.propTypes = NotificationBadgePropTypes;
-
-export { NotificationBadge, NotificationBadgeWithSchema };

package/esm/index.js

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

package/esm/react-desc-prop-types.js

@@ -1,31 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const defaultProps = {
-  type: 'number',
-  size: 's',
-  disabled: false,
-  position: 'right',
-  color: undefined,
-  Component: undefined,
-  value: undefined
-};
-const NotificationBadgePropTypes = _objectSpread(_objectSpread({}, globalAttributesPropTypes), {}, {
-  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'),
-  color: PropTypes.string.description('Badge background color value')
-});
-
-export { NotificationBadgePropTypes, defaultProps };

package/esm/style.js

@@ -1,89 +0,0 @@
-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 && value > 9 ? '0 5px' : '0';
-}, _ref5 => {
-  let {
-    disabled,
-    color,
-    theme
-  } = _ref5;
-  return disabled ? theme.colors.neutral['500'] : color || theme.colors.danger['900'];
-}, _ref6 => {
-  let {
-    value
-  } = _ref6;
-  return value && 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 && value > 9) return '30px';
-  if (size === 'l' && value && value <= 9) return '21px';
-  if (size === 's' && value && value > 9) return '21px';
-  return '15px';
-});
-const DotBadge = /*#__PURE__*/styled(GenericBadge).withConfig({
-  componentId: "sc-lsxuo6-3"
-})(["background-color:", ";width:", ";height:", ";border-radius:100%;"], _ref11 => {
-  let {
-    disabled,
-    theme,
-    color
-  } = _ref11;
-  return disabled ? theme.colors.neutral['500'] : color || theme.colors.danger['900'];
-}, _ref12 => {
-  let {
-    size
-  } = _ref12;
-  return size === 'l' ? '15px' : '10px';
-}, _ref13 => {
-  let {
-    size
-  } = _ref13;
-  return size === 'l' ? '15px' : '10px';
-});
-
-export { DotBadge, GenericBadge, NumericBadge, Wrapper };

package/types/NotificationBadge.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { DSNotificationBadgeT } from './react-desc-prop-types';
-declare const NotificationBadge: React.ComponentType<DSNotificationBadgeT.Props>;
-declare const NotificationBadgeWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSNotificationBadgeT.Props>;
-export { NotificationBadge, NotificationBadgeWithSchema };