@elliemae/ds-icons 3.12.0-rc.2 → 3.12.0-rc.21

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/SvgIcon.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable react/no-array-index-key */\nimport React, { useMemo } from 'react';\nimport { th } from '@elliemae/ds-system';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport type { SvgIconT } from './react-desc-prop-types';\nimport { propTypes } 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 || '16').toString(), 10)) ?? 16;\n  const defaultHeight = ((height || width) && parseInt((height || width || '16').toString(), 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        {paths ? renderPaths(paths) : children}\n      </StyledSvg>\n    </StyledWrapper>\n  );\n};\n\nSvgIcon.propTypes = propTypes;\nSvgIcon.displayName = 'SvgIcon';\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = propTypes;\n\nexport { IconWithSchema, SvgIcon };\nexport default SvgIcon;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACSsC;AAP7D,SAAgB,eAAe;AAC/B,SAAS,UAAU;AACnB,SAAS,UAAU,wBAAwB,0BAA0B;AACrE,SAAS,iCAAiC;AAE1C,SAAS,iBAAiB;AAC1B,SAAS,WAAW,qBAAqB;AACzC,MAAM,cAAc,CAAC,UAAoB,MAAM,IAAI,CAAC,GAAG,MAAM,oBAAC;AAAA,EAAa,GAAG;AAAA,GAAN,CAAS,CAAE;AAEnF,MAAM,UAA+C,CAAC,UAAU;AAC9D,QAAM,EAAE,MAAM,UAAU,gBAAgB,OAAO,MAAM,SAAS,UAAU,UAAU,IAAI;AAEtF,QAAM,EAAE,WAAW,OAAO,QAAQ,OAAO,UAAU,YAAY,IAAI,uBAAuB,KAAK;AAE/F,QAAM,iBAAiB,SAAS,WAAW,UAAU,SAAS,UAAU,MAAM,SAAS,GAAG,EAAE,MAAM;AAClG,QAAM,kBAAkB,UAAU,UAAU,UAAU,UAAU,SAAS,MAAM,SAAS,GAAG,EAAE,MAAM;AACnG,QAAM,eAAe,mBAAmB,KAAK;AAC7C,QAAM,EAAE,aAAa,IAAI,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,oBAAC;AAAA,IACC,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,WAAW;AAAA,IACV,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACJ;AAAA,IACA,QAAQ,CAAC,OAAO,gBAAgB;AAAA,IAChC,OAAO,CAAC,OAAO,eAAe;AAAA,IAC9B,UAAU;AAAA,IAEV,8BAAC;AAAA,MAAU;AAAA,MAAkB,OAAO,CAAC,OAAO,eAAe;AAAA,MAAW,QAAQ,CAAC,OAAO,gBAAgB;AAAA,MACnG,kBAAQ,YAAY,KAAK,IAAI;AAAA,KAChC;AAAA,GACF;AAEJ;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,iBAAiB,SAAS,OAAO;AACvC,eAAe,YAAY;AAG3B,IAAO,kBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACSsC;AAP7D,SAAgB,eAAe;AAC/B,SAAS,UAAU;AACnB,SAAS,UAAU,wBAAwB,0BAA0B;AACrE,SAAS,iCAAiC;AAE1C,SAAS,iBAAiB;AAC1B,SAAS,WAAW,qBAAqB;AACzC,MAAM,cAAc,CAAC,UAAoB,MAAM,IAAI,CAAC,GAAG,MAAM,oBAAC,UAAa,GAAG,KAAN,CAAS,CAAE;AAEnF,MAAM,UAA+C,CAAC,UAAU;AAC9D,QAAM,EAAE,MAAM,UAAU,gBAAgB,OAAO,MAAM,SAAS,UAAU,UAAU,IAAI;AAEtF,QAAM,EAAE,WAAW,OAAO,QAAQ,OAAO,UAAU,YAAY,IAAI,uBAAuB,KAAK;AAE/F,QAAM,iBAAiB,SAAS,WAAW,UAAU,SAAS,UAAU,MAAM,SAAS,GAAG,EAAE,MAAM;AAClG,QAAM,kBAAkB,UAAU,UAAU,UAAU,UAAU,SAAS,MAAM,SAAS,GAAG,EAAE,MAAM;AACnG,QAAM,eAAe,mBAAmB,KAAK;AAC7C,QAAM,EAAE,aAAa,IAAI,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;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA,QAAQ,CAAC,OAAO,gBAAgB;AAAA,MAChC,OAAO,CAAC,OAAO,eAAe;AAAA,MAC9B,UAAU;AAAA,MAEV,8BAAC,aAAU,SAAkB,OAAO,CAAC,OAAO,eAAe,QAAW,QAAQ,CAAC,OAAO,gBAAgB,QACnG,kBAAQ,YAAY,KAAK,IAAI,UAChC;AAAA;AAAA,EACF;AAEJ;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,iBAAiB,SAAS,OAAO;AACvC,eAAe,YAAY;AAG3B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/utils/createIcon.js

@@ -1,12 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { SvgIcon } from "./SvgIcon";
-const createIcon = ({ containerProps = {}, paths, height, width }) => (rest) => /* @__PURE__ */ jsx(SvgIcon, {
-  ...rest,
-  ...containerProps,
-  paths,
-  viewBox: `0 0 ${width} ${height}`
-});
+const createIcon = ({ containerProps = {}, paths, height, width }) => (rest) => /* @__PURE__ */ jsx(SvgIcon, { ...rest, ...containerProps, paths, viewBox: `0 0 ${width} ${height}` });
 var createIcon_default = createIcon;
 export {
   createIcon,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/createIcon.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { SvgIcon } from './SvgIcon';\n\nexport const createIcon =\n  ({ containerProps = {}, paths, height, width }) =>\n  (rest) =>\n    <SvgIcon {...rest} {...containerProps} paths={paths} viewBox={`0 0 ${width} ${height}`} />;\n\nexport default createIcon;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACOnB;AALJ,SAAS,eAAe;AAEjB,MAAM,aACX,CAAC,EAAE,iBAAiB,CAAC,GAAG,OAAO,QAAQ,MAAM,MAC7C,CAAC,SACC,oBAAC;AAAA,EAAS,GAAG;AAAA,EAAO,GAAG;AAAA,EAAgB;AAAA,EAAc,SAAS,OAAO,SAAS;AAAA,CAAU;AAE5F,IAAO,qBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACOnB;AALJ,SAAS,eAAe;AAEjB,MAAM,aACX,CAAC,EAAE,iBAAiB,CAAC,GAAG,OAAO,QAAQ,MAAM,MAC7C,CAAC,SACC,oBAAC,WAAS,GAAG,MAAO,GAAG,gBAAgB,OAAc,SAAS,OAAO,SAAS,UAAU;AAE5F,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/utils/theming.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-const DSIconName = "ds-icon";
+const DSIconName = "DSIcon";
 const DSIconSlots = {
   ICON_WRAPPER: "root",
   SVG: "svg"

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-icons",
-  "version": "3.12.0-rc.2",
+  "version": "3.12.0-rc.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Icons",
   "files": [
@@ -1571,9 +1571,9 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.12.0-rc.2",
-    "@elliemae/ds-system": "3.12.0-rc.2",
-    "@elliemae/ds-utilities": "3.12.0-rc.2"
+    "@elliemae/ds-classnames": "3.12.0-rc.21",
+    "@elliemae/ds-system": "3.12.0-rc.21",
+    "@elliemae/ds-utilities": "3.12.0-rc.21"
   },
   "devDependencies": {
     "styled-components": "~5.3.6"