@elliemae/ds-icons 3.0.0-next.45 → 3.0.0-next.48

package/dist/esm/VelocifyLightJetBlack.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/VelocifyLightJetBlack.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nfunction SvgIcon(props) {\n  const {\n    containerProps = {},\n    size,\n    color,\n    className = '',\n    style = {},\n    innerRef,\n    ...rest\n  } = props;\n  const fill = !color && !props.fill ? '#000' : props.fill;\n  const width = !size && !props.width ? 120 : props.width;\n  const height = !size && !props.height ? 28 : props.height;\n  const { cssClassName } = convertPropToCssClassName('icon', className, {\n    size,\n    color,\n  });\n  return (\n    <span\n      ref={innerRef}\n      className={cssClassName}\n      {...rest}\n      {...containerProps}\n      style={{\n        width,\n        height,\n        ...style,\n      }}\n    >\n      <svg\n        width={width && String(width)}\n        height={height && String(height)}\n        style={{\n          width,\n          height,\n        }}\n        fill={fill}\n        viewBox=\"0 0 120 28\"\n      >\n        <g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M117.8347159 8.05801723v.52466446h.3710128c.2698274 0 .3934983-.08994248.3934983-.26233223 0-.20986578-.1761373-.25858462-.4159839-.25858462h-.3485272v-.00374761zm.378508.75701587h-.378508v.63709255h-.2402213V7.81442302h.4950584c.4759456 0 .7678839.07495207.7678839.49843124 0 .18363256-.0970629.35976991-.3069287.44596479l.3747603.69705421h-.2773226l-.3410319-.64084016h-.0936901zm1.2591947-.13116612c0-.79449189-.5512725-1.32665156-1.2929232-1.32665156-.7274097 0-1.2966707.53215967-1.2966707 1.32665156 0 .78699669.569261 1.32290396 1.2966707 1.32290396.7382779 0 1.2929232-.53590727 1.2929232-1.32290396zm.2510894 0c0 .9181628-.6936814 1.54401255-1.5440126 1.54401255-.8582011 0-1.5477601-.62584975-1.5477601-1.54401255s.6933066-1.54776015 1.5477601-1.54776015c.8503312 0 1.5440126.62959735 1.5440126 1.54776015zM105.3102258 25.5031105h.8619488c1.217971 0 1.8172128-.0712045 2.4846609-1.8663064l.4047412-1.0268433-4.9243507-12.86177449h1.6751786l3.9908228 10.80808789 3.8712742-10.80808789h1.6006013l-5.2844954 14.15469759c-.90692 2.484661-1.5286473 2.8931497-3.8484138 2.8931497h-.8360903v-1.2929231h.0041224zm-2.6045843-20.2258149h1.0527018v1.3641276h-.7416507c-1.6264598 0-1.8179624.14240892-1.8179624 1.7201499v1.38661321h2.5596131v1.28917553h-2.5596131V22.6099608h-1.4840509V11.03736184h-1.7684939V9.74818631h1.7684939v-1.6039742c0-2.10240544.5512725-2.8669165 2.9909622-2.8669165zm-8.4171169 17.3326652h1.4840509V9.74818631h-1.4840509V22.6099608zm0-14.96792753h1.4840509V5.2772956h-1.4840509v2.36473767zm-4.0661496 6.23975946c-.4796932-1.9375109-2.0087154-2.98683981-3.8712742-2.98683981-2.2223287 0-4.1860728 1.76886874-4.1860728 5.30660628 0 3.6576608 1.9599965 5.3556998 4.2085584 5.3556998 2.1998432 0 3.5864564-1.4094736 3.9462263-3.0134478h1.577741c-.5246645 2.6536779-2.6795364 4.3772006-5.5239673 4.3772006-3.6576608 0-5.7866742-2.7245076-5.7866742-6.6932194 0-3.99119751 2.1514991-6.69321947 5.9065975-6.69321947 2.9152606 0 4.9018651 2.03120097 5.2841207 4.3509674H90.222375v-.0037476zM77.4314303 16.2240448c0-3.68014644-1.7909796-5.33283949-4.2569026-5.33283949s-4.2310441 1.64894544-4.2310441 5.33283949c0 3.6801464 1.7688687 5.3332142 4.2310441 5.3332142 2.4618006 0 4.2569026-1.6493202 4.2569026-5.3332142zm1.5777409 0c0 4.6845041-2.750366 6.6932194-5.8346435 6.6932194-3.0842775 0-5.8087851-2.0087153-5.8087851-6.6932194 0-4.68450412 2.7245076-6.69321948 5.8087851-6.69321948s5.8346435 2.00871536 5.8346435 6.69321948zm-15.7058305 6.385916h1.4840509V5.2772956h-1.4840509v17.3326652zm-4.2085585-7.36404048c0-2.1773575-1.5552554-4.37345302-4.137354-4.37345302-2.3909709 0-4.1111208 1.52902213-4.4221719 4.37345302h8.5595259zm-4.1148684-5.715095c3.6351752 0 5.9287084 3.06179188 5.7375806 7.07584978H50.4865375c.0487188 3.1063883 2.0087153 4.9505839 4.6395328 4.9505839 2.0087154 0 3.4178142-1.0272181 3.919993-2.795712h1.5552554c-.6221021 2.6529283-2.7507408 4.1594648-5.5689385 4.1594648-3.7775841 0-6.0711213-2.7020219-6.0711213-6.6932194-.0037436-4.16358726 2.5783551-6.69696708 6.0186549-6.69696708zM40.94513951 20.623731L46.3004646 5.273548h1.7201499l-6.21352623 17.3364128h-1.84007321L33.723508 5.2772956h1.76886875l5.45276276 15.3464354z\" fill=\"#353C46\"/><path d=\"M23.896875 2l-6.358125 8.930625H24V2h-.103125zM0 2v24h10.445625L14.3925 13.65125h-7.455L13.3558125 2H0zm11.35875 24H24V12.029375L11.35875 26z\" fill=\"#000\"/></g></svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,iBAAiB,OAAO;AACtB,QAQI,YAPF;AAAA,qBAAiB,CAAC;AAAA,IAClB;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ,CAAC;AAAA,IACT;AAAA,MAEE,IADC,iBACD,IADC;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,OAAO,CAAC,SAAS,CAAC,MAAM,OAAO,SAAS,MAAM;AACpD,QAAM,QAAQ,CAAC,QAAQ,CAAC,MAAM,QAAQ,MAAM,MAAM;AAClD,QAAM,SAAS,CAAC,QAAQ,CAAC,MAAM,SAAS,KAAK,MAAM;AACnD,QAAM,EAAE,iBAAiB,0BAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AACD,SACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJL;AAAA,IAKC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,qCAAC;AAAA,IACC,OAAO,SAAS,OAAO,KAAK;AAAA,IAC5B,QAAQ,UAAU,OAAO,MAAM;AAAA,IAC/B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,KAER,qCAAC;AAAA,IAAE,MAAK;AAAA,IAAO,aAAU;AAAA,KAAU,qCAAC;AAAA,IAAK,GAAE;AAAA,IAAkmG,MAAK;AAAA,GAAS,GAAE,qCAAC;AAAA,IAAK,GAAE;AAAA,IAAgJ,MAAK;AAAA,GAAM,CAAE,CAAI,CAC10G;AAEJ;AAEA,IAAO,gCAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nfunction SvgIcon(props) {\n  const { containerProps = {}, size, color, className = '', style = {}, innerRef, ...rest } = props;\n  const fill = !color && !props.fill ? '#000' : props.fill;\n  const width = !size && !props.width ? 120 : props.width;\n  const height = !size && !props.height ? 28 : props.height;\n  const { cssClassName } = convertPropToCssClassName('icon', className, {\n    size,\n    color,\n  });\n  return (\n    <span\n      ref={innerRef}\n      className={cssClassName}\n      {...rest}\n      {...containerProps}\n      style={{\n        width,\n        height,\n        ...style,\n      }}\n    >\n      <svg\n        width={width && String(width)}\n        height={height && String(height)}\n        style={{\n          width,\n          height,\n        }}\n        fill={fill}\n        viewBox=\"0 0 120 28\"\n      >\n        <g fill=\"none\" fillRule=\"evenodd\">\n          <path\n            d=\"M117.8347159 8.05801723v.52466446h.3710128c.2698274 0 .3934983-.08994248.3934983-.26233223 0-.20986578-.1761373-.25858462-.4159839-.25858462h-.3485272v-.00374761zm.378508.75701587h-.378508v.63709255h-.2402213V7.81442302h.4950584c.4759456 0 .7678839.07495207.7678839.49843124 0 .18363256-.0970629.35976991-.3069287.44596479l.3747603.69705421h-.2773226l-.3410319-.64084016h-.0936901zm1.2591947-.13116612c0-.79449189-.5512725-1.32665156-1.2929232-1.32665156-.7274097 0-1.2966707.53215967-1.2966707 1.32665156 0 .78699669.569261 1.32290396 1.2966707 1.32290396.7382779 0 1.2929232-.53590727 1.2929232-1.32290396zm.2510894 0c0 .9181628-.6936814 1.54401255-1.5440126 1.54401255-.8582011 0-1.5477601-.62584975-1.5477601-1.54401255s.6933066-1.54776015 1.5477601-1.54776015c.8503312 0 1.5440126.62959735 1.5440126 1.54776015zM105.3102258 25.5031105h.8619488c1.217971 0 1.8172128-.0712045 2.4846609-1.8663064l.4047412-1.0268433-4.9243507-12.86177449h1.6751786l3.9908228 10.80808789 3.8712742-10.80808789h1.6006013l-5.2844954 14.15469759c-.90692 2.484661-1.5286473 2.8931497-3.8484138 2.8931497h-.8360903v-1.2929231h.0041224zm-2.6045843-20.2258149h1.0527018v1.3641276h-.7416507c-1.6264598 0-1.8179624.14240892-1.8179624 1.7201499v1.38661321h2.5596131v1.28917553h-2.5596131V22.6099608h-1.4840509V11.03736184h-1.7684939V9.74818631h1.7684939v-1.6039742c0-2.10240544.5512725-2.8669165 2.9909622-2.8669165zm-8.4171169 17.3326652h1.4840509V9.74818631h-1.4840509V22.6099608zm0-14.96792753h1.4840509V5.2772956h-1.4840509v2.36473767zm-4.0661496 6.23975946c-.4796932-1.9375109-2.0087154-2.98683981-3.8712742-2.98683981-2.2223287 0-4.1860728 1.76886874-4.1860728 5.30660628 0 3.6576608 1.9599965 5.3556998 4.2085584 5.3556998 2.1998432 0 3.5864564-1.4094736 3.9462263-3.0134478h1.577741c-.5246645 2.6536779-2.6795364 4.3772006-5.5239673 4.3772006-3.6576608 0-5.7866742-2.7245076-5.7866742-6.6932194 0-3.99119751 2.1514991-6.69321947 5.9065975-6.69321947 2.9152606 0 4.9018651 2.03120097 5.2841207 4.3509674H90.222375v-.0037476zM77.4314303 16.2240448c0-3.68014644-1.7909796-5.33283949-4.2569026-5.33283949s-4.2310441 1.64894544-4.2310441 5.33283949c0 3.6801464 1.7688687 5.3332142 4.2310441 5.3332142 2.4618006 0 4.2569026-1.6493202 4.2569026-5.3332142zm1.5777409 0c0 4.6845041-2.750366 6.6932194-5.8346435 6.6932194-3.0842775 0-5.8087851-2.0087153-5.8087851-6.6932194 0-4.68450412 2.7245076-6.69321948 5.8087851-6.69321948s5.8346435 2.00871536 5.8346435 6.69321948zm-15.7058305 6.385916h1.4840509V5.2772956h-1.4840509v17.3326652zm-4.2085585-7.36404048c0-2.1773575-1.5552554-4.37345302-4.137354-4.37345302-2.3909709 0-4.1111208 1.52902213-4.4221719 4.37345302h8.5595259zm-4.1148684-5.715095c3.6351752 0 5.9287084 3.06179188 5.7375806 7.07584978H50.4865375c.0487188 3.1063883 2.0087153 4.9505839 4.6395328 4.9505839 2.0087154 0 3.4178142-1.0272181 3.919993-2.795712h1.5552554c-.6221021 2.6529283-2.7507408 4.1594648-5.5689385 4.1594648-3.7775841 0-6.0711213-2.7020219-6.0711213-6.6932194-.0037436-4.16358726 2.5783551-6.69696708 6.0186549-6.69696708zM40.94513951 20.623731L46.3004646 5.273548h1.7201499l-6.21352623 17.3364128h-1.84007321L33.723508 5.2772956h1.76886875l5.45276276 15.3464354z\"\n            fill=\"#353C46\"\n          />\n          <path\n            d=\"M23.896875 2l-6.358125 8.930625H24V2h-.103125zM0 2v24h10.445625L14.3925 13.65125h-7.455L13.3558125 2H0zm11.35875 24H24V12.029375L11.35875 26z\"\n            fill=\"#000\"\n          />\n        </g>\n      </svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,iBAAiB,OAAO;AACtB,QAA4F,YAApF,mBAAiB,CAAC,GAAG,MAAM,OAAO,YAAY,IAAI,QAAQ,CAAC,GAAG,aAAsB,IAAT,iBAAS,IAAT,CAA3E,kBAAqB,QAAM,SAAO,aAAgB,SAAY;AACtE,QAAM,OAAO,CAAC,SAAS,CAAC,MAAM,OAAO,SAAS,MAAM;AACpD,QAAM,QAAQ,CAAC,QAAQ,CAAC,MAAM,QAAQ,MAAM,MAAM;AAClD,QAAM,SAAS,CAAC,QAAQ,CAAC,MAAM,SAAS,KAAK,MAAM;AACnD,QAAM,EAAE,iBAAiB,0BAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AACD,SACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJL;AAAA,IAKC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,qCAAC;AAAA,IACC,OAAO,SAAS,OAAO,KAAK;AAAA,IAC5B,QAAQ,UAAU,OAAO,MAAM;AAAA,IAC/B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,KAER,qCAAC;AAAA,IAAE,MAAK;AAAA,IAAO,UAAS;AAAA,KACtB,qCAAC;AAAA,IACC,GAAE;AAAA,IACF,MAAK;AAAA,GACP,GACA,qCAAC;AAAA,IACC,GAAE;AAAA,IACF,MAAK;AAAA,GACP,CACF,CACF,CACF;AAEJ;AAEA,IAAO,gCAAQ;",
   "names": []
 }

package/dist/esm/VelocifyWhite.js

@@ -33,21 +33,7 @@ import * as React from "react";
 import React2 from "react";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 function SvgIcon(props) {
-  const _a = props, {
-    containerProps = {},
-    size,
-    color,
-    className = "",
-    style = {},
-    innerRef
-  } = _a, rest = __objRest(_a, [
-    "containerProps",
-    "size",
-    "color",
-    "className",
-    "style",
-    "innerRef"
-  ]);
+  const _a = props, { containerProps = {}, size, color, className = "", style = {}, innerRef } = _a, rest = __objRest(_a, ["containerProps", "size", "color", "className", "style", "innerRef"]);
   const fill = !color && !props.fill ? "#FFF" : props.fill;
   const width = !size && !props.width ? 24 : props.width;
   const height = !size && !props.height ? 24 : props.height;
@@ -75,7 +61,7 @@ function SvgIcon(props) {
   }, /* @__PURE__ */ React2.createElement("path", {
     d: "M23.896875 0L17.53875 8.930625H24V0h-.103125zM0 0v24h10.445625L14.3925 11.65125h-7.455L13.3558125 0H0zm11.35875 24H24V10.029375L11.35875 24z",
     fill: "#FFF",
-    "fill-rule": "evenodd"
+    fillRule: "evenodd"
   })));
 }
 var VelocifyWhite_default = SvgIcon;

package/dist/esm/VelocifyWhite.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/VelocifyWhite.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nfunction SvgIcon(props) {\n  const {\n    containerProps = {},\n    size,\n    color,\n    className = '',\n    style = {},\n    innerRef,\n    ...rest\n  } = props;\n  const fill = !color && !props.fill ? '#FFF' : props.fill;\n  const width = !size && !props.width ? 24 : props.width;\n  const height = !size && !props.height ? 24 : props.height;\n  const { cssClassName } = convertPropToCssClassName('icon', className, {\n    size,\n    color,\n  });\n  return (\n    <span\n      ref={innerRef}\n      className={cssClassName}\n      {...rest}\n      {...containerProps}\n      style={{\n        width,\n        height,\n        ...style,\n      }}\n    >\n      <svg\n        width={width && String(width)}\n        height={height && String(height)}\n        style={{\n          width,\n          height,\n        }}\n        fill={fill}\n        viewBox=\"0 0 24 24\"\n      >\n        <path d=\"M23.896875 0L17.53875 8.930625H24V0h-.103125zM0 0v24h10.445625L14.3925 11.65125h-7.455L13.3558125 0H0zm11.35875 24H24V10.029375L11.35875 24z\" fill=\"#FFF\" fill-rule=\"evenodd\"/></svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,iBAAiB,OAAO;AACtB,QAQI,YAPF;AAAA,qBAAiB,CAAC;AAAA,IAClB;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ,CAAC;AAAA,IACT;AAAA,MAEE,IADC,iBACD,IADC;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,OAAO,CAAC,SAAS,CAAC,MAAM,OAAO,SAAS,MAAM;AACpD,QAAM,QAAQ,CAAC,QAAQ,CAAC,MAAM,QAAQ,KAAK,MAAM;AACjD,QAAM,SAAS,CAAC,QAAQ,CAAC,MAAM,SAAS,KAAK,MAAM;AACnD,QAAM,EAAE,iBAAiB,0BAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AACD,SACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJL;AAAA,IAKC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,qCAAC;AAAA,IACC,OAAO,SAAS,OAAO,KAAK;AAAA,IAC5B,QAAQ,UAAU,OAAO,MAAM;AAAA,IAC/B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,KAER,qCAAC;AAAA,IAAK,GAAE;AAAA,IAA+I,MAAK;AAAA,IAAO,aAAU;AAAA,GAAS,CAAE,CAC5L;AAEJ;AAEA,IAAO,wBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nfunction SvgIcon(props) {\n  const { containerProps = {}, size, color, className = '', style = {}, innerRef, ...rest } = props;\n  const fill = !color && !props.fill ? '#FFF' : props.fill;\n  const width = !size && !props.width ? 24 : props.width;\n  const height = !size && !props.height ? 24 : props.height;\n  const { cssClassName } = convertPropToCssClassName('icon', className, {\n    size,\n    color,\n  });\n  return (\n    <span\n      ref={innerRef}\n      className={cssClassName}\n      {...rest}\n      {...containerProps}\n      style={{\n        width,\n        height,\n        ...style,\n      }}\n    >\n      <svg\n        width={width && String(width)}\n        height={height && String(height)}\n        style={{\n          width,\n          height,\n        }}\n        fill={fill}\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          d=\"M23.896875 0L17.53875 8.930625H24V0h-.103125zM0 0v24h10.445625L14.3925 11.65125h-7.455L13.3558125 0H0zm11.35875 24H24V10.029375L11.35875 24z\"\n          fill=\"#FFF\"\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,iBAAiB,OAAO;AACtB,QAA4F,YAApF,mBAAiB,CAAC,GAAG,MAAM,OAAO,YAAY,IAAI,QAAQ,CAAC,GAAG,aAAsB,IAAT,iBAAS,IAAT,CAA3E,kBAAqB,QAAM,SAAO,aAAgB,SAAY;AACtE,QAAM,OAAO,CAAC,SAAS,CAAC,MAAM,OAAO,SAAS,MAAM;AACpD,QAAM,QAAQ,CAAC,QAAQ,CAAC,MAAM,QAAQ,KAAK,MAAM;AACjD,QAAM,SAAS,CAAC,QAAQ,CAAC,MAAM,SAAS,KAAK,MAAM;AACnD,QAAM,EAAE,iBAAiB,0BAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AACD,SACE,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJL;AAAA,IAKC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,qCAAC;AAAA,IACC,OAAO,SAAS,OAAO,KAAK;AAAA,IAC5B,QAAQ,UAAU,OAAO,MAAM;AAAA,IAC/B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,KAER,qCAAC;AAAA,IACC,GAAE;AAAA,IACF,MAAK;AAAA,IACL,UAAS;AAAA,GACX,CACF,CACF;AAEJ;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/utils/SvgIcon.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import * as React from "react";
 import React2 from "react";
-import { describe, useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
+import { describe, useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-utilities";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { propTypes } from "./react-desc-prop-types";
 import { StyledSvg, StyledWrapper } from "./styled";
@@ -42,6 +42,8 @@ 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 xstyledProps = useGetXstyledProps(props);
   const { cssClassName } = convertPropToCssClassName("icon", className, {
     size,
@@ -52,17 +54,15 @@ const SvgIcon = (props) => {
     ref: innerRef,
     className: cssClassName
   }, restGlobals), containerProps), xstyledProps), {
-    style: __spreadProps(__spreadValues({}, style), {
-      width: !size ? width : void 0,
-      height: !size ? height : void 0
-    }),
+    style,
+    height: !size ? defaultHeight : void 0,
+    width: !size ? defaultWidth : void 0,
     svgColor: color
   }), /* @__PURE__ */ React2.createElement(StyledSvg, {
     fill,
     viewBox,
-    style: !size ? style : {},
-    width: !size ? width : void 0,
-    height: !size ? height : void 0
+    width: !size ? defaultWidth : void 0,
+    height: !size ? defaultHeight : void 0
   }, children ? children : renderPaths(paths)));
 };
 SvgIcon.propTypes = propTypes;

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-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { propTypes, SvgIconT } from './react-desc-prop-types';\nimport { StyledSvg, StyledWrapper } from './styled';\nconst renderPaths = (paths: string[]) => paths.map((p, i) => <path key={i} d={p} />);\n\nconst SvgIcon: React.ComponentType<SvgIconT.Props> = (props) => {\n  const { size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;\n\n  const { className, width, height, style, color, ...restGlobals } = useGetGlobalAttributes(props);\n\n  const xstyledProps = useGetXstyledProps(props);\n  const { cssClassName } = convertPropToCssClassName('icon', className, {\n    size,\n    color,\n  });\n\n  return (\n    <StyledWrapper\n      as={component}\n      ref={innerRef}\n      className={cssClassName}\n      {...restGlobals}\n      {...containerProps}\n      {...xstyledProps}\n      style={{\n        ...style,\n        width: !size ? width : undefined,\n        height: !size ? height : undefined,\n      }}\n      svgColor={color}\n    >\n      <StyledSvg\n        fill={fill}\n        viewBox={viewBox}\n        style={!size ? style : {}}\n        width={!size ? width : undefined}\n        height={!size ? height : undefined}\n      >\n        {children ? children : renderPaths(paths)}\n      </StyledSvg>\n    </StyledWrapper>\n  );\n};\n\nSvgIcon.propTypes = propTypes;\n\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { IconWithSchema, SvgIcon };\nexport default SvgIcon;\n"],
-  "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,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,OAAO,iCACF,QADE;AAAA,MAEL,OAAO,CAAC,OAAO,QAAQ;AAAA,MACvB,QAAQ,CAAC,OAAO,SAAS;AAAA,IAC3B;AAAA,IACA,UAAU;AAAA,MAEV,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,OAAO,CAAC,OAAO,QAAQ,CAAC;AAAA,IACxB,OAAO,CAAC,OAAO,QAAQ;AAAA,IACvB,QAAQ,CAAC,OAAO,SAAS;AAAA,KAExB,WAAW,WAAW,YAAY,KAAK,CAC1C,CACF;AAEJ;AAEA,QAAQ,YAAY;AAEpB,MAAM,iBAAiB,SAAS,OAAO;AACvC,eAAe,YAAY;AAG3B,IAAO,kBAAQ;",
+  "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;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
+import { PropTypes } from "@elliemae/ds-utilities";
 const defaultProps = {
   component: "span",
   viewBox: "0 0 24 24",

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-props-helpers';\nexport declare namespace SvgIconT {\n  export type SizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n  export type ColorType =\n    | ['neutral', '900']\n    | ['neutral', '500']\n    | ['neutral', '0']\n    | ['danger', '900']\n    | ['warning', '600']\n    | ['success', '900']\n    | ['brand-primary', '600'];\n\n  export interface DefaultProps {\n    component: React.ComponentType | 'span';\n    viewBox: string;\n    containerProps: object;\n  }\n\n  export interface OptionalProps {\n    size: SvgIconT.SizeType;\n    color: SvgIconT.ColorType;\n    paths: any;\n    fill: any;\n    innerRef: any;\n  }\n\n  export interface Props extends DefaultProps, OptionalProps {}\n}\n\nexport const defaultProps: SvgIconT.DefaultProps = {\n  component: 'span',\n  viewBox: '0 0 24 24',\n  containerProps: {},\n};\n\nexport const propTypes = {\n  containerProps: PropTypes.object.description('set of properties attached to the main container'),\n  size: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('size of the icon'),\n  color: PropTypes.oneOfType([\n    PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['500'])]),\n    PropTypes.tuple([PropTypes.oneOf(['neutral']), PropTypes.oneOf(['0'])]),\n    PropTypes.tuple([PropTypes.oneOf(['danger']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['warning']), PropTypes.oneOf(['600'])]),\n    PropTypes.tuple([PropTypes.oneOf(['warning']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['success']), PropTypes.oneOf(['900'])]),\n    PropTypes.tuple([PropTypes.oneOf(['brand-primary']), PropTypes.oneOf(['600'])]),\n    PropTypes.tuple([PropTypes.oneOf(['brand-primary']), PropTypes.oneOf(['700'])]),\n  ]).description('icon color'),\n  className: PropTypes.string.description('html class attribute'),\n  component: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).description('containers element'),\n  viewBox: PropTypes.string.description('view box'),\n  paths: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]).description(''),\n  fill: PropTypes.string.description('fill attribute'),\n  innerRef: PropTypes.object.description('inner ref'),\n  title: PropTypes.object.description('Adds a title html element to the svg.'),\n};\n"],
-  "mappings": "AAAA;ACAA;AA8BO,MAAM,eAAsC;AAAA,EACjD,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  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;",
   "names": []
 }

package/dist/esm/utils/styled.js

@@ -8,37 +8,30 @@ const displaySizes = css`
 const xxlSizes = css`
   width: 64px;
   height: 64px;
-  ${displaySizes}
 `;
 const xlSizes = css`
   width: 48px;
   height: 48px;
-  ${displaySizes}
 `;
 const lSizes = css`
   width: 32px;
   height: 32px;
-  ${displaySizes}
 `;
 const mSizes = css`
   width: 24px;
   height: 24px;
-  ${displaySizes}
 `;
 const sSizes = css`
   width: 16px;
   height: 16px;
-  ${displaySizes}
 `;
 const xsSizes = css`
   width: 8px;
   height: 8px;
-  ${displaySizes}
 `;
 const xxsSizes = css`
   width: 4px;
   height: 4px;
-  ${displaySizes}
 `;
 const standarSizes = css`
   ${sSizes}
@@ -79,8 +72,27 @@ const StyledWrapper = styled("span", {
   name: DSIconName,
   slot: DSIconSlots.ICON_WRAPPER
 })`
-  ${({ size }) => getSize(size)}
-  & svg {
+  ${({ size, width, height }) => !width && !height && getSize(size)}
+  ${({ width }) => {
+  if (width)
+    return `width: ${width};`;
+}}
+  ${({ height }) => {
+  if (height)
+    return `height: ${height};`;
+}}
+  ${displaySizes}
+
+  &.em-ds-icon svg {
+    ${({ size, width, height }) => !width && !height && getSize(size)}
+    ${({ width }) => {
+  if (width)
+    return `width: ${width};`;
+}}
+    ${({ height }) => {
+  if (height)
+    return `height: ${height};`;
+}}
     fill: ${({ svgColor }) => svgColor && th.color(getColor(svgColor))};
   }
 `;

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}\n\nconst displaySizes = css`\n  display: inline-flex;\n  vertical-align: middle;\n`;\nconst xxlSizes = css`\n  width: 64px;\n  height: 64px;\n  ${displaySizes}\n`;\n\nconst xlSizes = css`\n  width: 48px;\n  height: 48px;\n  ${displaySizes}\n`;\n\nconst lSizes = css`\n  width: 32px;\n  height: 32px;\n  ${displaySizes}\n`;\n\nconst mSizes = css`\n  width: 24px;\n  height: 24px;\n  ${displaySizes}\n`;\n\nconst sSizes = css`\n  width: 16px;\n  height: 16px;\n  ${displaySizes}\n`;\n\nconst xsSizes = css`\n  width: 8px;\n  height: 8px;\n  ${displaySizes}\n`;\n\nconst xxsSizes = css`\n  width: 4px;\n  height: 4px;\n  ${displaySizes}\n`;\n\nconst standarSizes = css`\n  ${sSizes}\n`;\n\nconst getColor = (color: string[]) => {\n  if (!color) return undefined;\n  if (color[0] === 'brand-primary') return `brand-${color[1]}`;\n  if (color[0] === 'neutral' && color[1] === '0') return `neutral-000`;\n  if (color[0] === 'neutral' && color[1] === '900') return `neutral-800`;\n\n  return `${color[0]}-${color[1]}`;\n};\n\nconst getSize = (size: string) => {\n  if (size === 'xxl') return xxlSizes;\n  if (size === 'xl') return xlSizes;\n  if (size === 'l') return lSizes;\n  if (size === 'm') return mSizes;\n  if (size === 's') return sSizes;\n  if (size === 'xs') return xsSizes;\n  if (size === 'xxs') return xxsSizes;\n  return standarSizes;\n};\n\nexport const StyledSvg = styled('svg', {\n  name: DSIconName,\n  slot: DSIconSlots.SVG,\n})``;\n\nexport const StyledWrapper = styled('span', {\n  name: DSIconName,\n  slot: DSIconSlots.ICON_WRAPPER,\n})<StyledWrapperPropsT>`\n  ${({ size }) => getSize(size)}\n  & svg {\n    fill: ${({ svgColor }) => svgColor && th.color(getColor(svgColor))};\n  }\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAOA,MAAM,eAAe;AAAA;AAAA;AAAA;AAIrB,MAAM,WAAW;AAAA;AAAA;AAAA,IAGb;AAAA;AAGJ,MAAM,UAAU;AAAA;AAAA;AAAA,IAGZ;AAAA;AAGJ,MAAM,SAAS;AAAA;AAAA;AAAA,IAGX;AAAA;AAGJ,MAAM,SAAS;AAAA;AAAA;AAAA,IAGX;AAAA;AAGJ,MAAM,SAAS;AAAA;AAAA;AAAA,IAGX;AAAA;AAGJ,MAAM,UAAU;AAAA;AAAA;AAAA,IAGZ;AAAA;AAGJ,MAAM,WAAW;AAAA;AAAA;AAAA,IAGb;AAAA;AAGJ,MAAM,eAAe;AAAA,IACjB;AAAA;AAGJ,MAAM,WAAW,CAAC,UAAoB;AACpC,MAAI,CAAC;AAAO,WAAO;AACnB,MAAI,MAAM,OAAO;AAAiB,WAAO,SAAS,MAAM;AACxD,MAAI,MAAM,OAAO,aAAa,MAAM,OAAO;AAAK,WAAO;AACvD,MAAI,MAAM,OAAO,aAAa,MAAM,OAAO;AAAO,WAAO;AAEzD,SAAO,GAAG,MAAM,MAAM,MAAM;AAC9B;AAEA,MAAM,UAAU,CAAC,SAAiB;AAChC,MAAI,SAAS;AAAO,WAAO;AAC3B,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAO,WAAO;AAC3B,SAAO;AACT;AAEO,MAAM,YAAY,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,WAAW,QAAQ,IAAI;AAAA;AAAA,YAElB,CAAC,EAAE,eAAe,YAAY,GAAG,MAAM,SAAS,QAAQ,CAAC;AAAA;AAAA;",
+  "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;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-icons",
-  "version": "3.0.0-next.45",
+  "version": "3.0.0-next.48",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Icons",
   "files": [
@@ -1571,8 +1571,8 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.0.0-next.29",
-    "@elliemae/ds-utilities": "3.0.0-next.45",
+    "@elliemae/ds-classnames": "3.0.0-next.48",
+    "@elliemae/ds-utilities": "3.0.0-next.48",
     "react-desc": "~4.1.3"
   },
   "peerDependencies": {