@elliemae/ds-icons 3.0.0-next.46 → 3.0.0-next.49

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={style}\n      height={!size && height}\n      width={!size && width}\n      svgColor={color}\n    >\n      <StyledSvg fill={fill} viewBox={viewBox} width={!size ? width : undefined} height={!size ? height : 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;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;AAAA,IACA,QAAQ,CAAC,QAAQ;AAAA,IACjB,OAAO,CAAC,QAAQ;AAAA,IAChB,UAAU;AAAA,MAEV,qCAAC;AAAA,IAAU;AAAA,IAAY;AAAA,IAAkB,OAAO,CAAC,OAAO,QAAQ;AAAA,IAAW,QAAQ,CAAC,OAAO,SAAS;AAAA,KACjG,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 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"],
+  "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

@@ -83,7 +83,7 @@ const StyledWrapper = styled("span", {
 }}
   ${displaySizes}
 
-  & svg {
+  &.em-ds-icon svg {
     ${({ size, width, height }) => !width && !height && getSize(size)}
     ${({ width }) => {
   if (width)

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  & 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"],
+  "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.46",
+  "version": "3.0.0-next.49",
   "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.46",
+    "@elliemae/ds-classnames": "3.0.0-next.49",
+    "@elliemae/ds-utilities": "3.0.0-next.49",
     "react-desc": "~4.1.3"
   },
   "peerDependencies": {