@dnanpm/styleguide 2.1.0 → 2.2.0

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

package/build/cjs/components/Icons/hl4gSim.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 hl4gSim = ({ 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.746 13.41h-.726l-.057-.407c-.176.255-.556.493-1.128.493-1.117 0-2.036-.822-2.036-2.092 0-1.265.958-2.098 2.092-2.098 1.152 0 1.685.68 1.86 1.241l-.862.3c-.062-.249-.328-.702-.998-.702-.544 0-1.185.363-1.185 1.259 0 .839.556 1.275 1.208 1.275.664 0 .941-.43.992-.657H13.7v-.76h2.047v2.149zM7.8 15.03v-1.036L9.55 11.7h1.218v2.475h.674v.856h-.674v.875H9.744v-.875H7.8zm1.944-.855V12.79l-1.056 1.386h1.056z" })));
+const hl4gSim = (_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.746 13.41h-.726l-.057-.407c-.176.255-.556.493-1.128.493-1.117 0-2.036-.822-2.036-2.092 0-1.265.958-2.098 2.092-2.098 1.152 0 1.685.68 1.86 1.241l-.862.3c-.062-.249-.328-.702-.998-.702-.544 0-1.185.363-1.185 1.259 0 .839.556 1.275 1.208 1.275.664 0 .941-.43.992-.657H13.7v-.76h2.047v2.149zM7.8 15.03v-1.036L9.55 11.7h1.218v2.475h.674v.856h-.674v.875H9.744v-.875H7.8zm1.944-.855V12.79l-1.056 1.386h1.056z" })));
+};
 
 exports.default = hl4gSim;

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

package/build/cjs/components/Icons/hl5gSim.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 hl5gSim = ({ 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.4H15zM9.3 9.6l2.345-3.909a.6.6 0 111.03.618L11.418 8.4h3l-2.345 3.909a.6.6 0 11-1.029-.618l1.255-2.09h-3zm-1.2 7.422l.92-.189a.64.64 0 00.66.611c.335 0 .612-.22.612-.592 0-.41-.309-.604-.636-.604a.73.73 0 00-.574.264c-.018-.006-.869-.277-.888-.29l.46-2.122h2.374v.831H9.341l-.164.769c.157-.139.46-.22.693-.22.837 0 1.41.484 1.41 1.366 0 .762-.579 1.442-1.6 1.442-.906 0-1.53-.623-1.58-1.266zm7.547 1.183h-.726l-.057-.408c-.176.255-.556.493-1.128.493-1.117 0-2.036-.822-2.036-2.092 0-1.264.958-2.098 2.092-2.098 1.151 0 1.684.68 1.86 1.242l-.862.3c-.062-.25-.329-.703-.998-.703-.544 0-1.185.363-1.185 1.259 0 .84.556 1.276 1.208 1.276.663 0 .941-.431.992-.658H13.6v-.76h2.047v2.15z" })));
+const hl5gSim = (_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.4H15zM9.3 9.6l2.345-3.909a.6.6 0 111.03.618L11.418 8.4h3l-2.345 3.909a.6.6 0 11-1.029-.618l1.255-2.09h-3zm-1.2 7.422l.92-.189a.64.64 0 00.66.611c.335 0 .612-.22.612-.592 0-.41-.309-.604-.636-.604a.73.73 0 00-.574.264c-.018-.006-.869-.277-.888-.29l.46-2.122h2.374v.831H9.341l-.164.769c.157-.139.46-.22.693-.22.837 0 1.41.484 1.41 1.366 0 .762-.579 1.442-1.6 1.442-.906 0-1.53-.623-1.58-1.266zm7.547 1.183h-.726l-.057-.408c-.176.255-.556.493-1.128.493-1.117 0-2.036-.822-2.036-2.092 0-1.264.958-2.098 2.092-2.098 1.151 0 1.684.68 1.86 1.242l-.862.3c-.062-.25-.329-.703-.998-.703-.544 0-1.185.363-1.185 1.259 0 .84.556 1.276 1.208 1.276.663 0 .941-.431.992-.658H13.6v-.76h2.047v2.15z" })));
+};
 
 exports.default = hl5gSim;

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

package/build/cjs/components/Icons/hlBattery.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 hlBattery = ({ 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 15.6a.6.6 0 01-.6-.6V9a.6.6 0 011.2 0v6a.6.6 0 01-.6.6z" }),
-    React__default['default'].createElement("path", { d: "M19.8 18H2.4V6h17.4v12zM3.6 16.8h15V7.2h-15v9.6z" }),
-    React__default['default'].createElement("path", { d: "M10.86 15a.6.6 0 01-.51-.91l.89-1.49h-2.4l2-3.31a.6.6 0 111 .62L11 11.4h2.4l-2 3.31a.6.6 0 01-.54.29z" })));
+const hlBattery = (_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 15.6a.6.6 0 01-.6-.6V9a.6.6 0 011.2 0v6a.6.6 0 01-.6.6z" }),
+        React__default['default'].createElement("path", { d: "M19.8 18H2.4V6h17.4v12zM3.6 16.8h15V7.2h-15v9.6z" }),
+        React__default['default'].createElement("path", { d: "M10.86 15a.6.6 0 01-.51-.91l.89-1.49h-2.4l2-3.31a.6.6 0 111 .62L11 11.4h2.4l-2 3.31a.6.6 0 01-.54.29z" })));
+};
 
 exports.default = hlBattery;

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

package/build/cjs/components/Icons/hlBell.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 hlBell = ({ 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.06 19.4a9.14 9.14 0 0 1-2.46-5.6v-3.6a6.63 6.63 0 0 0-5-6.39 1.78 1.78 0 0 0 .2-.81 1.8 1.8 0 0 0-3.6 0 1.78 1.78 0 0 0 .2.81 6.63 6.63 0 0 0-5 6.39v3.6a9.14 9.14 0 0 1-2.46 5.6.6.6 0 0 0 .44 1H9.6a2.4 2.4 0 0 0 4.8 0h6.21a.6.6 0 0 0 .45-1zM11.4 3a.6.6 0 1 1 .6.6.6.6 0 0 1-.6-.6zm.6 18.6a1.2 1.2 0 0 1-1.2-1.2h2.4a1.2 1.2 0 0 1-1.2 1.2zm-7.35-2.4a9.79 9.79 0 0 0 1.95-5.4v-3.6a5.4 5.4 0 0 1 10.8 0v3.6a9.79 9.79 0 0 0 1.95 5.4z" })));
+const hlBell = (_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.06 19.4a9.14 9.14 0 0 1-2.46-5.6v-3.6a6.63 6.63 0 0 0-5-6.39 1.78 1.78 0 0 0 .2-.81 1.8 1.8 0 0 0-3.6 0 1.78 1.78 0 0 0 .2.81 6.63 6.63 0 0 0-5 6.39v3.6a9.14 9.14 0 0 1-2.46 5.6.6.6 0 0 0 .44 1H9.6a2.4 2.4 0 0 0 4.8 0h6.21a.6.6 0 0 0 .45-1zM11.4 3a.6.6 0 1 1 .6.6.6.6 0 0 1-.6-.6zm.6 18.6a1.2 1.2 0 0 1-1.2-1.2h2.4a1.2 1.2 0 0 1-1.2 1.2zm-7.35-2.4a9.79 9.79 0 0 0 1.95-5.4v-3.6a5.4 5.4 0 0 1 10.8 0v3.6a9.79 9.79 0 0 0 1.95 5.4z" })));
+};
 
 exports.default = hlBell;

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

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

@@ -2,24 +2,28 @@
 
 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 hlCalendar = ({ 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 1 0-1.2 0v.6h-3.6V3a.6.6 0 1 0-1.2 0v.6H7.8V3a.6.6 0 1 0-1.2 0v.6H2.4v16.8h19.2V3.6zm3 15.6H3.6V8.4h16.8zM3.6 7.2V4.8h3v.6a.6.6 0 0 0 1.2 0v-.6h3.6v.6a.6.6 0 0 0 1.2 0v-.6h3.6v.6a.6.6 0 0 0 1.2 0v-.6h3v2.4z" }),
-    React__default['default'].createElement("circle", { cx: "12", cy: "11.4", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "14.4", cy: "11.4", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "16.8", cy: "11.4", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "9.6", cy: "13.8", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "7.2", cy: "13.8", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "12", cy: "13.8", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "14.4", cy: "13.8", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "16.8", cy: "13.8", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "9.6", cy: "16.2", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "7.2", cy: "16.2", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "12", cy: "16.2", r: ".6" })));
+const hlCalendar = (_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 1 0-1.2 0v.6h-3.6V3a.6.6 0 1 0-1.2 0v.6H7.8V3a.6.6 0 1 0-1.2 0v.6H2.4v16.8h19.2V3.6zm3 15.6H3.6V8.4h16.8zM3.6 7.2V4.8h3v.6a.6.6 0 0 0 1.2 0v-.6h3.6v.6a.6.6 0 0 0 1.2 0v-.6h3.6v.6a.6.6 0 0 0 1.2 0v-.6h3v2.4z" }),
+        React__default['default'].createElement("circle", { cx: "12", cy: "11.4", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "14.4", cy: "11.4", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "16.8", cy: "11.4", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "9.6", cy: "13.8", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "7.2", cy: "13.8", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "12", cy: "13.8", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "14.4", cy: "13.8", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "16.8", cy: "13.8", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "9.6", cy: "16.2", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "7.2", cy: "16.2", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "12", cy: "16.2", r: ".6" })));
+};
 
 exports.default = hlCalendar;

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

package/build/cjs/components/Icons/hlCall.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 hlCall = ({ 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: "M16.86 21.51a4.13 4.13 0 01-2.15-.6A37.22 37.22 0 013.21 9.33a4.18 4.18 0 01.57-5.25l1.86-1.84 4.67 4.65-1.77 1.76a30.68 30.68 0 006.78 6.79l1.77-1.77 4.67 4.67-1.93 1.93a4.21 4.21 0 01-2.97 1.24zM5.64 3.93l-1 1a3 3 0 00-.41 3.75 36 36 0 0011.11 11.2 3 3 0 003.66-.46l1.08-1.08-3-3-1.6 1.66-.41-.27a31.1 31.1 0 01-7.81-7.8L7 8.51l1.61-1.62-2.97-2.96z" })));
+const hlCall = (_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: "M16.86 21.51a4.13 4.13 0 01-2.15-.6A37.22 37.22 0 013.21 9.33a4.18 4.18 0 01.57-5.25l1.86-1.84 4.67 4.65-1.77 1.76a30.68 30.68 0 006.78 6.79l1.77-1.77 4.67 4.67-1.93 1.93a4.21 4.21 0 01-2.97 1.24zM5.64 3.93l-1 1a3 3 0 00-.41 3.75 36 36 0 0011.11 11.2 3 3 0 003.66-.46l1.08-1.08-3-3-1.6 1.66-.41-.27a31.1 31.1 0 01-7.81-7.8L7 8.51l1.61-1.62-2.97-2.96z" })));
+};
 
 exports.default = hlCall;

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

package/build/cjs/components/Icons/hlCameraBack.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 hlCameraBack = ({ 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: "M20.4 7.2V18H3.6V7.2h16.8zM21.6 6H2.4v13.2h19.2V6zM15.6 4.8H8.4a.6.6 0 1 1 0-1.2h7.2a.6.6 0 0 1 0 1.2z" }),
-    React__default['default'].createElement("path", { d: "M12 16.8a4.2 4.2 0 1 1 0-8.4 4.2 4.2 0 0 1 0 8.4zm0-7.2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z" }),
-    React__default['default'].createElement("circle", { cx: "17.4", cy: "9", r: "1" })));
+const hlCameraBack = (_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: "M20.4 7.2V18H3.6V7.2h16.8zM21.6 6H2.4v13.2h19.2V6zM15.6 4.8H8.4a.6.6 0 1 1 0-1.2h7.2a.6.6 0 0 1 0 1.2z" }),
+        React__default['default'].createElement("path", { d: "M12 16.8a4.2 4.2 0 1 1 0-8.4 4.2 4.2 0 0 1 0 8.4zm0-7.2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z" }),
+        React__default['default'].createElement("circle", { cx: "17.4", cy: "9", r: "1" })));
+};
 
 exports.default = hlCameraBack;

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

package/build/cjs/components/Icons/hlCameraFront.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 hlCameraFront = ({ 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: "M20.4 7.2V18H3.6V7.2h16.8zM21.6 6H2.4v13.2h19.2V6zM15.6 4.8H8.4a.6.6 0 1 1 0-1.2h7.2a.6.6 0 0 1 0 1.2z" }),
-    React__default['default'].createElement("path", { d: "M16.43 9.95a.6.6 0 0 0-.79.31l-.06.15a4.19 4.19 0 0 0-7.42.52.6.6 0 1 0 1.1.48 3 3 0 0 1 5.35-.3l-.54-.24a.6.6 0 0 0-.48 1.1l2.2 1 1-2.2a.6.6 0 0 0-.36-.82zM7.57 15.26a.6.6 0 0 0 .79-.31l.06-.15a4.19 4.19 0 0 0 7.42-.52.6.6 0 1 0-1.1-.48 3 3 0 0 1-5.35.3l.54.24a.6.6 0 0 0 .48-1.1l-2.2-1-1 2.2a.6.6 0 0 0 .36.82z" })));
+const hlCameraFront = (_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: "M20.4 7.2V18H3.6V7.2h16.8zM21.6 6H2.4v13.2h19.2V6zM15.6 4.8H8.4a.6.6 0 1 1 0-1.2h7.2a.6.6 0 0 1 0 1.2z" }),
+        React__default['default'].createElement("path", { d: "M16.43 9.95a.6.6 0 0 0-.79.31l-.06.15a4.19 4.19 0 0 0-7.42.52.6.6 0 1 0 1.1.48 3 3 0 0 1 5.35-.3l-.54-.24a.6.6 0 0 0-.48 1.1l2.2 1 1-2.2a.6.6 0 0 0-.36-.82zM7.57 15.26a.6.6 0 0 0 .79-.31l.06-.15a4.19 4.19 0 0 0 7.42-.52.6.6 0 1 0-1.1-.48 3 3 0 0 1-5.35.3l.54.24a.6.6 0 0 0 .48-1.1l-2.2-1-1 2.2a.6.6 0 0 0 .36.82z" })));
+};
 
 exports.default = hlCameraFront;

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

package/build/cjs/components/Icons/hlCart.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 hlCart = ({ 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: "M20.4 10.8v9.6H3.6v-9.6h16.8m1.2-1.2H2.4v12h19.2v-12z" }),
-    React__default['default'].createElement("path", { d: "M12 10.8a.6.6 0 0 1-.42-.18l-7.2-7.2a.6.6 0 0 1 .85-.85l7.2 7.2a.6.6 0 0 1-.42 1zM8.4 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6zM12 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6zM15.6 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6z" }),
-    React__default['default'].createElement("path", { d: "M22.2 10.8H1.8a.6.6 0 0 1 0-1.2h20.4a.6.6 0 0 1 0 1.2z" })));
+const hlCart = (_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: "M20.4 10.8v9.6H3.6v-9.6h16.8m1.2-1.2H2.4v12h19.2v-12z" }),
+        React__default['default'].createElement("path", { d: "M12 10.8a.6.6 0 0 1-.42-.18l-7.2-7.2a.6.6 0 0 1 .85-.85l7.2 7.2a.6.6 0 0 1-.42 1zM8.4 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6zM12 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6zM15.6 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6z" }),
+        React__default['default'].createElement("path", { d: "M22.2 10.8H1.8a.6.6 0 0 1 0-1.2h20.4a.6.6 0 0 1 0 1.2z" })));
+};
 
 exports.default = hlCart;

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

package/build/cjs/components/Icons/hlCartEmpty.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 hlCartEmpty = ({ 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.8 13.2v9.6H4.2v-9.6h15.6zm-1.2 1.2H5.4v7.2h13.2v-7.2z" }),
-    React__default['default'].createElement("path", { d: "M15.2 16.2a.6.6 0 01.6.6v2.4a.6.6 0 01-1.2 0v-2.4a.6.6 0 01.6-.6zM12 16.2a.6.6 0 01.6.6v2.4a.6.6 0 01-1.2 0v-2.4a.6.6 0 01.6-.6zM8.8 16.2a.6.6 0 01.6.6v2.4a.6.6 0 01-1.2 0v-2.4a.6.6 0 01.6-.6zM3.6 13.2h16.8a.6.6 0 010 1.2H3.6a.6.6 0 010-1.2z" }),
-    React__default['default'].createElement("path", { d: "M11.764 14.172l-5.94-5.94a.6.6 0 11.849-.848l5.94 5.94a.6.6 0 01-.849.848zM12 1.2a.6.6 0 01.6.6v1.8a.6.6 0 01-1.2 0V1.8a.6.6 0 01.6-.6zM5.69 2.698a.587.587 0 01.748.134l.057.083.897 1.572a.598.598 0 01-.218.813.587.587 0 01-.748-.133l-.058-.084-.897-1.572a.598.598 0 01.218-.813zM18.312 2.698c.283.166.38.528.218.813l-.897 1.572a.587.587 0 01-.715.26l-.09-.043a.598.598 0 01-.219-.813l.897-1.572a.587.587 0 01.715-.26l.09.043z" })));
+const hlCartEmpty = (_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.8 13.2v9.6H4.2v-9.6h15.6zm-1.2 1.2H5.4v7.2h13.2v-7.2z" }),
+        React__default['default'].createElement("path", { d: "M15.2 16.2a.6.6 0 01.6.6v2.4a.6.6 0 01-1.2 0v-2.4a.6.6 0 01.6-.6zM12 16.2a.6.6 0 01.6.6v2.4a.6.6 0 01-1.2 0v-2.4a.6.6 0 01.6-.6zM8.8 16.2a.6.6 0 01.6.6v2.4a.6.6 0 01-1.2 0v-2.4a.6.6 0 01.6-.6zM3.6 13.2h16.8a.6.6 0 010 1.2H3.6a.6.6 0 010-1.2z" }),
+        React__default['default'].createElement("path", { d: "M11.764 14.172l-5.94-5.94a.6.6 0 11.849-.848l5.94 5.94a.6.6 0 01-.849.848zM12 1.2a.6.6 0 01.6.6v1.8a.6.6 0 01-1.2 0V1.8a.6.6 0 01.6-.6zM5.69 2.698a.587.587 0 01.748.134l.057.083.897 1.572a.598.598 0 01-.218.813.587.587 0 01-.748-.133l-.058-.084-.897-1.572a.598.598 0 01.218-.813zM18.312 2.698c.283.166.38.528.218.813l-.897 1.572a.587.587 0 01-.715.26l-.09-.043a.598.598 0 01-.219-.813l.897-1.572a.587.587 0 01.715-.26l.09.043z" })));
+};
 
 exports.default = hlCartEmpty;

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

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

@@ -2,16 +2,20 @@
 
 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 hlChat = ({ 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("circle", { cx: "12.6", cy: "15", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "15", cy: "15", r: ".6" }),
-    React__default['default'].createElement("circle", { cx: "17.4", cy: "15", r: ".6" }),
-    React__default['default'].createElement("path", { d: "M15.6 9.6v-6H2.4v10.8h1.8v2.9l2.9-2.9h1.3v6h8.5l2.9 2.9v-2.9h1.8V9.6zm-9 3.6l-1.2 1.2v-1.2H3.6V4.8h10.8v4.8h-6v3.6zm13.8 6h-1.8v1.2l-1.2-1.2H9.6v-8.4h10.8z" })));
+const hlChat = (_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("circle", { cx: "12.6", cy: "15", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "15", cy: "15", r: ".6" }),
+        React__default['default'].createElement("circle", { cx: "17.4", cy: "15", r: ".6" }),
+        React__default['default'].createElement("path", { d: "M15.6 9.6v-6H2.4v10.8h1.8v2.9l2.9-2.9h1.3v6h8.5l2.9 2.9v-2.9h1.8V9.6zm-9 3.6l-1.2 1.2v-1.2H3.6V4.8h10.8v4.8h-6v3.6zm13.8 6h-1.8v1.2l-1.2-1.2H9.6v-8.4h10.8z" })));
+};
 
 exports.default = hlChat;

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

package/build/cjs/components/Icons/hlCheck.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 HlCheck = ({ 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.57 19.44L3.19 13a.6.6 0 0 1 .81-.84l5.53 5.58 11-10.93a.6.6 0 0 1 .84.85z" })));
+const HlCheck = (_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.57 19.44L3.19 13a.6.6 0 0 1 .81-.84l5.53 5.58 11-10.93a.6.6 0 0 1 .84.85z" })));
+};
 
 exports.default = HlCheck;

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

package/build/cjs/components/Icons/hlChevronDown.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 hlChevronDown = ({ 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 7.8a.6.6 0 0 1-.18.42L12 17.65 2.58 8.22a.6.6 0 0 1 .85-.85L12 16l8.58-8.58a.6.6 0 0 1 1 .42z" })));
+const hlChevronDown = (_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 7.8a.6.6 0 0 1-.18.42L12 17.65 2.58 8.22a.6.6 0 0 1 .85-.85L12 16l8.58-8.58a.6.6 0 0 1 1 .42z" })));
+};
 
 exports.default = hlChevronDown;

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

package/build/cjs/components/Icons/hlChevronLeft.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 hlChevronLeft = ({ 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: "M16.2 21.6a.6.6 0 0 1-.42-.18L6.35 12l9.42-9.42a.6.6 0 0 1 .85.85L8 12l8.58 8.58a.6.6 0 0 1-.42 1z" })));
+const hlChevronLeft = (_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: "M16.2 21.6a.6.6 0 0 1-.42-.18L6.35 12l9.42-9.42a.6.6 0 0 1 .85.85L8 12l8.58 8.58a.6.6 0 0 1-.42 1z" })));
+};
 
 exports.default = hlChevronLeft;

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

package/build/cjs/components/Icons/hlChevronRight.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 hlChevronRight = ({ 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: "M7.8 2.4a.6.6 0 0 1 .42.18L17.65 12l-9.43 9.42a.6.6 0 0 1-.85-.85L16 12 7.38 3.42a.6.6 0 0 1 .42-1z" })));
+const hlChevronRight = (_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: "M7.8 2.4a.6.6 0 0 1 .42.18L17.65 12l-9.43 9.42a.6.6 0 0 1-.85-.85L16 12 7.38 3.42a.6.6 0 0 1 .42-1z" })));
+};
 
 exports.default = hlChevronRight;

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

package/build/cjs/components/Icons/hlChevronUp.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 hlChevronUp = ({ 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: "M2.4 16.2a.6.6 0 0 1 .18-.42L12 6.35l9.42 9.42a.6.6 0 0 1-.85.85L12 8l-8.58 8.62a.6.6 0 0 1-1-.42z" })));
+const hlChevronUp = (_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: "M2.4 16.2a.6.6 0 0 1 .18-.42L12 6.35l9.42 9.42a.6.6 0 0 1-.85.85L12 8l-8.58 8.62a.6.6 0 0 1-1-.42z" })));
+};
 
 exports.default = hlChevronUp;

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

package/build/cjs/components/Icons/hlCompensation.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 hlCompensation = ({ 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: "M4.2 19.49a10.792 10.792 0 0 0 9.477 3.182c5.891-.933 9.91-6.465 8.978-12.357a.6.6 0 0 0-1.186.188 9.6 9.6 0 0 1-16.461 8.095H7.2a.6.6 0 1 0 0-1.2H3v4.2a.6.6 0 0 0 1.2 0zM19.8 4.51a10.792 10.792 0 0 0-9.477-3.182c-5.891.933-9.91 6.465-8.978 12.357a.6.6 0 0 0 1.186-.188 9.6 9.6 0 0 1 16.461-8.095H16.8a.6.6 0 1 0 0 1.2H21v-4.2a.6.6 0 0 0-1.2 0z" })));
+const hlCompensation = (_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: "M4.2 19.49a10.792 10.792 0 0 0 9.477 3.182c5.891-.933 9.91-6.465 8.978-12.357a.6.6 0 0 0-1.186.188 9.6 9.6 0 0 1-16.461 8.095H7.2a.6.6 0 1 0 0-1.2H3v4.2a.6.6 0 0 0 1.2 0zM19.8 4.51a10.792 10.792 0 0 0-9.477-3.182c-5.891.933-9.91 6.465-8.978 12.357a.6.6 0 0 0 1.186-.188 9.6 9.6 0 0 1 16.461-8.095H16.8a.6.6 0 1 0 0 1.2H21v-4.2a.6.6 0 0 0-1.2 0z" })));
+};
 
 exports.default = hlCompensation;

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

package/build/cjs/components/Icons/hlCookie.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 hlCookie = ({ 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.25 14.625c-.69 0-1.25-.588-1.25-1.313 0-.724.56-1.312 1.25-1.312s1.25.588 1.25 1.313c0 .724-.56 1.312-1.25 1.312zm4.5 2.1c-.414 0-.75-.353-.75-.788 0-.434.336-.787.75-.787s.75.353.75.787c0 .435-.336.788-.75.788zM22.5 9.9a.513.513 0 0 1-.5-.525c0-.29.224-.525.5-.525s.5.235.5.525c0 .29-.224.525-.5.525zm-10.75 9.975c-.414 0-.75-.353-.75-.788 0-.434.336-.787.75-.787s.75.353.75.787c0 .435-.336.788-.75.788zM6 15.15c-.552 0-1-.47-1-1.05 0-.58.448-1.05 1-1.05s1 .47 1 1.05c0 .58-.448 1.05-1 1.05zm5-7.35c-.552 0-1-.47-1-1.05 0-.58.448-1.05 1-1.05s1 .47 1 1.05c0 .58-.448 1.05-1 1.05zm7.75-1.575c-.414 0-.75-.353-.75-.787 0-.435.336-.788.75-.788s.75.353.75.787c0 .435-.336.788-.75.788zM22 5.7c-.552 0-1-.47-1-1.05 0-.58.448-1.05 1-1.05s1 .47 1 1.05c0 .58-.448 1.05-1 1.05zm.266 6.256L23 11.81l-.04.748c-.29 5.56-4.888 9.942-10.472 9.942C6.696 22.5 2 17.799 2 12S6.696 1.5 12.488 1.5c1.092 0 2.162.167 3.183.493l.826.263-.555.666c-.348.417-.541.94-.541 1.495 0 .655.27 1.265.739 1.704l.326.305-.21.395a2.332 2.332 0 0 0 2.684 3.344l.507-.14.191.49a2.331 2.331 0 0 0 2.628 1.44zm-3.5-.568a3.498 3.498 0 0 1-3.716-4.726 3.491 3.491 0 0 1-.814-2.245c0-.533.12-1.049.343-1.515a9.344 9.344 0 0 0-2.091-.235c-5.149 0-9.323 4.178-9.323 9.333s4.174 9.333 9.323 9.333c4.737 0 8.676-3.547 9.25-8.167a3.496 3.496 0 0 1-2.973-1.778z" })));
+const hlCookie = (_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.25 14.625c-.69 0-1.25-.588-1.25-1.313 0-.724.56-1.312 1.25-1.312s1.25.588 1.25 1.313c0 .724-.56 1.312-1.25 1.312zm4.5 2.1c-.414 0-.75-.353-.75-.788 0-.434.336-.787.75-.787s.75.353.75.787c0 .435-.336.788-.75.788zM22.5 9.9a.513.513 0 0 1-.5-.525c0-.29.224-.525.5-.525s.5.235.5.525c0 .29-.224.525-.5.525zm-10.75 9.975c-.414 0-.75-.353-.75-.788 0-.434.336-.787.75-.787s.75.353.75.787c0 .435-.336.788-.75.788zM6 15.15c-.552 0-1-.47-1-1.05 0-.58.448-1.05 1-1.05s1 .47 1 1.05c0 .58-.448 1.05-1 1.05zm5-7.35c-.552 0-1-.47-1-1.05 0-.58.448-1.05 1-1.05s1 .47 1 1.05c0 .58-.448 1.05-1 1.05zm7.75-1.575c-.414 0-.75-.353-.75-.787 0-.435.336-.788.75-.788s.75.353.75.787c0 .435-.336.788-.75.788zM22 5.7c-.552 0-1-.47-1-1.05 0-.58.448-1.05 1-1.05s1 .47 1 1.05c0 .58-.448 1.05-1 1.05zm.266 6.256L23 11.81l-.04.748c-.29 5.56-4.888 9.942-10.472 9.942C6.696 22.5 2 17.799 2 12S6.696 1.5 12.488 1.5c1.092 0 2.162.167 3.183.493l.826.263-.555.666c-.348.417-.541.94-.541 1.495 0 .655.27 1.265.739 1.704l.326.305-.21.395a2.332 2.332 0 0 0 2.684 3.344l.507-.14.191.49a2.331 2.331 0 0 0 2.628 1.44zm-3.5-.568a3.498 3.498 0 0 1-3.716-4.726 3.491 3.491 0 0 1-.814-2.245c0-.533.12-1.049.343-1.515a9.344 9.344 0 0 0-2.091-.235c-5.149 0-9.323 4.178-9.323 9.333s4.174 9.333 9.323 9.333c4.737 0 8.676-3.547 9.25-8.167a3.496 3.496 0 0 1-2.973-1.778z" })));
+};
 
 exports.default = hlCookie;