@dnanpm/styleguide 2.1.0 → 2.2.0

package/build/cjs/components/Icons/hlFingerprint.js

@@ -2,17 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlFingerprint = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M22 14.4h-.11a.6.6 0 0 1-.49-.7 9.77 9.77 0 0 0 .2-1.7 9.6 9.6 0 0 0-2.26-6.19.6.6 0 0 1 .92-.81 10.82 10.82 0 0 1 2.37 8.87.6.6 0 0 1-.63.53zM1.82 12a.6.6 0 0 1-.56-.63 10.8 10.8 0 0 1 17.09-8.11.6.6 0 1 1-.71 1 9.6 9.6 0 0 0-15.22 7.16.6.6 0 0 1-.6.58z" }),
-    React__default['default'].createElement("path", { d: "M4.29 11.38H4.2a.6.6 0 0 1-.5-.69c0-.21.07-.42.12-.63A8.37 8.37 0 0 1 12 3.6a.6.6 0 0 1 0 1.2 7.17 7.17 0 0 0-7 5.54q-.06.26-.11.54a.6.6 0 0 1-.6.5zM19.2 16.2h-.15a.6.6 0 0 1-.44-.73c1.08-4.33 0-7.82-2.85-9.59a7.24 7.24 0 0 0-1.52-.7.6.6 0 0 1 .38-1.18 8.44 8.44 0 0 1 1.77.82c3.37 2.06 4.61 6 3.39 10.91a.6.6 0 0 1-.58.47z" }),
-    React__default['default'].createElement("path", { d: "M15.39 8.4a.6.6 0 0 1-.39-.13 4.8 4.8 0 0 0-6 0 .6.6 0 1 1-.75-.93 6 6 0 0 1 7.54 0 .6.6 0 0 1-.38 1.07zM13.2 22.2a.6.6 0 0 1-.45-1c1.19-1.33 5-6.07 3.51-11.44a.6.6 0 0 1 1.16-.32C19 15.4 14.94 20.56 13.65 22a.6.6 0 0 1-.45.2z" }),
-    React__default['default'].createElement("path", { d: "M4.2 19.2A.6.6 0 0 1 4 18a6.71 6.71 0 0 0 4.31-5c.5-2.83 1.88-4.57 3.69-4.6a3.27 3.27 0 0 1 2.63 1.11 4.41 4.41 0 0 1 .65 3.88.6.6 0 0 1-1.18-.24 3.41 3.41 0 0 0-.39-2.87A2.08 2.08 0 0 0 12 9.6c-.91 0-2.06 1-2.56 3.67a7.85 7.85 0 0 1-5 5.88.6.6 0 0 1-.24.05z" }),
-    React__default['default'].createElement("path", { d: "M3 16.8a.6.6 0 0 1-.21-1.16c2.62-1 2.83-2.17 3.12-3.78a8.49 8.49 0 0 1 .76-2.54.6.6 0 1 1 1.07.55 7.42 7.42 0 0 0-.64 2.2c-.3 1.69-.62 3.44-3.87 4.69a.6.6 0 0 1-.23.04zM6.6 21a.6.6 0 0 1-.3-1.12 11.15 11.15 0 0 0 5.1-7.94.6.6 0 0 1 1.2.11 12.17 12.17 0 0 1-5.7 8.86.6.6 0 0 1-.3.09zM9.6 22.2a.6.6 0 0 1-.39-1.05 12.52 12.52 0 0 0 4-5.69.6.6 0 0 1 1.17.28A13.42 13.42 0 0 1 10 22.05a.6.6 0 0 1-.4.15zM2.38 14.47a.6.6 0 0 1-.3-1.12 2.66 2.66 0 0 0 1-1 .6.6 0 0 1 1.08.52 3.87 3.87 0 0 1-1.47 1.53.59.59 0 0 1-.31.07zM16.8 21.6a.6.6 0 0 1-.47-1 11.35 11.35 0 0 0 1.62-2.83.6.6 0 0 1 1.13.4 12.35 12.35 0 0 1-1.8 3.17.6.6 0 0 1-.48.26z" })));
+const hlFingerprint = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M22 14.4h-.11a.6.6 0 0 1-.49-.7 9.77 9.77 0 0 0 .2-1.7 9.6 9.6 0 0 0-2.26-6.19.6.6 0 0 1 .92-.81 10.82 10.82 0 0 1 2.37 8.87.6.6 0 0 1-.63.53zM1.82 12a.6.6 0 0 1-.56-.63 10.8 10.8 0 0 1 17.09-8.11.6.6 0 1 1-.71 1 9.6 9.6 0 0 0-15.22 7.16.6.6 0 0 1-.6.58z" }),
+        React__default['default'].createElement("path", { d: "M4.29 11.38H4.2a.6.6 0 0 1-.5-.69c0-.21.07-.42.12-.63A8.37 8.37 0 0 1 12 3.6a.6.6 0 0 1 0 1.2 7.17 7.17 0 0 0-7 5.54q-.06.26-.11.54a.6.6 0 0 1-.6.5zM19.2 16.2h-.15a.6.6 0 0 1-.44-.73c1.08-4.33 0-7.82-2.85-9.59a7.24 7.24 0 0 0-1.52-.7.6.6 0 0 1 .38-1.18 8.44 8.44 0 0 1 1.77.82c3.37 2.06 4.61 6 3.39 10.91a.6.6 0 0 1-.58.47z" }),
+        React__default['default'].createElement("path", { d: "M15.39 8.4a.6.6 0 0 1-.39-.13 4.8 4.8 0 0 0-6 0 .6.6 0 1 1-.75-.93 6 6 0 0 1 7.54 0 .6.6 0 0 1-.38 1.07zM13.2 22.2a.6.6 0 0 1-.45-1c1.19-1.33 5-6.07 3.51-11.44a.6.6 0 0 1 1.16-.32C19 15.4 14.94 20.56 13.65 22a.6.6 0 0 1-.45.2z" }),
+        React__default['default'].createElement("path", { d: "M4.2 19.2A.6.6 0 0 1 4 18a6.71 6.71 0 0 0 4.31-5c.5-2.83 1.88-4.57 3.69-4.6a3.27 3.27 0 0 1 2.63 1.11 4.41 4.41 0 0 1 .65 3.88.6.6 0 0 1-1.18-.24 3.41 3.41 0 0 0-.39-2.87A2.08 2.08 0 0 0 12 9.6c-.91 0-2.06 1-2.56 3.67a7.85 7.85 0 0 1-5 5.88.6.6 0 0 1-.24.05z" }),
+        React__default['default'].createElement("path", { d: "M3 16.8a.6.6 0 0 1-.21-1.16c2.62-1 2.83-2.17 3.12-3.78a8.49 8.49 0 0 1 .76-2.54.6.6 0 1 1 1.07.55 7.42 7.42 0 0 0-.64 2.2c-.3 1.69-.62 3.44-3.87 4.69a.6.6 0 0 1-.23.04zM6.6 21a.6.6 0 0 1-.3-1.12 11.15 11.15 0 0 0 5.1-7.94.6.6 0 0 1 1.2.11 12.17 12.17 0 0 1-5.7 8.86.6.6 0 0 1-.3.09zM9.6 22.2a.6.6 0 0 1-.39-1.05 12.52 12.52 0 0 0 4-5.69.6.6 0 0 1 1.17.28A13.42 13.42 0 0 1 10 22.05a.6.6 0 0 1-.4.15zM2.38 14.47a.6.6 0 0 1-.3-1.12 2.66 2.66 0 0 0 1-1 .6.6 0 0 1 1.08.52 3.87 3.87 0 0 1-1.47 1.53.59.59 0 0 1-.31.07zM16.8 21.6a.6.6 0 0 1-.47-1 11.35 11.35 0 0 0 1.62-2.83.6.6 0 0 1 1.13.4 12.35 12.35 0 0 1-1.8 3.17.6.6 0 0 1-.48.26z" })));
+};
 
 exports.default = hlFingerprint;

package/build/cjs/components/Icons/hlGlobe.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlGlobe: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlGlobe;

package/build/cjs/components/Icons/hlGlobe.js

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlGlobe = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M12 1.2A10.8 10.8 0 1 0 22.8 12 10.8 10.8 0 0 0 12 1.2zm9.57 10.2H18c-.14-4.6-1.87-7.22-3.4-8.64a9.61 9.61 0 0 1 6.97 8.64zM11.4 2.76v8.64H7.21C7.39 5.86 10 3.57 11.4 2.76zm0 9.84v8.63c-1.36-.83-4-3.14-4.19-8.63zm1.2 8.64V12.6h4.19c-.18 5.54-2.79 7.83-4.19 8.64zm0-9.84V2.77c1.36.83 4 3.14 4.19 8.63zM9.41 2.76C7.88 4.18 6.15 6.8 6 11.4H2.43a9.61 9.61 0 0 1 6.98-8.64zm-7 9.84H6c.14 4.6 1.87 7.22 3.4 8.64a9.61 9.61 0 0 1-6.97-8.64zm12.16 8.64c1.54-1.42 3.26-4 3.4-8.64h3.58a9.61 9.61 0 0 1-6.96 8.64z" })));
+const hlGlobe = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M12 1.2A10.8 10.8 0 1 0 22.8 12 10.8 10.8 0 0 0 12 1.2zm9.57 10.2H18c-.14-4.6-1.87-7.22-3.4-8.64a9.61 9.61 0 0 1 6.97 8.64zM11.4 2.76v8.64H7.21C7.39 5.86 10 3.57 11.4 2.76zm0 9.84v8.63c-1.36-.83-4-3.14-4.19-8.63zm1.2 8.64V12.6h4.19c-.18 5.54-2.79 7.83-4.19 8.64zm0-9.84V2.77c1.36.83 4 3.14 4.19 8.63zM9.41 2.76C7.88 4.18 6.15 6.8 6 11.4H2.43a9.61 9.61 0 0 1 6.98-8.64zm-7 9.84H6c.14 4.6 1.87 7.22 3.4 8.64a9.61 9.61 0 0 1-6.97-8.64zm12.16 8.64c1.54-1.42 3.26-4 3.4-8.64h3.58a9.61 9.61 0 0 1-6.96 8.64z" })));
+};
 
 exports.default = hlGlobe;

package/build/cjs/components/Icons/hlHeadphones.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlHeadphones: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlHeadphones;

package/build/cjs/components/Icons/hlHeadphones.js

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlHeadphones = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M19.41 13.2a7.69 7.69 0 0 0 .39-2.4 7.8 7.8 0 0 0-15.6 0 7.69 7.69 0 0 0 .39 2.4H3v7.2h3.6v-7.2h-.73a6.52 6.52 0 0 1-.47-2.4 6.6 6.6 0 1 1 13.2 0 6.52 6.52 0 0 1-.47 2.4h-.73v7.2H21v-7.2h-1.59zm-14 6H4.2v-4.8h1.2l.01 4.8zm14.4 0H18.6v-4.8h1.2l.01 4.8z" })));
+const hlHeadphones = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M19.41 13.2a7.69 7.69 0 0 0 .39-2.4 7.8 7.8 0 0 0-15.6 0 7.69 7.69 0 0 0 .39 2.4H3v7.2h3.6v-7.2h-.73a6.52 6.52 0 0 1-.47-2.4 6.6 6.6 0 1 1 13.2 0 6.52 6.52 0 0 1-.47 2.4h-.73v7.2H21v-7.2h-1.59zm-14 6H4.2v-4.8h1.2l.01 4.8zm14.4 0H18.6v-4.8h1.2l.01 4.8z" })));
+};
 
 exports.default = hlHeadphones;

package/build/cjs/components/Icons/hlHeadset.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlHeadset: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlHeadset;

package/build/cjs/components/Icons/hlHeadset.js

@@ -2,15 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlHeadset = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M18.81 11.4A7.69 7.69 0 0 0 19.2 9 7.8 7.8 0 0 0 3.6 9a7.69 7.69 0 0 0 .4 2.4H2.4v7.2H6v-7.2h-.73A6.52 6.52 0 0 1 4.8 9 6.6 6.6 0 0 1 18 9a6.52 6.52 0 0 1-.47 2.4h-.73v7.2h3.6v-7.2zm-14 6H3.6v-4.8h1.2zm14.4 0H18v-4.8h1.2z" }),
-    React__default['default'].createElement("path", { d: "M22.8 22.2H11.4a.6.6 0 0 1 0-1.2h10.2v-6.6a.6.6 0 0 1 1.2 0z" }),
-    React__default['default'].createElement("circle", { cx: "11.4", cy: "21.6", r: "1.2" })));
+const hlHeadset = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M18.81 11.4A7.69 7.69 0 0 0 19.2 9 7.8 7.8 0 0 0 3.6 9a7.69 7.69 0 0 0 .4 2.4H2.4v7.2H6v-7.2h-.73A6.52 6.52 0 0 1 4.8 9 6.6 6.6 0 0 1 18 9a6.52 6.52 0 0 1-.47 2.4h-.73v7.2h3.6v-7.2zm-14 6H3.6v-4.8h1.2zm14.4 0H18v-4.8h1.2z" }),
+        React__default['default'].createElement("path", { d: "M22.8 22.2H11.4a.6.6 0 0 1 0-1.2h10.2v-6.6a.6.6 0 0 1 1.2 0z" }),
+        React__default['default'].createElement("circle", { cx: "11.4", cy: "21.6", r: "1.2" })));
+};
 
 exports.default = hlHeadset;

package/build/cjs/components/Icons/hlHeart.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlHeart: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlHeart;

package/build/cjs/components/Icons/hlHeart.js

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlHeart = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M17 3.87h.29a4.77 4.77 0 0 1 3.12 1.5 4.56 4.56 0 0 1 1.23 3.46c-.12 1.83-2 4.61-5.17 7.84a55.503 55.503 0 0 1-4.45 4c-.95-.77-2.7-2.26-4.45-4-3.21-3.23-5-6-5.17-7.84a4.56 4.56 0 0 1 1.2-3.45 4.77 4.77 0 0 1 3.12-1.5H7a4.8 4.8 0 0 1 4 2.22l1 1.59 1-1.59a4.8 4.8 0 0 1 4-2.22m0-1.18a5.94 5.94 0 0 0-5 2.77A5.94 5.94 0 0 0 7 2.7h-.35a5.84 5.84 0 0 0-5.44 6.2C1.56 14.16 12 22.2 12 22.2s10.44-8 10.79-13.28a5.84 5.84 0 0 0-5.44-6.2z" })));
+const hlHeart = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M17 3.87h.29a4.77 4.77 0 0 1 3.12 1.5 4.56 4.56 0 0 1 1.23 3.46c-.12 1.83-2 4.61-5.17 7.84a55.503 55.503 0 0 1-4.45 4c-.95-.77-2.7-2.26-4.45-4-3.21-3.23-5-6-5.17-7.84a4.56 4.56 0 0 1 1.2-3.45 4.77 4.77 0 0 1 3.12-1.5H7a4.8 4.8 0 0 1 4 2.22l1 1.59 1-1.59a4.8 4.8 0 0 1 4-2.22m0-1.18a5.94 5.94 0 0 0-5 2.77A5.94 5.94 0 0 0 7 2.7h-.35a5.84 5.84 0 0 0-5.44 6.2C1.56 14.16 12 22.2 12 22.2s10.44-8 10.79-13.28a5.84 5.84 0 0 0-5.44-6.2z" })));
+};
 
 exports.default = hlHeart;

package/build/cjs/components/Icons/hlHome.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlHome: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlHome;

package/build/cjs/components/Icons/hlHome.js

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlHome = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M22.62 12.18L12 1.55 1.38 12.18a.6.6 0 0 0 .85.85l.77-.78v9.35h7.2v-7.2h3.6v7.2H21v-9.35l.78.78a.6.6 0 1 0 .85-.85zM19.8 20.4H15v-7.2H9v7.2H4.2V11L12 3.25 19.8 11z" })));
+const hlHome = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M22.62 12.18L12 1.55 1.38 12.18a.6.6 0 0 0 .85.85l.77-.78v9.35h7.2v-7.2h3.6v7.2H21v-9.35l.78.78a.6.6 0 1 0 .85-.85zM19.8 20.4H15v-7.2H9v7.2H4.2V11L12 3.25 19.8 11z" })));
+};
 
 exports.default = hlHome;

package/build/cjs/components/Icons/hlImage.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlImage: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlImage;

package/build/cjs/components/Icons/hlImage.js

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlImage = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M21.6 4.8v14.4H2.4V4.8h19.2zM9.174 13.275L4.448 18h6.702l1.375-1.374-3.351-3.351zm7.8.6L12.848 18H20.4l-.001-.7-3.425-3.425zM20.4 6H3.6l-.001 11.151 4.726-4.725.847-.85 4.202 4.201 2.751-2.751.847-.85.852.848 2.575 2.577L20.4 6zM7.2 8.4a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4z" })));
+const hlImage = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M21.6 4.8v14.4H2.4V4.8h19.2zM9.174 13.275L4.448 18h6.702l1.375-1.374-3.351-3.351zm7.8.6L12.848 18H20.4l-.001-.7-3.425-3.425zM20.4 6H3.6l-.001 11.151 4.726-4.725.847-.85 4.202 4.201 2.751-2.751.847-.85.852.848 2.575 2.577L20.4 6zM7.2 8.4a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4z" })));
+};
 
 exports.default = hlImage;

package/build/cjs/components/Icons/hlInfo.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlInfo: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlInfo;

package/build/cjs/components/Icons/hlInfo.js

@@ -2,15 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlInfo = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M12 2.4A9.6 9.6 0 1 1 2.4 12 9.61 9.61 0 0 1 12 2.4m0-1.2A10.8 10.8 0 1 0 22.8 12 10.8 10.8 0 0 0 12 1.2z" }),
-    React__default['default'].createElement("path", { d: "M12 18a.6.6 0 0 1-.6-.6v-7.2a.6.6 0 0 1 1.2 0v7.2a.6.6 0 0 1-.6.6z" }),
-    React__default['default'].createElement("circle", { cx: "12", cy: "7.2", r: "1.2" })));
+const hlInfo = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M12 2.4A9.6 9.6 0 1 1 2.4 12 9.61 9.61 0 0 1 12 2.4m0-1.2A10.8 10.8 0 1 0 22.8 12 10.8 10.8 0 0 0 12 1.2z" }),
+        React__default['default'].createElement("path", { d: "M12 18a.6.6 0 0 1-.6-.6v-7.2a.6.6 0 0 1 1.2 0v7.2a.6.6 0 0 1-.6.6z" }),
+        React__default['default'].createElement("circle", { cx: "12", cy: "7.2", r: "1.2" })));
+};
 
 exports.default = hlInfo;

package/build/cjs/components/Icons/hlInstallment.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlInstallment: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlInstallment;

package/build/cjs/components/Icons/hlInstallment.js

@@ -2,14 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlInstallment = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M17.4 3.6V3a.6.6 0 00-1.2 0v.6h-3.6V3a.6.6 0 00-1.2 0v.6H7.8V3a.6.6 0 10-1.2 0v.6H2.4v16.8h19.2V3.6h-4.2zm3 15.6H3.6V8.4h16.8v10.8zM3.6 7.2V4.8h3v.6a.6.6 0 101.2 0v-.6h3.6v.6a.6.6 0 001.2 0v-.6h3.6v.6a.6.6 0 001.2 0v-.6h3v2.4H3.6z" }),
-    React__default['default'].createElement("path", { d: "M14 15.88a2.38 2.38 0 01-3-.48h2a.6.6 0 000-1.2h-2.54a2 2 0 010-.8h3a.6.6 0 000-1.2H11a2.38 2.38 0 013-.48.6.6 0 10.6-1 3.6 3.6 0 00-5 1.52H9a.6.6 0 100 1.2h.25a3.41 3.41 0 000 .8H9a.6.6 0 000 1.2h.6a3.6 3.6 0 005 1.52.6.6 0 10-.6-1v-.08z" })));
+const hlInstallment = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M17.4 3.6V3a.6.6 0 00-1.2 0v.6h-3.6V3a.6.6 0 00-1.2 0v.6H7.8V3a.6.6 0 10-1.2 0v.6H2.4v16.8h19.2V3.6h-4.2zm3 15.6H3.6V8.4h16.8v10.8zM3.6 7.2V4.8h3v.6a.6.6 0 101.2 0v-.6h3.6v.6a.6.6 0 001.2 0v-.6h3.6v.6a.6.6 0 001.2 0v-.6h3v2.4H3.6z" }),
+        React__default['default'].createElement("path", { d: "M14 15.88a2.38 2.38 0 01-3-.48h2a.6.6 0 000-1.2h-2.54a2 2 0 010-.8h3a.6.6 0 000-1.2H11a2.38 2.38 0 013-.48.6.6 0 10.6-1 3.6 3.6 0 00-5 1.52H9a.6.6 0 100 1.2h.25a3.41 3.41 0 000 .8H9a.6.6 0 000 1.2h.6a3.6 3.6 0 005 1.52.6.6 0 10-.6-1v-.08z" })));
+};
 
 exports.default = hlInstallment;

package/build/cjs/components/Icons/hlIotSim.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlIotSim: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlIotSim;

package/build/cjs/components/Icons/hlIotSim.js

@@ -2,14 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlIotSim = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M14.46 3.6H5.4v16.8h13.2V8.26L14.46 3.6zM15 2.4l4.8 5.4v13.8H4.2V2.4H15zm-1.085 8.482a.6.6 0 11-.848.848 1.8 1.8 0 00-2.546 0 .6.6 0 11-.848-.848 3 3 0 014.242 0zm-5.94-2.4a5.4 5.4 0 017.637 0 .6.6 0 01-.848.848 4.2 4.2 0 00-5.94 0 .6.6 0 01-.848-.848z" }),
-    React__default['default'].createElement("path", { d: "M7.968 16.603H7.2V13.2h.768v3.403zm3.8-2.803c.714 0 1.266.523 1.266 1.262 0 .74-.552 1.268-1.267 1.268-.71 0-1.267-.528-1.267-1.268 0-.739.557-1.262 1.267-1.262zm0 1.858c.278 0 .537-.192.537-.596 0-.403-.26-.59-.538-.59-.273 0-.537.187-.537.59 0 .399.264.596.537.596zm5.488-1.733h-1.051v2.678h-.759v-2.678H14.4V13.2h2.856v.725z" })));
+const hlIotSim = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M14.46 3.6H5.4v16.8h13.2V8.26L14.46 3.6zM15 2.4l4.8 5.4v13.8H4.2V2.4H15zm-1.085 8.482a.6.6 0 11-.848.848 1.8 1.8 0 00-2.546 0 .6.6 0 11-.848-.848 3 3 0 014.242 0zm-5.94-2.4a5.4 5.4 0 017.637 0 .6.6 0 01-.848.848 4.2 4.2 0 00-5.94 0 .6.6 0 01-.848-.848z" }),
+        React__default['default'].createElement("path", { d: "M7.968 16.603H7.2V13.2h.768v3.403zm3.8-2.803c.714 0 1.266.523 1.266 1.262 0 .74-.552 1.268-1.267 1.268-.71 0-1.267-.528-1.267-1.268 0-.739.557-1.262 1.267-1.262zm0 1.858c.278 0 .537-.192.537-.596 0-.403-.26-.59-.538-.59-.273 0-.537.187-.537.59 0 .399.264.596.537.596zm5.488-1.733h-1.051v2.678h-.759v-2.678H14.4V13.2h2.856v.725z" })));
+};
 
 exports.default = hlIotSim;

package/build/cjs/components/Icons/hlLock.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlLock: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlLock;

package/build/cjs/components/Icons/hlLock.js

@@ -2,15 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlLock = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M12 1.2a7.21 7.21 0 0 0-7.2 7.2v13.2h14.4V8.4A7.21 7.21 0 0 0 12 1.2zm6 19.2H6v-9.6h12v9.6zM6 9.6V8.4a6 6 0 1 1 12 0v1.2z" }),
-    React__default['default'].createElement("circle", { cx: "12", cy: "14.4", r: "1.2" }),
-    React__default['default'].createElement("path", { d: "M12 18a.6.6 0 0 1-.6-.6v-3a.6.6 0 0 1 1.2 0v3a.6.6 0 0 1-.6.6z" })));
+const hlLock = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M12 1.2a7.21 7.21 0 0 0-7.2 7.2v13.2h14.4V8.4A7.21 7.21 0 0 0 12 1.2zm6 19.2H6v-9.6h12v9.6zM6 9.6V8.4a6 6 0 1 1 12 0v1.2z" }),
+        React__default['default'].createElement("circle", { cx: "12", cy: "14.4", r: "1.2" }),
+        React__default['default'].createElement("path", { d: "M12 18a.6.6 0 0 1-.6-.6v-3a.6.6 0 0 1 1.2 0v3a.6.6 0 0 1-.6.6z" })));
+};
 
 exports.default = hlLock;

package/build/cjs/components/Icons/hlMagnifyingGlass.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlMagnifyingGlass: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlMagnifyingGlass;

package/build/cjs/components/Icons/hlMagnifyingGlass.js

@@ -2,14 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlMagnifyingGlass = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M9 3a6 6 0 1 1-6 6 6 6 0 0 1 6-6m0-1.2A7.2 7.2 0 1 0 16.2 9 7.2 7.2 0 0 0 9 1.8z" }),
-    React__default['default'].createElement("path", { d: "M20.4 21.6a.6.6 0 0 1-.42-.18l-6.6-6.6a.6.6 0 0 1 .85-.85l6.6 6.6a.6.6 0 0 1-.42 1z" })));
+const hlMagnifyingGlass = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M9 3a6 6 0 1 1-6 6 6 6 0 0 1 6-6m0-1.2A7.2 7.2 0 1 0 16.2 9 7.2 7.2 0 0 0 9 1.8z" }),
+        React__default['default'].createElement("path", { d: "M20.4 21.6a.6.6 0 0 1-.42-.18l-6.6-6.6a.6.6 0 0 1 .85-.85l6.6 6.6a.6.6 0 0 1-.42 1z" })));
+};
 
 exports.default = hlMagnifyingGlass;

package/build/cjs/components/Icons/hlMarker.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlMarker: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlMarker;

package/build/cjs/components/Icons/hlMarker.js

@@ -2,14 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlMarker = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M12 14.4a4.8 4.8 0 1 1 4.8-4.8 4.81 4.81 0 0 1-4.8 4.8zM12 6a3.6 3.6 0 1 0 3.6 3.6A3.6 3.6 0 0 0 12 6z" }),
-    React__default['default'].createElement("path", { d: "M12 23l-.36-.27c-.37-.33-8.94-6.9-8.94-12.83a9.3 9.3 0 0 1 18.6 0c0 5.93-8.57 12.5-8.94 12.78zm0-21.2a8.11 8.11 0 0 0-8.1 8.1c0 4.69 6.48 10.23 8.1 11.53 1.62-1.31 8.1-6.84 8.1-11.53A8.11 8.11 0 0 0 12 1.8z" })));
+const hlMarker = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M12 14.4a4.8 4.8 0 1 1 4.8-4.8 4.81 4.81 0 0 1-4.8 4.8zM12 6a3.6 3.6 0 1 0 3.6 3.6A3.6 3.6 0 0 0 12 6z" }),
+        React__default['default'].createElement("path", { d: "M12 23l-.36-.27c-.37-.33-8.94-6.9-8.94-12.83a9.3 9.3 0 0 1 18.6 0c0 5.93-8.57 12.5-8.94 12.78zm0-21.2a8.11 8.11 0 0 0-8.1 8.1c0 4.69 6.48 10.23 8.1 11.53 1.62-1.31 8.1-6.84 8.1-11.53A8.11 8.11 0 0 0 12 1.8z" })));
+};
 
 exports.default = hlMarker;

package/build/cjs/components/Icons/hlMemory.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlMemory: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlMemory;

package/build/cjs/components/Icons/hlMemory.js

@@ -2,14 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlMemory = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M14.46 3.6l4.14 4.66V20.4H5.4V3.6h9.06zM15 2.4H4.2v19.2h15.6V7.8L15 2.4z" }),
-    React__default['default'].createElement("path", { d: "M7.8 8.4a.6.6 0 0 1-.6-.6V5.4a.6.6 0 1 1 1.2 0v2.4a.6.6 0 0 1-.6.6zM10.8 8.4a.6.6 0 0 1-.6-.6V5.4a.6.6 0 0 1 1.2 0v2.4a.6.6 0 0 1-.6.6zM13.8 8.4a.6.6 0 0 1-.6-.6V5.4a.6.6 0 1 1 1.2 0v2.4a.6.6 0 0 1-.6.6z" })));
+const hlMemory = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M14.46 3.6l4.14 4.66V20.4H5.4V3.6h9.06zM15 2.4H4.2v19.2h15.6V7.8L15 2.4z" }),
+        React__default['default'].createElement("path", { d: "M7.8 8.4a.6.6 0 0 1-.6-.6V5.4a.6.6 0 1 1 1.2 0v2.4a.6.6 0 0 1-.6.6zM10.8 8.4a.6.6 0 0 1-.6-.6V5.4a.6.6 0 0 1 1.2 0v2.4a.6.6 0 0 1-.6.6zM13.8 8.4a.6.6 0 0 1-.6-.6V5.4a.6.6 0 1 1 1.2 0v2.4a.6.6 0 0 1-.6.6z" })));
+};
 
 exports.default = hlMemory;

package/build/cjs/components/Icons/hlMenu.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlMenu: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlMenu;

package/build/cjs/components/Icons/hlMenu.js

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlMenu = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M21 21.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 0 1 0 1.2zM21 4.2H3A.6.6 0 0 1 3 3h18a.6.6 0 0 1 0 1.2zM21 12.9H3a.6.6 0 0 1 0-1.2h18a.6.6 0 0 1 0 1.2z" })));
+const hlMenu = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M21 21.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 0 1 0 1.2zM21 4.2H3A.6.6 0 0 1 3 3h18a.6.6 0 0 1 0 1.2zM21 12.9H3a.6.6 0 0 1 0-1.2h18a.6.6 0 0 1 0 1.2z" })));
+};
 
 exports.default = hlMenu;

package/build/cjs/components/Icons/hlMinimize.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlMinimize: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlMinimize;

package/build/cjs/components/Icons/hlMinimize.js

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlMinimize = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M21 21.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 0 1 0 1.2z" })));
+const hlMinimize = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M21 21.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 0 1 0 1.2z" })));
+};
 
 exports.default = hlMinimize;

package/build/cjs/components/Icons/hlMinus.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlMinus: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlMinus;

package/build/cjs/components/Icons/hlMinus.js

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlMinus = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M21 12.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 1 1 0 1.2z" })));
+const hlMinus = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M21 12.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 1 1 0 1.2z" })));
+};
 
 exports.default = hlMinus;

package/build/cjs/components/Icons/hlMobileData.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlMobileData: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlMobileData;

package/build/cjs/components/Icons/hlMobileData.js

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlMobileData = ({ size, color, ...props }) => (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React__default['default'].createElement("path", { d: "M18 12a.6.6 0 01-.42-1 5.4 5.4 0 000-7.64.601.601 0 11.85-.85 6.6 6.6 0 010 9.33.6.6 0 01-.43.16zM6 12a.6.6 0 01-.42-.18 6.6 6.6 0 010-9.33.601.601 0 11.85.85 5.4 5.4 0 000 7.64A.6.6 0 016 12zM15 10.2a.6.6 0 01-.42-1 2.79 2.79 0 000-4 .601.601 0 11.85-.85 4 4 0 010 5.65.6.6 0 01-.43.2zM9 10.2a.6.6 0 01-.42-.2 4 4 0 010-5.65.601.601 0 11.85.85 2.79 2.79 0 000 4 .6.6 0 01-.42 1H9zM13.2 7.2a1.2 1.2 0 10-1.8 1V21a.6.6 0 101.2 0V8.23a1.19 1.19 0 00.6-1.03z" })));
+const hlMobileData = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React__default['default'].createElement("path", { d: "M18 12a.6.6 0 01-.42-1 5.4 5.4 0 000-7.64.601.601 0 11.85-.85 6.6 6.6 0 010 9.33.6.6 0 01-.43.16zM6 12a.6.6 0 01-.42-.18 6.6 6.6 0 010-9.33.601.601 0 11.85.85 5.4 5.4 0 000 7.64A.6.6 0 016 12zM15 10.2a.6.6 0 01-.42-1 2.79 2.79 0 000-4 .601.601 0 11.85-.85 4 4 0 010 5.65.6.6 0 01-.43.2zM9 10.2a.6.6 0 01-.42-.2 4 4 0 010-5.65.601.601 0 11.85.85 2.79 2.79 0 000 4 .6.6 0 01-.42 1H9zM13.2 7.2a1.2 1.2 0 10-1.8 1V21a.6.6 0 101.2 0V8.23a1.19 1.19 0 00.6-1.03z" })));
+};
 
 exports.default = hlMobileData;

package/build/cjs/components/Icons/hlMobilePayment.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconProps, Props as IconComponentProps } from '../Icon/Icon';
+import type { IconProps, Props as IconComponentProps } from '../Icon/Icon';
 declare const hlMobilePayment: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlMobilePayment;