@dnanpm/styleguide 2.1.0 → 2.2.1

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

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlMenu = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.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 = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.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" })));
+};
 
 export default hlMenu;

package/build/es/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/es/components/Icons/hlMinimize.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlMinimize = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.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 = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M21 21.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 0 1 0 1.2z" })));
+};
 
 export default hlMinimize;

package/build/es/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/es/components/Icons/hlMinus.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlMinus = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.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 = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M21 12.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 1 1 0 1.2z" })));
+};
 
 export default hlMinus;

package/build/es/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/es/components/Icons/hlMobileData.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlMobileData = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.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 = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.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" })));
+};
 
 export default hlMobileData;

package/build/es/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;

package/build/es/components/Icons/hlMobilePayment.js

@@ -1,8 +1,12 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlMobilePayment = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("circle", { transform: "rotate(-89.77 10.2 19.197)", cx: "10.201", cy: "19.197", r: "1" }),
-    React.createElement("path", { d: "M16.83 5.4v-3L3.64 2.37l-.08 19.2 13.2.05v-3a6.6 6.6 0 000-13.2l.07-.02zm-12-1.82h10.8v1.93a6.59 6.59 0 00-3.33 11.3H4.79l.04-13.23zm10.74 16.84H4.77V18h9.32c.473.215.97.373 1.48.47v1.95zm1.23-3A5.4 5.4 0 1122.2 12a5.41 5.41 0 01-5.4 5.4v.02z" }),
-    React.createElement("path", { d: "M15.56 13.6h2a.6.6 0 000-1.2H15a2 2 0 010-.8h3a.6.6 0 000-1.2h-2.42a2.38 2.38 0 013-.48.6.6 0 00.6-1 3.6 3.6 0 00-5 1.52h-.6a.6.6 0 000 1.2h.25a3.4 3.4 0 000 .8h-.25a.6.6 0 000 1.2h.6a3.6 3.6 0 005 1.52.6.6 0 00-.6-1c-.985.582-2.265.3-3.02-.56z" })));
+const hlMobilePayment = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("circle", { transform: "rotate(-89.77 10.2 19.197)", cx: "10.201", cy: "19.197", r: "1" }),
+        React.createElement("path", { d: "M16.83 5.4v-3L3.64 2.37l-.08 19.2 13.2.05v-3a6.6 6.6 0 000-13.2l.07-.02zm-12-1.82h10.8v1.93a6.59 6.59 0 00-3.33 11.3H4.79l.04-13.23zm10.74 16.84H4.77V18h9.32c.473.215.97.373 1.48.47v1.95zm1.23-3A5.4 5.4 0 1122.2 12a5.41 5.41 0 01-5.4 5.4v.02z" }),
+        React.createElement("path", { d: "M15.56 13.6h2a.6.6 0 000-1.2H15a2 2 0 010-.8h3a.6.6 0 000-1.2h-2.42a2.38 2.38 0 013-.48.6.6 0 00.6-1 3.6 3.6 0 00-5 1.52h-.6a.6.6 0 000 1.2h.25a3.4 3.4 0 000 .8h-.25a.6.6 0 000 1.2h.6a3.6 3.6 0 005 1.52.6.6 0 00-.6-1c-.985.582-2.265.3-3.02-.56z" })));
+};
 
 export default hlMobilePayment;

package/build/es/components/Icons/hlModem.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 hlModem: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlModem;

package/build/es/components/Icons/hlModem.js

@@ -1,10 +1,14 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlModem = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M21.6 12v9.6H2.4V12h19.2zm-1.2 1.2H3.6v7.2h16.8v-7.2z" }),
-    React.createElement("circle", { cx: "5.4", cy: "16.8", r: "1" }),
-    React.createElement("circle", { cx: "10.2", cy: "16.8", r: "1" }),
-    React.createElement("circle", { cx: "7.8", cy: "16.8", r: "1" }),
-    React.createElement("path", { d: "M15.835 4.823A1.2 1.2 0 0015 7.04V12h1.2V7.069a1.19 1.19 0 00.6-1.03 1.2 1.2 0 00-.965-1.216zM11.188 9.026a.6.6 0 01-.42-.2A3.995 3.995 0 019.6 6a3.98 3.98 0 011.168-2.824.601.601 0 11.85.85A2.706 2.706 0 0010.8 6c0 .753.278 1.5.818 2.026a.6.6 0 01-.42 1h-.01zM13.02 7.791c-.165.016-.362-.088-.47-.209-.182-.284-.548-.74-.548-1.582 0-.843.396-1.372.549-1.594.132-.193.38-.244.584-.18.204.066.31.195.366.402.056.208-.05.458-.11.615-.176.448-.192.606-.192.757 0 .151-.001.362.21.837.08.207.133.425.043.638a.503.503 0 01-.432.316zM20.016 9.026a.6.6 0 00.42-.2A3.991 3.991 0 0021.6 6a3.975 3.975 0 00-1.164-2.824.601.601 0 10-.85.85c.54.525.814 1.22.814 1.974 0 .753-.274 1.5-.814 2.026a.6.6 0 00.42 1h.01zM18.185 7.791c.164.016.361-.088.469-.209.183-.284.549-.74.549-1.582 0-.843-.397-1.372-.55-1.594-.131-.193-.38-.244-.583-.18-.204.066-.31.195-.366.402-.056.208.049.458.11.615.175.448.192.606.192.757 0 .151 0 .362-.211.837-.079.207-.132.425-.042.638.09.214.267.3.432.316z" })));
+const hlModem = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M21.6 12v9.6H2.4V12h19.2zm-1.2 1.2H3.6v7.2h16.8v-7.2z" }),
+        React.createElement("circle", { cx: "5.4", cy: "16.8", r: "1" }),
+        React.createElement("circle", { cx: "10.2", cy: "16.8", r: "1" }),
+        React.createElement("circle", { cx: "7.8", cy: "16.8", r: "1" }),
+        React.createElement("path", { d: "M15.835 4.823A1.2 1.2 0 0015 7.04V12h1.2V7.069a1.19 1.19 0 00.6-1.03 1.2 1.2 0 00-.965-1.216zM11.188 9.026a.6.6 0 01-.42-.2A3.995 3.995 0 019.6 6a3.98 3.98 0 011.168-2.824.601.601 0 11.85.85A2.706 2.706 0 0010.8 6c0 .753.278 1.5.818 2.026a.6.6 0 01-.42 1h-.01zM13.02 7.791c-.165.016-.362-.088-.47-.209-.182-.284-.548-.74-.548-1.582 0-.843.396-1.372.549-1.594.132-.193.38-.244.584-.18.204.066.31.195.366.402.056.208-.05.458-.11.615-.176.448-.192.606-.192.757 0 .151-.001.362.21.837.08.207.133.425.043.638a.503.503 0 01-.432.316zM20.016 9.026a.6.6 0 00.42-.2A3.991 3.991 0 0021.6 6a3.975 3.975 0 00-1.164-2.824.601.601 0 10-.85.85c.54.525.814 1.22.814 1.974 0 .753-.274 1.5-.814 2.026a.6.6 0 00.42 1h.01zM18.185 7.791c.164.016.361-.088.469-.209.183-.284.549-.74.549-1.582 0-.843-.397-1.372-.55-1.594-.131-.193-.38-.244-.583-.18-.204.066-.31.195-.366.402-.056.208.049.458.11.615.175.448.192.606.192.757 0 .151 0 .362-.211.837-.079.207-.132.425-.042.638.09.214.267.3.432.316z" })));
+};
 
 export default hlModem;

package/build/es/components/Icons/hlMore.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 hlMore: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlMore;

package/build/es/components/Icons/hlMore.js

@@ -1,8 +1,12 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlMore = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("circle", { cx: "11.4", cy: "12", r: "1.2" }),
-    React.createElement("circle", { cx: "6.6", cy: "12", r: "1.2" }),
-    React.createElement("circle", { cx: "16.2", cy: "12", r: "1.2" })));
+const hlMore = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("circle", { cx: "11.4", cy: "12", r: "1.2" }),
+        React.createElement("circle", { cx: "6.6", cy: "12", r: "1.2" }),
+        React.createElement("circle", { cx: "16.2", cy: "12", r: "1.2" })));
+};
 
 export default hlMore;

package/build/es/components/Icons/hlOs.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 hlOs: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlOs;

package/build/es/components/Icons/hlOs.js

@@ -1,7 +1,11 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlOs = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M12 2.4A9.6 9.6 0 1 1 2.4 12 9.61 9.61 0 0 1 12 2.4zm0-1.2C6.035 1.2 1.2 6.035 1.2 12c0 5.965 4.835 10.8 10.8 10.8 5.965 0 10.8-4.835 10.8-10.8A10.8 10.8 0 0 0 12 1.2z" }),
-    React.createElement("path", { d: "M9.53 9.19a2.58 2.58 0 0 1 2.65 2.66 2.58 2.58 0 0 1-2.65 2.66 2.58 2.58 0 0 1-2.66-2.66 2.58 2.58 0 0 1 2.66-2.66zm0 4.2A1.44 1.44 0 0 0 11 11.85a1.47 1.47 0 1 0-2.94 0 1.44 1.44 0 0 0 1.47 1.54zM16 10.84a.77.77 0 0 0-.85-.64.63.63 0 0 0-.7.55c0 .24.15.42.5.49l.68.13a1.59 1.59 0 0 1 1.48 1.53 1.71 1.71 0 0 1-1.89 1.61 1.91 1.91 0 0 1-2.09-1.63l1-.25a1 1 0 0 0 1.06.88c.45 0 .72-.22.72-.53 0-.31-.21-.45-.55-.51l-.7-.13a1.53 1.53 0 0 1-1.39-1.5 1.72 1.72 0 0 1 1.93-1.65 1.69 1.69 0 0 1 1.86 1.36l-1.06.29z" })));
+const hlOs = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M12 2.4A9.6 9.6 0 1 1 2.4 12 9.61 9.61 0 0 1 12 2.4zm0-1.2C6.035 1.2 1.2 6.035 1.2 12c0 5.965 4.835 10.8 10.8 10.8 5.965 0 10.8-4.835 10.8-10.8A10.8 10.8 0 0 0 12 1.2z" }),
+        React.createElement("path", { d: "M9.53 9.19a2.58 2.58 0 0 1 2.65 2.66 2.58 2.58 0 0 1-2.65 2.66 2.58 2.58 0 0 1-2.66-2.66 2.58 2.58 0 0 1 2.66-2.66zm0 4.2A1.44 1.44 0 0 0 11 11.85a1.47 1.47 0 1 0-2.94 0 1.44 1.44 0 0 0 1.47 1.54zM16 10.84a.77.77 0 0 0-.85-.64.63.63 0 0 0-.7.55c0 .24.15.42.5.49l.68.13a1.59 1.59 0 0 1 1.48 1.53 1.71 1.71 0 0 1-1.89 1.61 1.91 1.91 0 0 1-2.09-1.63l1-.25a1 1 0 0 0 1.06.88c.45 0 .72-.22.72-.53 0-.31-.21-.45-.55-.51l-.7-.13a1.53 1.53 0 0 1-1.39-1.5 1.72 1.72 0 0 1 1.93-1.65 1.69 1.69 0 0 1 1.86 1.36l-1.06.29z" })));
+};
 
 export default hlOs;

package/build/es/components/Icons/hlPackage.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 hlPackage: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlPackage;

package/build/es/components/Icons/hlPackage.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlPackage = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M12.6 5.4v2.1h7.251l-2.1-2.1H12.6zm-1.2 0H6.249l-2.1 2.1H11.4V5.4zM5.7 4.2h12.6l3.3 3.3v12H2.4v-12l3.3-3.3zm6.9 4.5v2a.6.6 0 01-1.2 0v-2H3.6v9.6h16.8V8.7h-7.8z" })));
+const hlPackage = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M12.6 5.4v2.1h7.251l-2.1-2.1H12.6zm-1.2 0H6.249l-2.1 2.1H11.4V5.4zM5.7 4.2h12.6l3.3 3.3v12H2.4v-12l3.3-3.3zm6.9 4.5v2a.6.6 0 01-1.2 0v-2H3.6v9.6h16.8V8.7h-7.8z" })));
+};
 
 export default hlPackage;

package/build/es/components/Icons/hlPaperclip.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 hlPaperclip: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlPaperclip;

package/build/es/components/Icons/hlPaperclip.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlPaperclip = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M7.33 21.49a4.8 4.8 0 0 1-3.39-8.22L14.12 3.09a3.6 3.6 0 1 1 5.09 5.09L9 18.36a2.46 2.46 0 0 1-1.62.76 2.33 2.33 0 0 1-1.78-.76 2.27 2.27 0 0 1 0-3.39l7.64-7.64a.6.6 0 0 1 .85.85l-7.61 7.64a1.25 1.25 0 0 0-.41.82 1.18 1.18 0 0 0 .41.88 1.21 1.21 0 0 0 .88.41 1.25 1.25 0 0 0 .82-.41L18.36 7.33a2.4 2.4 0 0 0 0-3.39 2.46 2.46 0 0 0-3.39 0L4.79 14.12a3.6 3.6 0 1 0 5.09 5.09l7.64-7.64a.6.6 0 0 1 .85.85l-7.64 7.64a4.79 4.79 0 0 1-3.4 1.43z" })));
+const hlPaperclip = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M7.33 21.49a4.8 4.8 0 0 1-3.39-8.22L14.12 3.09a3.6 3.6 0 1 1 5.09 5.09L9 18.36a2.46 2.46 0 0 1-1.62.76 2.33 2.33 0 0 1-1.78-.76 2.27 2.27 0 0 1 0-3.39l7.64-7.64a.6.6 0 0 1 .85.85l-7.61 7.64a1.25 1.25 0 0 0-.41.82 1.18 1.18 0 0 0 .41.88 1.21 1.21 0 0 0 .88.41 1.25 1.25 0 0 0 .82-.41L18.36 7.33a2.4 2.4 0 0 0 0-3.39 2.46 2.46 0 0 0-3.39 0L4.79 14.12a3.6 3.6 0 1 0 5.09 5.09l7.64-7.64a.6.6 0 0 1 .85.85l-7.64 7.64a4.79 4.79 0 0 1-3.4 1.43z" })));
+};
 
 export default hlPaperclip;

package/build/es/components/Icons/hlPaytime.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 hlPaytime: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlPaytime;

package/build/es/components/Icons/hlPaytime.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlPaytime = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M8.4 1.8l.197.001C12.125 1.844 15 3.026 15 4.8a1.623 1.623 0 01-.004.126l.004.592-.003 2.882a.355.355 0 01.002.064l-.004 2.381c.391-.03.794-.045 1.205-.045l.197.001c3.528.043 6.403 1.225 6.403 2.999v6c0 1.807-2.982 3-6.6 3-3.618 0-6.6-1.193-6.6-3v-1.3c-4.18.453-7.815-1.055-7.8-2.9l.013-.001-.002-.253v-3.17A1.468 1.468 0 011.8 12h.011V8.583a1.603 1.603 0 01-.005-.045L1.8 8.4h.011V5.231c0-.092-.028-.566.004-.645C2.042 2.899 4.928 1.8 8.4 1.8zm13.2 16.786c-1.199.765-3.18 1.214-5.4 1.214s-4.2-.45-5.4-1.214V19.8c0 .844 2.39 1.8 5.4 1.8 3.01 0 5.4-.956 5.4-1.8zm0-3c-1.199.765-3.18 1.214-5.4 1.214s-4.2-.45-5.4-1.214V16.8c0 .844 2.39 1.8 5.4 1.8 3.01 0 5.4-.956 5.4-1.8zM2.997 13.762l-.003 1.896c.285 1.37 4.976 1.886 6.674 1.642l-.068.008V14.947c-2.882.225-5.258-.306-6.603-1.185zM16.2 12c-3.01 0-5.4.956-5.4 1.8 0 .844 2.39 1.8 5.4 1.8 3.01 0 5.4-.956 5.4-1.8 0-.844-2.39-1.8-5.4-1.8zM2.999 10.185L2.997 12c.433 1.642 4.945 1.963 6.538 1.764l.066-.01c.038-1.362 1.779-2.368 4.2-2.766v-.802C12.6 10.95 10.62 11.4 8.4 11.4c-2.22 0-4.202-.45-5.401-1.215zm10.801-3.6C12.601 7.352 10.62 7.8 8.4 7.8S4.199 7.35 3 6.586L2.998 8.4c.002.818 2.25 1.742 5.13 1.797l.272.003c3.01 0 5.4-.956 5.4-1.8zM8.4 3C5.39 3 3 3.956 3 4.8c0 .844 2.39 1.8 5.4 1.8 3.01 0 5.4-.956 5.4-1.8 0-.844-2.39-1.8-5.4-1.8z" })));
+const hlPaytime = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M8.4 1.8l.197.001C12.125 1.844 15 3.026 15 4.8a1.623 1.623 0 01-.004.126l.004.592-.003 2.882a.355.355 0 01.002.064l-.004 2.381c.391-.03.794-.045 1.205-.045l.197.001c3.528.043 6.403 1.225 6.403 2.999v6c0 1.807-2.982 3-6.6 3-3.618 0-6.6-1.193-6.6-3v-1.3c-4.18.453-7.815-1.055-7.8-2.9l.013-.001-.002-.253v-3.17A1.468 1.468 0 011.8 12h.011V8.583a1.603 1.603 0 01-.005-.045L1.8 8.4h.011V5.231c0-.092-.028-.566.004-.645C2.042 2.899 4.928 1.8 8.4 1.8zm13.2 16.786c-1.199.765-3.18 1.214-5.4 1.214s-4.2-.45-5.4-1.214V19.8c0 .844 2.39 1.8 5.4 1.8 3.01 0 5.4-.956 5.4-1.8zm0-3c-1.199.765-3.18 1.214-5.4 1.214s-4.2-.45-5.4-1.214V16.8c0 .844 2.39 1.8 5.4 1.8 3.01 0 5.4-.956 5.4-1.8zM2.997 13.762l-.003 1.896c.285 1.37 4.976 1.886 6.674 1.642l-.068.008V14.947c-2.882.225-5.258-.306-6.603-1.185zM16.2 12c-3.01 0-5.4.956-5.4 1.8 0 .844 2.39 1.8 5.4 1.8 3.01 0 5.4-.956 5.4-1.8 0-.844-2.39-1.8-5.4-1.8zM2.999 10.185L2.997 12c.433 1.642 4.945 1.963 6.538 1.764l.066-.01c.038-1.362 1.779-2.368 4.2-2.766v-.802C12.6 10.95 10.62 11.4 8.4 11.4c-2.22 0-4.202-.45-5.401-1.215zm10.801-3.6C12.601 7.352 10.62 7.8 8.4 7.8S4.199 7.35 3 6.586L2.998 8.4c.002.818 2.25 1.742 5.13 1.797l.272.003c3.01 0 5.4-.956 5.4-1.8zM8.4 3C5.39 3 3 3.956 3 4.8c0 .844 2.39 1.8 5.4 1.8 3.01 0 5.4-.956 5.4-1.8 0-.844-2.39-1.8-5.4-1.8z" })));
+};
 
 export default hlPaytime;

package/build/es/components/Icons/hlPen.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 hlPen: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlPen;

package/build/es/components/Icons/hlPen.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlPen = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M17.43 2.32L6.76 13a2.4 2.4 0 0 0-.63 1.09L4.8 19.2l5.11-1.34a2.4 2.4 0 0 0 1.09-.62L21.68 6.57zM7.17 14.86l2 2-2.66.7zm3.11 1.41l-2.55-2.55L17.43 4 20 6.57zM20.4 21.6H3.6a.6.6 0 0 1 0-1.2h16.8a.6.6 0 0 1 0 1.2z" })));
+const hlPen = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M17.43 2.32L6.76 13a2.4 2.4 0 0 0-.63 1.09L4.8 19.2l5.11-1.34a2.4 2.4 0 0 0 1.09-.62L21.68 6.57zM7.17 14.86l2 2-2.66.7zm3.11 1.41l-2.55-2.55L17.43 4 20 6.57zM20.4 21.6H3.6a.6.6 0 0 1 0-1.2h16.8a.6.6 0 0 1 0 1.2z" })));
+};
 
 export default hlPen;

package/build/es/components/Icons/hlPerson.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 hlPerson: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlPerson;

package/build/es/components/Icons/hlPerson.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlPerson = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M12 2.4a4.2 4.2 0 1 1-4.2 4.2A4.2 4.2 0 0 1 12 2.4m0-1.2a5.4 5.4 0 1 0 5.4 5.4A5.4 5.4 0 0 0 12 1.2zM18.6 22.8a.6.6 0 0 1-.6-.6v-7.8H6v7.8a.6.6 0 0 1-1.2 0v-9h14.4v9a.6.6 0 0 1-.6.6z" })));
+const hlPerson = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M12 2.4a4.2 4.2 0 1 1-4.2 4.2A4.2 4.2 0 0 1 12 2.4m0-1.2a5.4 5.4 0 1 0 5.4 5.4A5.4 5.4 0 0 0 12 1.2zM18.6 22.8a.6.6 0 0 1-.6-.6v-7.8H6v7.8a.6.6 0 0 1-1.2 0v-9h14.4v9a.6.6 0 0 1-.6.6z" })));
+};
 
 export default hlPerson;

package/build/es/components/Icons/hlPhone.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 hlPhone: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlPhone;

package/build/es/components/Icons/hlPhone.js

@@ -1,7 +1,11 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlPhone = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M5.44 2.37l-.08 19.2 13.2.05.08-19.2zm12.09 1.16l-.05 13.3h-11l.05-13.3zM6.47 20.47V18h11v2.5z" }),
-    React.createElement("circle", { cx: "12", cy: "19.2", r: ".6", transform: "rotate(-89.77 11.998 19.2)" })));
+const hlPhone = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M5.44 2.37l-.08 19.2 13.2.05.08-19.2zm12.09 1.16l-.05 13.3h-11l.05-13.3zM6.47 20.47V18h11v2.5z" }),
+        React.createElement("circle", { cx: "12", cy: "19.2", r: ".6", transform: "rotate(-89.77 11.998 19.2)" })));
+};
 
 export default hlPhone;

package/build/es/components/Icons/hlPlus.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 hlPlus: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlPlus;

package/build/es/components/Icons/hlPlus.js

@@ -1,7 +1,11 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlPlus = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M12 21.6a.6.6 0 0 1-.6-.6V3a.6.6 0 1 1 1.2 0v18a.6.6 0 0 1-.6.6z" }),
-    React.createElement("path", { d: "M21 12.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 1 1 0 1.2z" })));
+const hlPlus = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M12 21.6a.6.6 0 0 1-.6-.6V3a.6.6 0 1 1 1.2 0v18a.6.6 0 0 1-.6.6z" }),
+        React.createElement("path", { d: "M21 12.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 1 1 0 1.2z" })));
+};
 
 export default hlPlus;

package/build/es/components/Icons/hlPrepaid.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 hlPrepaid: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlPrepaid;

package/build/es/components/Icons/hlPrepaid.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlPrepaid = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M14.26 3.2H5.2V20h13.2V7.86L14.26 3.2zM14.8 2l4.8 5.4v13.8H4V2h10.8zm-1.596 12.517l.484.772a2.43 2.43 0 01-1.513.515c-1.1 0-2.075-.6-2.45-1.654H9v-.733h.57c-.008-.14-.008-.18-.008-.25 0-.062 0-.124.007-.249H9v-.733h.725c.375-1.061 1.373-1.685 2.45-1.685.569 0 .99.133 1.341.359l-.398.819c-.241-.164-.569-.242-.943-.242-.53 0-1.038.234-1.319.749h2.028l-.343.733h-1.887c-.016.11-.016.172-.016.257 0 .047 0 .102.016.242h1.684l-.335.733H10.88c.273.476.756.702 1.295.702.42 0 .78-.124 1.03-.335z" })));
+const hlPrepaid = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M14.26 3.2H5.2V20h13.2V7.86L14.26 3.2zM14.8 2l4.8 5.4v13.8H4V2h10.8zm-1.596 12.517l.484.772a2.43 2.43 0 01-1.513.515c-1.1 0-2.075-.6-2.45-1.654H9v-.733h.57c-.008-.14-.008-.18-.008-.25 0-.062 0-.124.007-.249H9v-.733h.725c.375-1.061 1.373-1.685 2.45-1.685.569 0 .99.133 1.341.359l-.398.819c-.241-.164-.569-.242-.943-.242-.53 0-1.038.234-1.319.749h2.028l-.343.733h-1.887c-.016.11-.016.172-.016.257 0 .047 0 .102.016.242h1.684l-.335.733H10.88c.273.476.756.702 1.295.702.42 0 .78-.124 1.03-.335z" })));
+};
 
 export default hlPrepaid;

package/build/es/components/Icons/hlProcessor.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 hlProcessor: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlProcessor;

package/build/es/components/Icons/hlProcessor.js

@@ -1,7 +1,11 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlProcessor = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M21.6 10.8a.6.6 0 0 0 0-1.2h-1.2V7.2h1.2a.6.6 0 0 0 0-1.2h-1.2V3.6H18V2.4a.6.6 0 1 0-1.2 0v1.2h-2.4V2.4a.6.6 0 1 0-1.2 0v1.2h-2.4V2.4a.6.6 0 0 0-1.2 0v1.2H7.2V2.4a.6.6 0 1 0-1.2 0v1.2H3.6V6H2.4a.6.6 0 1 0 0 1.2h1.2v2.4H2.4a.6.6 0 1 0 0 1.2h1.2v2.4H2.4a.6.6 0 0 0 0 1.2h1.2v2.4H2.4a.6.6 0 0 0 0 1.2h1.2v2.4H6v1.2a.6.6 0 0 0 1.2 0v-1.2h2.4v1.2a.6.6 0 0 0 1.2 0v-1.2h2.4v1.2a.6.6 0 0 0 1.2 0v-1.2h2.4v1.2a.6.6 0 0 0 1.2 0v-1.2h2.4V18h1.2a.6.6 0 0 0 0-1.2h-1.2v-2.4h1.2a.6.6 0 1 0 0-1.2h-1.2v-2.4h1.2zm-2.4 8.4H4.8V4.8h14.4v14.4z" }),
-    React.createElement("path", { d: "M16.8 16.8H7.2V7.2h9.6v9.6zm-8.4-1.2h7.2V8.4H8.4v7.2z" })));
+const hlProcessor = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M21.6 10.8a.6.6 0 0 0 0-1.2h-1.2V7.2h1.2a.6.6 0 0 0 0-1.2h-1.2V3.6H18V2.4a.6.6 0 1 0-1.2 0v1.2h-2.4V2.4a.6.6 0 1 0-1.2 0v1.2h-2.4V2.4a.6.6 0 0 0-1.2 0v1.2H7.2V2.4a.6.6 0 1 0-1.2 0v1.2H3.6V6H2.4a.6.6 0 1 0 0 1.2h1.2v2.4H2.4a.6.6 0 1 0 0 1.2h1.2v2.4H2.4a.6.6 0 0 0 0 1.2h1.2v2.4H2.4a.6.6 0 0 0 0 1.2h1.2v2.4H6v1.2a.6.6 0 0 0 1.2 0v-1.2h2.4v1.2a.6.6 0 0 0 1.2 0v-1.2h2.4v1.2a.6.6 0 0 0 1.2 0v-1.2h2.4v1.2a.6.6 0 0 0 1.2 0v-1.2h2.4V18h1.2a.6.6 0 0 0 0-1.2h-1.2v-2.4h1.2a.6.6 0 1 0 0-1.2h-1.2v-2.4h1.2zm-2.4 8.4H4.8V4.8h14.4v14.4z" }),
+        React.createElement("path", { d: "M16.8 16.8H7.2V7.2h9.6v9.6zm-8.4-1.2h7.2V8.4H8.4v7.2z" })));
+};
 
 export default hlProcessor;

package/build/es/components/Icons/hlServices.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 hlServices: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlServices;

package/build/es/components/Icons/hlServices.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlServices = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M9.6 3.6v6h-6v-6h6m1.2-1.2H2.4v8.4h8.4V2.4zM20.4 3.6v6h-6v-6h6m1.2-1.2h-8.4v8.4h8.4V2.4zM9.6 14.4v6h-6v-6h6m1.2-1.2H2.4v8.4h8.4v-8.4zM20.4 14.4v6h-6v-6h6m1.2-1.2h-8.4v8.4h8.4v-8.4z" })));
+const hlServices = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M9.6 3.6v6h-6v-6h6m1.2-1.2H2.4v8.4h8.4V2.4zM20.4 3.6v6h-6v-6h6m1.2-1.2h-8.4v8.4h8.4V2.4zM9.6 14.4v6h-6v-6h6m1.2-1.2H2.4v8.4h8.4v-8.4zM20.4 14.4v6h-6v-6h6m1.2-1.2h-8.4v8.4h8.4v-8.4z" })));
+};
 
 export default hlServices;

package/build/es/components/Icons/hlSettings.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 hlSettings: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlSettings;

package/build/es/components/Icons/hlSettings.js

@@ -1,6 +1,10 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlSettings = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M21 4.8H10.71a2.39 2.39 0 0 0-4.63 0H3A.6.6 0 0 0 3 6h3.09a2.39 2.39 0 0 0 4.63 0H21a.6.6 0 1 0 0-1.2zM8.4 6.6a1.19 1.19 0 0 1-1-.6 1.25 1.25 0 0 1-.11-.26 1.08 1.08 0 0 1 0-.6 1.26 1.26 0 0 1 .11-.26 1.19 1.19 0 0 1 2.07 0 1.26 1.26 0 0 1 .11.26 1.08 1.08 0 0 1 0 .6 1.25 1.25 0 0 1-.15.26 1.19 1.19 0 0 1-1.03.6zM21 18H10.71a2.39 2.39 0 0 0-4.63 0H3a.6.6 0 1 0 0 1.2h3.09a2.39 2.39 0 0 0 4.63 0H21a.6.6 0 0 0 0-1.2zM8.4 19.8a1.19 1.19 0 0 1-1-.6 1.25 1.25 0 0 1-.11-.26 1.08 1.08 0 0 1 0-.6 1.26 1.26 0 0 1 .08-.34 1.19 1.19 0 0 1 2.07 0 1.26 1.26 0 0 1 .11.26 1.08 1.08 0 0 1 0 .6 1.25 1.25 0 0 1-.11.26 1.19 1.19 0 0 1-1.04.68zM21 11.4h-3.09a2.39 2.39 0 0 0-4.63 0H3a.6.6 0 0 0 0 1.2h10.29a2.39 2.39 0 0 0 4.63 0H21a.6.6 0 1 0 0-1.2zm-5.4 1.8a1.19 1.19 0 0 1-1-.6 1.25 1.25 0 0 1-.11-.26 1.08 1.08 0 0 1 0-.6 1.26 1.26 0 0 1 .11-.26 1.19 1.19 0 0 1 2.07 0 1.26 1.26 0 0 1 .11.26 1.08 1.08 0 0 1 0 .6 1.25 1.25 0 0 1-.11.26 1.19 1.19 0 0 1-1.07.6z" })));
+const hlSettings = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M21 4.8H10.71a2.39 2.39 0 0 0-4.63 0H3A.6.6 0 0 0 3 6h3.09a2.39 2.39 0 0 0 4.63 0H21a.6.6 0 1 0 0-1.2zM8.4 6.6a1.19 1.19 0 0 1-1-.6 1.25 1.25 0 0 1-.11-.26 1.08 1.08 0 0 1 0-.6 1.26 1.26 0 0 1 .11-.26 1.19 1.19 0 0 1 2.07 0 1.26 1.26 0 0 1 .11.26 1.08 1.08 0 0 1 0 .6 1.25 1.25 0 0 1-.15.26 1.19 1.19 0 0 1-1.03.6zM21 18H10.71a2.39 2.39 0 0 0-4.63 0H3a.6.6 0 1 0 0 1.2h3.09a2.39 2.39 0 0 0 4.63 0H21a.6.6 0 0 0 0-1.2zM8.4 19.8a1.19 1.19 0 0 1-1-.6 1.25 1.25 0 0 1-.11-.26 1.08 1.08 0 0 1 0-.6 1.26 1.26 0 0 1 .08-.34 1.19 1.19 0 0 1 2.07 0 1.26 1.26 0 0 1 .11.26 1.08 1.08 0 0 1 0 .6 1.25 1.25 0 0 1-.11.26 1.19 1.19 0 0 1-1.04.68zM21 11.4h-3.09a2.39 2.39 0 0 0-4.63 0H3a.6.6 0 0 0 0 1.2h10.29a2.39 2.39 0 0 0 4.63 0H21a.6.6 0 1 0 0-1.2zm-5.4 1.8a1.19 1.19 0 0 1-1-.6 1.25 1.25 0 0 1-.11-.26 1.08 1.08 0 0 1 0-.6 1.26 1.26 0 0 1 .11-.26 1.19 1.19 0 0 1 2.07 0 1.26 1.26 0 0 1 .11.26 1.08 1.08 0 0 1 0 .6 1.25 1.25 0 0 1-.11.26 1.19 1.19 0 0 1-1.07.6z" })));
+};
 
 export default hlSettings;

package/build/es/components/Icons/hlShield.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 hlShield: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlShield;

package/build/es/components/Icons/hlShield.js

@@ -1,7 +1,11 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlShield = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M12 22.88l-.28-.15C11.38 22.55 3.6 18.29 3.6 12V5.53l.45-.11a17.73 17.73 0 007.52-4L12 1l.42.42a17.81 17.81 0 007.52 4l.45.11V12c0 6.29-7.78 10.55-8.12 10.73l-.27.15zM4.8 6.46V12c0 4.95 5.83 8.7 7.2 9.51 1.37-.81 7.2-4.57 7.2-9.51V6.46A19.1 19.1 0 0112 2.61a19.1 19.1 0 01-7.2 3.85z" }),
-    React.createElement("path", { d: "M13.2 11.4a1.2 1.2 0 10-1.8 1v2a.6.6 0 001.2 0v-2a1.19 1.19 0 00.6-1z" })));
+const hlShield = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M12 22.88l-.28-.15C11.38 22.55 3.6 18.29 3.6 12V5.53l.45-.11a17.73 17.73 0 007.52-4L12 1l.42.42a17.81 17.81 0 007.52 4l.45.11V12c0 6.29-7.78 10.55-8.12 10.73l-.27.15zM4.8 6.46V12c0 4.95 5.83 8.7 7.2 9.51 1.37-.81 7.2-4.57 7.2-9.51V6.46A19.1 19.1 0 0112 2.61a19.1 19.1 0 01-7.2 3.85z" }),
+        React.createElement("path", { d: "M13.2 11.4a1.2 1.2 0 10-1.8 1v2a.6.6 0 001.2 0v-2a1.19 1.19 0 00.6-1z" })));
+};
 
 export default hlShield;

package/build/es/components/Icons/hlSim.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 hlSim: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlSim;

package/build/es/components/Icons/hlSim.js

@@ -1,7 +1,11 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlSim = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("path", { d: "M14.46 3.6l4.14 4.66V20.4H5.4V3.6h9.06M15 2.4H4.2v19.2h15.6V7.8L15 2.4z" }),
-    React.createElement("path", { d: "M8.4 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.6zM15.6 18a.6.6 0 0 1-.6-.6v-7.2a.6.6 0 1 1 1.2 0v7.2a.6.6 0 0 1-.6.6zM13.2 10.8h-2.4a.6.6 0 0 1 0-1.2h2.4a.6.6 0 0 1 0 1.2zM13.2 13.2h-2.4a.6.6 0 1 1 0-1.2h2.4a.6.6 0 0 1 0 1.2zM13.2 15.6h-2.4a.6.6 0 1 1 0-1.2h2.4a.6.6 0 0 1 0 1.2zM13.2 18h-2.4a.6.6 0 1 1 0-1.2h2.4a.6.6 0 0 1 0 1.2z" })));
+const hlSim = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("path", { d: "M14.46 3.6l4.14 4.66V20.4H5.4V3.6h9.06M15 2.4H4.2v19.2h15.6V7.8L15 2.4z" }),
+        React.createElement("path", { d: "M8.4 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.6zM15.6 18a.6.6 0 0 1-.6-.6v-7.2a.6.6 0 1 1 1.2 0v7.2a.6.6 0 0 1-.6.6zM13.2 10.8h-2.4a.6.6 0 0 1 0-1.2h2.4a.6.6 0 0 1 0 1.2zM13.2 13.2h-2.4a.6.6 0 1 1 0-1.2h2.4a.6.6 0 0 1 0 1.2zM13.2 15.6h-2.4a.6.6 0 1 1 0-1.2h2.4a.6.6 0 0 1 0 1.2zM13.2 18h-2.4a.6.6 0 1 1 0-1.2h2.4a.6.6 0 0 1 0 1.2z" })));
+};
 
 export default hlSim;

package/build/es/components/Icons/hlSimSimple.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 hlSimSimple: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlSimSimple;

package/build/es/components/Icons/hlSimSimple.js

@@ -1,8 +1,12 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlSimSimple = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.createElement("g", { fillRule: "evenodd" },
-        React.createElement("path", { d: "m14.46 3.6 4.14 4.656v12.144h-13.2v-16.8h9.06zm0.54-1.2h-10.8v19.2h15.6v-13.8l-4.8-5.4z", fillRule: "nonzero" }),
-        React.createElement("path", { d: "m15 10.8v6h-6v-6h6zm1.2-1.2h-8.4v8.4h8.4v-8.4z", fillRule: "nonzero" }))));
+const hlSimSimple = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.createElement("g", { fillRule: "evenodd" },
+            React.createElement("path", { d: "m14.46 3.6 4.14 4.656v12.144h-13.2v-16.8h9.06zm0.54-1.2h-10.8v19.2h15.6v-13.8l-4.8-5.4z", fillRule: "nonzero" }),
+            React.createElement("path", { d: "m15 10.8v6h-6v-6h6zm1.2-1.2h-8.4v8.4h8.4v-8.4z", fillRule: "nonzero" }))));
+};
 
 export default hlSimSimple;

package/build/es/components/Icons/hlSmile.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 hlSmile: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlSmile;

package/build/es/components/Icons/hlSmile.js

@@ -1,9 +1,13 @@
+import { __rest } from 'tslib';
 import React from 'react';
 
-const hlSmile = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-    React.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.createElement("circle", { cx: "16.2", cy: "10.8", r: "1.2" }),
-    React.createElement("circle", { cx: "7.8", cy: "10.8", r: "1.2" }),
-    React.createElement("path", { d: "M12 18a3.57 3.57 0 0 1-3.57-2.21.6.6 0 0 1 1.14-.38A2.42 2.42 0 0 0 12 16.8a2.41 2.41 0 0 0 2.43-1.39.6.6 0 1 1 1.14.38A3.57 3.57 0 0 1 12 18z" })));
+const hlSmile = (_a) => {
+    var { size, color } = _a, props = __rest(_a, ["size", "color"]);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+        React.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.createElement("circle", { cx: "16.2", cy: "10.8", r: "1.2" }),
+        React.createElement("circle", { cx: "7.8", cy: "10.8", r: "1.2" }),
+        React.createElement("path", { d: "M12 18a3.57 3.57 0 0 1-3.57-2.21.6.6 0 0 1 1.14-.38A2.42 2.42 0 0 0 12 16.8a2.41 2.41 0 0 0 2.43-1.39.6.6 0 1 1 1.14.38A3.57 3.57 0 0 1 12 18z" })));
+};
 
 export default hlSmile;

package/build/es/components/Icons/hlSpeechBubble.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 hlSpeechBubble: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
 export default hlSpeechBubble;