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

package/dist/esm/InboxNewOutline.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 InboxNewOutline = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const InboxNewOutline = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 24 24"
 }), /* @__PURE__ */ React2.createElement("g", {
   transform: "translate(-117.000000, -69.000000)",

package/dist/esm/InboxNewOutline.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/InboxNewOutline.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst InboxNewOutline = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 24 24\">\n    <g transform=\"translate(-117.000000, -69.000000)\" fillRule=\"nonzero\">\n      <path d=\"M123.500281,76 L123.590106,76.0080557 C123.823224,76.0503916 124,76.2545401 124,76.5 C124,76.7454599 123.823224,76.9496084 123.590106,76.9919443 L123.500281,77 L121.455024,77 L121.375734,77.0063319 C121.29757,77.0188999 121.223471,77.049889 121.159618,77.0967145 L121.099409,77.148723 L118.404606,80 L135.595394,80 L132.900591,77.148723 C132.825477,77.0725953 132.728485,77.0230892 132.624266,77.0063319 L132.544976,77 L130.499719,77 C130.223732,77 130,76.7761424 130,76.5 C130,76.2545401 130.176776,76.0503916 130.409894,76.0080557 L130.499719,76 L132.544976,76 C132.895795,76 133.233824,76.1230283 133.501553,76.345034 L133.611822,76.446169 L137,80 L137,85.5 C137,86.2796961 136.405112,86.9204487 135.64446,86.9931334 L135.5,87 L118.5,87 C117.720304,87 117.079551,86.4051119 117.006867,85.64446 L117,85.5 L117,80 L120.388178,76.446169 L120.498447,76.345034 C120.727929,76.1547434 121.00906,76.0371709 121.305624,76.0074622 L121.455024,76 L123.500281,76 Z M123.004822,81 L117.99918,81 L118,85.5 C118,85.7147774 118.13542,85.8979258 118.325534,85.9687187 L118.410124,85.9919443 L118.5,86 L135.5,86 C135.74546,86 135.949608,85.8231248 135.991944,85.5898756 L136,85.5 L135.99918,81 L131.000977,81 L131.000977,82.5 C131.000977,82.7900542 130.918649,83.0608799 130.776088,83.2903845 C130.535429,83.6778125 130.123119,83.9474881 129.645437,83.9931334 L129.500977,84 L124.504822,84 C123.725126,84 123.084373,83.4051119 123.011688,82.64446 L123.004822,82.5 L123.004822,81 Z M130.002747,81.0089111 L124.007935,81.0089111 L124.007935,82.5 C124.007935,82.7147774 124.143355,82.8979258 124.333468,82.9687187 L124.418059,82.9919443 L124.507935,83 L129.502747,83 C129.655575,83 129.792388,82.9314334 129.884103,82.8233846 C129.939693,82.7578944 129.978714,82.6778993 129.994691,82.5898756 L130.002747,82.5 L130.002747,81.0089111 Z M126.999625,69 C127.275615,69 127.500107,69.2206358 127.500107,69.4924907 L127.500107,75.3183907 L129.64603,73.2046208 C129.841024,73.0125494 130.158012,73.0125494 130.353005,73.2046208 C130.451002,73.3011489 130.5,73.4272265 130.5,73.5523192 C130.5,73.6783968 130.451002,73.8044744 130.353005,73.9010026 L127.353112,76.8559465 C127.158119,77.0480178 126.841131,77.0480178 126.646138,76.8559465 L123.646245,73.9010026 C123.451252,73.7089312 123.451252,73.3966921 123.646245,73.2046208 C123.841238,73.0125494 124.158226,73.0125494 124.35322,73.2046208 L126.500143,75.3183907 L126.500143,69.4924907 C126.500143,69.2206358 126.722635,69 126.999625,69 Z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default InboxNewOutline;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,kBAAkB,CAAC,UACvB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAE,WAAU;AAAA,EAAqC,UAAS;AAAA,GACzD,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAs6E,CACh7E,CACF;AAGF,IAAO,0BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst InboxNewOutline = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <g transform=\"translate(-117.000000, -69.000000)\" fillRule=\"nonzero\">\n      <path d=\"M123.500281,76 L123.590106,76.0080557 C123.823224,76.0503916 124,76.2545401 124,76.5 C124,76.7454599 123.823224,76.9496084 123.590106,76.9919443 L123.500281,77 L121.455024,77 L121.375734,77.0063319 C121.29757,77.0188999 121.223471,77.049889 121.159618,77.0967145 L121.099409,77.148723 L118.404606,80 L135.595394,80 L132.900591,77.148723 C132.825477,77.0725953 132.728485,77.0230892 132.624266,77.0063319 L132.544976,77 L130.499719,77 C130.223732,77 130,76.7761424 130,76.5 C130,76.2545401 130.176776,76.0503916 130.409894,76.0080557 L130.499719,76 L132.544976,76 C132.895795,76 133.233824,76.1230283 133.501553,76.345034 L133.611822,76.446169 L137,80 L137,85.5 C137,86.2796961 136.405112,86.9204487 135.64446,86.9931334 L135.5,87 L118.5,87 C117.720304,87 117.079551,86.4051119 117.006867,85.64446 L117,85.5 L117,80 L120.388178,76.446169 L120.498447,76.345034 C120.727929,76.1547434 121.00906,76.0371709 121.305624,76.0074622 L121.455024,76 L123.500281,76 Z M123.004822,81 L117.99918,81 L118,85.5 C118,85.7147774 118.13542,85.8979258 118.325534,85.9687187 L118.410124,85.9919443 L118.5,86 L135.5,86 C135.74546,86 135.949608,85.8231248 135.991944,85.5898756 L136,85.5 L135.99918,81 L131.000977,81 L131.000977,82.5 C131.000977,82.7900542 130.918649,83.0608799 130.776088,83.2903845 C130.535429,83.6778125 130.123119,83.9474881 129.645437,83.9931334 L129.500977,84 L124.504822,84 C123.725126,84 123.084373,83.4051119 123.011688,82.64446 L123.004822,82.5 L123.004822,81 Z M130.002747,81.0089111 L124.007935,81.0089111 L124.007935,82.5 C124.007935,82.7147774 124.143355,82.8979258 124.333468,82.9687187 L124.418059,82.9919443 L124.507935,83 L129.502747,83 C129.655575,83 129.792388,82.9314334 129.884103,82.8233846 C129.939693,82.7578944 129.978714,82.6778993 129.994691,82.5898756 L130.002747,82.5 L130.002747,81.0089111 Z M126.999625,69 C127.275615,69 127.500107,69.2206358 127.500107,69.4924907 L127.500107,75.3183907 L129.64603,73.2046208 C129.841024,73.0125494 130.158012,73.0125494 130.353005,73.2046208 C130.451002,73.3011489 130.5,73.4272265 130.5,73.5523192 C130.5,73.6783968 130.451002,73.8044744 130.353005,73.9010026 L127.353112,76.8559465 C127.158119,77.0480178 126.841131,77.0480178 126.646138,76.8559465 L123.646245,73.9010026 C123.451252,73.7089312 123.451252,73.3966921 123.646245,73.2046208 C123.841238,73.0125494 124.158226,73.0125494 124.35322,73.2046208 L126.500143,75.3183907 L126.500143,69.4924907 C126.500143,69.2206358 126.722635,69 126.999625,69 Z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default InboxNewOutline;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,kBAAkB,CAAC,UACvB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAE,WAAU;AAAA,EAAqC,UAAS;AAAA,GACzD,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAs6E,CACh7E,CACF;AAGF,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/InboxOutline.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 InboxOutline = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const InboxOutline = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 24 24"
 }), /* @__PURE__ */ React2.createElement("g", {
   transform: "translate(-117.000000, -29.000000)"

package/dist/esm/InboxOutline.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/InboxOutline.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst InboxOutline = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 24 24\">\n    <g transform=\"translate(-117.000000, -29.000000)\">\n      <path d=\"M133,29 L137,35 L137,41 C137,41.510703 136.611979,41.9352025 136.116197,41.9932396 L136,42 L118,42 C117.489297,42 117.064798,41.6119793 117.00676,41.1161967 L117,41 L117,35 L121,29 L133,29 Z M136,36 L131.005585,36 L131.005585,37.5 C131.005585,38.2796961 130.410697,38.9204487 129.650045,38.9931334 L129.505585,39 L124.524658,39 C123.744962,39 123.10421,38.4051119 123.031525,37.64446 L123.024658,37.5 L123.024658,36 L118,36 L118,40.5 C118,40.7454599 118.176875,40.9496084 118.410124,40.9919443 L118.5,41 L135.5,41 C135.74546,41 135.949608,40.8231248 135.991944,40.5898756 L136,40.5 L136,36 Z M130.00177,36.0091248 L124.01001,36.0091248 L124.01001,37.5 C124.01001,37.7147774 124.14543,37.8979258 124.335544,37.9687187 L124.420134,37.9919443 L124.51001,38 L129.50177,38 C129.74723,38 129.951378,37.8231248 129.993714,37.5898756 L130.00177,37.5 L130.00177,36.0091248 Z M132.464844,30 L121.535156,30 L118.201843,35 L135.798157,35 L132.464844,30 Z M133,33 L133,34 L121,34 L121,33 L133,33 Z M132,31 L132,32 L122,32 L122,31 L132,31 Z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default InboxOutline;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,eAAe,CAAC,UACpB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAE,WAAU;AAAA,GACX,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAqgC,CAC/gC,CACF;AAGF,IAAO,uBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst InboxOutline = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <g transform=\"translate(-117.000000, -29.000000)\">\n      <path d=\"M133,29 L137,35 L137,41 C137,41.510703 136.611979,41.9352025 136.116197,41.9932396 L136,42 L118,42 C117.489297,42 117.064798,41.6119793 117.00676,41.1161967 L117,41 L117,35 L121,29 L133,29 Z M136,36 L131.005585,36 L131.005585,37.5 C131.005585,38.2796961 130.410697,38.9204487 129.650045,38.9931334 L129.505585,39 L124.524658,39 C123.744962,39 123.10421,38.4051119 123.031525,37.64446 L123.024658,37.5 L123.024658,36 L118,36 L118,40.5 C118,40.7454599 118.176875,40.9496084 118.410124,40.9919443 L118.5,41 L135.5,41 C135.74546,41 135.949608,40.8231248 135.991944,40.5898756 L136,40.5 L136,36 Z M130.00177,36.0091248 L124.01001,36.0091248 L124.01001,37.5 C124.01001,37.7147774 124.14543,37.8979258 124.335544,37.9687187 L124.420134,37.9919443 L124.51001,38 L129.50177,38 C129.74723,38 129.951378,37.8231248 129.993714,37.5898756 L130.00177,37.5 L130.00177,36.0091248 Z M132.464844,30 L121.535156,30 L118.201843,35 L135.798157,35 L132.464844,30 Z M133,33 L133,34 L121,34 L121,33 L133,33 Z M132,31 L132,32 L122,32 L122,31 L132,31 Z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default InboxOutline;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,eAAe,CAAC,UACpB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAE,WAAU;AAAA,GACX,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAqgC,CAC/gC,CACF;AAGF,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/InviteToApply.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 InviteToApply = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const InviteToApply = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 24 24"
 }), /* @__PURE__ */ React2.createElement("g", {
   fillRule: "nonzero",

package/dist/esm/InviteToApply.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/InviteToApply.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst InviteToApply = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 24 24\">\n    <g fillRule=\"nonzero\" transform=\"translate(-622 -570)\">\n      <path d=\"M641 570c.78 0 1.42.597 1.493 1.36l.007.144-.001 8.865 2.06-1.458a.5.5 0 00.069-.757l-.069-.059-1.009-.71v-1.225l1.587 1.12c.195.137.347.313.453.51l.11.159c.19.306.3.667.3 1.054v13a2 2 0 01-2 2h-20a2 2 0 01-2-2v-13c0-.459.155-.881.414-1.219a1.5 1.5 0 01.316-.4l.133-.105 1.524-1.12v1.226l-.946.71a.5.5 0 00-.065.055l-.054.064a.5.5 0 00.05.639l.069.058 2.058 1.457V578h.007v-3h-.006v-3.496c0-.782.595-1.424 1.356-1.497L627 570h14zm4 9.826l-7.847 5.558 4.57 3.286.069.059a.5.5 0 01-.574.798l-.078-.045-6.852-4.927-.078-.046a.5.5 0 00-.425-.001l-.078.045-6.961 4.93-.078.046a.5.5 0 01-.569-.803l.069-.058 4.656-3.3-7.824-5.542v12.18a1 1 0 00.883.994l.117.006h20a1 1 0 00.993-.883l.007-.117v-12.18zm-4-8.823h-14a.5.5 0 00-.492.41l-.008.091-.001 9.573 5.19 3.676 1.44-1.019.123-.079a1.5 1.5 0 011.485-.001l.134.086 1.424 1.024 5.204-3.687.001-9.573a.501.501 0 00-.41-.493l-.09-.008zM634.525 573v3.692h3.692v1.016l-3.693-.001.001 3.693h-1.015v-3.693h-3.693v-1.015h3.692V573h1.016z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default InviteToApply;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,gBAAgB,CAAC,UACrB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAE,UAAS;AAAA,EAAU,WAAU;AAAA,GAC9B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAi9B,CAC39B,CACF;AAGF,IAAO,wBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst InviteToApply = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <g fillRule=\"nonzero\" transform=\"translate(-622 -570)\">\n      <path d=\"M641 570c.78 0 1.42.597 1.493 1.36l.007.144-.001 8.865 2.06-1.458a.5.5 0 00.069-.757l-.069-.059-1.009-.71v-1.225l1.587 1.12c.195.137.347.313.453.51l.11.159c.19.306.3.667.3 1.054v13a2 2 0 01-2 2h-20a2 2 0 01-2-2v-13c0-.459.155-.881.414-1.219a1.5 1.5 0 01.316-.4l.133-.105 1.524-1.12v1.226l-.946.71a.5.5 0 00-.065.055l-.054.064a.5.5 0 00.05.639l.069.058 2.058 1.457V578h.007v-3h-.006v-3.496c0-.782.595-1.424 1.356-1.497L627 570h14zm4 9.826l-7.847 5.558 4.57 3.286.069.059a.5.5 0 01-.574.798l-.078-.045-6.852-4.927-.078-.046a.5.5 0 00-.425-.001l-.078.045-6.961 4.93-.078.046a.5.5 0 01-.569-.803l.069-.058 4.656-3.3-7.824-5.542v12.18a1 1 0 00.883.994l.117.006h20a1 1 0 00.993-.883l.007-.117v-12.18zm-4-8.823h-14a.5.5 0 00-.492.41l-.008.091-.001 9.573 5.19 3.676 1.44-1.019.123-.079a1.5 1.5 0 011.485-.001l.134.086 1.424 1.024 5.204-3.687.001-9.573a.501.501 0 00-.41-.493l-.09-.008zM634.525 573v3.692h3.692v1.016l-3.693-.001.001 3.693h-1.015v-3.693h-3.693v-1.015h3.692V573h1.016z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default InviteToApply;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,gBAAgB,CAAC,UACrB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAE,UAAS;AAAA,EAAU,WAAU;AAAA,GAC9B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAi9B,CAC39B,CACF;AAGF,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/LogActivity.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 LogActivity = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const LogActivity = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 24 24"
 }), /* @__PURE__ */ React2.createElement("g", {
   fillRule: "nonzero",

package/dist/esm/LogActivity.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/LogActivity.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst LogActivity = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 24 24\">\n    <g fillRule=\"nonzero\" transform=\"translate(-370 -570)\">\n      <path d=\"M391.5 570a2.5 2.5 0 012.5 2.5v2.525a1 1 0 01-1 1h-2v-1h2v-2.526a1.5 1.5 0 00-1.453-1.499l-.047.006a1.49 1.49 0 00-1.493 1.349l-.007.144v4.416a.5.5 0 01-.992.09l-.008-.09v-4.416c0-.56.184-1.077.495-1.493h-11.993a2.5 2.5 0 00-2.495 2.335l-.005.164-.002 17.988c0 .567-.188 1.089-.506 1.508h12.519c.936 0 1.756-.34 2.011-1.23a.388.388 0 01-.013-.105V588.5a.5.5 0 01.41-.492l.09-.008a.5.5 0 01.5.5v3.166a.503.503 0 01-.008.094.492.492 0 01-.005.24c-.347 1.291-1.482 1.918-2.804 1.995l-.181.005H372.5a.502.502 0 01-.1-.01l.1.003a2.5 2.5 0 01-2.5-2.5v-4.498a1 1 0 011-1h2v1h-2v4.498a1.5 1.5 0 002.993.145l.007-.145.002-17.988a3.5 3.5 0 013.308-3.493l.192-.006h13.824c.057-.004.115-.006.174-.006zm1.696 9.223c.721.721.756 1.87.103 2.631l-.125.132-6.992 6.57a2.002 2.002 0 01-.899.486l-3.276.795.815-3.127a2 2 0 01.56-.948l6.946-6.578a2.057 2.057 0 012.868.039zm-4.285 2.68l-4.84 4.585a1 1 0 00-.236.341l-.044.133-.394 1.509 1.65-.4a1 1 0 00.35-.162l.1-.082 4.788-4.5-1.374-1.424zm-8.517 2.099a.5.5 0 01.09.992l-.09.008h-1.884a.5.5 0 01-.09-.992l.09-.008h1.884zm10.708-4.165l-.086.073-1.378 1.304 1.377 1.427 1.473-1.383a.939.939 0 000-1.328 1.056 1.056 0 00-1.386-.093zm-6.604-.34a.5.5 0 01.09.992l-.09.008h-5.988a.5.5 0 01-.09-.992l.09-.008h5.988zm1.017-4.47a.5.5 0 01.09.992l-.09.008h-7.005a.5.5 0 01-.09-.992l.09-.008h7.005z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default LogActivity;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,cAAc,CAAC,UACnB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAE,UAAS;AAAA,EAAU,WAAU;AAAA,GAC9B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAA2yC,CACrzC,CACF;AAGF,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst LogActivity = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <g fillRule=\"nonzero\" transform=\"translate(-370 -570)\">\n      <path d=\"M391.5 570a2.5 2.5 0 012.5 2.5v2.525a1 1 0 01-1 1h-2v-1h2v-2.526a1.5 1.5 0 00-1.453-1.499l-.047.006a1.49 1.49 0 00-1.493 1.349l-.007.144v4.416a.5.5 0 01-.992.09l-.008-.09v-4.416c0-.56.184-1.077.495-1.493h-11.993a2.5 2.5 0 00-2.495 2.335l-.005.164-.002 17.988c0 .567-.188 1.089-.506 1.508h12.519c.936 0 1.756-.34 2.011-1.23a.388.388 0 01-.013-.105V588.5a.5.5 0 01.41-.492l.09-.008a.5.5 0 01.5.5v3.166a.503.503 0 01-.008.094.492.492 0 01-.005.24c-.347 1.291-1.482 1.918-2.804 1.995l-.181.005H372.5a.502.502 0 01-.1-.01l.1.003a2.5 2.5 0 01-2.5-2.5v-4.498a1 1 0 011-1h2v1h-2v4.498a1.5 1.5 0 002.993.145l.007-.145.002-17.988a3.5 3.5 0 013.308-3.493l.192-.006h13.824c.057-.004.115-.006.174-.006zm1.696 9.223c.721.721.756 1.87.103 2.631l-.125.132-6.992 6.57a2.002 2.002 0 01-.899.486l-3.276.795.815-3.127a2 2 0 01.56-.948l6.946-6.578a2.057 2.057 0 012.868.039zm-4.285 2.68l-4.84 4.585a1 1 0 00-.236.341l-.044.133-.394 1.509 1.65-.4a1 1 0 00.35-.162l.1-.082 4.788-4.5-1.374-1.424zm-8.517 2.099a.5.5 0 01.09.992l-.09.008h-1.884a.5.5 0 01-.09-.992l.09-.008h1.884zm10.708-4.165l-.086.073-1.378 1.304 1.377 1.427 1.473-1.383a.939.939 0 000-1.328 1.056 1.056 0 00-1.386-.093zm-6.604-.34a.5.5 0 01.09.992l-.09.008h-5.988a.5.5 0 01-.09-.992l.09-.008h5.988zm1.017-4.47a.5.5 0 01.09.992l-.09.008h-7.005a.5.5 0 01-.09-.992l.09-.008h7.005z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default LogActivity;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,cAAc,CAAC,UACnB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAE,UAAS;AAAA,EAAU,WAAU;AAAA,GAC9B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAA2yC,CACrzC,CACF;AAGF,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/MessagesDetail.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 MessagesDetail = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const MessagesDetail = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 12,
+  height: 13
+}, props), {
   viewBox: "0 0 12 13"
 }), /* @__PURE__ */ React2.createElement("g", {
   transform: "translate(-1843.000000, -147.000000)",

package/dist/esm/MessagesDetail.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/MessagesDetail.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst MessagesDetail = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 12 13\">\n    <g transform=\"translate(-1843.000000, -147.000000)\" fillRule=\"nonzero\">\n      <path d=\"M1853,147.5 C1854.10457,147.5 1855,148.395431 1855,149.5 L1855,157.5 C1855,158.604569 1854.10457,159.5 1853,159.5 L1845,159.5 C1843.89543,159.5 1843,158.604569 1843,157.5 L1843,149.5 C1843,148.395431 1843.89543,147.5 1845,147.5 L1853,147.5 Z M1854,152.348 L1848.79909,154.919916 L1844,152.595 L1844,157.5 C1844,158.012836 1844.38604,158.435507 1844.88338,158.493272 L1845,158.5 L1853,158.5 C1853.51284,158.5 1853.93551,158.11396 1853.99327,157.616621 L1854,157.5 L1854,152.348 Z M1853,148.5 L1845,148.5 C1844.48716,148.5 1844.06449,148.88604 1844.00673,149.383379 L1844,149.5 L1844,151.484 L1848.794,153.807 L1854,151.233 L1854,149.5 C1854,148.987164 1853.61396,148.564493 1853.11662,148.506728 L1853,148.5 Z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default MessagesDetail;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,iBAAiB,CAAC,UACtB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAE,WAAU;AAAA,EAAuC,UAAS;AAAA,GAC3D,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAusB,CACjtB,CACF;AAGF,IAAO,yBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst MessagesDetail = (props: SvgIconT.Props) => (\n  <SvgIcon width={12} height={13} {...props} viewBox=\"0 0 12 13\">\n    <g transform=\"translate(-1843.000000, -147.000000)\" fillRule=\"nonzero\">\n      <path d=\"M1853,147.5 C1854.10457,147.5 1855,148.395431 1855,149.5 L1855,157.5 C1855,158.604569 1854.10457,159.5 1853,159.5 L1845,159.5 C1843.89543,159.5 1843,158.604569 1843,157.5 L1843,149.5 C1843,148.395431 1843.89543,147.5 1845,147.5 L1853,147.5 Z M1854,152.348 L1848.79909,154.919916 L1844,152.595 L1844,157.5 C1844,158.012836 1844.38604,158.435507 1844.88338,158.493272 L1845,158.5 L1853,158.5 C1853.51284,158.5 1853.93551,158.11396 1853.99327,157.616621 L1854,157.5 L1854,152.348 Z M1853,148.5 L1845,148.5 C1844.48716,148.5 1844.06449,148.88604 1844.00673,149.383379 L1844,149.5 L1844,151.484 L1848.794,153.807 L1854,151.233 L1854,149.5 C1854,148.987164 1853.61396,148.564493 1853.11662,148.506728 L1853,148.5 Z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default MessagesDetail;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,iBAAiB,CAAC,UACtB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAE,WAAU;AAAA,EAAuC,UAAS;AAAA,GAC3D,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAusB,CACjtB,CACF;AAGF,IAAO,yBAAQ;",
   "names": []
 }

package/dist/esm/MessagesDetailFill.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 MessagesDetailFill = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const MessagesDetailFill = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 13,
+  height: 13
+}, props), {
   viewBox: "0 0 13 13"
 }), /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("path", {
   d: "M1799.5,151.985 L1804.75919,154.977688 L1804.93603,155.063475 C1805.29783,155.210539 1805.70337,155.210539 1806.06517,155.063475 L1806.24202,154.977688 L1811.4988,151.9865 L1811.5,158 C1811.5,158.828427 1810.82849,159.5 1810.00015,159.5 L1801.00105,159.5 C1800.17271,159.5 1799.5012,158.828427 1799.5012,158 L1799.5,151.985 Z M1810.00015,147.5 C1810.82849,147.5 1811.5,148.171573 1811.5,149 L1811.4988,150.2615 L1805.5006,153.673773 L1799.5,150.26 L1799.5012,149 C1799.5012,148.171573 1800.17271,147.5 1801.00105,147.5 L1810.00015,147.5 Z",

package/dist/esm/MessagesDetailFill.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/MessagesDetailFill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst MessagesDetailFill = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 13 13\">\n    <>\n      <defs>\n        <path\n          d=\"M1799.5,151.985 L1804.75919,154.977688 L1804.93603,155.063475 C1805.29783,155.210539 1805.70337,155.210539 1806.06517,155.063475 L1806.24202,154.977688 L1811.4988,151.9865 L1811.5,158 C1811.5,158.828427 1810.82849,159.5 1810.00015,159.5 L1801.00105,159.5 C1800.17271,159.5 1799.5012,158.828427 1799.5012,158 L1799.5,151.985 Z M1810.00015,147.5 C1810.82849,147.5 1811.5,148.171573 1811.5,149 L1811.4988,150.2615 L1805.5006,153.673773 L1799.5,150.26 L1799.5012,149 C1799.5012,148.171573 1800.17271,147.5 1801.00105,147.5 L1810.00015,147.5 Z\"\n          id=\"path-1\"\n        ></path>\n        <filter x=\"0.0%\" y=\"0.0%\" width=\"100.0%\" height=\"100.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n          <feOffset dx=\"0\" dy=\"0\" in=\"SourceAlpha\" result=\"shadowOffsetInner1\"></feOffset>\n          <feComposite\n            in=\"shadowOffsetInner1\"\n            in2=\"SourceAlpha\"\n            operator=\"arithmetic\"\n            k2=\"-1\"\n            k3=\"1\"\n            result=\"shadowInnerInner1\"\n          ></feComposite>\n          <feColorMatrix\n            values=\"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0\"\n            type=\"matrix\"\n            in=\"shadowInnerInner1\"\n          ></feColorMatrix>\n        </filter>\n      </defs>\n      <g stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n        <g transform=\"translate(-1799.000000, -147.000000)\">\n          <use fillRule=\"evenodd\" xlinkHref=\"#path-1\"></use>\n          <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-1\"></use>\n        </g>\n      </g>\n    </>\n  </SvgIcon>\n);\n\nexport default MessagesDetailFill;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,qBAAqB,CAAC,UAC1B,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,4DACE,qCAAC,cACC,qCAAC;AAAA,EACC,GAAE;AAAA,EACF,IAAG;AAAA,CACJ,GACD,qCAAC;AAAA,EAAO,GAAE;AAAA,EAAO,GAAE;AAAA,EAAO,OAAM;AAAA,EAAS,QAAO;AAAA,EAAS,aAAY;AAAA,EAAoB,IAAG;AAAA,GAC1F,qCAAC;AAAA,EAAS,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,IAAG;AAAA,EAAc,QAAO;AAAA,CAAqB,GACrE,qCAAC;AAAA,EACC,IAAG;AAAA,EACH,KAAI;AAAA,EACJ,UAAS;AAAA,EACT,IAAG;AAAA,EACH,IAAG;AAAA,EACH,QAAO;AAAA,CACR,GACD,qCAAC;AAAA,EACC,QAAO;AAAA,EACP,MAAK;AAAA,EACL,IAAG;AAAA,CACJ,CACH,CACF,GACA,qCAAC;AAAA,EAAE,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,UAAS;AAAA,GACxC,qCAAC;AAAA,EAAE,WAAU;AAAA,GACX,qCAAC;AAAA,EAAI,UAAS;AAAA,EAAU,WAAU;AAAA,CAAU,GAC5C,qCAAC;AAAA,EAAI,MAAK;AAAA,EAAQ,aAAY;AAAA,EAAI,QAAO;AAAA,EAAiB,WAAU;AAAA,CAAU,CAChF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst MessagesDetailFill = (props: SvgIconT.Props) => (\n  <SvgIcon width={13} height={13} {...props} viewBox=\"0 0 13 13\">\n    <>\n      <defs>\n        <path\n          d=\"M1799.5,151.985 L1804.75919,154.977688 L1804.93603,155.063475 C1805.29783,155.210539 1805.70337,155.210539 1806.06517,155.063475 L1806.24202,154.977688 L1811.4988,151.9865 L1811.5,158 C1811.5,158.828427 1810.82849,159.5 1810.00015,159.5 L1801.00105,159.5 C1800.17271,159.5 1799.5012,158.828427 1799.5012,158 L1799.5,151.985 Z M1810.00015,147.5 C1810.82849,147.5 1811.5,148.171573 1811.5,149 L1811.4988,150.2615 L1805.5006,153.673773 L1799.5,150.26 L1799.5012,149 C1799.5012,148.171573 1800.17271,147.5 1801.00105,147.5 L1810.00015,147.5 Z\"\n          id=\"path-1\"\n        ></path>\n        <filter x=\"0.0%\" y=\"0.0%\" width=\"100.0%\" height=\"100.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n          <feOffset dx=\"0\" dy=\"0\" in=\"SourceAlpha\" result=\"shadowOffsetInner1\"></feOffset>\n          <feComposite\n            in=\"shadowOffsetInner1\"\n            in2=\"SourceAlpha\"\n            operator=\"arithmetic\"\n            k2=\"-1\"\n            k3=\"1\"\n            result=\"shadowInnerInner1\"\n          ></feComposite>\n          <feColorMatrix\n            values=\"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0\"\n            type=\"matrix\"\n            in=\"shadowInnerInner1\"\n          ></feColorMatrix>\n        </filter>\n      </defs>\n      <g stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n        <g transform=\"translate(-1799.000000, -147.000000)\">\n          <use fillRule=\"evenodd\" xlinkHref=\"#path-1\"></use>\n          <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-1\"></use>\n        </g>\n      </g>\n    </>\n  </SvgIcon>\n);\n\nexport default MessagesDetailFill;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,qBAAqB,CAAC,UAC1B,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,4DACE,qCAAC,cACC,qCAAC;AAAA,EACC,GAAE;AAAA,EACF,IAAG;AAAA,CACJ,GACD,qCAAC;AAAA,EAAO,GAAE;AAAA,EAAO,GAAE;AAAA,EAAO,OAAM;AAAA,EAAS,QAAO;AAAA,EAAS,aAAY;AAAA,EAAoB,IAAG;AAAA,GAC1F,qCAAC;AAAA,EAAS,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,IAAG;AAAA,EAAc,QAAO;AAAA,CAAqB,GACrE,qCAAC;AAAA,EACC,IAAG;AAAA,EACH,KAAI;AAAA,EACJ,UAAS;AAAA,EACT,IAAG;AAAA,EACH,IAAG;AAAA,EACH,QAAO;AAAA,CACR,GACD,qCAAC;AAAA,EACC,QAAO;AAAA,EACP,MAAK;AAAA,EACL,IAAG;AAAA,CACJ,CACH,CACF,GACA,qCAAC;AAAA,EAAE,QAAO;AAAA,EAAO,aAAY;AAAA,EAAI,UAAS;AAAA,GACxC,qCAAC;AAAA,EAAE,WAAU;AAAA,GACX,qCAAC;AAAA,EAAI,UAAS;AAAA,EAAU,WAAU;AAAA,CAAU,GAC5C,qCAAC;AAAA,EAAI,MAAK;AAAA,EAAQ,aAAY;AAAA,EAAI,QAAO;AAAA,EAAiB,WAAU;AAAA,CAAU,CAChF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
   "names": []
 }

package/dist/esm/MessagesSmallFill.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 MessagesSmallFill = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const MessagesSmallFill = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 12,
+  height: 13
+}, props), {
   viewBox: "0 0 12 13"
 }), /* @__PURE__ */ React2.createElement("g", {
   transform: "translate(-1756.000000, -147.000000)"

package/dist/esm/MessagesSmallFill.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/MessagesSmallFill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst MessagesSmallFill = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 12 13\">\n    <g transform=\"translate(-1756.000000, -147.000000)\">\n      <path d=\"M1758,147.5 L1766,147.5 C1767.10457,147.5 1768,148.395431 1768,149.5 L1768,157.5 C1768,158.604569 1767.10457,159.5 1766,159.5 L1758,159.5 C1756.89543,159.5 1756,158.604569 1756,157.5 L1756,149.5 C1756,148.395431 1756.89543,147.5 1758,147.5 Z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default MessagesSmallFill;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,oBAAoB,CAAC,UACzB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAE,WAAU;AAAA,GACX,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAoP,CAC9P,CACF;AAGF,IAAO,4BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SvgIcon } from './utils/SvgIcon';\nimport { SvgIconT } from './utils/react-desc-prop-types';\n\nconst MessagesSmallFill = (props: SvgIconT.Props) => (\n  <SvgIcon width={12} height={13} {...props} viewBox=\"0 0 12 13\">\n    <g transform=\"translate(-1756.000000, -147.000000)\">\n      <path d=\"M1758,147.5 L1766,147.5 C1767.10457,147.5 1768,148.395431 1768,149.5 L1768,157.5 C1768,158.604569 1767.10457,159.5 1766,159.5 L1758,159.5 C1756.89543,159.5 1756,158.604569 1756,157.5 L1756,149.5 C1756,148.395431 1756.89543,147.5 1758,147.5 Z\"></path>\n    </g>\n  </SvgIcon>\n);\n\nexport default MessagesSmallFill;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAGA,MAAM,oBAAoB,CAAC,UACzB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAE,WAAU;AAAA,GACX,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAoP,CAC9P,CACF;AAGF,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/PaperAirplane.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 PaperAirplane = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const PaperAirplane = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 24 24"
 }), /* @__PURE__ */ React2.createElement("path", {
   d: "M21.7582893,12.0314941L5.7540259,2.0743408C5.6719341,2.0232544,5.5842266,2,5.4988384,2\n	C5.2390728,2,4.9999981,2.2150879,4.9999981,2.5170898V12H2.4999998C2.2236326,12,2,12.2236328,2,12.5S2.2236326,13,2.4999998,13\n	h2.4999983v8.4830322C4.9999981,21.7834473,5.2378521,22,5.4984112,22c0.0789185,0,0.1599121-0.0198975,0.2369995-0.0632935\n	l16.0042629-9.0088501C22.0782967,12.7372437,22.0887337,12.2370605,21.7582893,12.0314941z M5.9999976,3.4051514L19.7499905,12\n	H5.9999976V3.4051514z M5.9635291,12.9999704L19.5499897,13L5.9635291,20.6402302V12.9999704z"

package/dist/esm/PaperAirplane.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PaperAirplane.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 PaperAirplane = (props: SvgIconT.Props) => (\n  <SvgIcon {...props} viewBox=\"0 0 24 24\">\n    <path\n      d=\"M21.7582893,12.0314941L5.7540259,2.0743408C5.6719341,2.0232544,5.5842266,2,5.4988384,2\n\tC5.2390728,2,4.9999981,2.2150879,4.9999981,2.5170898V12H2.4999998C2.2236326,12,2,12.2236328,2,12.5S2.2236326,13,2.4999998,13\n\th2.4999983v8.4830322C4.9999981,21.7834473,5.2378521,22,5.4984112,22c0.0789185,0,0.1599121-0.0198975,0.2369995-0.0632935\n\tl16.0042629-9.0088501C22.0782967,12.7372437,22.0887337,12.2370605,21.7582893,12.0314941z M5.9999976,3.4051514L19.7499905,12\n\tH5.9999976V3.4051514z M5.9635291,12.9999704L19.5499897,13L5.9635291,20.6402302V12.9999704z\"\n    />\n  </SvgIcon>\n);\n\nexport default PaperAirplane;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,gBAAgB,CAAC,UACrB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EACC,GAAE;AAAA,CAKJ,CACF;AAGF,IAAO,wBAAQ;",
+  "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 PaperAirplane = (props: SvgIconT.Props) => (\n  <SvgIcon width={24} height={24} {...props} viewBox=\"0 0 24 24\">\n    <path\n      d=\"M21.7582893,12.0314941L5.7540259,2.0743408C5.6719341,2.0232544,5.5842266,2,5.4988384,2\n\tC5.2390728,2,4.9999981,2.2150879,4.9999981,2.5170898V12H2.4999998C2.2236326,12,2,12.2236328,2,12.5S2.2236326,13,2.4999998,13\n\th2.4999983v8.4830322C4.9999981,21.7834473,5.2378521,22,5.4984112,22c0.0789185,0,0.1599121-0.0198975,0.2369995-0.0632935\n\tl16.0042629-9.0088501C22.0782967,12.7372437,22.0887337,12.2370605,21.7582893,12.0314941z M5.9999976,3.4051514L19.7499905,12\n\tH5.9999976V3.4051514z M5.9635291,12.9999704L19.5499897,13L5.9635291,20.6402302V12.9999704z\"\n    />\n  </SvgIcon>\n);\n\nexport default PaperAirplane;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,gBAAgB,CAAC,UACrB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EACC,GAAE;AAAA,CAKJ,CACF;AAGF,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/TechSupports.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 TechSupport = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const TechSupport = (props) => /* @__PURE__ */ React2.createElement(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/esm/TechSupports.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/TechSupports.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 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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,cAAc,CAAC,UACnB,qCAAC,0CACK,QADL;AAAA,EAEC,SAAQ;AAAA,EACR,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EACF;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 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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,cAAc,CAAC,UACnB,qCAAC;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/esm/ToolsCustom.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 ToolsCustom = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const ToolsCustom = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 22 19"
 }), /* @__PURE__ */ React2.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/esm/ToolsCustom.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToolsCustom.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 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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,cAAc,CAAC,UACnB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAmoC,CAC7oC;AAGF,IAAO,sBAAQ;",
+  "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 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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,cAAc,CAAC,UACnB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAAK,GAAE;AAAA,CAAmoC,CAC7oC;AAGF,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/WarningSquare.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 WarningSquare = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({}, props), {
+const WarningSquare = (props) => /* @__PURE__ */ React2.createElement(SvgIcon, __spreadProps(__spreadValues({
+  width: 24,
+  height: 24
+}, props), {
   viewBox: "0 0 18 18"
 }), /* @__PURE__ */ React2.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/esm/WarningSquare.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/WarningSquare.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 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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,gBAAgB,CAAC,UACrB,qCAAC,0CAAY,QAAZ;AAAA,EAAmB,SAAQ;AAAA,IAC1B,qCAAC;AAAA,EAEC,GAAE;AAAA,EACF,IAAG;AAAA,CACJ,CACH;AAGF,IAAO,wBAAQ;",
+  "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 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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAGA,MAAM,gBAAgB,CAAC,UACrB,qCAAC;AAAA,EAAQ,OAAO;AAAA,EAAI,QAAQ;AAAA,GAAQ,QAAnC;AAAA,EAA0C,SAAQ;AAAA,IACjD,qCAAC;AAAA,EAEC,GAAE;AAAA,EACF,IAAG;AAAA,CACJ,CACH;AAGF,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/utils/SvgIcon.js

@@ -30,7 +30,8 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import * as React from "react";
-import React2 from "react";
+import React2, { useMemo } from "react";
+import { th } from "@elliemae/ds-system";
 import { describe, useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-utilities";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { propTypes } from "./react-desc-prop-types";
@@ -42,13 +43,31 @@ const renderPaths = (paths) => paths.map((p, i) => /* @__PURE__ */ React2.create
 const SvgIcon = (props) => {
   const { size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;
   const _a = 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 = useGetXstyledProps(props);
   const { cssClassName } = convertPropToCssClassName("icon", className, {
     size,
     color
   });
+  const finalColor = 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 th.color(themeColor);
+  }, [color, fill]);
   return /* @__PURE__ */ React2.createElement(StyledWrapper, __spreadProps(__spreadValues(__spreadValues(__spreadValues({
     as: component,
     ref: innerRef,
@@ -57,9 +76,8 @@ const SvgIcon = (props) => {
     style,
     height: !size ? defaultHeight : void 0,
     width: !size ? defaultWidth : void 0,
-    svgColor: color
+    svgColor: finalColor
   }), /* @__PURE__ */ React2.createElement(StyledSvg, {
-    fill,
     viewBox,
     width: !size ? defaultWidth : void 0,
     height: !size ? defaultHeight : void 0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/SvgIcon.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA,MAAM,cAAc,CAAC,UAAoB,MAAM,IAAI,CAAC,GAAG,MAAM,qCAAC;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,4BAAuB,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,mBAAmB,KAAK;AAC7C,QAAM,EAAE,iBAAiB,0BAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,qCAAC;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,qCAAC;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,SAAS,OAAO;AACvC,eAAe,YAAY;AAG3B,IAAO,kBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,cAAc,CAAC,UAAoB,MAAM,IAAI,CAAC,GAAG,MAAM,qCAAC;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,4BAAuB,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,mBAAmB,KAAK;AAC7C,QAAM,EAAE,iBAAiB,0BAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,aAAa,QAAQ,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,GAAG,MAAM,UAAU;AAAA,EAC5B,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,SACE,qCAAC;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,qCAAC;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,SAAS,OAAO;AACvC,eAAe,YAAY;AAG3B,IAAO,kBAAQ;",
   "names": []
 }

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

@@ -2,7 +2,6 @@ import * as React from "react";
 import { PropTypes } from "@elliemae/ds-utilities";
 const defaultProps = {
   component: "span",
-  viewBox: "0 0 24 24",
   containerProps: {}
 };
 const propTypes = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AA2BO,MAAM,eAAwC;AAAA,EACnD,WAAW;AAAA,EACX,SAAS;AAAA,EACT,gBAAgB,CAAC;AACnB;AAEO,MAAM,YAAY;AAAA,EACvB,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,MAAM,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAC/F,OAAO,UAAU,UAAU;AAAA,IACzB,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAAA,IACtE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,QAAQ,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACvE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,eAAe,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IAC9E,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,eAAe,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,EAChF,CAAC,EAAE,YAAY,YAAY;AAAA,EAC3B,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,oBAAoB;AAAA,EACnG,SAAS,UAAU,OAAO,YAAY,UAAU;AAAA,EAChD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA,EAClG,MAAM,UAAU,OAAO,YAAY,gBAAgB;AAAA,EACnD,UAAU,UAAU,OAAO,YAAY,WAAW;AAAA,EAClD,OAAO,UAAU,OAAO,YAAY,uCAAuC;AAC7E;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AA2BO,MAAM,eAAwC;AAAA,EACnD,WAAW;AAAA,EACX,gBAAgB,CAAC;AACnB;AAEO,MAAM,YAAY;AAAA,EACvB,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,MAAM,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAC/F,OAAO,UAAU,UAAU;AAAA,IACzB,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAAA,IACtE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,QAAQ,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACvE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IACxE,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,eAAe,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,IAC9E,UAAU,MAAM,CAAC,UAAU,MAAM,CAAC,eAAe,CAAC,GAAG,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,EAChF,CAAC,EAAE,YAAY,YAAY;AAAA,EAC3B,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,oBAAoB;AAAA,EACnG,SAAS,UAAU,OAAO,YAAY,UAAU;AAAA,EAChD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA,EAClG,MAAM,UAAU,OAAO,YAAY,gBAAgB;AAAA,EACnD,UAAU,UAAU,OAAO,YAAY,WAAW;AAAA,EAClD,OAAO,UAAU,OAAO,YAAY,uCAAuC;AAC7E;",
   "names": []
 }

package/dist/esm/utils/styled.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { styled, css, th } from "@elliemae/ds-system";
+import { styled, css } from "@elliemae/ds-system";
 import { DSIconName, DSIconSlots } from "./theming";
 const displaySizes = css`
   display: inline-flex;
@@ -36,17 +36,9 @@ const xxsSizes = css`
 const standarSizes = 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 = css`
+  fill: ${({ svgColor }) => svgColor} !important;
+`;
 const getSize = (size) => {
   if (size === "xxl")
     return xxlSizes;
@@ -75,11 +67,11 @@ const StyledWrapper = 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}
 
@@ -87,13 +79,13 @@ const StyledWrapper = 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 && th.color(getColor(svgColor))};
+    ${({ svgColor }) => svgColor && svgColorCss}
   }
 `;
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AASA,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,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,YAAY;AACpB,CAAC;AAEM,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,YAAY;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,GAAG,MAAM,SAAS,QAAQ,CAAC;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AASA,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,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,YAAY;AACpB,CAAC;AAEM,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,YAAY;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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-icons",
-  "version": "3.0.0-next.52",
+  "version": "3.0.0-next.55",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Icons",
   "files": [