@elliemae/ds-icons 3.55.0-next.2 → 3.55.0-next.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -44,6 +44,7 @@ const renderPaths = (paths) => paths.map((p, i) => /* @__PURE__ */ (0, import_js
44
44
  const SvgIcon = (props) => {
45
45
  const { color, size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;
46
46
  const { className, width, height, style, title, ...restGlobals } = (0, import_ds_props_helpers.useGetGlobalAttributes)(props);
47
+ const { getOwnerProps, getOwnerPropsArguments } = (0, import_ds_props_helpers.useOwnerProps)(props);
47
48
  const defaultWidth = (0, import_react.useMemo)(() => {
48
49
  if (String(width).includes("rem")) return width;
49
50
  if (String(height).includes("rem")) return height;
@@ -88,6 +89,8 @@ const SvgIcon = (props) => {
88
89
  width: !size ? defaultWidth : void 0,
89
90
  size,
90
91
  svgColor: finalColor,
92
+ getOwnerProps,
93
+ getOwnerPropsArguments,
91
94
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
92
95
  import_styled.StyledSvg,
93
96
  {
@@ -95,6 +98,8 @@ const SvgIcon = (props) => {
95
98
  viewBox,
96
99
  width: !size ? defaultWidth : void 0,
97
100
  height: !size ? defaultHeight : void 0,
101
+ getOwnerProps,
102
+ getOwnerPropsArguments,
98
103
  children: [
99
104
  paths ? renderPaths(paths) : children,
100
105
  title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }) : null
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/utils/SvgIcon.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React, { useMemo } from 'react';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport type { SvgIconT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { StyledSvg, StyledWrapper } from './styled.js';\n\nconst renderPaths = (paths: string[]) => paths.map((p, i) => <path key={i} d={p} />);\n\nconst SvgIcon: React.ComponentType<SvgIconT.Props> = (props) => {\n const { color, size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;\n\n const { className, width, height, style, title, ...restGlobals } = useGetGlobalAttributes(props);\n\n const defaultWidth = useMemo(() => {\n if (String(width).includes('rem')) return width;\n if (String(height).includes('rem')) return height;\n if (width) return parseInt(width.toString(), 10);\n if (height) return parseInt(height.toString(), 10);\n\n return 16;\n }, [width, height]);\n\n const defaultHeight = useMemo(() => {\n if (String(height).includes('rem')) return height;\n if (String(width).includes('rem')) return width;\n if (height) return parseInt(height.toString(), 10);\n if (width) return parseInt(width.toString(), 10);\n return 16;\n }, [width, height]);\n\n const xstyledProps = useGetXstyledProps(props);\n\n const { cssClassName } = convertPropToCssClassName('icon', className, {\n size,\n color,\n });\n\n const finalColor = useMemo(() => {\n if (fill) return fill;\n if (!color) return undefined;\n if (!Array.isArray(color)) return color;\n if (color[0] === 'brand-primary') return `brand-${color[1]}`;\n if (color[0] === 'neutral' && color[1].toString() === '0') return `neutral-000`;\n if (color[0] === 'neutral' && color[1].toString() === '900') return `neutral-800`;\n return `${color[0]}-${color[1]}`;\n }, [color, fill]);\n\n return (\n <StyledWrapper\n as={component}\n innerRef={innerRef}\n className={cssClassName}\n aria-hidden={title === undefined}\n title={title}\n {...restGlobals}\n {...containerProps}\n {...xstyledProps}\n style={style}\n height={!size ? defaultHeight : undefined}\n width={!size ? defaultWidth : undefined}\n size={size}\n svgColor={finalColor}\n >\n <StyledSvg\n size={size}\n viewBox={viewBox}\n width={!size ? defaultWidth : undefined}\n height={!size ? defaultHeight : undefined}\n >\n {paths ? renderPaths(paths) : children}\n {title ? <title>{title}</title> : null}\n </StyledSvg>\n </StyledWrapper>\n );\n};\n\nSvgIcon.displayName = 'SvgIcon';\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = propTypes;\n\nexport { IconWithSchema, SvgIcon };\nexport default SvgIcon;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQsC;AAP7D,mBAA+B;AAC/B,8BAAqE;AACrE,2BAA0C;AAE1C,mCAA0B;AAC1B,oBAAyC;AAEzC,MAAM,cAAc,CAAC,UAAoB,MAAM,IAAI,CAAC,GAAG,MAAM,4CAAC,UAAa,GAAG,KAAN,CAAS,CAAE;AAEnF,MAAM,UAA+C,CAAC,UAAU;AAC9D,QAAM,EAAE,OAAO,MAAM,UAAU,gBAAgB,OAAO,MAAM,SAAS,UAAU,UAAU,IAAI;AAE7F,QAAM,EAAE,WAAW,OAAO,QAAQ,OAAO,OAAO,GAAG,YAAY,QAAI,gDAAuB,KAAK;AAE/F,QAAM,mBAAe,sBAAQ,MAAM;AACjC,QAAI,OAAO,KAAK,EAAE,SAAS,KAAK,EAAG,QAAO;AAC1C,QAAI,OAAO,MAAM,EAAE,SAAS,KAAK,EAAG,QAAO;AAC3C,QAAI,MAAO,QAAO,SAAS,MAAM,SAAS,GAAG,EAAE;AAC/C,QAAI,OAAQ,QAAO,SAAS,OAAO,SAAS,GAAG,EAAE;AAEjD,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,QAAM,oBAAgB,sBAAQ,MAAM;AAClC,QAAI,OAAO,MAAM,EAAE,SAAS,KAAK,EAAG,QAAO;AAC3C,QAAI,OAAO,KAAK,EAAE,SAAS,KAAK,EAAG,QAAO;AAC1C,QAAI,OAAQ,QAAO,SAAS,OAAO,SAAS,GAAG,EAAE;AACjD,QAAI,MAAO,QAAO,SAAS,MAAM,SAAS,GAAG,EAAE;AAC/C,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,QAAM,mBAAe,4CAAmB,KAAK;AAE7C,QAAM,EAAE,aAAa,QAAI,gDAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,QAAI,KAAM,QAAO;AACjB,QAAI,CAAC,MAAO,QAAO;AACnB,QAAI,CAAC,MAAM,QAAQ,KAAK,EAAG,QAAO;AAClC,QAAI,MAAM,CAAC,MAAM,gBAAiB,QAAO,SAAS,MAAM,CAAC,CAAC;AAC1D,QAAI,MAAM,CAAC,MAAM,aAAa,MAAM,CAAC,EAAE,SAAS,MAAM,IAAK,QAAO;AAClE,QAAI,MAAM,CAAC,MAAM,aAAa,MAAM,CAAC,EAAE,SAAS,MAAM,MAAO,QAAO;AACpE,WAAO,GAAG,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC;AAAA,EAChC,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MACX,eAAa,UAAU;AAAA,MACvB;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA,QAAQ,CAAC,OAAO,gBAAgB;AAAA,MAChC,OAAO,CAAC,OAAO,eAAe;AAAA,MAC9B;AAAA,MACA,UAAU;AAAA,MAEV;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,OAAO,CAAC,OAAO,eAAe;AAAA,UAC9B,QAAQ,CAAC,OAAO,gBAAgB;AAAA,UAE/B;AAAA,oBAAQ,YAAY,KAAK,IAAI;AAAA,YAC7B,QAAQ,4CAAC,WAAO,iBAAM,IAAW;AAAA;AAAA;AAAA,MACpC;AAAA;AAAA,EACF;AAEJ;AAEA,QAAQ,cAAc;AACtB,MAAM,qBAAiB,kCAAS,OAAO;AACvC,eAAe,YAAY;AAG3B,IAAO,kBAAQ;",
4
+ "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React, { useMemo } from 'react';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport type { SvgIconT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { StyledSvg, StyledWrapper } from './styled.js';\n\nconst renderPaths = (paths: string[]) => paths.map((p, i) => <path key={i} d={p} />);\n\nconst SvgIcon: React.ComponentType<SvgIconT.Props> = (props) => {\n const { color, size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;\n\n const { className, width, height, style, title, ...restGlobals } = useGetGlobalAttributes(props);\n const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(props);\n\n const defaultWidth = useMemo(() => {\n if (String(width).includes('rem')) return width;\n if (String(height).includes('rem')) return height;\n if (width) return parseInt(width.toString(), 10);\n if (height) return parseInt(height.toString(), 10);\n\n return 16;\n }, [width, height]);\n\n const defaultHeight = useMemo(() => {\n if (String(height).includes('rem')) return height;\n if (String(width).includes('rem')) return width;\n if (height) return parseInt(height.toString(), 10);\n if (width) return parseInt(width.toString(), 10);\n return 16;\n }, [width, height]);\n\n const xstyledProps = useGetXstyledProps(props);\n\n const { cssClassName } = convertPropToCssClassName('icon', className, {\n size,\n color,\n });\n\n const finalColor = useMemo(() => {\n if (fill) return fill;\n if (!color) return undefined;\n if (!Array.isArray(color)) return color;\n if (color[0] === 'brand-primary') return `brand-${color[1]}`;\n if (color[0] === 'neutral' && color[1].toString() === '0') return `neutral-000`;\n if (color[0] === 'neutral' && color[1].toString() === '900') return `neutral-800`;\n return `${color[0]}-${color[1]}`;\n }, [color, fill]);\n\n return (\n <StyledWrapper\n as={component}\n innerRef={innerRef}\n className={cssClassName}\n aria-hidden={title === undefined}\n title={title}\n {...restGlobals}\n {...containerProps}\n {...xstyledProps}\n style={style}\n height={!size ? defaultHeight : undefined}\n width={!size ? defaultWidth : undefined}\n size={size}\n svgColor={finalColor}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <StyledSvg\n size={size}\n viewBox={viewBox}\n width={!size ? defaultWidth : undefined}\n height={!size ? defaultHeight : undefined}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n {paths ? renderPaths(paths) : children}\n {title ? <title>{title}</title> : null}\n </StyledSvg>\n </StyledWrapper>\n );\n};\n\nSvgIcon.displayName = 'SvgIcon';\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = propTypes;\n\nexport { IconWithSchema, SvgIcon };\nexport default SvgIcon;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { useMemo } from "react";
4
- import { describe, useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
4
+ import { describe, useGetGlobalAttributes, useGetXstyledProps, useOwnerProps } from "@elliemae/ds-props-helpers";
5
5
  import { convertPropToCssClassName } from "@elliemae/ds-classnames";
6
6
  import { propTypes } from "./react-desc-prop-types.js";
7
7
  import { StyledSvg, StyledWrapper } from "./styled.js";
@@ -9,6 +9,7 @@ const renderPaths = (paths) => paths.map((p, i) => /* @__PURE__ */ jsx("path", {
9
9
  const SvgIcon = (props) => {
10
10
  const { color, size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;
11
11
  const { className, width, height, style, title, ...restGlobals } = useGetGlobalAttributes(props);
12
+ const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(props);
12
13
  const defaultWidth = useMemo(() => {
13
14
  if (String(width).includes("rem")) return width;
14
15
  if (String(height).includes("rem")) return height;
@@ -53,6 +54,8 @@ const SvgIcon = (props) => {
53
54
  width: !size ? defaultWidth : void 0,
54
55
  size,
55
56
  svgColor: finalColor,
57
+ getOwnerProps,
58
+ getOwnerPropsArguments,
56
59
  children: /* @__PURE__ */ jsxs(
57
60
  StyledSvg,
58
61
  {
@@ -60,6 +63,8 @@ const SvgIcon = (props) => {
60
63
  viewBox,
61
64
  width: !size ? defaultWidth : void 0,
62
65
  height: !size ? defaultHeight : void 0,
66
+ getOwnerProps,
67
+ getOwnerPropsArguments,
63
68
  children: [
64
69
  paths ? renderPaths(paths) : children,
65
70
  title ? /* @__PURE__ */ jsx("title", { children: title }) : null
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/SvgIcon.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\nimport React, { useMemo } from 'react';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport type { SvgIconT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { StyledSvg, StyledWrapper } from './styled.js';\n\nconst renderPaths = (paths: string[]) => paths.map((p, i) => <path key={i} d={p} />);\n\nconst SvgIcon: React.ComponentType<SvgIconT.Props> = (props) => {\n const { color, size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;\n\n const { className, width, height, style, title, ...restGlobals } = useGetGlobalAttributes(props);\n\n const defaultWidth = useMemo(() => {\n if (String(width).includes('rem')) return width;\n if (String(height).includes('rem')) return height;\n if (width) return parseInt(width.toString(), 10);\n if (height) return parseInt(height.toString(), 10);\n\n return 16;\n }, [width, height]);\n\n const defaultHeight = useMemo(() => {\n if (String(height).includes('rem')) return height;\n if (String(width).includes('rem')) return width;\n if (height) return parseInt(height.toString(), 10);\n if (width) return parseInt(width.toString(), 10);\n return 16;\n }, [width, height]);\n\n const xstyledProps = useGetXstyledProps(props);\n\n const { cssClassName } = convertPropToCssClassName('icon', className, {\n size,\n color,\n });\n\n const finalColor = useMemo(() => {\n if (fill) return fill;\n if (!color) return undefined;\n if (!Array.isArray(color)) return color;\n if (color[0] === 'brand-primary') return `brand-${color[1]}`;\n if (color[0] === 'neutral' && color[1].toString() === '0') return `neutral-000`;\n if (color[0] === 'neutral' && color[1].toString() === '900') return `neutral-800`;\n return `${color[0]}-${color[1]}`;\n }, [color, fill]);\n\n return (\n <StyledWrapper\n as={component}\n innerRef={innerRef}\n className={cssClassName}\n aria-hidden={title === undefined}\n title={title}\n {...restGlobals}\n {...containerProps}\n {...xstyledProps}\n style={style}\n height={!size ? defaultHeight : undefined}\n width={!size ? defaultWidth : undefined}\n size={size}\n svgColor={finalColor}\n >\n <StyledSvg\n size={size}\n viewBox={viewBox}\n width={!size ? defaultWidth : undefined}\n height={!size ? defaultHeight : undefined}\n >\n {paths ? renderPaths(paths) : children}\n {title ? <title>{title}</title> : null}\n </StyledSvg>\n </StyledWrapper>\n );\n};\n\nSvgIcon.displayName = 'SvgIcon';\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = propTypes;\n\nexport { IconWithSchema, SvgIcon };\nexport default SvgIcon;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACQsC,cAyDvD,YAzDuD;AAP7D,SAAgB,eAAe;AAC/B,SAAS,UAAU,wBAAwB,0BAA0B;AACrE,SAAS,iCAAiC;AAE1C,SAAS,iBAAiB;AAC1B,SAAS,WAAW,qBAAqB;AAEzC,MAAM,cAAc,CAAC,UAAoB,MAAM,IAAI,CAAC,GAAG,MAAM,oBAAC,UAAa,GAAG,KAAN,CAAS,CAAE;AAEnF,MAAM,UAA+C,CAAC,UAAU;AAC9D,QAAM,EAAE,OAAO,MAAM,UAAU,gBAAgB,OAAO,MAAM,SAAS,UAAU,UAAU,IAAI;AAE7F,QAAM,EAAE,WAAW,OAAO,QAAQ,OAAO,OAAO,GAAG,YAAY,IAAI,uBAAuB,KAAK;AAE/F,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,OAAO,KAAK,EAAE,SAAS,KAAK,EAAG,QAAO;AAC1C,QAAI,OAAO,MAAM,EAAE,SAAS,KAAK,EAAG,QAAO;AAC3C,QAAI,MAAO,QAAO,SAAS,MAAM,SAAS,GAAG,EAAE;AAC/C,QAAI,OAAQ,QAAO,SAAS,OAAO,SAAS,GAAG,EAAE;AAEjD,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,OAAO,MAAM,EAAE,SAAS,KAAK,EAAG,QAAO;AAC3C,QAAI,OAAO,KAAK,EAAE,SAAS,KAAK,EAAG,QAAO;AAC1C,QAAI,OAAQ,QAAO,SAAS,OAAO,SAAS,GAAG,EAAE;AACjD,QAAI,MAAO,QAAO,SAAS,MAAM,SAAS,GAAG,EAAE;AAC/C,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,QAAM,eAAe,mBAAmB,KAAK;AAE7C,QAAM,EAAE,aAAa,IAAI,0BAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,KAAM,QAAO;AACjB,QAAI,CAAC,MAAO,QAAO;AACnB,QAAI,CAAC,MAAM,QAAQ,KAAK,EAAG,QAAO;AAClC,QAAI,MAAM,CAAC,MAAM,gBAAiB,QAAO,SAAS,MAAM,CAAC,CAAC;AAC1D,QAAI,MAAM,CAAC,MAAM,aAAa,MAAM,CAAC,EAAE,SAAS,MAAM,IAAK,QAAO;AAClE,QAAI,MAAM,CAAC,MAAM,aAAa,MAAM,CAAC,EAAE,SAAS,MAAM,MAAO,QAAO;AACpE,WAAO,GAAG,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC;AAAA,EAChC,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MACX,eAAa,UAAU;AAAA,MACvB;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA,QAAQ,CAAC,OAAO,gBAAgB;AAAA,MAChC,OAAO,CAAC,OAAO,eAAe;AAAA,MAC9B;AAAA,MACA,UAAU;AAAA,MAEV;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,OAAO,CAAC,OAAO,eAAe;AAAA,UAC9B,QAAQ,CAAC,OAAO,gBAAgB;AAAA,UAE/B;AAAA,oBAAQ,YAAY,KAAK,IAAI;AAAA,YAC7B,QAAQ,oBAAC,WAAO,iBAAM,IAAW;AAAA;AAAA;AAAA,MACpC;AAAA;AAAA,EACF;AAEJ;AAEA,QAAQ,cAAc;AACtB,MAAM,iBAAiB,SAAS,OAAO;AACvC,eAAe,YAAY;AAG3B,IAAO,kBAAQ;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\nimport React, { useMemo } from 'react';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport type { SvgIconT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { StyledSvg, StyledWrapper } from './styled.js';\n\nconst renderPaths = (paths: string[]) => paths.map((p, i) => <path key={i} d={p} />);\n\nconst SvgIcon: React.ComponentType<SvgIconT.Props> = (props) => {\n const { color, size, innerRef, containerProps, paths, fill, viewBox, children, component } = props;\n\n const { className, width, height, style, title, ...restGlobals } = useGetGlobalAttributes(props);\n const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(props);\n\n const defaultWidth = useMemo(() => {\n if (String(width).includes('rem')) return width;\n if (String(height).includes('rem')) return height;\n if (width) return parseInt(width.toString(), 10);\n if (height) return parseInt(height.toString(), 10);\n\n return 16;\n }, [width, height]);\n\n const defaultHeight = useMemo(() => {\n if (String(height).includes('rem')) return height;\n if (String(width).includes('rem')) return width;\n if (height) return parseInt(height.toString(), 10);\n if (width) return parseInt(width.toString(), 10);\n return 16;\n }, [width, height]);\n\n const xstyledProps = useGetXstyledProps(props);\n\n const { cssClassName } = convertPropToCssClassName('icon', className, {\n size,\n color,\n });\n\n const finalColor = useMemo(() => {\n if (fill) return fill;\n if (!color) return undefined;\n if (!Array.isArray(color)) return color;\n if (color[0] === 'brand-primary') return `brand-${color[1]}`;\n if (color[0] === 'neutral' && color[1].toString() === '0') return `neutral-000`;\n if (color[0] === 'neutral' && color[1].toString() === '900') return `neutral-800`;\n return `${color[0]}-${color[1]}`;\n }, [color, fill]);\n\n return (\n <StyledWrapper\n as={component}\n innerRef={innerRef}\n className={cssClassName}\n aria-hidden={title === undefined}\n title={title}\n {...restGlobals}\n {...containerProps}\n {...xstyledProps}\n style={style}\n height={!size ? defaultHeight : undefined}\n width={!size ? defaultWidth : undefined}\n size={size}\n svgColor={finalColor}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <StyledSvg\n size={size}\n viewBox={viewBox}\n width={!size ? defaultWidth : undefined}\n height={!size ? defaultHeight : undefined}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n {paths ? renderPaths(paths) : children}\n {title ? <title>{title}</title> : null}\n </StyledSvg>\n </StyledWrapper>\n );\n};\n\nSvgIcon.displayName = 'SvgIcon';\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = propTypes;\n\nexport { IconWithSchema, SvgIcon };\nexport default SvgIcon;\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-icons",
3
- "version": "3.55.0-next.2",
3
+ "version": "3.55.0-next.20",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Icons",
6
6
  "files": [
@@ -1573,15 +1573,15 @@
1573
1573
  },
1574
1574
  "dependencies": {
1575
1575
  "@xstyled/system": "~3.7.3",
1576
- "@elliemae/ds-props-helpers": "3.55.0-next.2",
1577
- "@elliemae/ds-system": "3.55.0-next.2",
1578
- "@elliemae/ds-classnames": "3.55.0-next.2"
1576
+ "@elliemae/ds-classnames": "3.55.0-next.20",
1577
+ "@elliemae/ds-system": "3.55.0-next.20",
1578
+ "@elliemae/ds-props-helpers": "3.55.0-next.20"
1579
1579
  },
1580
1580
  "devDependencies": {
1581
1581
  "@elliemae/pui-cli": "9.0.0-next.65",
1582
1582
  "jest": "~29.7.0",
1583
1583
  "styled-components": "~5.3.9",
1584
- "@elliemae/ds-monorepo-devops": "3.55.0-next.2"
1584
+ "@elliemae/ds-monorepo-devops": "3.55.0-next.20"
1585
1585
  },
1586
1586
  "peerDependencies": {
1587
1587
  "lodash-es": "^4.17.21",