@elliemae/ds-icons 3.0.0-next.39 → 3.0.0-next.41

package/dist/esm/utils/SvgIcon.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -28,70 +31,43 @@ var __objRest = (source, exclude) => {
 };
 import * as React from "react";
 import React2 from "react";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { describe, useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { propTypes } from "./react-desc-prop-types";
+import { StyledSvg, StyledWrapper } from "./styled";
 const renderPaths = (paths) => paths.map((p, i) => /* @__PURE__ */ React2.createElement("path", {
   key: i,
   d: p
 }));
-const SvgIcon = (_a) => {
-  var _b = _a, {
-    containerProps = {},
-    size,
-    color,
-    className = "",
-    component: Component = "span",
-    viewBox = "0 0 24 24",
-    paths,
-    fill,
-    innerRef
-  } = _b, rest = __objRest(_b, [
-    "containerProps",
-    "size",
-    "color",
-    "className",
-    "component",
-    "viewBox",
-    "paths",
-    "fill",
-    "innerRef"
-  ]);
+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 xstyledProps = useGetXstyledProps(props);
   const { cssClassName } = convertPropToCssClassName("icon", className, {
     size,
     color
   });
-  return /* @__PURE__ */ React2.createElement(Component, __spreadValues(__spreadValues({
+  return /* @__PURE__ */ React2.createElement(StyledWrapper, __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+    as: component,
     ref: innerRef,
     className: cssClassName
-  }, rest), containerProps), /* @__PURE__ */ React2.createElement("svg", {
+  }, restGlobals), containerProps), xstyledProps), {
+    style: __spreadProps(__spreadValues({}, style), {
+      width: !size ? width : void 0,
+      height: !size ? height : void 0
+    }),
+    svgColor: color
+  }), /* @__PURE__ */ React2.createElement(StyledSvg, {
     fill,
-    viewBox
-  }, renderPaths(paths)));
-};
-const iconProps = {
-  containerProps: PropTypes.object.description("set of properties attached to the main container"),
-  size: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("size of the icon"),
-  color: PropTypes.oneOfType([
-    PropTypes.tuple([PropTypes.oneOf(["neutral"]), PropTypes.oneOf(["900"])]),
-    PropTypes.tuple([PropTypes.oneOf(["neutral"]), PropTypes.oneOf(["500"])]),
-    PropTypes.tuple([PropTypes.oneOf(["neutral"]), PropTypes.oneOf(["0"])]),
-    PropTypes.tuple([PropTypes.oneOf(["danger"]), PropTypes.oneOf(["900"])]),
-    PropTypes.tuple([PropTypes.oneOf(["warning"]), PropTypes.oneOf(["600"])]),
-    PropTypes.tuple([PropTypes.oneOf(["warning"]), PropTypes.oneOf(["900"])]),
-    PropTypes.tuple([PropTypes.oneOf(["success"]), PropTypes.oneOf(["900"])]),
-    PropTypes.tuple([PropTypes.oneOf(["brand-primary"]), PropTypes.oneOf(["600"])])
-  ]).description("icon color"),
-  className: PropTypes.string.description("html class attribute"),
-  component: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).description("containers element"),
-  viewBox: PropTypes.string.description("view box"),
-  paths: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]).description(""),
-  fill: PropTypes.string.description("fill attribute"),
-  innerRef: PropTypes.object.description("inner ref"),
-  title: PropTypes.object.description("Adds a title html element to the svg.")
+    viewBox,
+    style: !size ? style : {},
+    width: !size ? width : void 0,
+    height: !size ? height : void 0
+  }, children ? children : renderPaths(paths)));
 };
-SvgIcon.propTypes = iconProps;
+SvgIcon.propTypes = propTypes;
 const IconWithSchema = describe(SvgIcon);
-IconWithSchema.propTypes = iconProps;
+IconWithSchema.propTypes = propTypes;
 var SvgIcon_default = SvgIcon;
 export {
   IconWithSchema,

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 { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst renderPaths = (paths) => paths.map((p, i) => <path key={i} d={p} />);\n\nexport type SvgIconSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\nexport type SvgIconColorType =\n  | ['neutral', '900']\n  | ['neutral', '500']\n  | ['neutral', '0']\n  | ['danger', '900']\n  | ['warning', '600']\n  | ['success', '900']\n  | ['brand-primary', '600'];\n\nexport interface SvgIconPropType {\n  containerProps: Record<any, any>;\n  size: SvgIconSizeType;\n  color: SvgIconColorType;\n  className: string;\n  component: React.ComponentType | 'span';\n  viewBox: string;\n  paths: any;\n  fill: any;\n  innerRef: any;\n}\n\nexport type SvgIconType = React.ComponentType<SvgIconPropType>;\n\nconst SvgIcon: React.ComponentType<SvgIconPropType> = ({\n  containerProps = {},\n  size,\n  color,\n  className = '',\n  component: Component = 'span',\n  viewBox = '0 0 24 24',\n  paths,\n  fill,\n  innerRef,\n  ...rest\n}) => {\n  const { cssClassName } = convertPropToCssClassName('icon', className, {\n    size,\n    color,\n  });\n  return (\n    <Component ref={innerRef} className={cssClassName} {...rest} {...containerProps}>\n      <svg fill={fill} viewBox={viewBox}>\n        {renderPaths(paths)}\n      </svg>\n    </Component>\n  );\n};\n\nconst iconProps = {\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  ]).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} as WeakValidationMap<unknown>;\n\nSvgIcon.propTypes = iconProps;\n\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = iconProps;\n\nexport { IconWithSchema, SvgIcon };\nexport default SvgIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,UAAU,MAAM,IAAI,CAAC,GAAG,MAAM,qCAAC;AAAA,EAAK,KAAK;AAAA,EAAG,GAAG;AAAA,CAAG,CAAE;AA2BzE,MAAM,UAAgD,CAAC,OAWjD;AAXiD,eACrD;AAAA,qBAAiB,CAAC;AAAA,IAClB;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW,YAAY;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,MATqD,IAUlD,iBAVkD,IAUlD;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,iBAAiB,0BAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AACD,SACE,qCAAC;AAAA,IAAU,KAAK;AAAA,IAAU,WAAW;AAAA,KAAkB,OAAU,iBAC/D,qCAAC;AAAA,IAAI;AAAA,IAAY;AAAA,KACd,YAAY,KAAK,CACpB,CACF;AAEJ;AAEA,MAAM,YAAY;AAAA,EAChB,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,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;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-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;",
   "names": []
 }

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

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  component: "span",
+  viewBox: "0 0 24 24",
+  containerProps: {}
+};
+const propTypes = {
+  containerProps: PropTypes.object.description("set of properties attached to the main container"),
+  size: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("size of the icon"),
+  color: PropTypes.oneOfType([
+    PropTypes.tuple([PropTypes.oneOf(["neutral"]), PropTypes.oneOf(["900"])]),
+    PropTypes.tuple([PropTypes.oneOf(["neutral"]), PropTypes.oneOf(["500"])]),
+    PropTypes.tuple([PropTypes.oneOf(["neutral"]), PropTypes.oneOf(["0"])]),
+    PropTypes.tuple([PropTypes.oneOf(["danger"]), PropTypes.oneOf(["900"])]),
+    PropTypes.tuple([PropTypes.oneOf(["warning"]), PropTypes.oneOf(["600"])]),
+    PropTypes.tuple([PropTypes.oneOf(["warning"]), PropTypes.oneOf(["900"])]),
+    PropTypes.tuple([PropTypes.oneOf(["success"]), PropTypes.oneOf(["900"])]),
+    PropTypes.tuple([PropTypes.oneOf(["brand-primary"]), PropTypes.oneOf(["600"])]),
+    PropTypes.tuple([PropTypes.oneOf(["brand-primary"]), PropTypes.oneOf(["700"])])
+  ]).description("icon color"),
+  className: PropTypes.string.description("html class attribute"),
+  component: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).description("containers element"),
+  viewBox: PropTypes.string.description("view box"),
+  paths: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]).description(""),
+  fill: PropTypes.string.description("fill attribute"),
+  innerRef: PropTypes.object.description("inner ref"),
+  title: PropTypes.object.description("Adds a title html element to the svg.")
+};
+export {
+  defaultProps,
+  propTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

package/dist/esm/utils/styled.js

@@ -0,0 +1,91 @@
+import * as React from "react";
+import { styled, css, th } from "@elliemae/ds-system";
+import { DSIconName, DSIconSlots } from "./theming";
+const displaySizes = css`
+  display: inline-flex;
+  vertical-align: middle;
+`;
+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}
+`;
+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 getSize = (size) => {
+  if (size === "xxl")
+    return xxlSizes;
+  if (size === "xl")
+    return xlSizes;
+  if (size === "l")
+    return lSizes;
+  if (size === "m")
+    return mSizes;
+  if (size === "s")
+    return sSizes;
+  if (size === "xs")
+    return xsSizes;
+  if (size === "xxs")
+    return xxsSizes;
+  return standarSizes;
+};
+const StyledSvg = styled("svg", {
+  name: DSIconName,
+  slot: DSIconSlots.SVG
+})``;
+const StyledWrapper = styled("span", {
+  name: DSIconName,
+  slot: DSIconSlots.ICON_WRAPPER
+})`
+  ${({ size }) => getSize(size)}
+  & svg {
+    fill: ${({ svgColor }) => svgColor && th.color(getColor(svgColor))};
+  }
+`;
+export {
+  StyledSvg,
+  StyledWrapper
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

package/dist/esm/utils/theming.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const DSIconName = "ds-icon";
+const DSIconSlots = {
+  ICON_WRAPPER: "root",
+  SVG: "svg"
+};
+export {
+  DSIconName,
+  DSIconSlots
+};
+//# sourceMappingURL=theming.js.map

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

@@ -0,0 +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"],
+  "mappings": "AAAA;ACAO,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.0.0-next.39",
+  "version": "3.0.0-next.41",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Icons",
   "files": [
@@ -1572,7 +1572,7 @@
   },
   "dependencies": {
     "@elliemae/ds-classnames": "3.0.0-next.29",
-    "@elliemae/ds-utilities": "3.0.0-next.39",
+    "@elliemae/ds-utilities": "3.0.0-next.41",
     "react-desc": "~4.1.3"
   },
   "peerDependencies": {

package/dist/cjs/MenuPickeSmall.js

@@ -1,103 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MenuPickeSmall_exports = {};
-__export(MenuPickeSmall_exports, {
-  default: () => MenuPickeSmall_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_classnames = require("@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 fill = color || props.fill || void 0;
-  const width = !size && !props.width ? 24 : props.width;
-  const height = !size && !props.height ? 24 : props.height;
-  const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("icon", className, {
-    size,
-    color
-  });
-  return /* @__PURE__ */ import_react.default.createElement("span", __spreadProps(__spreadValues(__spreadValues({
-    ref: innerRef,
-    className: cssClassName
-  }, rest), containerProps), {
-    style: __spreadValues({
-      width,
-      height
-    }, style)
-  }), /* @__PURE__ */ import_react.default.createElement("svg", {
-    width: width && String(width),
-    height: height && String(height),
-    style: {
-      width,
-      height
-    },
-    fill,
-    viewBox: "0 0 24 24"
-  }, /* @__PURE__ */ import_react.default.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fillRule: "evenodd"
-  }, /* @__PURE__ */ import_react.default.createElement("g", {
-    fill,
-    fillRule: "nonzero"
-  }, /* @__PURE__ */ import_react.default.createElement("path", {
-    d: "M7.2 8H4.8c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8z"
-  })))));
-}
-var MenuPickeSmall_default = SvgIcon;
-module.exports = __toCommonJS(MenuPickeSmall_exports);
-//# sourceMappingURL=MenuPickeSmall.js.map

package/dist/cjs/MenuPickeSmall.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/MenuPickeSmall.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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 || undefined;\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        <g stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n          <g fill={fill} fillRule=\"nonzero\">\n            <path d=\"M7.2 8H4.8c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8z\"></path>\n          </g>\n        </g>\n      </svg>\n    </span>\n  );\n}\n\nexport default SvgIcon;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,2BAA0C;AAE1C,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,SAAS,MAAM,QAAQ;AACpC,QAAM,QAAQ,CAAC,QAAQ,CAAC,MAAM,QAAQ,KAAK,MAAM;AACjD,QAAM,SAAS,CAAC,QAAQ,CAAC,MAAM,SAAS,KAAK,MAAM;AACnD,QAAM,EAAE,iBAAiB,oDAA0B,QAAQ,WAAW;AAAA,IACpE;AAAA,IACA;AAAA,EACF,CAAC;AACD,SACE,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAW;AAAA,KACP,OACA,iBAJL;AAAA,IAKC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,OACG;AAAA,MAGL,mDAAC;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,mDAAC;AAAA,IAAE,QAAO;AAAA,IAAO,aAAY;AAAA,IAAI,UAAS;AAAA,KACxC,mDAAC;AAAA,IAAE;AAAA,IAAY,UAAS;AAAA,KACtB,mDAAC;AAAA,IAAK,GAAE;AAAA,GAAw0B,CACl1B,CACF,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
-  "names": []
-}

package/dist/esm/MenuPickeSmall.js

@@ -1,76 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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 fill = color || props.fill || void 0;
-  const width = !size && !props.width ? 24 : props.width;
-  const height = !size && !props.height ? 24 : props.height;
-  const { cssClassName } = convertPropToCssClassName("icon", className, {
-    size,
-    color
-  });
-  return /* @__PURE__ */ React2.createElement("span", __spreadProps(__spreadValues(__spreadValues({
-    ref: innerRef,
-    className: cssClassName
-  }, rest), containerProps), {
-    style: __spreadValues({
-      width,
-      height
-    }, style)
-  }), /* @__PURE__ */ React2.createElement("svg", {
-    width: width && String(width),
-    height: height && String(height),
-    style: {
-      width,
-      height
-    },
-    fill,
-    viewBox: "0 0 24 24"
-  }, /* @__PURE__ */ React2.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fillRule: "evenodd"
-  }, /* @__PURE__ */ React2.createElement("g", {
-    fill,
-    fillRule: "nonzero"
-  }, /* @__PURE__ */ React2.createElement("path", {
-    d: "M7.2 8H4.8c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8z"
-  })))));
-}
-var MenuPickeSmall_default = SvgIcon;
-export {
-  MenuPickeSmall_default as default
-};
-//# sourceMappingURL=MenuPickeSmall.js.map

package/dist/esm/MenuPickeSmall.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/MenuPickeSmall.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 { containerProps = {}, size, color, className = '', style = {}, innerRef, ...rest } = props;\n  const fill = color || props.fill || undefined;\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        <g stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n          <g fill={fill} fillRule=\"nonzero\">\n            <path d=\"M7.2 8H4.8c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8z\"></path>\n          </g>\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,SAAS,MAAM,QAAQ;AACpC,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,IAAE,QAAO;AAAA,IAAO,aAAY;AAAA,IAAI,UAAS;AAAA,KACxC,qCAAC;AAAA,IAAE;AAAA,IAAY,UAAS;AAAA,KACtB,qCAAC;AAAA,IAAK,GAAE;AAAA,GAAw0B,CACl1B,CACF,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
-  "names": []
-}