@elliemae/ds-icons 3.0.0-next.39 → 3.0.0-next.41

package/dist/cjs/utils/SvgIcon.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __objRest = (source, exclude) => {
   var target = {};
@@ -59,70 +62,43 @@ __export(SvgIcon_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+var import_styled = require("./styled");
 const renderPaths = (paths) => paths.map((p, i) => /* @__PURE__ */ import_react.default.createElement("path", {
   key: i,
   d: p
 }));
-const SvgIcon = (_a) => {
-  var _b = _a, {
-    containerProps = {},
-    size,
-    color,
-    className = "",
-    component: Component = "span",
-    viewBox = "0 0 24 24",
-    paths,
-    fill,
-    innerRef
-  } = _b, rest = __objRest(_b, [
-    "containerProps",
-    "size",
-    "color",
-    "className",
-    "component",
-    "viewBox",
-    "paths",
-    "fill",
-    "innerRef"
-  ]);
+const SvgIcon = (props) => {
+  const { size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;
+  const _a = (0, import_ds_props_helpers.useGetGlobalAttributes)(props), { className, width, height, style, color } = _a, restGlobals = __objRest(_a, ["className", "width", "height", "style", "color"]);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(props);
   const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("icon", className, {
     size,
     color
   });
-  return /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues(__spreadValues({
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapper, __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+    as: component,
     ref: innerRef,
     className: cssClassName
-  }, rest), containerProps), /* @__PURE__ */ import_react.default.createElement("svg", {
+  }, restGlobals), containerProps), xstyledProps), {
+    style: __spreadProps(__spreadValues({}, style), {
+      width: !size ? width : void 0,
+      height: !size ? height : void 0
+    }),
+    svgColor: color
+  }), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSvg, {
     fill,
-    viewBox
-  }, renderPaths(paths)));
-};
-const iconProps = {
-  containerProps: import_ds_utilities.PropTypes.object.description("set of properties attached to the main container"),
-  size: import_ds_utilities.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("size of the icon"),
-  color: import_ds_utilities.PropTypes.oneOfType([
-    import_ds_utilities.PropTypes.tuple([import_ds_utilities.PropTypes.oneOf(["neutral"]), import_ds_utilities.PropTypes.oneOf(["900"])]),
-    import_ds_utilities.PropTypes.tuple([import_ds_utilities.PropTypes.oneOf(["neutral"]), import_ds_utilities.PropTypes.oneOf(["500"])]),
-    import_ds_utilities.PropTypes.tuple([import_ds_utilities.PropTypes.oneOf(["neutral"]), import_ds_utilities.PropTypes.oneOf(["0"])]),
-    import_ds_utilities.PropTypes.tuple([import_ds_utilities.PropTypes.oneOf(["danger"]), import_ds_utilities.PropTypes.oneOf(["900"])]),
-    import_ds_utilities.PropTypes.tuple([import_ds_utilities.PropTypes.oneOf(["warning"]), import_ds_utilities.PropTypes.oneOf(["600"])]),
-    import_ds_utilities.PropTypes.tuple([import_ds_utilities.PropTypes.oneOf(["warning"]), import_ds_utilities.PropTypes.oneOf(["900"])]),
-    import_ds_utilities.PropTypes.tuple([import_ds_utilities.PropTypes.oneOf(["success"]), import_ds_utilities.PropTypes.oneOf(["900"])]),
-    import_ds_utilities.PropTypes.tuple([import_ds_utilities.PropTypes.oneOf(["brand-primary"]), import_ds_utilities.PropTypes.oneOf(["600"])])
-  ]).description("icon color"),
-  className: import_ds_utilities.PropTypes.string.description("html class attribute"),
-  component: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.node]).description("containers element"),
-  viewBox: import_ds_utilities.PropTypes.string.description("view box"),
-  paths: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string)]).description(""),
-  fill: import_ds_utilities.PropTypes.string.description("fill attribute"),
-  innerRef: import_ds_utilities.PropTypes.object.description("inner ref"),
-  title: import_ds_utilities.PropTypes.object.description("Adds a title html element to the svg.")
+    viewBox,
+    style: !size ? style : {},
+    width: !size ? width : void 0,
+    height: !size ? height : void 0
+  }, children ? children : renderPaths(paths)));
 };
-SvgIcon.propTypes = iconProps;
-const IconWithSchema = (0, import_ds_utilities.describe)(SvgIcon);
-IconWithSchema.propTypes = iconProps;
+SvgIcon.propTypes = import_react_desc_prop_types.propTypes;
+const IconWithSchema = (0, import_ds_props_helpers.describe)(SvgIcon);
+IconWithSchema.propTypes = import_react_desc_prop_types.propTypes;
 var SvgIcon_default = SvgIcon;
 module.exports = __toCommonJS(SvgIcon_exports);
 //# sourceMappingURL=SvgIcon.js.map

package/dist/cjs/utils/SvgIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/SvgIcon.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React, { WeakValidationMap } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst renderPaths = (paths) => paths.map((p, i) => <path key={i} d={p} />);\n\nexport type SvgIconSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\nexport type SvgIconColorType =\n  | ['neutral', '900']\n  | ['neutral', '500']\n  | ['neutral', '0']\n  | ['danger', '900']\n  | ['warning', '600']\n  | ['success', '900']\n  | ['brand-primary', '600'];\n\nexport interface SvgIconPropType {\n  containerProps: Record<any, any>;\n  size: SvgIconSizeType;\n  color: SvgIconColorType;\n  className: string;\n  component: React.ComponentType | 'span';\n  viewBox: string;\n  paths: any;\n  fill: any;\n  innerRef: any;\n}\n\nexport type SvgIconType = React.ComponentType<SvgIconPropType>;\n\nconst SvgIcon: React.ComponentType<SvgIconPropType> = ({\n  containerProps = {},\n  size,\n  color,\n  className = '',\n  component: Component = 'span',\n  viewBox = '0 0 24 24',\n  paths,\n  fill,\n  innerRef,\n  ...rest\n}) => {\n  const { cssClassName } = convertPropToCssClassName('icon', className, {\n    size,\n    color,\n  });\n  return (\n    <Component ref={innerRef} className={cssClassName} {...rest} {...containerProps}>\n      <svg fill={fill} viewBox={viewBox}>\n        {renderPaths(paths)}\n      </svg>\n    </Component>\n  );\n};\n\nconst iconProps = {\n  containerProps: PropTypes.object.description('set of properties attached to the main container'),\n  size: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('size of the icon'),\n  color: PropTypes.oneOfType([\n    PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['500'])]),\n    PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['0'])]),\n    PropTypes.tuple([PropTypes.oneOf(['danger']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['warning']), PropTypes.oneOf(['600'])]),\n    PropTypes.tuple([PropTypes.oneOf(['warning']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['success']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['brand-primary']), PropTypes.oneOf(['600'])]),\n  ]).description('icon color'),\n  className: PropTypes.string.description('html class attribute'),\n  component: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).description('containers element'),\n  viewBox: PropTypes.string.description('view box'),\n  paths: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]).description(''),\n  fill: PropTypes.string.description('fill attribute'),\n  innerRef: PropTypes.object.description('inner ref'),\n  title: PropTypes.object.description('Adds a title html element to the svg.'),\n} as WeakValidationMap<unknown>;\n\nSvgIcon.propTypes = iconProps;\n\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = iconProps;\n\nexport { IconWithSchema, SvgIcon };\nexport default SvgIcon;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React, { WeakValidationMap } from 'react';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { propTypes, SvgIconT } from './react-desc-prop-types';\nimport { StyledSvg, StyledWrapper } from './styled';\nconst renderPaths = (paths: string[]) => paths.map((p, i) => <path key={i} d={p} />);\n\nconst SvgIcon: React.ComponentType<SvgIconT.Props> = (props) => {\n  const { size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;\n\n  const { className, width, height, style, color, ...restGlobals } = useGetGlobalAttributes(props);\n\n  const xstyledProps = useGetXstyledProps(props);\n  const { cssClassName } = convertPropToCssClassName('icon', className, {\n    size,\n    color,\n  });\n\n  return (\n    <StyledWrapper\n      as={component}\n      ref={innerRef}\n      className={cssClassName}\n      {...restGlobals}\n      {...containerProps}\n      {...xstyledProps}\n      style={{\n        ...style,\n        width: !size ? width : undefined,\n        height: !size ? height : undefined,\n      }}\n      svgColor={color}\n    >\n      <StyledSvg\n        fill={fill}\n        viewBox={viewBox}\n        style={!size ? style : {}}\n        width={!size ? width : undefined}\n        height={!size ? height : undefined}\n      >\n        {children ? children : renderPaths(paths)}\n      </StyledSvg>\n    </StyledWrapper>\n  );\n};\n\nSvgIcon.propTypes = propTypes;\n\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { IconWithSchema, SvgIcon };\nexport default SvgIcon;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAyC;AACzC,8BAAqE;AACrE,2BAA0C;AAC1C,mCAAoC;AACpC,oBAAyC;AACzC,MAAM,cAAc,CAAC,UAAoB,MAAM,IAAI,CAAC,GAAG,MAAM,mDAAC;AAAA,EAAK,KAAK;AAAA,EAAG,GAAG;AAAA,CAAG,CAAE;AAEnF,MAAM,UAA+C,CAAC,UAAU;AAC9D,QAAM,EAAE,MAAM,UAAU,gBAAgB,OAAO,MAAM,SAAS,UAAU,cAAc;AAEtF,QAAmE,yDAAuB,KAAK,GAAvF,aAAW,OAAO,QAAQ,OAAO,UAA0B,IAAhB,wBAAgB,IAAhB,CAA3C,aAAW,SAAO,UAAQ,SAAO;AAEzC,QAAM,eAAe,gDAAmB,KAAK;AAC7C,QAAM,EAAE,iBAAiB,oDAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,mDAAC;AAAA,IACC,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,WAAW;AAAA,KACP,cACA,iBACA,eANL;AAAA,IAOC,OAAO,iCACF,QADE;AAAA,MAEL,OAAO,CAAC,OAAO,QAAQ;AAAA,MACvB,QAAQ,CAAC,OAAO,SAAS;AAAA,IAC3B;AAAA,IACA,UAAU;AAAA,MAEV,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,OAAO,CAAC,OAAO,QAAQ,CAAC;AAAA,IACxB,OAAO,CAAC,OAAO,QAAQ;AAAA,IACvB,QAAQ,CAAC,OAAO,SAAS;AAAA,KAExB,WAAW,WAAW,YAAY,KAAK,CAC1C,CACF;AAEJ;AAEA,QAAQ,YAAY;AAEpB,MAAM,iBAAiB,sCAAS,OAAO;AACvC,eAAe,YAAY;AAG3B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/cjs/utils/react-desc-prop-types.js

@@ -0,0 +1,63 @@
+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 react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  defaultProps: () => defaultProps,
+  propTypes: () => propTypes
+});
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {
+  component: "span",
+  viewBox: "0 0 24 24",
+  containerProps: {}
+};
+const propTypes = {
+  containerProps: import_ds_props_helpers.PropTypes.object.description("set of properties attached to the main container"),
+  size: import_ds_props_helpers.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("size of the icon"),
+  color: import_ds_props_helpers.PropTypes.oneOfType([
+    import_ds_props_helpers.PropTypes.tuple([import_ds_props_helpers.PropTypes.oneOf(["neutral"]), import_ds_props_helpers.PropTypes.oneOf(["900"])]),
+    import_ds_props_helpers.PropTypes.tuple([import_ds_props_helpers.PropTypes.oneOf(["neutral"]), import_ds_props_helpers.PropTypes.oneOf(["500"])]),
+    import_ds_props_helpers.PropTypes.tuple([import_ds_props_helpers.PropTypes.oneOf(["neutral"]), import_ds_props_helpers.PropTypes.oneOf(["0"])]),
+    import_ds_props_helpers.PropTypes.tuple([import_ds_props_helpers.PropTypes.oneOf(["danger"]), import_ds_props_helpers.PropTypes.oneOf(["900"])]),
+    import_ds_props_helpers.PropTypes.tuple([import_ds_props_helpers.PropTypes.oneOf(["warning"]), import_ds_props_helpers.PropTypes.oneOf(["600"])]),
+    import_ds_props_helpers.PropTypes.tuple([import_ds_props_helpers.PropTypes.oneOf(["warning"]), import_ds_props_helpers.PropTypes.oneOf(["900"])]),
+    import_ds_props_helpers.PropTypes.tuple([import_ds_props_helpers.PropTypes.oneOf(["success"]), import_ds_props_helpers.PropTypes.oneOf(["900"])]),
+    import_ds_props_helpers.PropTypes.tuple([import_ds_props_helpers.PropTypes.oneOf(["brand-primary"]), import_ds_props_helpers.PropTypes.oneOf(["600"])]),
+    import_ds_props_helpers.PropTypes.tuple([import_ds_props_helpers.PropTypes.oneOf(["brand-primary"]), import_ds_props_helpers.PropTypes.oneOf(["700"])])
+  ]).description("icon color"),
+  className: import_ds_props_helpers.PropTypes.string.description("html class attribute"),
+  component: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.node]).description("containers element"),
+  viewBox: import_ds_props_helpers.PropTypes.string.description("view box"),
+  paths: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.string)]).description(""),
+  fill: import_ds_props_helpers.PropTypes.string.description("fill attribute"),
+  innerRef: import_ds_props_helpers.PropTypes.object.description("inner ref"),
+  title: import_ds_props_helpers.PropTypes.object.description("Adds a title html element to the svg.")
+};
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/utils/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nexport declare namespace SvgIconT {\n  export type SizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n  export type ColorType =\n    | ['neutral', '900']\n    | ['neutral', '500']\n    | ['neutral', '0']\n    | ['danger', '900']\n    | ['warning', '600']\n    | ['success', '900']\n    | ['brand-primary', '600'];\n\n  export interface DefaultProps {\n    component: React.ComponentType | 'span';\n    viewBox: string;\n    containerProps: object;\n  }\n\n  export interface OptionalProps {\n    size: SvgIconT.SizeType;\n    color: SvgIconT.ColorType;\n    paths: any;\n    fill: any;\n    innerRef: any;\n  }\n\n  export interface Props extends DefaultProps, OptionalProps {}\n}\n\nexport const defaultProps: SvgIconT.DefaultProps = {\n  component: 'span',\n  viewBox: '0 0 24 24',\n  containerProps: {},\n};\n\nexport const propTypes = {\n  containerProps: PropTypes.object.description('set of properties attached to the main container'),\n  size: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('size of the icon'),\n  color: PropTypes.oneOfType([\n    PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['500'])]),\n    PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['0'])]),\n    PropTypes.tuple([PropTypes.oneOf(['danger']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['warning']), PropTypes.oneOf(['600'])]),\n    PropTypes.tuple([PropTypes.oneOf(['warning']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['success']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['brand-primary']), PropTypes.oneOf(['600'])]),\n    PropTypes.tuple([PropTypes.oneOf(['brand-primary']), PropTypes.oneOf(['700'])]),\n  ]).description('icon color'),\n  className: PropTypes.string.description('html class attribute'),\n  component: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).description('containers element'),\n  viewBox: PropTypes.string.description('view box'),\n  paths: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]).description(''),\n  fill: PropTypes.string.description('fill attribute'),\n  innerRef: PropTypes.object.description('inner ref'),\n  title: PropTypes.object.description('Adds a title html element to the svg.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AA8BnB,MAAM,eAAsC;AAAA,EACjD,WAAW;AAAA,EACX,SAAS;AAAA,EACT,gBAAgB,CAAC;AACnB;AAEO,MAAM,YAAY;AAAA,EACvB,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,MAAM,kCAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAC/F,OAAO,kCAAU,UAAU;AAAA,IACzB,kCAAU,MAAM,CAAC,kCAAU,MAAM,CAAC,SAAS,CAAC,GAAG,kCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,kCAAU,MAAM,CAAC,kCAAU,MAAM,CAAC,SAAS,CAAC,GAAG,kCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,kCAAU,MAAM,CAAC,kCAAU,MAAM,CAAC,SAAS,CAAC,GAAG,kCAAU,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAAA,IACtE,kCAAU,MAAM,CAAC,kCAAU,MAAM,CAAC,QAAQ,CAAC,GAAG,kCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACvE,kCAAU,MAAM,CAAC,kCAAU,MAAM,CAAC,SAAS,CAAC,GAAG,kCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,kCAAU,MAAM,CAAC,kCAAU,MAAM,CAAC,SAAS,CAAC,GAAG,kCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,kCAAU,MAAM,CAAC,kCAAU,MAAM,CAAC,SAAS,CAAC,GAAG,kCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,kCAAU,MAAM,CAAC,kCAAU,MAAM,CAAC,eAAe,CAAC,GAAG,kCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IAC9E,kCAAU,MAAM,CAAC,kCAAU,MAAM,CAAC,eAAe,CAAC,GAAG,kCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,EAChF,CAAC,EAAE,YAAY,YAAY;AAAA,EAC3B,WAAW,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,WAAW,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,YAAY,oBAAoB;AAAA,EACnG,SAAS,kCAAU,OAAO,YAAY,UAAU;AAAA,EAChD,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,QAAQ,kCAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA,EAClG,MAAM,kCAAU,OAAO,YAAY,gBAAgB;AAAA,EACnD,UAAU,kCAAU,OAAO,YAAY,WAAW;AAAA,EAClD,OAAO,kCAAU,OAAO,YAAY,uCAAuC;AAC7E;",
+  "names": []
+}

package/dist/cjs/utils/styled.js

@@ -0,0 +1,120 @@
+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 styled_exports = {};
+__export(styled_exports, {
+  StyledSvg: () => StyledSvg,
+  StyledWrapper: () => StyledWrapper
+});
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_theming = require("./theming");
+const displaySizes = import_ds_system.css`
+  display: inline-flex;
+  vertical-align: middle;
+`;
+const xxlSizes = import_ds_system.css`
+  width: 64px;
+  height: 64px;
+  ${displaySizes}
+`;
+const xlSizes = import_ds_system.css`
+  width: 48px;
+  height: 48px;
+  ${displaySizes}
+`;
+const lSizes = import_ds_system.css`
+  width: 32px;
+  height: 32px;
+  ${displaySizes}
+`;
+const mSizes = import_ds_system.css`
+  width: 24px;
+  height: 24px;
+  ${displaySizes}
+`;
+const sSizes = import_ds_system.css`
+  width: 16px;
+  height: 16px;
+  ${displaySizes}
+`;
+const xsSizes = import_ds_system.css`
+  width: 8px;
+  height: 8px;
+  ${displaySizes}
+`;
+const xxsSizes = import_ds_system.css`
+  width: 4px;
+  height: 4px;
+  ${displaySizes}
+`;
+const standarSizes = import_ds_system.css`
+  ${sSizes}
+`;
+const getColor = (color) => {
+  if (!color)
+    return void 0;
+  if (color[0] === "brand-primary")
+    return `brand-${color[1]}`;
+  if (color[0] === "neutral" && color[1] === "0")
+    return `neutral-000`;
+  if (color[0] === "neutral" && color[1] === "900")
+    return `neutral-800`;
+  return `${color[0]}-${color[1]}`;
+};
+const getSize = (size) => {
+  if (size === "xxl")
+    return xxlSizes;
+  if (size === "xl")
+    return xlSizes;
+  if (size === "l")
+    return lSizes;
+  if (size === "m")
+    return mSizes;
+  if (size === "s")
+    return sSizes;
+  if (size === "xs")
+    return xsSizes;
+  if (size === "xxs")
+    return xxsSizes;
+  return standarSizes;
+};
+const StyledSvg = (0, import_ds_system.styled)("svg", {
+  name: import_theming.DSIconName,
+  slot: import_theming.DSIconSlots.SVG
+})``;
+const StyledWrapper = (0, import_ds_system.styled)("span", {
+  name: import_theming.DSIconName,
+  slot: import_theming.DSIconSlots.ICON_WRAPPER
+})`
+  ${({ size }) => getSize(size)}
+  & svg {
+    fill: ${({ svgColor }) => svgColor && import_ds_system.th.color(getColor(svgColor))};
+  }
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/dist/cjs/utils/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled, css, th } from '@elliemae/ds-system';\nimport { DSIconName, DSIconSlots } from './theming';\n\ninterface StyledWrapperPropsT {\n  size: string;\n  svgColor: string[];\n}\n\nconst displaySizes = css`\n  display: inline-flex;\n  vertical-align: middle;\n`;\nconst xxlSizes = css`\n  width: 64px;\n  height: 64px;\n  ${displaySizes}\n`;\n\nconst xlSizes = css`\n  width: 48px;\n  height: 48px;\n  ${displaySizes}\n`;\n\nconst lSizes = css`\n  width: 32px;\n  height: 32px;\n  ${displaySizes}\n`;\n\nconst mSizes = css`\n  width: 24px;\n  height: 24px;\n  ${displaySizes}\n`;\n\nconst sSizes = css`\n  width: 16px;\n  height: 16px;\n  ${displaySizes}\n`;\n\nconst xsSizes = css`\n  width: 8px;\n  height: 8px;\n  ${displaySizes}\n`;\n\nconst xxsSizes = css`\n  width: 4px;\n  height: 4px;\n  ${displaySizes}\n`;\n\nconst standarSizes = css`\n  ${sSizes}\n`;\n\nconst getColor = (color: string[]) => {\n  if (!color) return undefined;\n  if (color[0] === 'brand-primary') return `brand-${color[1]}`;\n  if (color[0] === 'neutral' && color[1] === '0') return `neutral-000`;\n  if (color[0] === 'neutral' && color[1] === '900') return `neutral-800`;\n\n  return `${color[0]}-${color[1]}`;\n};\n\nconst getSize = (size: string) => {\n  if (size === 'xxl') return xxlSizes;\n  if (size === 'xl') return xlSizes;\n  if (size === 'l') return lSizes;\n  if (size === 'm') return mSizes;\n  if (size === 's') return sSizes;\n  if (size === 'xs') return xsSizes;\n  if (size === 'xxs') return xxsSizes;\n  return standarSizes;\n};\n\nexport const StyledSvg = styled('svg', {\n  name: DSIconName,\n  slot: DSIconSlots.SVG,\n})``;\n\nexport const StyledWrapper = styled('span', {\n  name: DSIconName,\n  slot: DSIconSlots.ICON_WRAPPER,\n})<StyledWrapperPropsT>`\n  ${({ size }) => getSize(size)}\n  & svg {\n    fill: ${({ svgColor }) => svgColor && th.color(getColor(svgColor))};\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAgC;AAChC,qBAAwC;AAOxC,MAAM,eAAe;AAAA;AAAA;AAAA;AAIrB,MAAM,WAAW;AAAA;AAAA;AAAA,IAGb;AAAA;AAGJ,MAAM,UAAU;AAAA;AAAA;AAAA,IAGZ;AAAA;AAGJ,MAAM,SAAS;AAAA;AAAA;AAAA,IAGX;AAAA;AAGJ,MAAM,SAAS;AAAA;AAAA;AAAA,IAGX;AAAA;AAGJ,MAAM,SAAS;AAAA;AAAA;AAAA,IAGX;AAAA;AAGJ,MAAM,UAAU;AAAA;AAAA;AAAA,IAGZ;AAAA;AAGJ,MAAM,WAAW;AAAA;AAAA;AAAA,IAGb;AAAA;AAGJ,MAAM,eAAe;AAAA,IACjB;AAAA;AAGJ,MAAM,WAAW,CAAC,UAAoB;AACpC,MAAI,CAAC;AAAO,WAAO;AACnB,MAAI,MAAM,OAAO;AAAiB,WAAO,SAAS,MAAM;AACxD,MAAI,MAAM,OAAO,aAAa,MAAM,OAAO;AAAK,WAAO;AACvD,MAAI,MAAM,OAAO,aAAa,MAAM,OAAO;AAAO,WAAO;AAEzD,SAAO,GAAG,MAAM,MAAM,MAAM;AAC9B;AAEA,MAAM,UAAU,CAAC,SAAiB;AAChC,MAAI,SAAS;AAAO,WAAO;AAC3B,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAO,WAAO;AAC3B,SAAO;AACT;AAEO,MAAM,YAAY,6BAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,2BAAY;AACpB,CAAC;AAEM,MAAM,gBAAgB,6BAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,2BAAY;AACpB,CAAC;AAAA,IACG,CAAC,EAAE,WAAW,QAAQ,IAAI;AAAA;AAAA,YAElB,CAAC,EAAE,eAAe,YAAY,oBAAG,MAAM,SAAS,QAAQ,CAAC;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/utils/theming.js

@@ -0,0 +1,40 @@
+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 theming_exports = {};
+__export(theming_exports, {
+  DSIconName: () => DSIconName,
+  DSIconSlots: () => DSIconSlots
+});
+var React = __toESM(require("react"));
+const DSIconName = "ds-icon";
+const DSIconSlots = {
+  ICON_WRAPPER: "root",
+  SVG: "svg"
+};
+module.exports = __toCommonJS(theming_exports);
+//# sourceMappingURL=theming.js.map

package/dist/cjs/utils/theming.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSIconName = 'ds-icon';\n\nexport const DSIconSlots = {\n  ICON_WRAPPER: 'root',\n  SVG: 'svg',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,aAAa;AAEnB,MAAM,cAAc;AAAA,EACzB,cAAc;AAAA,EACd,KAAK;AACP;",
+  "names": []
+}

package/dist/esm/Add.js

@@ -1,10 +1,32 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
-import { createIcon } from "./utils/createIcon";
-var Add_default = createIcon({
-  paths: ["M17 10h-6V4h-1v6H4v1h6v6h1v-6h6z"],
-  height: 20,
-  width: 20
-});
+import React2 from "react";
+import { SvgIcon } from "./utils/SvgIcon";
+function Add(props) {
+  return /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+    viewBox: "0 0 20 20",
+    paths: ["M17 10h-6V4h-1v6H4v1h6v6h1v-6h6z"]
+  }));
+}
+var Add_default = Add;
 export {
   Add_default as default
 };

package/dist/esm/Add.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Add.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: ['M17 10h-6V4h-1v6H4v1h6v6h1v-6h6z'],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,cAAQ,WAAW;AAAA,EACxB,OAAO,CAAC,kCAAkC;AAAA,EAC1C,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\n\nfunction Add(props) {\n  return <SvgIcon {...props} viewBox=\"0 0 20 20\" paths={['M17 10h-6V4h-1v6H4v1h6v6h1v-6h6z']} />;\n}\n\nexport default Add;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,aAAa,OAAO;AAClB,SAAO,qCAAC,0CAAY,QAAZ;AAAA,IAAmB,SAAQ;AAAA,IAAY,OAAO,CAAC,kCAAkC;AAAA,IAAG;AAC9F;AAEA,IAAO,cAAQ;",
   "names": []
 }

package/dist/esm/AlertsDetail.js

@@ -17,61 +17,15 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2 from "react";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-function SvgIcon(props) {
-  const _a = props, { containerProps = {}, size, color, className = "", style = {}, innerRef, title } = _a, rest = __objRest(_a, ["containerProps", "size", "color", "className", "style", "innerRef", "title"]);
-  const fill = !color && !props.fill ? "#000" : props.fill;
-  const width = !size && !props.width ? 13 : props.width;
-  const height = !size && !props.height ? 13 : props.height;
-  const { cssClassName } = convertPropToCssClassName("icon", className, {
-    size,
-    color
-  });
-  return /* @__PURE__ */ React2.createElement("span", __spreadProps(__spreadValues(__spreadValues({
-    ref: innerRef,
-    className: cssClassName
-  }, rest), containerProps), {
-    style: __spreadValues({
-      width,
-      height
-    }, style)
-  }), /* @__PURE__ */ React2.createElement("svg", {
-    width: width && String(width),
-    height: height && String(height),
-    style: {
-      width,
-      height
-    },
-    fill,
-    viewBox: "0 0 24 24",
-    role: "img"
-  }, title && /* @__PURE__ */ React2.createElement("title", null, title), /* @__PURE__ */ React2.createElement("g", {
-    fillRule: "evenodd",
-    stroke: "none",
-    strokeWidth: "1"
-  }, /* @__PURE__ */ React2.createElement("g", {
-    fill,
-    fillRule: "nonzero",
-    transform: "translate(-352 -385)"
-  }, /* @__PURE__ */ React2.createElement("path", {
-    d: "M365.346 385.38c.456.274.832.68 1.085 1.174l9.217 17.955c.749 1.459.264 3.299-1.083 4.11-.415.25-.881.381-1.356.381H354.79c-1.54 0-2.79-1.353-2.79-3.022 0-.514.12-1.018.35-1.467l9.202-17.955c.748-1.46 2.447-1.986 3.794-1.176zm-1.92 1.935l-.094.153-9.201 17.955c-.085.165-.131.357-.131.555 0 .532.309.926.658 1.007l.132.015h18.42c.108 0 .218-.031.323-.094.383-.23.568-.798.411-1.3l-.075-.184-9.217-17.954a.985.985 0 00-.21-.278l-.126-.096c-.295-.177-.652-.1-.89.221zm.574 15.126c.864 0 1.463.599 1.463 1.463 0 .864-.599 1.463-1.463 1.463-.864 0-1.463-.599-1.463-1.463 0-.864.599-1.463 1.463-1.463zm.491-11.441c.556 0 .91.243.982.626l.013.15-.585 9.24h-1.755l-.586-9.254c0-.388.27-.688.707-.75l.17-.012h1.054z"
-  })))));
-}
-var AlertsDetail_default = SvgIcon;
+import { SvgIcon } from "./utils/SvgIcon";
+const AlertsDetail = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+  viewBox: "0 0 24 24"
+}), /* @__PURE__ */ React2.createElement("path", {
+  d: "M 13.346 0.38 C 13.802 0.654 14.178 1.06 14.431 1.554 L 23.648 19.509 C 24.397 20.968 23.912 22.808 22.565 23.619 C 22.15 23.869 21.684 24 21.209 24 H 2.79 C 1.25 24 0 22.647 0 20.978 C 0 20.464 0.12 19.96 0.35 19.511 L 9.552 1.556 C 10.3 0.096 11.999 -0.43 13.346 0.38 Z M 11.426 2.315 L 11.332 2.468 L 2.131 20.423 C 2.046 20.588 2 20.78 2 20.978 C 2 21.51 2.309 21.904 2.658 21.985 L 2.79 22 H 21.21 C 21.318 22 21.428 21.969 21.533 21.906 C 21.916 21.676 22.101 21.108 21.944 20.606 L 21.869 20.422 L 12.652 2.468 A 0.985 0.985 0 0 0 12.442 2.19 L 12.316 2.094 C 12.021 1.917 11.664 1.994 11.426 2.315 Z M 12 17.441 C 12.864 17.441 13.463 18.04 13.463 18.904 C 13.463 19.768 12.864 20.367 12 20.367 C 11.136 20.367 10.537 19.768 10.537 18.904 C 10.537 18.04 11.136 17.441 12 17.441 Z M 12.491 6 C 13.047 6 13.401 6.243 13.473 6.626 L 13.486 6.776 L 12.901 16.016 H 11.146 L 10.56 6.762 C 10.56 6.374 10.83 6.074 11.267 6.012 L 11.437 6 H 12.491 Z"
+}));
+var AlertsDetail_default = AlertsDetail;
 export {
   AlertsDetail_default as default
 };

package/dist/esm/AlertsDetail.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/AlertsDetail.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nfunction SvgIcon(props) {\n  const { containerProps = {}, size, color, className = '', style = {}, innerRef, title, ...rest } = props;\n  const fill = !color && !props.fill ? '#000' : props.fill;\n  const width = !size && !props.width ? 13 : props.width;\n  const height = !size && !props.height ? 13 : props.height;\n  const { cssClassName } = convertPropToCssClassName('icon', className, {\n    size,\n    color,\n  });\n  return (\n    <span\n      ref={innerRef}\n      className={cssClassName}\n      {...rest}\n      {...containerProps}\n      style={{\n        width,\n        height,\n        ...style,\n      }}\n    >\n      <svg\n        width={width && String(width)}\n        height={height && String(height)}\n        style={{\n          width,\n          height,\n        }}\n        fill={fill}\n        viewBox=\"0 0 24 24\"\n        role=\"img\"\n      >\n        {title && <title>{title}</title>}\n        <g fillRule=\"evenodd\" stroke=\"none\" strokeWidth=\"1\">\n          <g fill={fill} fillRule=\"nonzero\" transform=\"translate(-352 -385)\">\n            <path d=\"M365.346 385.38c.456.274.832.68 1.085 1.174l9.217 17.955c.749 1.459.264 3.299-1.083 4.11-.415.25-.881.381-1.356.381H354.79c-1.54 0-2.79-1.353-2.79-3.022 0-.514.12-1.018.35-1.467l9.202-17.955c.748-1.46 2.447-1.986 3.794-1.176zm-1.92 1.935l-.094.153-9.201 17.955c-.085.165-.131.357-.131.555 0 .532.309.926.658 1.007l.132.015h18.42c.108 0 .218-.031.323-.094.383-.23.568-.798.411-1.3l-.075-.184-9.217-17.954a.985.985 0 00-.21-.278l-.126-.096c-.295-.177-.652-.1-.89.221zm.574 15.126c.864 0 1.463.599 1.463 1.463 0 .864-.599 1.463-1.463 1.463-.864 0-1.463-.599-1.463-1.463 0-.864.599-1.463 1.463-1.463zm.491-11.441c.556 0 .91.243.982.626l.013.15-.585 9.24h-1.755l-.586-9.254c0-.388.27-.688.707-.75l.17-.012h1.054z\"></path>\n          </g>\n        </g>\n      </svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,iBAAiB,OAAO;AACtB,QAAmG,YAA3F,mBAAiB,CAAC,GAAG,MAAM,OAAO,YAAY,IAAI,QAAQ,CAAC,GAAG,UAAU,UAAmB,IAAT,iBAAS,IAAT,CAAlF,kBAAqB,QAAM,SAAO,aAAgB,SAAY,YAAU;AAChF,QAAM,OAAO,CAAC,SAAS,CAAC,MAAM,OAAO,SAAS,MAAM;AACpD,QAAM,QAAQ,CAAC,QAAQ,CAAC,MAAM,QAAQ,KAAK,MAAM;AACjD,QAAM,SAAS,CAAC,QAAQ,CAAC,MAAM,SAAS,KAAK,MAAM;AACnD,QAAM,EAAE,iBAAiB,0BAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AACD,SACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJL;AAAA,IAKC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,qCAAC;AAAA,IACC,OAAO,SAAS,OAAO,KAAK;AAAA,IAC5B,QAAQ,UAAU,OAAO,MAAM;AAAA,IAC/B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,KAEJ,SAAS,qCAAC,eAAO,KAAM,GACxB,qCAAC;AAAA,IAAE,UAAS;AAAA,IAAU,QAAO;AAAA,IAAO,aAAY;AAAA,KAC9C,qCAAC;AAAA,IAAE;AAAA,IAAY,UAAS;AAAA,IAAU,WAAU;AAAA,KAC1C,qCAAC;AAAA,IAAK,GAAE;AAAA,GAAssB,CAChtB,CACF,CACF,CACF;AAEJ;AAEA,IAAO,uBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst AlertsDetail = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 24 24\">\n    <path d=\"M 13.346 0.38 C 13.802 0.654 14.178 1.06 14.431 1.554 L 23.648 19.509 C 24.397 20.968 23.912 22.808 22.565 23.619 C 22.15 23.869 21.684 24 21.209 24 H 2.79 C 1.25 24 0 22.647 0 20.978 C 0 20.464 0.12 19.96 0.35 19.511 L 9.552 1.556 C 10.3 0.096 11.999 -0.43 13.346 0.38 Z M 11.426 2.315 L 11.332 2.468 L 2.131 20.423 C 2.046 20.588 2 20.78 2 20.978 C 2 21.51 2.309 21.904 2.658 21.985 L 2.79 22 H 21.21 C 21.318 22 21.428 21.969 21.533 21.906 C 21.916 21.676 22.101 21.108 21.944 20.606 L 21.869 20.422 L 12.652 2.468 A 0.985 0.985 0 0 0 12.442 2.19 L 12.316 2.094 C 12.021 1.917 11.664 1.994 11.426 2.315 Z M 12 17.441 C 12.864 17.441 13.463 18.04 13.463 18.904 C 13.463 19.768 12.864 20.367 12 20.367 C 11.136 20.367 10.537 19.768 10.537 18.904 C 10.537 18.04 11.136 17.441 12 17.441 Z M 12.491 6 C 13.047 6 13.401 6.243 13.473 6.626 L 13.486 6.776 L 12.901 16.016 H 11.146 L 10.56 6.762 C 10.56 6.374 10.83 6.074 11.267 6.012 L 11.437 6 H 12.491 Z\"></path>\n  </SvgIcon>\n);\n\nexport default AlertsDetail;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,eAAe,CAAC,UACpB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAy7B,CACn8B;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/AlertsDetailFill.js

@@ -17,52 +17,15 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2 from "react";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-function SvgIcon(props) {
-  const _a = props, { containerProps = {}, size, color, className = "", style = {}, innerRef } = _a, rest = __objRest(_a, ["containerProps", "size", "color", "className", "style", "innerRef"]);
-  const fill = !color && !props.fill ? "#000" : props.fill;
-  const width = !size && !props.width ? 13 : props.width;
-  const height = !size && !props.height ? 13 : props.height;
-  const { cssClassName } = convertPropToCssClassName("icon", className, {
-    size,
-    color
-  });
-  return /* @__PURE__ */ React2.createElement("span", __spreadProps(__spreadValues(__spreadValues({
-    ref: innerRef,
-    className: cssClassName
-  }, rest), containerProps), {
-    style: __spreadValues({
-      width,
-      height
-    }, style)
-  }), /* @__PURE__ */ React2.createElement("svg", {
-    width: width && String(width),
-    height: height && String(height),
-    style: {
-      width,
-      height
-    },
-    fill,
-    viewBox: "0 0 12 12"
-  }, /* @__PURE__ */ React2.createElement("path", {
-    d: "M 6.6732 0.1902 C 6.901 0.3271 7.0888 0.5304 7.2154 0.7771 L 11.8239 9.7545 C 12.1984 10.4839 11.956 11.404 11.2826 11.8096 C 11.0752 11.9345 10.8419 12 10.6046 12 L 1.3952 12 C 0.6246 12 0 11.3234 0 10.4889 C 0 10.2322 0.0603 9.9798 0.1753 9.7555 L 4.7762 0.778 C 5.1502 0.0483 5.9995 -0.2149 6.6732 0.1902 Z M 6.0009 8.8125 C 5.4473 8.8125 5.0634 9.1964 5.0634 9.75 C 5.0634 10.3036 5.4473 10.6875 6.0009 10.6875 C 6.5544 10.6875 6.9384 10.3036 6.9384 9.75 C 6.9384 9.1964 6.5544 8.8125 6.0009 8.8125 Z M 6.3234 2.522 L 5.6484 2.522 L 5.5388 2.5296 C 5.2596 2.5693 5.0859 2.7619 5.0859 3.0105 L 5.0859 3.0105 L 5.4613 7.6875 L 6.5855 7.6875 L 6.9605 3.0195 L 6.9519 2.9233 C 6.9062 2.6778 6.6791 2.522 6.3234 2.522 L 6.3234 2.522 Z"
-  })));
-}
-var AlertsDetailFill_default = SvgIcon;
+import { SvgIcon } from "./utils/SvgIcon";
+const AlertDetailFill = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+  viewBox: "0 0 12 12"
+}), /* @__PURE__ */ React2.createElement("path", {
+  d: "M 6.6732 0.1902 C 6.901 0.3271 7.0888 0.5304 7.2154 0.7771 L 11.8239 9.7545 C 12.1984 10.4839 11.956 11.404 11.2826 11.8096 C 11.0752 11.9345 10.8419 12 10.6046 12 L 1.3952 12 C 0.6246 12 0 11.3234 0 10.4889 C 0 10.2322 0.0603 9.9798 0.1753 9.7555 L 4.7762 0.778 C 5.1502 0.0483 5.9995 -0.2149 6.6732 0.1902 Z M 6.0009 8.8125 C 5.4473 8.8125 5.0634 9.1964 5.0634 9.75 C 5.0634 10.3036 5.4473 10.6875 6.0009 10.6875 C 6.5544 10.6875 6.9384 10.3036 6.9384 9.75 C 6.9384 9.1964 6.5544 8.8125 6.0009 8.8125 Z M 6.3234 2.522 L 5.6484 2.522 L 5.5388 2.5296 C 5.2596 2.5693 5.0859 2.7619 5.0859 3.0105 L 5.0859 3.0105 L 5.4613 7.6875 L 6.5855 7.6875 L 6.9605 3.0195 L 6.9519 2.9233 C 6.9062 2.6778 6.6791 2.522 6.3234 2.522 L 6.3234 2.522 Z"
+}));
+var AlertsDetailFill_default = AlertDetailFill;
 export {
   AlertsDetailFill_default as default
 };