@elliemae/ds-icons 1.57.3-rc.0 → 1.58.0-rc.3
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.
- package/cjs/FormsCustom.js +2 -2
- package/cjs/FormsCustom.js.map +1 -1
- package/cjs/ToolsCustom.js +2 -2
- package/cjs/ToolsCustom.js.map +1 -1
- package/cjs/utils/SvgIcon.js +2 -1
- package/cjs/utils/SvgIcon.js.map +1 -1
- package/esm/FormsCustom.js +2 -2
- package/esm/FormsCustom.js.map +1 -1
- package/esm/ToolsCustom.js +2 -2
- package/esm/ToolsCustom.js.map +1 -1
- package/esm/utils/SvgIcon.js +2 -1
- package/esm/utils/SvgIcon.js.map +1 -1
- package/package.json +2 -2
package/cjs/FormsCustom.js
CHANGED
|
@@ -32,8 +32,8 @@ function SvgIcon(props) {
|
|
|
32
32
|
rest = _objectWithoutProperties__default['default'](props, _excluded);
|
|
33
33
|
|
|
34
34
|
var fill = !color && !props.fill ? '#000' : props.fill;
|
|
35
|
-
var width = !size && !props.width ?
|
|
36
|
-
var height = !size && !props.height ?
|
|
35
|
+
var width = !size && !props.width ? 24 : props.width;
|
|
36
|
+
var height = !size && !props.height ? 24 : props.height;
|
|
37
37
|
|
|
38
38
|
var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('icon', className, {
|
|
39
39
|
size: size,
|
package/cjs/FormsCustom.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormsCustom.js","sources":["../../src/FormsCustom.tsx"],"sourcesContent":["/* eslint-disable max-len */\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 ?
|
|
1
|
+
{"version":3,"file":"FormsCustom.js","sources":["../../src/FormsCustom.tsx"],"sourcesContent":["/* eslint-disable max-len */\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 ? 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 fill={fill}\n style={{\n width,\n height,\n }}\n viewBox=\"0 0 21 21\"\n >\n <g stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n <path d=\"M 4 7 h 9 v 1 H 4 z M 4 10 h 5 v 1 H 4 z M 4 13 h 3 v 1 H 4 z M 21 15.5 v -1 l -2.118 -0.424 c -0.1 -0.419 -0.266 -0.81 -0.485 -1.166 l 1.2 -1.8 l -0.708 -0.706 l -1.8 1.2 a 3.963 3.963 0 0 0 -1.165 -0.486 L 15.5 9 h -1 l -0.424 2.118 c -0.419 0.1 -0.81 0.266 -1.166 0.485 l -1.8 -1.2 l -0.706 0.708 l 1.2 1.8 c -0.22 0.356 -0.387 0.746 -0.486 1.165 L 9 14.5 v 1 l 2.118 0.424 c 0.1 0.419 0.266 0.81 0.485 1.166 l -1.2 1.8 l 0.708 0.706 l 1.8 -1.2 c 0.356 0.22 0.746 0.387 1.165 0.486 L 14.5 21 h 1 l 0.424 -2.118 c 0.419 -0.1 0.81 -0.266 1.166 -0.485 l 1.8 1.2 l 0.706 -0.708 l -1.2 -1.8 c 0.22 -0.356 0.387 -0.746 0.486 -1.165 L 21 15.5 z M 15 17 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 z M 8 18 H 2 c -0.551 0 -1 -0.449 -1 -1 V 4 h 15 v 3 h 1 V 2 c 0 -1.1 -0.9 -2 -2 -2 H 2 c -1.1 0 -2 0.9 -2 2 v 15 c 0 1.1 0.9 2 2 2 h 6 v -1 z M 1 2 c 0 -0.551 0.449 -1 1 -1 h 13 c 0.551 0 1 0.449 1 1 v 1 H 1 V 2 z\" />\n </g>\n </svg>\n </span>\n );\n}\n\nexport default SvgIcon;\n"],"names":["SvgIcon","props","containerProps","size","color","className","style","innerRef","rest","fill","width","height","convertPropToCssClassName","cssClassName","React","String"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;AACtB,8BAA4FA,KAA5F,CAAQC,cAAR;AAAA,MAAQA,cAAR,sCAAyB,EAAzB;AAAA,MAA6BC,IAA7B,GAA4FF,KAA5F,CAA6BE,IAA7B;AAAA,MAAmCC,KAAnC,GAA4FH,KAA5F,CAAmCG,KAAnC;AAAA,yBAA4FH,KAA5F,CAA0CI,SAA1C;AAAA,MAA0CA,SAA1C,iCAAsD,EAAtD;AAAA,qBAA4FJ,KAA5F,CAA0DK,KAA1D;AAAA,MAA0DA,KAA1D,6BAAkE,EAAlE;AAAA,MAAsEC,QAAtE,GAA4FN,KAA5F,CAAsEM,QAAtE;AAAA,MAAmFC,IAAnF,gDAA4FP,KAA5F;;AACA,MAAMQ,IAAI,GAAG,CAACL,KAAD,IAAU,CAACH,KAAK,CAACQ,IAAjB,GAAwB,MAAxB,GAAiCR,KAAK,CAACQ,IAApD;AACA,MAAMC,KAAK,GAAG,CAACP,IAAD,IAAS,CAACF,KAAK,CAACS,KAAhB,GAAwB,EAAxB,GAA6BT,KAAK,CAACS,KAAjD;AACA,MAAMC,MAAM,GAAG,CAACR,IAAD,IAAS,CAACF,KAAK,CAACU,MAAhB,GAAyB,EAAzB,GAA8BV,KAAK,CAACU,MAAnD;;AACA,8BAAyBC,sCAAyB,CAAC,MAAD,EAASP,SAAT,EAAoB;AACpEF,IAAAA,IAAI,EAAJA,IADoE;AAEpEC,IAAAA,KAAK,EAALA;AAFoE,GAApB,CAAlD;AAAA,MAAQS,YAAR,yBAAQA,YAAR;;AAIA,sBACEC;AACE,IAAA,GAAG,EAAEP,QADP;AAEE,IAAA,SAAS,EAAEM;AAFb,KAGML,IAHN,EAIMN,cAJN;AAKE,IAAA,KAAK;AACHQ,MAAAA,KAAK,EAALA,KADG;AAEHC,MAAAA,MAAM,EAANA;AAFG,OAGAL,KAHA;AALP,mBAWEQ;AACE,IAAA,KAAK,EAAEJ,KAAK,IAAIK,MAAM,CAACL,KAAD,CADxB;AAEE,IAAA,MAAM,EAAEC,MAAM,IAAII,MAAM,CAACJ,MAAD,CAF1B;AAGE,IAAA,IAAI,EAAEF,IAHR;AAIE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAALA,KADK;AAELC,MAAAA,MAAM,EAANA;AAFK,KAJT;AAQE,IAAA,OAAO,EAAC;AARV,kBAUEG;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,QAAQ,EAAC;AAA1C,kBACEA;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAVF,CAXF,CADF;AA4BD;;;;"}
|
package/cjs/ToolsCustom.js
CHANGED
|
@@ -32,8 +32,8 @@ function SvgIcon(props) {
|
|
|
32
32
|
rest = _objectWithoutProperties__default['default'](props, _excluded);
|
|
33
33
|
|
|
34
34
|
var fill = !color && !props.fill ? '#000' : props.fill;
|
|
35
|
-
var width = !size && !props.width ?
|
|
36
|
-
var height = !size && !props.height ?
|
|
35
|
+
var width = !size && !props.width ? 24 : props.width;
|
|
36
|
+
var height = !size && !props.height ? 24 : props.height;
|
|
37
37
|
|
|
38
38
|
var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('icon', className, {
|
|
39
39
|
size: size,
|
package/cjs/ToolsCustom.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolsCustom.js","sources":["../../src/ToolsCustom.tsx"],"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 ? '#000' : props.fill;\n const width = !size && !props.width ?
|
|
1
|
+
{"version":3,"file":"ToolsCustom.js","sources":["../../src/ToolsCustom.tsx"],"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 ? '#000' : 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 fill={fill}\n style={{\n width,\n height,\n }}\n viewBox=\"0 0 22 19\"\n >\n <g stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n <path d=\"M 7 8.5 a 0.5 0.5 0 0 0 -0.5 -0.5 h -2 a 0.5 0.5 0 0 0 -0.5 0.5 v 0.5 H 1 V 4.5 a 0.5 0.5 0 0 1 0.5 -0.5 h 17 a 0.5 0.5 0 0 1 0.5 0.5 V 6 h 1 V 4.5 A 1.5 1.5 0 0 0 18.5 3 H 14 V 1.5 A 1.5 1.5 0 0 0 12.5 0 h -5 A 1.5 1.5 0 0 0 6 1.5 V 3 H 1.5 A 1.5 1.5 0 0 0 0 4.5 v 10 A 1.5 1.5 0 0 0 1.5 16 H 9 v -1 H 1.5 a 0.5 0.5 0 0 1 -0.5 -0.5 V 10 h 3 v 0.5 a 0.5 0.5 0 0 0 0.5 0.5 h 2 a 0.5 0.5 0 0 0 0.5 -0.5 V 10 h 2 v -1 H 7 v -0.5 z m 0 -7 a 0.5 0.5 0 0 1 0.5 -0.5 h 5 a 0.5 0.5 0 0 1 0.5 0.5 V 3 H 7 V 1.5 z M 6 10 H 5 v -1 h 1 v 1 z M 22 13.5 v -1 l -2.118 -0.424 c -0.1 -0.419 -0.266 -0.81 -0.485 -1.166 l 1.2 -1.8 l -0.708 -0.706 l -1.8 1.2 a 3.963 3.963 0 0 0 -1.165 -0.486 L 16.5 7 h -1 l -0.424 2.118 c -0.419 0.1 -0.81 0.266 -1.166 0.485 l -1.8 -1.2 l -0.706 0.708 l 1.2 1.8 c -0.22 0.356 -0.387 0.746 -0.486 1.165 L 10 12.5 v 1 l 2.118 0.424 c 0.1 0.419 0.266 0.81 0.485 1.166 l -1.2 1.8 l 0.708 0.706 l 1.8 -1.2 c 0.356 0.22 0.746 0.387 1.165 0.486 L 15.5 19 h 1 l 0.424 -2.118 c 0.419 -0.1 0.81 -0.266 1.166 -0.485 l 1.8 1.2 l 0.706 -0.708 l -1.2 -1.8 c 0.22 -0.356 0.387 -0.746 0.486 -1.165 L 22 13.5 z M 16 15 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 z\" />\n </g>\n </svg>\n </span>\n );\n}\n\nexport default SvgIcon;\n"],"names":["SvgIcon","props","containerProps","size","color","className","style","innerRef","rest","fill","width","height","convertPropToCssClassName","cssClassName","React","String"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;AACtB,8BAA4FA,KAA5F,CAAQC,cAAR;AAAA,MAAQA,cAAR,sCAAyB,EAAzB;AAAA,MAA6BC,IAA7B,GAA4FF,KAA5F,CAA6BE,IAA7B;AAAA,MAAmCC,KAAnC,GAA4FH,KAA5F,CAAmCG,KAAnC;AAAA,yBAA4FH,KAA5F,CAA0CI,SAA1C;AAAA,MAA0CA,SAA1C,iCAAsD,EAAtD;AAAA,qBAA4FJ,KAA5F,CAA0DK,KAA1D;AAAA,MAA0DA,KAA1D,6BAAkE,EAAlE;AAAA,MAAsEC,QAAtE,GAA4FN,KAA5F,CAAsEM,QAAtE;AAAA,MAAmFC,IAAnF,gDAA4FP,KAA5F;;AACA,MAAMQ,IAAI,GAAG,CAACL,KAAD,IAAU,CAACH,KAAK,CAACQ,IAAjB,GAAwB,MAAxB,GAAiCR,KAAK,CAACQ,IAApD;AACA,MAAMC,KAAK,GAAG,CAACP,IAAD,IAAS,CAACF,KAAK,CAACS,KAAhB,GAAwB,EAAxB,GAA6BT,KAAK,CAACS,KAAjD;AACA,MAAMC,MAAM,GAAG,CAACR,IAAD,IAAS,CAACF,KAAK,CAACU,MAAhB,GAAyB,EAAzB,GAA8BV,KAAK,CAACU,MAAnD;;AACA,8BAAyBC,sCAAyB,CAAC,MAAD,EAASP,SAAT,EAAoB;AACpEF,IAAAA,IAAI,EAAJA,IADoE;AAEpEC,IAAAA,KAAK,EAALA;AAFoE,GAApB,CAAlD;AAAA,MAAQS,YAAR,yBAAQA,YAAR;;AAIA,sBACEC;AACE,IAAA,GAAG,EAAEP,QADP;AAEE,IAAA,SAAS,EAAEM;AAFb,KAGML,IAHN,EAIMN,cAJN;AAKE,IAAA,KAAK;AACHQ,MAAAA,KAAK,EAALA,KADG;AAEHC,MAAAA,MAAM,EAANA;AAFG,OAGAL,KAHA;AALP,mBAWEQ;AACE,IAAA,KAAK,EAAEJ,KAAK,IAAIK,MAAM,CAACL,KAAD,CADxB;AAEE,IAAA,MAAM,EAAEC,MAAM,IAAII,MAAM,CAACJ,MAAD,CAF1B;AAGE,IAAA,IAAI,EAAEF,IAHR;AAIE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAALA,KADK;AAELC,MAAAA,MAAM,EAANA;AAFK,KAJT;AAQE,IAAA,OAAO,EAAC;AARV,kBAUEG;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,QAAQ,EAAC;AAA1C,kBACEA;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAVF,CAXF,CADF;AA4BD;;;;"}
|
package/cjs/utils/SvgIcon.js
CHANGED
|
@@ -65,7 +65,8 @@ var iconProps = {
|
|
|
65
65
|
viewBox: reactDesc.PropTypes.string.description('view box'),
|
|
66
66
|
paths: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string)]).description(''),
|
|
67
67
|
fill: reactDesc.PropTypes.string.description('fill attribute'),
|
|
68
|
-
innerRef: reactDesc.PropTypes.object.description('inner ref')
|
|
68
|
+
innerRef: reactDesc.PropTypes.object.description('inner ref'),
|
|
69
|
+
title: reactDesc.PropTypes.object.description('Adds a title html element to the svg.')
|
|
69
70
|
};
|
|
70
71
|
SvgIcon.propTypes = iconProps;
|
|
71
72
|
var IconWithSchema = reactDesc.describe(SvgIcon);
|
package/cjs/utils/SvgIcon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgIcon.js","sources":["../../../src/utils/SvgIcon.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\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';\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'];\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\nfunction SvgIcon({\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}: SvgIconPropType): JSX.Element {\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.oneOf([\n ['neutral', '900'],\n ['neutral', '500'],\n ['neutral', '0'],\n ['danger', '900'],\n ['warning', '600'],\n ['warning', '900'],\n ['success', '900'],\n ['brand-primary', '600'],\n ]).description('icon color'),\n className: PropTypes.string.description('html class attribute'),\n component: PropTypes.oneOf([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};\n\nSvgIcon.propTypes = iconProps;\n\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = iconProps;\n\nexport { IconWithSchema };\nexport default SvgIcon;\n"],"names":["renderPaths","paths","map","p","i","React","SvgIcon","containerProps","size","color","className","component","Component","viewBox","fill","innerRef","rest","convertPropToCssClassName","cssClassName","iconProps","PropTypes","object","description","oneOf","string","node","oneOfType","arrayOf","propTypes","IconWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,GAAN,CAAU,UAACC,CAAD,EAAIC,CAAJ;AAAA,wBAAUC;AAAM,MAAA,GAAG,EAAED,CAAX;AAAc,MAAA,CAAC,EAAED;AAAjB,MAAV;AAAA,GAAV,CAAX;AAAA,CAApB;;
|
|
1
|
+
{"version":3,"file":"SvgIcon.js","sources":["../../../src/utils/SvgIcon.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\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\nfunction SvgIcon({\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}: SvgIconPropType): JSX.Element {\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.oneOf([\n ['neutral', '900'],\n ['neutral', '500'],\n ['neutral', '0'],\n ['danger', '900'],\n ['warning', '600'],\n ['warning', '900'],\n ['success', '900'],\n ['brand-primary', '600'],\n ]).description('icon color'),\n className: PropTypes.string.description('html class attribute'),\n component: PropTypes.oneOf([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\nSvgIcon.propTypes = iconProps;\n\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = iconProps;\n\nexport { IconWithSchema };\nexport default SvgIcon;\n"],"names":["renderPaths","paths","map","p","i","React","SvgIcon","containerProps","size","color","className","component","Component","viewBox","fill","innerRef","rest","convertPropToCssClassName","cssClassName","iconProps","PropTypes","object","description","oneOf","string","node","oneOfType","arrayOf","title","propTypes","IconWithSchema","describe"],"mappings":"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"}
|
package/esm/FormsCustom.js
CHANGED
|
@@ -23,8 +23,8 @@ function SvgIcon(props) {
|
|
|
23
23
|
rest = _objectWithoutProperties(props, _excluded);
|
|
24
24
|
|
|
25
25
|
var fill = !color && !props.fill ? '#000' : props.fill;
|
|
26
|
-
var width = !size && !props.width ?
|
|
27
|
-
var height = !size && !props.height ?
|
|
26
|
+
var width = !size && !props.width ? 24 : props.width;
|
|
27
|
+
var height = !size && !props.height ? 24 : props.height;
|
|
28
28
|
|
|
29
29
|
var _convertPropToCssClas = convertPropToCssClassName('icon', className, {
|
|
30
30
|
size: size,
|
package/esm/FormsCustom.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormsCustom.js","sources":["../../src/FormsCustom.tsx"],"sourcesContent":["/* eslint-disable max-len */\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 ?
|
|
1
|
+
{"version":3,"file":"FormsCustom.js","sources":["../../src/FormsCustom.tsx"],"sourcesContent":["/* eslint-disable max-len */\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 ? 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 fill={fill}\n style={{\n width,\n height,\n }}\n viewBox=\"0 0 21 21\"\n >\n <g stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n <path d=\"M 4 7 h 9 v 1 H 4 z M 4 10 h 5 v 1 H 4 z M 4 13 h 3 v 1 H 4 z M 21 15.5 v -1 l -2.118 -0.424 c -0.1 -0.419 -0.266 -0.81 -0.485 -1.166 l 1.2 -1.8 l -0.708 -0.706 l -1.8 1.2 a 3.963 3.963 0 0 0 -1.165 -0.486 L 15.5 9 h -1 l -0.424 2.118 c -0.419 0.1 -0.81 0.266 -1.166 0.485 l -1.8 -1.2 l -0.706 0.708 l 1.2 1.8 c -0.22 0.356 -0.387 0.746 -0.486 1.165 L 9 14.5 v 1 l 2.118 0.424 c 0.1 0.419 0.266 0.81 0.485 1.166 l -1.2 1.8 l 0.708 0.706 l 1.8 -1.2 c 0.356 0.22 0.746 0.387 1.165 0.486 L 14.5 21 h 1 l 0.424 -2.118 c 0.419 -0.1 0.81 -0.266 1.166 -0.485 l 1.8 1.2 l 0.706 -0.708 l -1.2 -1.8 c 0.22 -0.356 0.387 -0.746 0.486 -1.165 L 21 15.5 z M 15 17 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 z M 8 18 H 2 c -0.551 0 -1 -0.449 -1 -1 V 4 h 15 v 3 h 1 V 2 c 0 -1.1 -0.9 -2 -2 -2 H 2 c -1.1 0 -2 0.9 -2 2 v 15 c 0 1.1 0.9 2 2 2 h 6 v -1 z M 1 2 c 0 -0.551 0.449 -1 1 -1 h 13 c 0.551 0 1 0.449 1 1 v 1 H 1 V 2 z\" />\n </g>\n </svg>\n </span>\n );\n}\n\nexport default SvgIcon;\n"],"names":["SvgIcon","props","containerProps","size","color","className","style","innerRef","rest","fill","width","height","convertPropToCssClassName","cssClassName","String"],"mappings":";;;;;;;;;;;;AAKA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;AACtB,8BAA4FA,KAA5F,CAAQC,cAAR;AAAA,MAAQA,cAAR,sCAAyB,EAAzB;AAAA,MAA6BC,IAA7B,GAA4FF,KAA5F,CAA6BE,IAA7B;AAAA,MAAmCC,KAAnC,GAA4FH,KAA5F,CAAmCG,KAAnC;AAAA,yBAA4FH,KAA5F,CAA0CI,SAA1C;AAAA,MAA0CA,SAA1C,iCAAsD,EAAtD;AAAA,qBAA4FJ,KAA5F,CAA0DK,KAA1D;AAAA,MAA0DA,KAA1D,6BAAkE,EAAlE;AAAA,MAAsEC,QAAtE,GAA4FN,KAA5F,CAAsEM,QAAtE;AAAA,MAAmFC,IAAnF,4BAA4FP,KAA5F;;AACA,MAAMQ,IAAI,GAAG,CAACL,KAAD,IAAU,CAACH,KAAK,CAACQ,IAAjB,GAAwB,MAAxB,GAAiCR,KAAK,CAACQ,IAApD;AACA,MAAMC,KAAK,GAAG,CAACP,IAAD,IAAS,CAACF,KAAK,CAACS,KAAhB,GAAwB,EAAxB,GAA6BT,KAAK,CAACS,KAAjD;AACA,MAAMC,MAAM,GAAG,CAACR,IAAD,IAAS,CAACF,KAAK,CAACU,MAAhB,GAAyB,EAAzB,GAA8BV,KAAK,CAACU,MAAnD;;AACA,8BAAyBC,yBAAyB,CAAC,MAAD,EAASP,SAAT,EAAoB;AACpEF,IAAAA,IAAI,EAAJA,IADoE;AAEpEC,IAAAA,KAAK,EAALA;AAFoE,GAApB,CAAlD;AAAA,MAAQS,YAAR,yBAAQA,YAAR;;AAIA,sBACE;AACE,IAAA,GAAG,EAAEN,QADP;AAEE,IAAA,SAAS,EAAEM;AAFb,KAGML,IAHN,EAIMN,cAJN;AAKE,IAAA,KAAK;AACHQ,MAAAA,KAAK,EAALA,KADG;AAEHC,MAAAA,MAAM,EAANA;AAFG,OAGAL,KAHA;AALP,mBAWE;AACE,IAAA,KAAK,EAAEI,KAAK,IAAII,MAAM,CAACJ,KAAD,CADxB;AAEE,IAAA,MAAM,EAAEC,MAAM,IAAIG,MAAM,CAACH,MAAD,CAF1B;AAGE,IAAA,IAAI,EAAEF,IAHR;AAIE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAALA,KADK;AAELC,MAAAA,MAAM,EAANA;AAFK,KAJT;AAQE,IAAA,OAAO,EAAC;AARV,kBAUE;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,QAAQ,EAAC;AAA1C,kBACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAVF,CAXF,CADF;AA4BD;;;;"}
|
package/esm/ToolsCustom.js
CHANGED
|
@@ -23,8 +23,8 @@ function SvgIcon(props) {
|
|
|
23
23
|
rest = _objectWithoutProperties(props, _excluded);
|
|
24
24
|
|
|
25
25
|
var fill = !color && !props.fill ? '#000' : props.fill;
|
|
26
|
-
var width = !size && !props.width ?
|
|
27
|
-
var height = !size && !props.height ?
|
|
26
|
+
var width = !size && !props.width ? 24 : props.width;
|
|
27
|
+
var height = !size && !props.height ? 24 : props.height;
|
|
28
28
|
|
|
29
29
|
var _convertPropToCssClas = convertPropToCssClassName('icon', className, {
|
|
30
30
|
size: size,
|
package/esm/ToolsCustom.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolsCustom.js","sources":["../../src/ToolsCustom.tsx"],"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 ? '#000' : props.fill;\n const width = !size && !props.width ?
|
|
1
|
+
{"version":3,"file":"ToolsCustom.js","sources":["../../src/ToolsCustom.tsx"],"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 ? '#000' : 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 fill={fill}\n style={{\n width,\n height,\n }}\n viewBox=\"0 0 22 19\"\n >\n <g stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n <path d=\"M 7 8.5 a 0.5 0.5 0 0 0 -0.5 -0.5 h -2 a 0.5 0.5 0 0 0 -0.5 0.5 v 0.5 H 1 V 4.5 a 0.5 0.5 0 0 1 0.5 -0.5 h 17 a 0.5 0.5 0 0 1 0.5 0.5 V 6 h 1 V 4.5 A 1.5 1.5 0 0 0 18.5 3 H 14 V 1.5 A 1.5 1.5 0 0 0 12.5 0 h -5 A 1.5 1.5 0 0 0 6 1.5 V 3 H 1.5 A 1.5 1.5 0 0 0 0 4.5 v 10 A 1.5 1.5 0 0 0 1.5 16 H 9 v -1 H 1.5 a 0.5 0.5 0 0 1 -0.5 -0.5 V 10 h 3 v 0.5 a 0.5 0.5 0 0 0 0.5 0.5 h 2 a 0.5 0.5 0 0 0 0.5 -0.5 V 10 h 2 v -1 H 7 v -0.5 z m 0 -7 a 0.5 0.5 0 0 1 0.5 -0.5 h 5 a 0.5 0.5 0 0 1 0.5 0.5 V 3 H 7 V 1.5 z M 6 10 H 5 v -1 h 1 v 1 z M 22 13.5 v -1 l -2.118 -0.424 c -0.1 -0.419 -0.266 -0.81 -0.485 -1.166 l 1.2 -1.8 l -0.708 -0.706 l -1.8 1.2 a 3.963 3.963 0 0 0 -1.165 -0.486 L 16.5 7 h -1 l -0.424 2.118 c -0.419 0.1 -0.81 0.266 -1.166 0.485 l -1.8 -1.2 l -0.706 0.708 l 1.2 1.8 c -0.22 0.356 -0.387 0.746 -0.486 1.165 L 10 12.5 v 1 l 2.118 0.424 c 0.1 0.419 0.266 0.81 0.485 1.166 l -1.2 1.8 l 0.708 0.706 l 1.8 -1.2 c 0.356 0.22 0.746 0.387 1.165 0.486 L 15.5 19 h 1 l 0.424 -2.118 c 0.419 -0.1 0.81 -0.266 1.166 -0.485 l 1.8 1.2 l 0.706 -0.708 l -1.2 -1.8 c 0.22 -0.356 0.387 -0.746 0.486 -1.165 L 22 13.5 z M 16 15 a 2 2 0 1 1 0 -4 a 2 2 0 0 1 0 4 z\" />\n </g>\n </svg>\n </span>\n );\n}\n\nexport default SvgIcon;\n"],"names":["SvgIcon","props","containerProps","size","color","className","style","innerRef","rest","fill","width","height","convertPropToCssClassName","cssClassName","String"],"mappings":";;;;;;;;;;;;AAIA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;AACtB,8BAA4FA,KAA5F,CAAQC,cAAR;AAAA,MAAQA,cAAR,sCAAyB,EAAzB;AAAA,MAA6BC,IAA7B,GAA4FF,KAA5F,CAA6BE,IAA7B;AAAA,MAAmCC,KAAnC,GAA4FH,KAA5F,CAAmCG,KAAnC;AAAA,yBAA4FH,KAA5F,CAA0CI,SAA1C;AAAA,MAA0CA,SAA1C,iCAAsD,EAAtD;AAAA,qBAA4FJ,KAA5F,CAA0DK,KAA1D;AAAA,MAA0DA,KAA1D,6BAAkE,EAAlE;AAAA,MAAsEC,QAAtE,GAA4FN,KAA5F,CAAsEM,QAAtE;AAAA,MAAmFC,IAAnF,4BAA4FP,KAA5F;;AACA,MAAMQ,IAAI,GAAG,CAACL,KAAD,IAAU,CAACH,KAAK,CAACQ,IAAjB,GAAwB,MAAxB,GAAiCR,KAAK,CAACQ,IAApD;AACA,MAAMC,KAAK,GAAG,CAACP,IAAD,IAAS,CAACF,KAAK,CAACS,KAAhB,GAAwB,EAAxB,GAA6BT,KAAK,CAACS,KAAjD;AACA,MAAMC,MAAM,GAAG,CAACR,IAAD,IAAS,CAACF,KAAK,CAACU,MAAhB,GAAyB,EAAzB,GAA8BV,KAAK,CAACU,MAAnD;;AACA,8BAAyBC,yBAAyB,CAAC,MAAD,EAASP,SAAT,EAAoB;AACpEF,IAAAA,IAAI,EAAJA,IADoE;AAEpEC,IAAAA,KAAK,EAALA;AAFoE,GAApB,CAAlD;AAAA,MAAQS,YAAR,yBAAQA,YAAR;;AAIA,sBACE;AACE,IAAA,GAAG,EAAEN,QADP;AAEE,IAAA,SAAS,EAAEM;AAFb,KAGML,IAHN,EAIMN,cAJN;AAKE,IAAA,KAAK;AACHQ,MAAAA,KAAK,EAALA,KADG;AAEHC,MAAAA,MAAM,EAANA;AAFG,OAGAL,KAHA;AALP,mBAWE;AACE,IAAA,KAAK,EAAEI,KAAK,IAAII,MAAM,CAACJ,KAAD,CADxB;AAEE,IAAA,MAAM,EAAEC,MAAM,IAAIG,MAAM,CAACH,MAAD,CAF1B;AAGE,IAAA,IAAI,EAAEF,IAHR;AAIE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAALA,KADK;AAELC,MAAAA,MAAM,EAANA;AAFK,KAJT;AAQE,IAAA,OAAO,EAAC;AARV,kBAUE;AAAG,IAAA,MAAM,EAAC,MAAV;AAAiB,IAAA,WAAW,EAAC,GAA7B;AAAiC,IAAA,QAAQ,EAAC;AAA1C,kBACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,CAVF,CAXF,CADF;AA4BD;;;;"}
|
package/esm/utils/SvgIcon.js
CHANGED
|
@@ -55,7 +55,8 @@ var iconProps = {
|
|
|
55
55
|
viewBox: PropTypes.string.description('view box'),
|
|
56
56
|
paths: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]).description(''),
|
|
57
57
|
fill: PropTypes.string.description('fill attribute'),
|
|
58
|
-
innerRef: PropTypes.object.description('inner ref')
|
|
58
|
+
innerRef: PropTypes.object.description('inner ref'),
|
|
59
|
+
title: PropTypes.object.description('Adds a title html element to the svg.')
|
|
59
60
|
};
|
|
60
61
|
SvgIcon.propTypes = iconProps;
|
|
61
62
|
var IconWithSchema = describe(SvgIcon);
|
package/esm/utils/SvgIcon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgIcon.js","sources":["../../../src/utils/SvgIcon.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\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';\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'];\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\nfunction SvgIcon({\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}: SvgIconPropType): JSX.Element {\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.oneOf([\n ['neutral', '900'],\n ['neutral', '500'],\n ['neutral', '0'],\n ['danger', '900'],\n ['warning', '600'],\n ['warning', '900'],\n ['success', '900'],\n ['brand-primary', '600'],\n ]).description('icon color'),\n className: PropTypes.string.description('html class attribute'),\n component: PropTypes.oneOf([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};\n\nSvgIcon.propTypes = iconProps;\n\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = iconProps;\n\nexport { IconWithSchema };\nexport default SvgIcon;\n"],"names":["renderPaths","paths","map","p","i","SvgIcon","containerProps","size","color","className","component","Component","viewBox","fill","innerRef","rest","convertPropToCssClassName","cssClassName","iconProps","PropTypes","object","description","oneOf","string","node","oneOfType","arrayOf","propTypes","IconWithSchema","describe"],"mappings":";;;;;;;;AAKA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,GAAN,CAAU,UAACC,CAAD,EAAIC,CAAJ;AAAA,wBAAU;AAAM,MAAA,GAAG,EAAEA,CAAX;AAAc,MAAA,CAAC,EAAED;AAAjB,MAAV;AAAA,GAAV,CAAX;AAAA,CAApB;;
|
|
1
|
+
{"version":3,"file":"SvgIcon.js","sources":["../../../src/utils/SvgIcon.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\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\nfunction SvgIcon({\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}: SvgIconPropType): JSX.Element {\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.oneOf([\n ['neutral', '900'],\n ['neutral', '500'],\n ['neutral', '0'],\n ['danger', '900'],\n ['warning', '600'],\n ['warning', '900'],\n ['success', '900'],\n ['brand-primary', '600'],\n ]).description('icon color'),\n className: PropTypes.string.description('html class attribute'),\n component: PropTypes.oneOf([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\nSvgIcon.propTypes = iconProps;\n\nconst IconWithSchema = describe(SvgIcon);\nIconWithSchema.propTypes = iconProps;\n\nexport { IconWithSchema };\nexport default SvgIcon;\n"],"names":["renderPaths","paths","map","p","i","SvgIcon","containerProps","size","color","className","component","Component","viewBox","fill","innerRef","rest","convertPropToCssClassName","cssClassName","iconProps","PropTypes","object","description","oneOf","string","node","oneOfType","arrayOf","title","propTypes","IconWithSchema","describe"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-icons",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.58.0-rc.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Icons",
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@elliemae/ds-classnames": "1.
|
|
23
|
+
"@elliemae/ds-classnames": "1.58.0-rc.3",
|
|
24
24
|
"react-desc": "^4.1.2"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|