@elliemae/ds-icons 3.0.0-next.9 → 3.0.1

package/dist/esm/ArrowShortReturn.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowShortReturn.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: [\n    'M17.854 10.147a.5003.5003 0 0 0-.707 0L15 12.293V9.5C15 7.21 13.79 6 11.5 6h-8c-.276 0-.5.222-.5.5 0 .276.224.5.5.5h8c1.729 0 2.5.771 2.5 2.5v2.793l-2.146-2.146a.5003.5003 0 0 0-.707 0 .4985.4985 0 0 0 0 .707l3 3c.195.195.512.195.707 0l3-3a.5003.5003 0 0 0 0-.707z',\n  ],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,2BAAQ,WAAW;AAAA,EACxB,OAAO;AAAA,IACL;AAAA;AAAA,EAEF,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,2BAAQ,WAAW;AAAA,EACxB,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowShortRight.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowShortRight.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: [\n    'M13.853 6.146c-.195-.195-.512-.195-.707 0s-.195.512 0 .707L15.292 9H3.499c-.276 0-.5.222-.5.499s.224.501.5.501h11.793l-2.146 2.146a.5003.5003 0 0 0 0 .707.4985.4985 0 0 0 .707 0l3-3a.5003.5003 0 0 0 0-.707l-3-3z',\n  ],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,0BAAQ,WAAW;AAAA,EACxB,OAAO;AAAA,IACL;AAAA;AAAA,EAEF,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,0BAAQ,WAAW;AAAA,EACxB,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowblockE.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockE.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: ['M19 10l-5-5v4.25L1 9.2426V10.75h13V15z'],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,sBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,sBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC,wCAAwC;AAAA,EAChD,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowblockEW.js

@@ -17,53 +17,19 @@ 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 ? 24 : props.width;
-  const height = !size && !props.height ? 24 : 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"
-  }, /* @__PURE__ */ React2.createElement("g", null, /* @__PURE__ */ React2.createElement("path", {
-    d: "M8 12.75V17l-5-5 5-5v4.244l4 .003 4-.003V7l5 5-5 5v-4.25H8z",
-    id: "path-1"
-  }))));
-}
-var ArrowblockEW_default = SvgIcon;
+import { SvgIcon } from "./utils/SvgIcon";
+const ArrowblockEW = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
+  viewBox: "0 0 24 24"
+}), /* @__PURE__ */ React2.createElement("path", {
+  d: "M8 12.75V17l-5-5 5-5v4.244l4 .003 4-.003V7l5 5-5 5v-4.25H8z",
+  id: "path-1"
+}));
+var ArrowblockEW_default = ArrowblockEW;
 export {
   ArrowblockEW_default as default
 };

package/dist/esm/ArrowblockEW.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockEW.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, ...rest } = props;\n  const fill = !color && !props.fill ? '#000' : props.fill;\n  const width = !size && !props.width ? 24 : props.width;\n  const height = !size && !props.height ? 24 : 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      >\n        <g>\n          <path d=\"M8 12.75V17l-5-5 5-5v4.244l4 .003 4-.003V7l5 5-5 5v-4.25H8z\" id=\"path-1\"></path>\n        </g>\n      </svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,iBAAiB,OAAO;AACtB,QAA4F,YAApF,mBAAiB,IAAI,MAAM,OAAO,YAAY,IAAI,QAAQ,IAAI,aAAsB,IAAT,iBAAS,IAAT,CAA3E,kBAAqB,QAAM,SAAO,aAAgB,SAAY;AACtE,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;AAEF,SACE,qCAAC,QAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJN;AAAA,IAKE,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,qCAAC,OAAD;AAAA,IACE,OAAO,SAAS,OAAO;AAAA,IACvB,QAAQ,UAAU,OAAO;AAAA,IACzB,OAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA,SAAQ;AAAA,KAER,qCAAC,KAAD,MACE,qCAAC,QAAD;AAAA,IAAM,GAAE;AAAA,IAA8D,IAAG;AAAA;AAAA;AAOnF,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 ArrowblockEW = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <path d=\"M8 12.75V17l-5-5 5-5v4.244l4 .003 4-.003V7l5 5-5 5v-4.25H8z\" id=\"path-1\"></path>\n  </SvgIcon>\n);\n\nexport default ArrowblockEW;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,eAAe,CAAC,UACpB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAK,GAAE;AAAA,EAA8D,IAAG;AAAA,CAAS,CACpF;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/ArrowblockN.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockN.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: ['M10 1L5 6h4.25l-.0074 13H10.75V6H15z'],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,sBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,sBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC,sCAAsC;AAAA,EAC9C,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowblockNESW.js

@@ -17,53 +17,18 @@ 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 ? 24 : props.width;
-  const height = !size && !props.height ? 24 : 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"
-  }, /* @__PURE__ */ React2.createElement("g", null, /* @__PURE__ */ React2.createElement("path", {
-    d: "M5 19v-7l3 3 6-6-3-3h7v7l-3-3-6 6 3 3H5z",
-    id: "path-1"
-  }))));
-}
-var ArrowblockNESW_default = SvgIcon;
+import { SvgIcon } from "./utils/SvgIcon";
+const ArrowblockNESW = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
+  viewBox: "0 0 24 24"
+}), /* @__PURE__ */ React2.createElement("path", {
+  d: "M5 19v-7l3 3 6-6-3-3h7v7l-3-3-6 6 3 3H5z"
+}));
+var ArrowblockNESW_default = ArrowblockNESW;
 export {
   ArrowblockNESW_default as default
 };

package/dist/esm/ArrowblockNESW.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockNESW.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, ...rest } = props;\n  const fill = !color && !props.fill ? '#000' : props.fill;\n  const width = !size && !props.width ? 24 : props.width;\n  const height = !size && !props.height ? 24 : 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      >\n        <g>\n          <path d=\"M5 19v-7l3 3 6-6-3-3h7v7l-3-3-6 6 3 3H5z\" id=\"path-1\"></path>\n        </g>\n      </svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,iBAAiB,OAAO;AACtB,QAA4F,YAApF,mBAAiB,IAAI,MAAM,OAAO,YAAY,IAAI,QAAQ,IAAI,aAAsB,IAAT,iBAAS,IAAT,CAA3E,kBAAqB,QAAM,SAAO,aAAgB,SAAY;AACtE,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;AAEF,SACE,qCAAC,QAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJN;AAAA,IAKE,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,qCAAC,OAAD;AAAA,IACE,OAAO,SAAS,OAAO;AAAA,IACvB,QAAQ,UAAU,OAAO;AAAA,IACzB,OAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA,SAAQ;AAAA,KAER,qCAAC,KAAD,MACE,qCAAC,QAAD;AAAA,IAAM,GAAE;AAAA,IAA2C,IAAG;AAAA;AAAA;AAOhE,IAAO,yBAAQ;",
+  "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 ArrowblockNESW = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <path d=\"M5 19v-7l3 3 6-6-3-3h7v7l-3-3-6 6 3 3H5z\" />\n  </SvgIcon>\n);\n\nexport default ArrowblockNESW;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,iBAAiB,CAAC,UACtB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAK,GAAE;AAAA,CAA2C,CACrD;AAGF,IAAO,yBAAQ;",
   "names": []
 }

package/dist/esm/ArrowblockNS.js

@@ -17,53 +17,19 @@ 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 ? 24 : props.width;
-  const height = !size && !props.height ? 24 : 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"
-  }, /* @__PURE__ */ React2.createElement("defs", null), /* @__PURE__ */ React2.createElement("g", null, /* @__PURE__ */ React2.createElement("path", {
-    d: "M12 3l5 5h-4.25v8H17l-5 5-5-5h4.245l.002-4-.002-4H7l5-5z",
-    id: "path-1"
-  }))));
-}
-var ArrowblockNS_default = SvgIcon;
+import { SvgIcon } from "./utils/SvgIcon";
+const ArrowblockNS = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
+  viewBox: "0 0 24 24"
+}), /* @__PURE__ */ React2.createElement("path", {
+  d: "M12 3l5 5h-4.25v8H17l-5 5-5-5h4.245l.002-4-.002-4H7l5-5z",
+  id: "path-1"
+}));
+var ArrowblockNS_default = ArrowblockNS;
 export {
   ArrowblockNS_default as default
 };

package/dist/esm/ArrowblockNS.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockNS.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, ...rest } = props;\n  const fill = !color && !props.fill ? '#000' : props.fill;\n  const width = !size && !props.width ? 24 : props.width;\n  const height = !size && !props.height ? 24 : 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      >\n        <defs></defs>\n        <g>\n          <path d=\"M12 3l5 5h-4.25v8H17l-5 5-5-5h4.245l.002-4-.002-4H7l5-5z\" id=\"path-1\"></path>\n        </g>\n      </svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,iBAAiB,OAAO;AACtB,QAA4F,YAApF,mBAAiB,IAAI,MAAM,OAAO,YAAY,IAAI,QAAQ,IAAI,aAAsB,IAAT,iBAAS,IAAT,CAA3E,kBAAqB,QAAM,SAAO,aAAgB,SAAY;AACtE,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;AAEF,SACE,qCAAC,QAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJN;AAAA,IAKE,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,qCAAC,OAAD;AAAA,IACE,OAAO,SAAS,OAAO;AAAA,IACvB,QAAQ,UAAU,OAAO;AAAA,IACzB,OAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA,SAAQ;AAAA,KAER,qCAAC,QAAD,OACA,qCAAC,KAAD,MACE,qCAAC,QAAD;AAAA,IAAM,GAAE;AAAA,IAA2D,IAAG;AAAA;AAAA;AAOhF,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 ArrowblockNS = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <path d=\"M12 3l5 5h-4.25v8H17l-5 5-5-5h4.245l.002-4-.002-4H7l5-5z\" id=\"path-1\"></path>\n  </SvgIcon>\n);\n\nexport default ArrowblockNS;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,eAAe,CAAC,UACpB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAK,GAAE;AAAA,EAA2D,IAAG;AAAA,CAAS,CACjF;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/ArrowblockNe.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockNe.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: ['M16 4H9l3 3-9 9 1 1 9-9 3 3z'],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,uBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,uBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC,8BAA8B;AAAA,EACtC,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowblockNe13.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockNe13.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: ['M16 17H9l3-3-9-9 1-1 9 9 3-3z'],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,yBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,yBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC,+BAA+B;AAAA,EACvC,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowblockNw.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockNw.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: ['M3 4h7L7 7l9 9-1 1-9-9-3 3z'],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,uBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,uBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC,6BAA6B;AAAA,EACrC,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowblockS.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockS.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: ['M10 19l-5-5h4.25L9.2426 1H10.75v13H15z'],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,sBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,sBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC,wCAAwC;AAAA,EAChD,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowblockSENW.js

@@ -17,53 +17,18 @@ 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 ? 24 : props.width;
-  const height = !size && !props.height ? 24 : 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"
-  }, /* @__PURE__ */ React2.createElement("g", null, /* @__PURE__ */ React2.createElement("path", {
-    d: "M11 19l3-3-6-6-3 3V6h7L9 9l6 6 3-3v7h-7z",
-    id: "path-1"
-  }))));
-}
-var ArrowblockSENW_default = SvgIcon;
+import { SvgIcon } from "./utils/SvgIcon";
+const ArrowblockSENW = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
+  viewBox: "0 0 24 24"
+}), /* @__PURE__ */ React2.createElement("path", {
+  d: "M11 19l3-3-6-6-3 3V6h7L9 9l6 6 3-3v7h-7z"
+}));
+var ArrowblockSENW_default = ArrowblockSENW;
 export {
   ArrowblockSENW_default as default
 };

package/dist/esm/ArrowblockSENW.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockSENW.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, ...rest } = props;\n  const fill = !color && !props.fill ? '#000' : props.fill;\n  const width = !size && !props.width ? 24 : props.width;\n  const height = !size && !props.height ? 24 : 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      >\n        <g>\n          <path d=\"M11 19l3-3-6-6-3 3V6h7L9 9l6 6 3-3v7h-7z\" id=\"path-1\"></path>\n        </g>\n      </svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,iBAAiB,OAAO;AACtB,QAA4F,YAApF,mBAAiB,IAAI,MAAM,OAAO,YAAY,IAAI,QAAQ,IAAI,aAAsB,IAAT,iBAAS,IAAT,CAA3E,kBAAqB,QAAM,SAAO,aAAgB,SAAY;AACtE,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;AAEF,SACE,qCAAC,QAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJN;AAAA,IAKE,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,qCAAC,OAAD;AAAA,IACE,OAAO,SAAS,OAAO;AAAA,IACvB,QAAQ,UAAU,OAAO;AAAA,IACzB,OAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA,SAAQ;AAAA,KAER,qCAAC,KAAD,MACE,qCAAC,QAAD;AAAA,IAAM,GAAE;AAAA,IAA2C,IAAG;AAAA;AAAA;AAOhE,IAAO,yBAAQ;",
+  "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 ArrowblockSENW = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <path d=\"M11 19l3-3-6-6-3 3V6h7L9 9l6 6 3-3v7h-7z\" />\n  </SvgIcon>\n);\n\nexport default ArrowblockSENW;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,iBAAiB,CAAC,UACtB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAK,GAAE;AAAA,CAA2C,CACrD;AAGF,IAAO,yBAAQ;",
   "names": []
 }

package/dist/esm/ArrowblockSw.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockSw.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: ['M3 17h7l-3-3 9-9-1-1-9 9-3-3z'],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,uBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,uBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC,+BAA+B;AAAA,EACvC,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowblockW.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowblockW.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: ['M1 10l5 5v-4.25l13 .0074V9.25H6V5z'],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,sBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,sBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC,oCAAoC;AAAA,EAC5C,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowheadDown.js

@@ -17,70 +17,16 @@ 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 ? "#1E79C2" : props.fill;
-  const width = !size && !props.width ? 20 : props.width;
-  const height = !size && !props.height ? 20 : 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),
-    fill,
-    style: {
-      width,
-      height
-    },
-    viewBox: "0 0 20 20"
-  }, /* @__PURE__ */ React2.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fillRule: "evenodd"
-  }, /* @__PURE__ */ React2.createElement("path", {
-    d: "M10 13L5 8h10z"
-  }))));
+import { SvgIcon } from "./utils/SvgIcon";
+function ArrowheadDown(props) {
+  return /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+    viewBox: "0 0 20 20",
+    paths: ["M10 13L5 8h10z"]
+  }));
 }
-var ArrowheadDown_default = SvgIcon;
+var ArrowheadDown_default = ArrowheadDown;
 export {
   ArrowheadDown_default as default
 };

package/dist/esm/ArrowheadDown.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowheadDown.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 {\n    containerProps = {},\n    size,\n    color,\n    className = '',\n    style = {},\n    innerRef,\n    ...rest\n  } = props;\n  const fill = !color && !props.fill ? '#1E79C2' : props.fill;\n  const width = !size && !props.width ? 20 : props.width;\n  const height = !size && !props.height ? 20 : 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        fill={fill}\n        style={{\n          width,\n          height,\n        }}\n        viewBox=\"0 0 20 20\"\n      >\n        <g stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n          <path d=\"M10 13L5 8h10z\" />\n        </g>\n      </svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,iBAAiB,OAAO;AACtB,QAQI,YAPF;AAAA,qBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR;AAAA,MAEE,IADC,iBACD,IADC;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,OAAO,CAAC,SAAS,CAAC,MAAM,OAAO,YAAY,MAAM;AACvD,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;AAEF,SACE,qCAAC,QAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJN;AAAA,IAKE,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,qCAAC,OAAD;AAAA,IACE,OAAO,SAAS,OAAO;AAAA,IACvB,QAAQ,UAAU,OAAO;AAAA,IACzB;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA,IAEF,SAAQ;AAAA,KAER,qCAAC,KAAD;AAAA,IAAG,QAAO;AAAA,IAAO,aAAY;AAAA,IAAI,UAAS;AAAA,KACxC,qCAAC,QAAD;AAAA,IAAM,GAAE;AAAA;AAAA;AAOlB,IAAO,wBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\n\nfunction ArrowheadDown(props) {\n  return <SvgIcon {...props} viewBox=\"0 0 20 20\" paths={['M10 13L5 8h10z']} />;\n}\n\nexport default ArrowheadDown;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,uBAAuB,OAAO;AAC5B,SAAO,qCAAC,0CAAY,QAAZ;AAAA,IAAmB,SAAQ;AAAA,IAAY,OAAO,CAAC,gBAAgB;AAAA,IAAG;AAC5E;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/ArrowheadLeft.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ArrowheadLeft.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable */\nimport { createIcon } from './utils/createIcon';\n\nexport default createIcon({\n  paths: ['M7 10l5-5v10z'],\n  height: 20,\n  width: 20,\n});\n"],
-  "mappings": "AAAA;ACCA;AAEA,IAAO,wBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA;",
+  "mappings": "AAAA;ACCA;AAEA,IAAO,wBAAQ,WAAW;AAAA,EACxB,OAAO,CAAC,eAAe;AAAA,EACvB,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;",
   "names": []
 }

package/dist/esm/ArrowheadRight.js

@@ -17,70 +17,16 @@ 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 ? "#1E79C2" : props.fill;
-  const width = !size && !props.width ? 20 : props.width;
-  const height = !size && !props.height ? 20 : 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),
-    fill,
-    style: {
-      width,
-      height
-    },
-    viewBox: "0 0 20 20"
-  }, /* @__PURE__ */ React2.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fillRule: "evenodd"
-  }, /* @__PURE__ */ React2.createElement("path", {
-    d: "M7 15V5l5 5z"
-  }))));
+import { SvgIcon } from "./utils/SvgIcon";
+function ArrowheadRight(props) {
+  return /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+    viewBox: "0 0 20 20",
+    paths: ["M7 15V5l5 5z"]
+  }));
 }
-var ArrowheadRight_default = SvgIcon;
+var ArrowheadRight_default = ArrowheadRight;
 export {
   ArrowheadRight_default as default
 };