@elliemae/ds-icons 3.0.0-next.52 → 3.0.0-next.55

package/dist/cjs/TechSupports.js

@@ -43,7 +43,10 @@ module.exports = __toCommonJS(TechSupports_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_SvgIcon = require("./utils/SvgIcon");
-const TechSupport = (props) => /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.SvgIcon, __spreadProps(__spreadValues({}, props), {
+const TechSupport = (props) => /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 24 24",
   paths: [
     "M7.98 3.166c2.756 0 5 2.242 5 5 0 .704-.149 1.391-.44 2.042l-.283.629.488.487 7.927 7.927a1.123 1.123 0 0 1-.793 1.914c-.3 0-.581-.116-.793-.328l-7.92-7.92-.49-.49-.631.287c-.658.3-1.353.452-2.066.452-2.757 0-5-2.243-5-5 0-.47.068-.938.2-1.387l3.093 3.094.293.293h3.414V6.75l-.293-.293-3.094-3.094c.45-.13.917-.198 1.387-.198m0-1c-1.144 0-2.209.325-3.118.88l4.118 4.12v2h-2l-4.118-4.12a5.962 5.962 0 0 0-.882 3.12 6 6 0 0 0 6 6c.886 0 1.723-.197 2.48-.542l7.92 7.92c.414.414.957.621 1.5.621s1.085-.207 1.5-.62a2.121 2.121 0 0 0 0-3l-7.927-7.928a5.97 5.97 0 0 0 .527-2.451 6 6 0 0 0-6-6z"

package/dist/cjs/TechSupports.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TechSupports.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst TechSupport = (props: SvgIconT.Props) => (\n  <SvgIcon\n    {...props}\n    viewBox=\"0 0 24 24\"\n    paths={[\n      'M7.98 3.166c2.756 0 5 2.242 5 5 0 .704-.149 1.391-.44 2.042l-.283.629.488.487 7.927 7.927a1.123 1.123 0 0 1-.793 1.914c-.3 0-.581-.116-.793-.328l-7.92-7.92-.49-.49-.631.287c-.658.3-1.353.452-2.066.452-2.757 0-5-2.243-5-5 0-.47.068-.938.2-1.387l3.093 3.094.293.293h3.414V6.75l-.293-.293-3.094-3.094c.45-.13.917-.198 1.387-.198m0-1c-1.144 0-2.209.325-3.118.88l4.118 4.12v2h-2l-4.118-4.12a5.962 5.962 0 0 0-.882 3.12 6 6 0 0 0 6 6c.886 0 1.723-.197 2.48-.542l7.92 7.92c.414.414.957.621 1.5.621s1.085-.207 1.5-.62a2.121 2.121 0 0 0 0-3l-7.927-7.928a5.97 5.97 0 0 0 .527-2.451 6 6 0 0 0-6-6z',\n    ]}\n  />\n);\n\nexport default TechSupport;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAAwB;AAGxB,MAAM,cAAc,CAAC,UACnB,mDAAC,yDACK,QADL;AAAA,EAEC,SAAQ;AAAA,EACR,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EACF;AAGF,IAAO,uBAAQ;",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst TechSupport = (props: SvgIconT.Props) => (\n  <SvgIcon\n    width={24}\n    height={24}\n    {...props}\n    viewBox=\"0 0 24 24\"\n    paths={[\n      'M7.98 3.166c2.756 0 5 2.242 5 5 0 .704-.149 1.391-.44 2.042l-.283.629.488.487 7.927 7.927a1.123 1.123 0 0 1-.793 1.914c-.3 0-.581-.116-.793-.328l-7.92-7.92-.49-.49-.631.287c-.658.3-1.353.452-2.066.452-2.757 0-5-2.243-5-5 0-.47.068-.938.2-1.387l3.093 3.094.293.293h3.414V6.75l-.293-.293-3.094-3.094c.45-.13.917-.198 1.387-.198m0-1c-1.144 0-2.209.325-3.118.88l4.118 4.12v2h-2l-4.118-4.12a5.962 5.962 0 0 0-.882 3.12 6 6 0 0 0 6 6c.886 0 1.723-.197 2.48-.542l7.92 7.92c.414.414.957.621 1.5.621s1.085-.207 1.5-.62a2.121 2.121 0 0 0 0-3l-7.927-7.928a5.97 5.97 0 0 0 .527-2.451 6 6 0 0 0-6-6z',\n    ]}\n  />\n);\n\nexport default TechSupport;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAAwB;AAGxB,MAAM,cAAc,CAAC,UACnB,mDAAC;AAAA,EACC,OAAO;AAAA,EACP,QAAQ;AAAA,GACJ,QAHL;AAAA,EAIC,SAAQ;AAAA,EACR,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EACF;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/ToolsCustom.js

@@ -43,7 +43,10 @@ module.exports = __toCommonJS(ToolsCustom_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_SvgIcon = require("./utils/SvgIcon");
-const ToolsCustom = (props) => /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.SvgIcon, __spreadProps(__spreadValues({}, props), {
+const ToolsCustom = (props) => /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 22 19"
 }), /* @__PURE__ */ import_react.default.createElement("path", {
   d: "M 7 8.5 a 0.5 0.5 0 0 0 -0.5 -0.5 h -2 a 0.5 0.5 0 0 0 -0.5 0.5 v 0.5 H 1 V 4.5 a 0.5 0.5 0 0 1 0.5 -0.5 h 17 a 0.5 0.5 0 0 1 0.5 0.5 V 6 h 1 V 4.5 A 1.5 1.5 0 0 0 18.5 3 H 14 V 1.5 A 1.5 1.5 0 0 0 12.5 0 h -5 A 1.5 1.5 0 0 0 6 1.5 V 3 H 1.5 A 1.5 1.5 0 0 0 0 4.5 v 10 A 1.5 1.5 0 0 0 1.5 16 H 9 v -1 H 1.5 a 0.5 0.5 0 0 1 -0.5 -0.5 V 10 h 3 v 0.5 a 0.5 0.5 0 0 0 0.5 0.5 h 2 a 0.5 0.5 0 0 0 0.5 -0.5 V 10 h 2 v -1 H 7 v -0.5 z m 0 -7 a 0.5 0.5 0 0 1 0.5 -0.5 h 5 a 0.5 0.5 0 0 1 0.5 0.5 V 3 H 7 V 1.5 z M 6 10 H 5 v -1 h 1 v 1 z M 22 13.5 v -1 l -2.118 -0.424 c -0.1 -0.419 -0.266 -0.81 -0.485 -1.166 l 1.2 -1.8 l -0.708 -0.706 l -1.8 1.2 a 3.963 3.963 0 0 0 -1.165 -0.486 L 16.5 7 h -1 l -0.424 2.118 c -0.419 0.1 -0.81 0.266 -1.166 0.485 l -1.8 -1.2 l -0.706 0.708 l 1.2 1.8 c -0.22 0.356 -0.387 0.746 -0.486 1.165 L 10 12.5 v 1 l 2.118 0.424 c 0.1 0.419 0.266 0.81 0.485 1.166 l -1.2 1.8 l 0.708 0.706 l 1.8 -1.2 c 0.356 0.22 0.746 0.387 1.165 0.486 L 15.5 19 h 1 l 0.424 -2.118 c 0.419 -0.1 0.81 -0.266 1.166 -0.485 l 1.8 1.2 l 0.706 -0.708 l -1.2 -1.8 c 0.22 -0.356 0.387 -0.746 0.486 -1.165 L 22 13.5 z M 16 15 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 z"

package/dist/cjs/ToolsCustom.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToolsCustom.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst ToolsCustom = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 22 19\">\n    <path d=\"M 7 8.5 a 0.5 0.5 0 0 0 -0.5 -0.5 h -2 a 0.5 0.5 0 0 0 -0.5 0.5 v 0.5 H 1 V 4.5 a 0.5 0.5 0 0 1 0.5 -0.5 h 17 a 0.5 0.5 0 0 1 0.5 0.5 V 6 h 1 V 4.5 A 1.5 1.5 0 0 0 18.5 3 H 14 V 1.5 A 1.5 1.5 0 0 0 12.5 0 h -5 A 1.5 1.5 0 0 0 6 1.5 V 3 H 1.5 A 1.5 1.5 0 0 0 0 4.5 v 10 A 1.5 1.5 0 0 0 1.5 16 H 9 v -1 H 1.5 a 0.5 0.5 0 0 1 -0.5 -0.5 V 10 h 3 v 0.5 a 0.5 0.5 0 0 0 0.5 0.5 h 2 a 0.5 0.5 0 0 0 0.5 -0.5 V 10 h 2 v -1 H 7 v -0.5 z m 0 -7 a 0.5 0.5 0 0 1 0.5 -0.5 h 5 a 0.5 0.5 0 0 1 0.5 0.5 V 3 H 7 V 1.5 z M 6 10 H 5 v -1 h 1 v 1 z M 22 13.5 v -1 l -2.118 -0.424 c -0.1 -0.419 -0.266 -0.81 -0.485 -1.166 l 1.2 -1.8 l -0.708 -0.706 l -1.8 1.2 a 3.963 3.963 0 0 0 -1.165 -0.486 L 16.5 7 h -1 l -0.424 2.118 c -0.419 0.1 -0.81 0.266 -1.166 0.485 l -1.8 -1.2 l -0.706 0.708 l 1.2 1.8 c -0.22 0.356 -0.387 0.746 -0.486 1.165 L 10 12.5 v 1 l 2.118 0.424 c 0.1 0.419 0.266 0.81 0.485 1.166 l -1.2 1.8 l 0.708 0.706 l 1.8 -1.2 c 0.356 0.22 0.746 0.387 1.165 0.486 L 15.5 19 h 1 l 0.424 -2.118 c 0.419 -0.1 0.81 -0.266 1.166 -0.485 l 1.8 1.2 l 0.706 -0.708 l -1.2 -1.8 c 0.22 -0.356 0.387 -0.746 0.486 -1.165 L 22 13.5 z M 16 15 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 z\" />\n  </SvgIcon>\n);\n\nexport default ToolsCustom;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAAwB;AAGxB,MAAM,cAAc,CAAC,UACnB,mDAAC,yDAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,mDAAC;AAAA,EAAK,GAAE;AAAA,CAAmoC,CAC7oC;AAGF,IAAO,sBAAQ;",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst ToolsCustom = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 22 19\">\n    <path d=\"M 7 8.5 a 0.5 0.5 0 0 0 -0.5 -0.5 h -2 a 0.5 0.5 0 0 0 -0.5 0.5 v 0.5 H 1 V 4.5 a 0.5 0.5 0 0 1 0.5 -0.5 h 17 a 0.5 0.5 0 0 1 0.5 0.5 V 6 h 1 V 4.5 A 1.5 1.5 0 0 0 18.5 3 H 14 V 1.5 A 1.5 1.5 0 0 0 12.5 0 h -5 A 1.5 1.5 0 0 0 6 1.5 V 3 H 1.5 A 1.5 1.5 0 0 0 0 4.5 v 10 A 1.5 1.5 0 0 0 1.5 16 H 9 v -1 H 1.5 a 0.5 0.5 0 0 1 -0.5 -0.5 V 10 h 3 v 0.5 a 0.5 0.5 0 0 0 0.5 0.5 h 2 a 0.5 0.5 0 0 0 0.5 -0.5 V 10 h 2 v -1 H 7 v -0.5 z m 0 -7 a 0.5 0.5 0 0 1 0.5 -0.5 h 5 a 0.5 0.5 0 0 1 0.5 0.5 V 3 H 7 V 1.5 z M 6 10 H 5 v -1 h 1 v 1 z M 22 13.5 v -1 l -2.118 -0.424 c -0.1 -0.419 -0.266 -0.81 -0.485 -1.166 l 1.2 -1.8 l -0.708 -0.706 l -1.8 1.2 a 3.963 3.963 0 0 0 -1.165 -0.486 L 16.5 7 h -1 l -0.424 2.118 c -0.419 0.1 -0.81 0.266 -1.166 0.485 l -1.8 -1.2 l -0.706 0.708 l 1.2 1.8 c -0.22 0.356 -0.387 0.746 -0.486 1.165 L 10 12.5 v 1 l 2.118 0.424 c 0.1 0.419 0.266 0.81 0.485 1.166 l -1.2 1.8 l 0.708 0.706 l 1.8 -1.2 c 0.356 0.22 0.746 0.387 1.165 0.486 L 15.5 19 h 1 l 0.424 -2.118 c 0.419 -0.1 0.81 -0.266 1.166 -0.485 l 1.8 1.2 l 0.706 -0.708 l -1.2 -1.8 c 0.22 -0.356 0.387 -0.746 0.486 -1.165 L 22 13.5 z M 16 15 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 z\" />\n  </SvgIcon>\n);\n\nexport default ToolsCustom;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAAwB;AAGxB,MAAM,cAAc,CAAC,UACnB,mDAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,mDAAC;AAAA,EAAK,GAAE;AAAA,CAAmoC,CAC7oC;AAGF,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/WarningSquare.js

@@ -43,7 +43,10 @@ module.exports = __toCommonJS(WarningSquare_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_SvgIcon = require("./utils/SvgIcon");
-const WarningSquare = (props) => /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.SvgIcon, __spreadProps(__spreadValues({}, props), {
+const WarningSquare = (props) => /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 18 18"
 }), /* @__PURE__ */ import_react.default.createElement("path", {
   d: "M 17 0 H 1 C 0.45 0 0 0.45 0 1 V 17 C 0 17.55 0.45 18 1 18 H 17 C 17.55 18 18 17.55 18 17 V 1 C 18 0.45 17.55 0 17 0 Z M 8.541 4 H 9.459 C 9.75 4 9.979 4.25 9.955 4.54 L 9.5 11 H 8.5 L 8.045 4.54 A 0.498 0.498 0 0 1 8.541 4 Z M 9 14 C 8.429 14 8 13.571 8 13 S 8.429 12 9 12 S 10 12.429 10 13 S 9.571 14 9 14 Z",

package/dist/cjs/WarningSquare.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/WarningSquare.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst WarningSquare = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 18 18\">\n    <path\n      // eslint-disable-next-line max-len\n      d=\"M 17 0 H 1 C 0.45 0 0 0.45 0 1 V 17 C 0 17.55 0.45 18 1 18 H 17 C 17.55 18 18 17.55 18 17 V 1 C 18 0.45 17.55 0 17 0 Z M 8.541 4 H 9.459 C 9.75 4 9.979 4.25 9.955 4.54 L 9.5 11 H 8.5 L 8.045 4.54 A 0.498 0.498 0 0 1 8.541 4 Z M 9 14 C 8.429 14 8 13.571 8 13 S 8.429 12 9 12 S 10 12.429 10 13 S 9.571 14 9 14 Z\"\n      id=\"path-1\"\n    ></path>\n  </SvgIcon>\n);\n\nexport default WarningSquare;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAAwB;AAGxB,MAAM,gBAAgB,CAAC,UACrB,mDAAC,yDAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,mDAAC;AAAA,EAEC,GAAE;AAAA,EACF,IAAG;AAAA,CACJ,CACH;AAGF,IAAO,wBAAQ;",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst WarningSquare = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 18 18\">\n    <path\n      // eslint-disable-next-line max-len\n      d=\"M 17 0 H 1 C 0.45 0 0 0.45 0 1 V 17 C 0 17.55 0.45 18 1 18 H 17 C 17.55 18 18 17.55 18 17 V 1 C 18 0.45 17.55 0 17 0 Z M 8.541 4 H 9.459 C 9.75 4 9.979 4.25 9.955 4.54 L 9.5 11 H 8.5 L 8.045 4.54 A 0.498 0.498 0 0 1 8.541 4 Z M 9 14 C 8.429 14 8 13.571 8 13 S 8.429 12 9 12 S 10 12.429 10 13 S 9.571 14 9 14 Z\"\n      id=\"path-1\"\n    ></path>\n  </SvgIcon>\n);\n\nexport default WarningSquare;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAAwB;AAGxB,MAAM,gBAAgB,CAAC,UACrB,mDAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,mDAAC;AAAA,EAEC,GAAE;AAAA,EACF,IAAG;AAAA,CACJ,CACH;AAGF,IAAO,wBAAQ;",
   "names": []
 }

package/dist/cjs/utils/SvgIcon.js

@@ -56,6 +56,7 @@ __export(SvgIcon_exports, {
 module.exports = __toCommonJS(SvgIcon_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_react_desc_prop_types = require("./react-desc-prop-types");
@@ -67,13 +68,31 @@ const renderPaths = (paths) => paths.map((p, i) => /* @__PURE__ */ import_react.
 const SvgIcon = (props) => {
   const { size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;
   const _a = (0, import_ds_utilities.useGetGlobalAttributes)(props), { className, width, height, style, color } = _a, restGlobals = __objRest(_a, ["className", "width", "height", "style", "color"]);
-  const defaultWidth = width ?? viewBox.split(" ")[2];
-  const defaultHeight = height ?? viewBox.split(" ")[3];
+  const defaultWidth = ((width || height) && parseInt(width || height, 10)) ?? 16;
+  const defaultHeight = ((height || width) && parseInt(height || width, 10)) ?? 16;
   const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(props);
   const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("icon", className, {
     size,
     color
   });
+  const finalColor = (0, import_react.useMemo)(() => {
+    if (!fill && !color)
+      return void 0;
+    let themeColor = "";
+    if (fill)
+      return fill;
+    if (!color)
+      return themeColor;
+    if (color[0] === "brand-primary")
+      themeColor = `brand-${color[1]}`;
+    else if (color[0] === "neutral" && color[1].toString() === "0")
+      themeColor = `neutral-000`;
+    else if (color[0] === "neutral" && color[1].toString() === "900")
+      themeColor = `neutral-800`;
+    else
+      themeColor = `${color[0]}-${color[1]}`;
+    return import_ds_system.th.color(themeColor);
+  }, [color, fill]);
   return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapper, __spreadProps(__spreadValues(__spreadValues(__spreadValues({
     as: component,
     ref: innerRef,
@@ -82,9 +101,8 @@ const SvgIcon = (props) => {
     style,
     height: !size ? defaultHeight : void 0,
     width: !size ? defaultWidth : void 0,
-    svgColor: color
+    svgColor: finalColor
   }), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSvg, {
-    fill,
     viewBox,
     width: !size ? defaultWidth : void 0,
     height: !size ? defaultHeight : void 0

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 { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\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 defaultWidth = width ?? viewBox.split(' ')[2];\n  const defaultHeight = height ?? viewBox.split(' ')[3];\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={style}\n      height={!size ? defaultHeight : undefined}\n      width={!size ? defaultWidth : undefined}\n      svgColor={color}\n    >\n      <StyledSvg\n        fill={fill}\n        viewBox={viewBox}\n        width={!size ? defaultWidth : undefined}\n        height={!size ? defaultHeight : 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;AAAA;ACAA,YAAuB;ADCvB,mBAAyC;AACzC,0BAAqE;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,qDAAuB,KAAK,GAAvF,aAAW,OAAO,QAAQ,OAAO,UAA0B,IAAhB,wBAAgB,IAAhB,CAA3C,aAAW,SAAO,UAAQ,SAAO;AAEzC,QAAM,eAAe,SAAS,QAAQ,MAAM,GAAG,EAAE;AACjD,QAAM,gBAAgB,UAAU,QAAQ,MAAM,GAAG,EAAE;AAEnD,QAAM,eAAe,4CAAmB,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;AAAA,IACA,QAAQ,CAAC,OAAO,gBAAgB;AAAA,IAChC,OAAO,CAAC,OAAO,eAAe;AAAA,IAC9B,UAAU;AAAA,MAEV,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,OAAO,CAAC,OAAO,eAAe;AAAA,IAC9B,QAAQ,CAAC,OAAO,gBAAgB;AAAA,KAE/B,WAAW,WAAW,YAAY,KAAK,CAC1C,CACF;AAEJ;AAEA,QAAQ,YAAY;AAEpB,MAAM,iBAAiB,kCAAS,OAAO;AACvC,eAAe,YAAY;AAG3B,IAAO,kBAAQ;",
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable react/no-array-index-key */\nimport React, { useMemo, WeakValidationMap } from 'react';\nimport { th } from '@elliemae/ds-system';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\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 defaultWidth = ((width || height) && parseInt(width || height, 10)) ?? 16;\n  const defaultHeight = ((height || width) && parseInt(height || width, 10)) ?? 16;\n  const xstyledProps = useGetXstyledProps(props);\n  const { cssClassName } = convertPropToCssClassName('icon', className, {\n    size,\n    color,\n  });\n\n  const finalColor = useMemo(() => {\n    if (!fill && !color) return undefined;\n    let themeColor = '';\n    if (fill) return fill;\n    if (!color) return themeColor;\n    if (color[0] === 'brand-primary') themeColor = `brand-${color[1]}`;\n    else if (color[0] === 'neutral' && color[1].toString() === '0') themeColor = `neutral-000`;\n    else if (color[0] === 'neutral' && color[1].toString() === '900') themeColor = `neutral-800`;\n    else themeColor = `${color[0]}-${color[1]}`;\n\n    return th.color(themeColor);\n  }, [color, fill]);\n\n  return (\n    <StyledWrapper\n      as={component}\n      ref={innerRef}\n      className={cssClassName}\n      {...restGlobals}\n      {...containerProps}\n      {...xstyledProps}\n      style={style}\n      height={!size ? defaultHeight : undefined}\n      width={!size ? defaultWidth : undefined}\n      svgColor={finalColor}\n    >\n      <StyledSvg viewBox={viewBox} width={!size ? defaultWidth : undefined} height={!size ? defaultHeight : undefined}>\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;AAAA;ACAA,YAAuB;ADEvB,mBAAkD;AAClD,uBAAmB;AACnB,0BAAqE;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,qDAAuB,KAAK,GAAvF,aAAW,OAAO,QAAQ,OAAO,UAA0B,IAAhB,wBAAgB,IAAhB,CAA3C,aAAW,SAAO,UAAQ,SAAO;AAEzC,QAAM,eAAiB,WAAS,WAAW,SAAS,SAAS,QAAQ,EAAE,MAAM;AAC7E,QAAM,gBAAkB,YAAU,UAAU,SAAS,UAAU,OAAO,EAAE,MAAM;AAC9E,QAAM,eAAe,4CAAmB,KAAK;AAC7C,QAAM,EAAE,iBAAiB,oDAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,aAAa,0BAAQ,MAAM;AAC/B,QAAI,CAAC,QAAQ,CAAC;AAAO,aAAO;AAC5B,QAAI,aAAa;AACjB,QAAI;AAAM,aAAO;AACjB,QAAI,CAAC;AAAO,aAAO;AACnB,QAAI,MAAM,OAAO;AAAiB,mBAAa,SAAS,MAAM;AAAA,aACrD,MAAM,OAAO,aAAa,MAAM,GAAG,SAAS,MAAM;AAAK,mBAAa;AAAA,aACpE,MAAM,OAAO,aAAa,MAAM,GAAG,SAAS,MAAM;AAAO,mBAAa;AAAA;AAC1E,mBAAa,GAAG,MAAM,MAAM,MAAM;AAEvC,WAAO,oBAAG,MAAM,UAAU;AAAA,EAC5B,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,SACE,mDAAC;AAAA,IACC,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,WAAW;AAAA,KACP,cACA,iBACA,eANL;AAAA,IAOC;AAAA,IACA,QAAQ,CAAC,OAAO,gBAAgB;AAAA,IAChC,OAAO,CAAC,OAAO,eAAe;AAAA,IAC9B,UAAU;AAAA,MAEV,mDAAC;AAAA,IAAU;AAAA,IAAkB,OAAO,CAAC,OAAO,eAAe;AAAA,IAAW,QAAQ,CAAC,OAAO,gBAAgB;AAAA,KACnG,WAAW,WAAW,YAAY,KAAK,CAC1C,CACF;AAEJ;AAEA,QAAQ,YAAY;AAEpB,MAAM,iBAAiB,kCAAS,OAAO;AACvC,eAAe,YAAY;AAG3B,IAAO,kBAAQ;",
   "names": []
 }

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

@@ -28,7 +28,6 @@ var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 const defaultProps = {
   component: "span",
-  viewBox: "0 0 24 24",
   containerProps: {}
 };
 const propTypes = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\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 Props {\n    component: React.ComponentType | 'span';\n    viewBox: string;\n    containerProps: object;\n    size?: SvgIconT.SizeType;\n    color?: SvgIconT.ColorType;\n    paths?: string[];\n    fill?: string;\n    innerRef?: React.MutableRefObject<HTMLElement>;\n    width?: number;\n    height?: number;\n  }\n}\n\nexport const defaultProps: Partial<SvgIconT.Props> = {\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;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AA2BnB,MAAM,eAAwC;AAAA,EACnD,WAAW;AAAA,EACX,SAAS;AAAA,EACT,gBAAgB,CAAC;AACnB;AAEO,MAAM,YAAY;AAAA,EACvB,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,MAAM,8BAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAC/F,OAAO,8BAAU,UAAU;AAAA,IACzB,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAAA,IACtE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,QAAQ,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACvE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,eAAe,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IAC9E,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,eAAe,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,EAChF,CAAC,EAAE,YAAY,YAAY;AAAA,EAC3B,WAAW,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,WAAW,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,IAAI,CAAC,EAAE,YAAY,oBAAoB;AAAA,EACnG,SAAS,8BAAU,OAAO,YAAY,UAAU;AAAA,EAChD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA,EAClG,MAAM,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EACnD,UAAU,8BAAU,OAAO,YAAY,WAAW;AAAA,EAClD,OAAO,8BAAU,OAAO,YAAY,uCAAuC;AAC7E;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\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 Props {\n    component: React.ComponentType | 'span';\n    viewBox: string;\n    containerProps: object;\n    size?: SvgIconT.SizeType;\n    color?: SvgIconT.ColorType;\n    paths?: string[];\n    fill?: string;\n    innerRef?: React.MutableRefObject<HTMLElement>;\n    width?: number;\n    height?: number;\n  }\n}\n\nexport const defaultProps: Partial<SvgIconT.Props> = {\n  component: 'span',\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;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AA2BnB,MAAM,eAAwC;AAAA,EACnD,WAAW;AAAA,EACX,gBAAgB,CAAC;AACnB;AAEO,MAAM,YAAY;AAAA,EACvB,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,MAAM,8BAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAC/F,OAAO,8BAAU,UAAU;AAAA,IACzB,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAAA,IACtE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,QAAQ,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACvE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,SAAS,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,eAAe,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IAC9E,8BAAU,MAAM,CAAC,8BAAU,MAAM,CAAC,eAAe,CAAC,GAAG,8BAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,EAChF,CAAC,EAAE,YAAY,YAAY;AAAA,EAC3B,WAAW,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,WAAW,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,IAAI,CAAC,EAAE,YAAY,oBAAoB;AAAA,EACnG,SAAS,8BAAU,OAAO,YAAY,UAAU;AAAA,EAChD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA,EAClG,MAAM,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EACnD,UAAU,8BAAU,OAAO,YAAY,WAAW;AAAA,EAClD,OAAO,8BAAU,OAAO,YAAY,uCAAuC;AAC7E;",
   "names": []
 }

package/dist/cjs/utils/styled.js

@@ -62,17 +62,9 @@ const xxsSizes = import_ds_system.css`
 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 svgColorCss = import_ds_system.css`
+  fill: ${({ svgColor }) => svgColor} !important;
+`;
 const getSize = (size) => {
   if (size === "xxl")
     return xxlSizes;
@@ -101,11 +93,11 @@ const StyledWrapper = (0, import_ds_system.styled)("span", {
   ${({ size, width, height }) => !width && !height && getSize(size)}
   ${({ width }) => {
   if (width)
-    return `width: ${width};`;
+    return `width: ${width}px;`;
 }}
   ${({ height }) => {
   if (height)
-    return `height: ${height};`;
+    return `height: ${height}px;`;
 }}
   ${displaySizes}
 
@@ -113,13 +105,13 @@ const StyledWrapper = (0, import_ds_system.styled)("span", {
     ${({ size, width, height }) => !width && !height && getSize(size)}
     ${({ width }) => {
   if (width)
-    return `width: ${width};`;
+    return `width: ${width}px;`;
 }}
     ${({ height }) => {
   if (height)
-    return `height: ${height};`;
+    return `height: ${height}px;`;
 }}
-    fill: ${({ svgColor }) => svgColor && import_ds_system.th.color(getColor(svgColor))};
+    ${({ svgColor }) => svgColor && svgColorCss}
   }
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -1,7 +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  width: string;\n  height: 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`;\n\nconst xlSizes = css`\n  width: 48px;\n  height: 48px;\n`;\n\nconst lSizes = css`\n  width: 32px;\n  height: 32px;\n`;\n\nconst mSizes = css`\n  width: 24px;\n  height: 24px;\n`;\n\nconst sSizes = css`\n  width: 16px;\n  height: 16px;\n`;\n\nconst xsSizes = css`\n  width: 8px;\n  height: 8px;\n`;\n\nconst xxsSizes = css`\n  width: 4px;\n  height: 4px;\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, width, height }) => !width && !height && getSize(size)}\n  ${({ width }) => {\n    if (width) return `width: ${width};`;\n  }}\n  ${({ height }) => {\n    if (height) return `height: ${height};`;\n  }}\n  ${displaySizes}\n\n  &.em-ds-icon svg {\n    ${({ size, width, height }) => !width && !height && getSize(size)}\n    ${({ width }) => {\n      if (width) return `width: ${width};`;\n    }}\n    ${({ height }) => {\n      if (height) return `height: ${height};`;\n    }}\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;AAAA;ACAA,YAAuB;ADAvB,uBAAgC;AAChC,qBAAwC;AASxC,MAAM,eAAe;AAAA;AAAA;AAAA;AAIrB,MAAM,WAAW;AAAA;AAAA;AAAA;AAKjB,MAAM,UAAU;AAAA;AAAA;AAAA;AAKhB,MAAM,SAAS;AAAA;AAAA;AAAA;AAKf,MAAM,SAAS;AAAA;AAAA;AAAA;AAKf,MAAM,SAAS;AAAA;AAAA;AAAA;AAKf,MAAM,UAAU;AAAA;AAAA;AAAA;AAKhB,MAAM,WAAW;AAAA;AAAA;AAAA;AAKjB,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,MAAM,OAAO,aAAa,CAAC,SAAS,CAAC,UAAU,QAAQ,IAAI;AAAA,IAC9D,CAAC,EAAE,YAAY;AACf,MAAI;AAAO,WAAO,UAAU;AAC9B;AAAA,IACE,CAAC,EAAE,aAAa;AAChB,MAAI;AAAQ,WAAO,WAAW;AAChC;AAAA,IACE;AAAA;AAAA;AAAA,MAGE,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC,SAAS,CAAC,UAAU,QAAQ,IAAI;AAAA,MAC9D,CAAC,EAAE,YAAY;AACf,MAAI;AAAO,WAAO,UAAU;AAC9B;AAAA,MACE,CAAC,EAAE,aAAa;AAChB,MAAI;AAAQ,WAAO,WAAW;AAChC;AAAA,YACQ,CAAC,EAAE,eAAe,YAAY,oBAAG,MAAM,SAAS,QAAQ,CAAC;AAAA;AAAA;",
+  "sourcesContent": ["import { styled, css } from '@elliemae/ds-system';\nimport { DSIconName, DSIconSlots } from './theming';\n\ninterface StyledWrapperPropsT {\n  size: string;\n  svgColor: string[];\n  width: string;\n  height: 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`;\n\nconst xlSizes = css`\n  width: 48px;\n  height: 48px;\n`;\n\nconst lSizes = css`\n  width: 32px;\n  height: 32px;\n`;\n\nconst mSizes = css`\n  width: 24px;\n  height: 24px;\n`;\n\nconst sSizes = css`\n  width: 16px;\n  height: 16px;\n`;\n\nconst xsSizes = css`\n  width: 8px;\n  height: 8px;\n`;\n\nconst xxsSizes = css`\n  width: 4px;\n  height: 4px;\n`;\n\nconst standarSizes = css`\n  ${sSizes}\n`;\n\nconst svgColorCss = css`\n  fill: ${({ svgColor }) => svgColor} !important;\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, width, height }) => !width && !height && getSize(size)}\n  ${({ width }) => {\n    if (width) return `width: ${width}px;`;\n  }}\n  ${({ height }) => {\n    if (height) return `height: ${height}px;`;\n  }}\n  ${displaySizes}\n\n  &.em-ds-icon svg {\n    ${({ size, width, height }) => !width && !height && getSize(size)}\n    ${({ width }) => {\n      if (width) return `width: ${width}px;`;\n    }}\n    ${({ height }) => {\n      if (height) return `height: ${height}px;`;\n    }}\n    ${({ svgColor }) => svgColor && svgColorCss}\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAC5B,qBAAwC;AASxC,MAAM,eAAe;AAAA;AAAA;AAAA;AAIrB,MAAM,WAAW;AAAA;AAAA;AAAA;AAKjB,MAAM,UAAU;AAAA;AAAA;AAAA;AAKhB,MAAM,SAAS;AAAA;AAAA;AAAA;AAKf,MAAM,SAAS;AAAA;AAAA;AAAA;AAKf,MAAM,SAAS;AAAA;AAAA;AAAA;AAKf,MAAM,UAAU;AAAA;AAAA;AAAA;AAKhB,MAAM,WAAW;AAAA;AAAA;AAAA;AAKjB,MAAM,eAAe;AAAA,IACjB;AAAA;AAGJ,MAAM,cAAc;AAAA,UACV,CAAC,EAAE,eAAe;AAAA;AAG5B,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,MAAM,OAAO,aAAa,CAAC,SAAS,CAAC,UAAU,QAAQ,IAAI;AAAA,IAC9D,CAAC,EAAE,YAAY;AACf,MAAI;AAAO,WAAO,UAAU;AAC9B;AAAA,IACE,CAAC,EAAE,aAAa;AAChB,MAAI;AAAQ,WAAO,WAAW;AAChC;AAAA,IACE;AAAA;AAAA;AAAA,MAGE,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC,SAAS,CAAC,UAAU,QAAQ,IAAI;AAAA,MAC9D,CAAC,EAAE,YAAY;AACf,MAAI;AAAO,WAAO,UAAU;AAC9B;AAAA,MACE,CAAC,EAAE,aAAa;AAChB,MAAI;AAAQ,WAAO,WAAW;AAChC;AAAA,MACE,CAAC,EAAE,eAAe,YAAY;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/AlertsDetail.js

@@ -20,7 +20,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
-const AlertsDetail = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const AlertsDetail = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 13
+}, 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"

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 { 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;",
+  "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 width={13} {...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;AAAA,EAAQ,OAAO;AAAA,GAAQ,QAAvB;AAAA,EAA8B,SAAQ;AAAA,IACrC,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAy7B,CACn8B;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/AlertsDetailFill.js

@@ -20,7 +20,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
-const AlertDetailFill = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const AlertDetailFill = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 13
+}, 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"

package/dist/esm/AlertsDetailFill.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/AlertsDetailFill.tsx"],
-  "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 AlertDetailFill = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 12 12\">\n    <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\"></path>\n  </SvgIcon>\n);\n\nexport default AlertDetailFill;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,kBAAkB,CAAC,UACvB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAguB,CAC1uB;AAGF,IAAO,2BAAQ;",
+  "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 AlertDetailFill = (props: SvgIconT.Props) => (\n  <SvgIcon width={13} {...props} viewBox=\"0 0 12 12\">\n    <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\"></path>\n  </SvgIcon>\n);\n\nexport default AlertDetailFill;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,kBAAkB,CAAC,UACvB,qCAAC;AAAA,EAAQ,OAAO;AAAA,GAAQ,QAAvB;AAAA,EAA8B,SAAQ;AAAA,IACrC,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAguB,CAC1uB;AAGF,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/AlertsSmallFill.js

@@ -20,7 +20,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
-const AlertSmallFill = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const AlertSmallFill = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 12,
+  height: 13
+}, props), {
   viewBox: "0 0 12 13"
 }), /* @__PURE__ */ React2.createElement("path", {
   d: "M 7.2154 1.2771 L 11.8239 10.2545 C 12.1984 10.9839 11.956 11.904 11.2826 12.3096 C 11.0752 12.4345 10.8419 12.5 10.6046 12.5 L 1.3952 12.5 C 0.6246 12.5 0 11.8234 0 10.9889 C 0 10.7322 0.0603 10.4798 0.1753 10.2555 L 4.7762 1.278 C 5.1502 0.5483 5.9995 0.2851 6.6732 0.6902 C 6.901 0.8271 7.0888 1.0304 7.2154 1.2771 Z"

package/dist/esm/AlertsSmallFill.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/AlertsSmallFill.tsx"],
-  "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 AlertSmallFill = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 12 13\">\n    <path d=\"M 7.2154 1.2771 L 11.8239 10.2545 C 12.1984 10.9839 11.956 11.904 11.2826 12.3096 C 11.0752 12.4345 10.8419 12.5 10.6046 12.5 L 1.3952 12.5 C 0.6246 12.5 0 11.8234 0 10.9889 C 0 10.7322 0.0603 10.4798 0.1753 10.2555 L 4.7762 1.278 C 5.1502 0.5483 5.9995 0.2851 6.6732 0.6902 C 6.901 0.8271 7.0888 1.0304 7.2154 1.2771 Z\"></path>\n  </SvgIcon>\n);\n\nexport default AlertSmallFill;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,iBAAiB,CAAC,UACtB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAkU,CAC5U;AAGF,IAAO,0BAAQ;",
+  "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 AlertSmallFill = (props: SvgIconT.Props) => (\n  <SvgIcon width={12} height={13} {...props} viewBox=\"0 0 12 13\">\n    <path d=\"M 7.2154 1.2771 L 11.8239 10.2545 C 12.1984 10.9839 11.956 11.904 11.2826 12.3096 C 11.0752 12.4345 10.8419 12.5 10.6046 12.5 L 1.3952 12.5 C 0.6246 12.5 0 11.8234 0 10.9889 C 0 10.7322 0.0603 10.4798 0.1753 10.2555 L 4.7762 1.278 C 5.1502 0.5483 5.9995 0.2851 6.6732 0.6902 C 6.901 0.8271 7.0888 1.0304 7.2154 1.2771 Z\"></path>\n  </SvgIcon>\n);\n\nexport default AlertSmallFill;\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,CAAkU,CAC5U;AAGF,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/Archive.js

@@ -20,7 +20,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
-const Archive = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const Archive = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 24 24"
 }), /* @__PURE__ */ React2.createElement("g", null, /* @__PURE__ */ React2.createElement("path", {
   d: "M21.5,3h-19C2.2,3,2,3.2,2,3.5v4C2,7.8,2.2,8,2.5,8H3v12.5C3,20.8,3.2,21,3.5,21h17c0.3,0,0.5-0.2,0.5-0.5V8h0.5\n			C21.8,8,22,7.8,22,7.5v-4C22,3.2,21.8,3,21.5,3z M3,7V4h18v3H3z M14.2,8c-0.6,0.6-1.4,1-2.2,1s-1.7-0.4-2.2-1H14.2z M20,20H4V8\n			h4.6c0.7,1.2,2,2,3.4,2s2.7-0.8,3.4-2H20V20z"

package/dist/esm/Archive.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Archive.tsx"],
-  "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 Archive = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 24 24\">\n    <g>\n      <path\n        d=\"M21.5,3h-19C2.2,3,2,3.2,2,3.5v4C2,7.8,2.2,8,2.5,8H3v12.5C3,20.8,3.2,21,3.5,21h17c0.3,0,0.5-0.2,0.5-0.5V8h0.5\n\t\t\tC21.8,8,22,7.8,22,7.5v-4C22,3.2,21.8,3,21.5,3z M3,7V4h18v3H3z M14.2,8c-0.6,0.6-1.4,1-2.2,1s-1.7-0.4-2.2-1H14.2z M20,20H4V8\n\t\t\th4.6c0.7,1.2,2,2,3.4,2s2.7-0.8,3.4-2H20V20z\"\n      />\n      <path d=\"M8,15h8v-3H8V15z M9,13h6v1H9V13z\" />\n    </g>\n  </SvgIcon>\n);\n\nexport default Archive;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,UAAU,CAAC,UACf,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC,WACC,qCAAC;AAAA,EACC,GAAE;AAAA,CAGJ,GACA,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAmC,CAC7C,CACF;AAGF,IAAO,kBAAQ;",
+  "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 Archive = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <g>\n      <path\n        d=\"M21.5,3h-19C2.2,3,2,3.2,2,3.5v4C2,7.8,2.2,8,2.5,8H3v12.5C3,20.8,3.2,21,3.5,21h17c0.3,0,0.5-0.2,0.5-0.5V8h0.5\n\t\t\tC21.8,8,22,7.8,22,7.5v-4C22,3.2,21.8,3,21.5,3z M3,7V4h18v3H3z M14.2,8c-0.6,0.6-1.4,1-2.2,1s-1.7-0.4-2.2-1H14.2z M20,20H4V8\n\t\t\th4.6c0.7,1.2,2,2,3.4,2s2.7-0.8,3.4-2H20V20z\"\n      />\n      <path d=\"M8,15h8v-3H8V15z M9,13h6v1H9V13z\" />\n    </g>\n  </SvgIcon>\n);\n\nexport default Archive;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,UAAU,CAAC,UACf,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC,WACC,qCAAC;AAAA,EACC,GAAE;AAAA,CAGJ,GACA,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAmC,CAC7C,CACF;AAGF,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/ArrowblockEW.js

@@ -20,7 +20,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
-const ArrowblockEW = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+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",

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 { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst ArrowblockEW = (props: SvgIconT.Props) => (\n  <SvgIcon {...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,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAK,GAAE;AAAA,EAA8D,IAAG;AAAA,CAAS,CACpF;AAGF,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/ArrowblockNESW.js

@@ -20,7 +20,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
-const ArrowblockNESW = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+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"

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 { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst ArrowblockNESW = (props: SvgIconT.Props) => (\n  <SvgIcon {...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,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAA2C,CACrD;AAGF,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

@@ -20,7 +20,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
-const ArrowblockNS = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+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",

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 { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst ArrowblockNS = (props: SvgIconT.Props) => (\n  <SvgIcon {...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,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAK,GAAE;AAAA,EAA2D,IAAG;AAAA,CAAS,CACjF;AAGF,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/ArrowblockSENW.js

@@ -20,7 +20,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
-const ArrowblockSENW = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+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"

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 { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst ArrowblockSENW = (props: SvgIconT.Props) => (\n  <SvgIcon {...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,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAA2C,CACrD;AAGF,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/Call.js

@@ -20,7 +20,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
-const Call = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const Call = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 24 24"
 }), /* @__PURE__ */ React2.createElement("path", {
   d: "M 5.989 0.75 L 9.37 4.986 C 10.06 5.85 9.921 7.111 9.06 7.803 L 8.935 7.895 L 6.856 9.315 A 1.003 1.003 0 0 0 6.456 10.412 C 6.833 11.769 7.694 13.128 9.039 14.491 C 10.4 15.869 11.916 16.907 13.587 17.603 C 14.051 17.797 14.587 17.613 14.837 17.176 L 16.009 15.128 A 1.996 1.996 0 0 1 18.875 14.474 L 23.133 17.412 A 2.008 2.008 0 0 1 23.734 20.06 L 23.614 20.245 L 22.378 21.943 A 4.989 4.989 0 0 1 16.788 23.75 C 12.305 22.278 8.809 20.257 6.302 17.688 C 1.6 12.872 0.32 7.951 0.017 5.111 C -0.152 3.535 0.945 1.946 3.309 0.343 A 1.995 1.995 0 0 1 5.989 0.75 Z M 5.209 1.377 A 0.997 0.997 0 0 0 3.869 1.173 C 1.779 2.59 0.889 3.878 1.01 5.004 C 1.431 8.934 3.241 13.12 7.017 16.987 C 9.403 19.432 12.76 21.373 17.1 22.797 A 3.99 3.99 0 0 0 21.44 21.523 L 21.572 21.353 L 22.824 19.631 C 23.114 19.211 23.038 18.647 22.667 18.315 L 22.567 18.238 L 18.31 15.3 L 18.24 15.256 A 0.998 0.998 0 0 0 16.94 15.529 L 16.877 15.627 L 15.705 17.675 A 1.996 1.996 0 0 1 13.205 18.528 C 11.409 17.78 9.783 16.668 8.33 15.196 C 6.873 13.72 5.922 12.217 5.495 10.681 C 5.279 9.905 5.548 9.081 6.167 8.581 L 6.295 8.487 L 8.374 7.067 A 1.004 1.004 0 0 0 8.664 5.715 L 8.591 5.612 L 5.21 1.377 Z"

package/dist/esm/Call.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Call.tsx"],
-  "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 Call = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 24 24\">\n    <path d=\"M 5.989 0.75 L 9.37 4.986 C 10.06 5.85 9.921 7.111 9.06 7.803 L 8.935 7.895 L 6.856 9.315 A 1.003 1.003 0 0 0 6.456 10.412 C 6.833 11.769 7.694 13.128 9.039 14.491 C 10.4 15.869 11.916 16.907 13.587 17.603 C 14.051 17.797 14.587 17.613 14.837 17.176 L 16.009 15.128 A 1.996 1.996 0 0 1 18.875 14.474 L 23.133 17.412 A 2.008 2.008 0 0 1 23.734 20.06 L 23.614 20.245 L 22.378 21.943 A 4.989 4.989 0 0 1 16.788 23.75 C 12.305 22.278 8.809 20.257 6.302 17.688 C 1.6 12.872 0.32 7.951 0.017 5.111 C -0.152 3.535 0.945 1.946 3.309 0.343 A 1.995 1.995 0 0 1 5.989 0.75 Z M 5.209 1.377 A 0.997 0.997 0 0 0 3.869 1.173 C 1.779 2.59 0.889 3.878 1.01 5.004 C 1.431 8.934 3.241 13.12 7.017 16.987 C 9.403 19.432 12.76 21.373 17.1 22.797 A 3.99 3.99 0 0 0 21.44 21.523 L 21.572 21.353 L 22.824 19.631 C 23.114 19.211 23.038 18.647 22.667 18.315 L 22.567 18.238 L 18.31 15.3 L 18.24 15.256 A 0.998 0.998 0 0 0 16.94 15.529 L 16.877 15.627 L 15.705 17.675 A 1.996 1.996 0 0 1 13.205 18.528 C 11.409 17.78 9.783 16.668 8.33 15.196 C 6.873 13.72 5.922 12.217 5.495 10.681 C 5.279 9.905 5.548 9.081 6.167 8.581 L 6.295 8.487 L 8.374 7.067 A 1.004 1.004 0 0 0 8.664 5.715 L 8.591 5.612 L 5.21 1.377 Z\"></path>\n  </SvgIcon>\n);\n\nexport default Call;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,OAAO,CAAC,UACZ,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAgqC,CAC1qC;AAGF,IAAO,eAAQ;",
+  "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 Call = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <path d=\"M 5.989 0.75 L 9.37 4.986 C 10.06 5.85 9.921 7.111 9.06 7.803 L 8.935 7.895 L 6.856 9.315 A 1.003 1.003 0 0 0 6.456 10.412 C 6.833 11.769 7.694 13.128 9.039 14.491 C 10.4 15.869 11.916 16.907 13.587 17.603 C 14.051 17.797 14.587 17.613 14.837 17.176 L 16.009 15.128 A 1.996 1.996 0 0 1 18.875 14.474 L 23.133 17.412 A 2.008 2.008 0 0 1 23.734 20.06 L 23.614 20.245 L 22.378 21.943 A 4.989 4.989 0 0 1 16.788 23.75 C 12.305 22.278 8.809 20.257 6.302 17.688 C 1.6 12.872 0.32 7.951 0.017 5.111 C -0.152 3.535 0.945 1.946 3.309 0.343 A 1.995 1.995 0 0 1 5.989 0.75 Z M 5.209 1.377 A 0.997 0.997 0 0 0 3.869 1.173 C 1.779 2.59 0.889 3.878 1.01 5.004 C 1.431 8.934 3.241 13.12 7.017 16.987 C 9.403 19.432 12.76 21.373 17.1 22.797 A 3.99 3.99 0 0 0 21.44 21.523 L 21.572 21.353 L 22.824 19.631 C 23.114 19.211 23.038 18.647 22.667 18.315 L 22.567 18.238 L 18.31 15.3 L 18.24 15.256 A 0.998 0.998 0 0 0 16.94 15.529 L 16.877 15.627 L 15.705 17.675 A 1.996 1.996 0 0 1 13.205 18.528 C 11.409 17.78 9.783 16.668 8.33 15.196 C 6.873 13.72 5.922 12.217 5.495 10.681 C 5.279 9.905 5.548 9.081 6.167 8.581 L 6.295 8.487 L 8.374 7.067 A 1.004 1.004 0 0 0 8.664 5.715 L 8.591 5.612 L 5.21 1.377 Z\"></path>\n  </SvgIcon>\n);\n\nexport default Call;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,OAAO,CAAC,UACZ,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAgqC,CAC1qC;AAGF,IAAO,eAAQ;",
   "names": []
 }

package/dist/esm/ChevronDoubleLeft.js

@@ -21,7 +21,10 @@ import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
 function ChevronDoubleLeft(props) {
-  return /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+    width: 16,
+    height: 16
+  }, props), {
     viewBox: "0 0 16 16",
     paths: [
       "M0,8c0,0.1,0,0.2,0.1,0.3l5.6,7.5c0.2,0.2,0.5,0.3,0.7,0.1c0.2-0.2,0.3-0.5,0.1-0.7L1.1,8l5.4-7.2c0.2-0.2,0.1-0.5-0.1-0.7C6.2-0.1,5.9,0,5.7,0.2L0.1,7.7C0,7.8,0,7.9,0,8L0,8z M9,8c0,0.1,0,0.2,0.1,0.3l5.6,7.5c0.2,0.2,0.5,0.3,0.7,0.1c0.2-0.2,0.3-0.5,0.1-0.7L10.1,8l5.4-7.2c0.2-0.2,0.1-0.5-0.1-0.7c-0.2-0.2-0.5-0.1-0.7,0.1L9.1,7.7C9,7.8,9,7.9,9,8L9,8z"

package/dist/esm/ChevronDoubleLeft.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChevronDoubleLeft.tsx"],
-  "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 ChevronDoubleLeft(props) {\n  return (\n    <SvgIcon\n      {...props}\n      viewBox=\"0 0 16 16\"\n      paths={[\n        'M0,8c0,0.1,0,0.2,0.1,0.3l5.6,7.5c0.2,0.2,0.5,0.3,0.7,0.1c0.2-0.2,0.3-0.5,0.1-0.7L1.1,8l5.4-7.2c0.2-0.2,0.1-0.5-0.1-0.7C6.2-0.1,5.9,0,5.7,0.2L0.1,7.7C0,7.8,0,7.9,0,8L0,8z M9,8c0,0.1,0,0.2,0.1,0.3l5.6,7.5c0.2,0.2,0.5,0.3,0.7,0.1c0.2-0.2,0.3-0.5,0.1-0.7L10.1,8l5.4-7.2c0.2-0.2,0.1-0.5-0.1-0.7c-0.2-0.2-0.5-0.1-0.7,0.1L9.1,7.7C9,7.8,9,7.9,9,8L9,8z',\n      ]}\n    />\n  );\n}\n\nexport default ChevronDoubleLeft;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,2BAA2B,OAAO;AAChC,SACE,qCAAC,0CACK,QADL;AAAA,IAEC,SAAQ;AAAA,IACR,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACF;AAEJ;AAEA,IAAO,4BAAQ;",
+  "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 ChevronDoubleLeft(props) {\n  return (\n    <SvgIcon\n      width={16}\n      height={16}\n      {...props}\n      viewBox=\"0 0 16 16\"\n      paths={[\n        'M0,8c0,0.1,0,0.2,0.1,0.3l5.6,7.5c0.2,0.2,0.5,0.3,0.7,0.1c0.2-0.2,0.3-0.5,0.1-0.7L1.1,8l5.4-7.2c0.2-0.2,0.1-0.5-0.1-0.7C6.2-0.1,5.9,0,5.7,0.2L0.1,7.7C0,7.8,0,7.9,0,8L0,8z M9,8c0,0.1,0,0.2,0.1,0.3l5.6,7.5c0.2,0.2,0.5,0.3,0.7,0.1c0.2-0.2,0.3-0.5,0.1-0.7L10.1,8l5.4-7.2c0.2-0.2,0.1-0.5-0.1-0.7c-0.2-0.2-0.5-0.1-0.7,0.1L9.1,7.7C9,7.8,9,7.9,9,8L9,8z',\n      ]}\n    />\n  );\n}\n\nexport default ChevronDoubleLeft;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,2BAA2B,OAAO;AAChC,SACE,qCAAC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,KACJ,QAHL;AAAA,IAIC,SAAQ;AAAA,IACR,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACF;AAEJ;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/ChevronDoubleRight.js

@@ -20,7 +20,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { SvgIcon } from "./utils/SvgIcon";
-const ChevronDoubleRight = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const ChevronDoubleRight = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 16,
+  height: 16
+}, props), {
   viewBox: "0 0 16 16"
 }), /* @__PURE__ */ React2.createElement("path", {
   d: "M6.6,8c0,0.1,0,0.2-0.1,0.3l-5.6,7.5c-0.2,0.2-0.5,0.3-0.7,0.1c-0.2-0.2-0.3-0.5-0.1-0.7L5.5,8L0.1,0.8\n	C-0.1,0.5,0,0.3,0.2,0.1C0.4-0.1,0.7,0,0.8,0.2l5.6,7.5C6.6,7.8,6.6,7.9,6.6,8L6.6,8z M15.6,8c0,0.1,0,0.2-0.1,0.3l-5.6,7.5\n	c-0.2,0.2-0.5,0.3-0.7,0.1c-0.2-0.2-0.3-0.5-0.1-0.7L14.5,8L9.1,0.8C8.9,0.5,9,0.3,9.2,0.1C9.4-0.1,9.7,0,9.8,0.2l5.6,7.5\n	C15.6,7.8,15.6,7.9,15.6,8L15.6,8z"