@dnanpm/styleguide 2.3.0 → 3.1.0

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

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

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

@@ -11,9 +11,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlPhone = (_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: "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__default['default'].createElement("circle", { cx: "12", cy: "19.2", r: ".6", transform: "rotate(-89.77 11.998 19.2)" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].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__default["default"].createElement("circle", { cx: "12", cy: "19.2", r: ".6", transform: "rotate(-89.77 11.998 19.2)" })));
 };
 
-exports.default = hlPhone;
+exports["default"] = hlPhone;

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

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

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

@@ -0,0 +1,18 @@
+'use strict';
+
+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 hlPlaylist = (_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 }, props),
+        React__default["default"].createElement("path", { fillRule: "evenodd", d: "M3.93129 2.50907C3.64538 2.53645 3.34016 2.63277 3.09164 2.77402C2.47453 3.12478 2.07335 3.74466 2.00825 4.44802C1.99693 4.57042 1.99693 20.4296 2.00825 20.552C2.05475 21.0544 2.27131 21.5163 2.62737 21.8725C2.98343 22.2287 3.44514 22.4453 3.94728 22.4919C4.06963 22.5032 19.9222 22.5032 20.0446 22.4919C21.0019 22.4032 21.7813 21.6924 21.9562 20.7484C21.9672 20.6892 21.9784 20.609 21.9812 20.5701C21.9839 20.5312 21.9892 20.4976 21.993 20.4953C21.9967 20.493 21.9998 16.8911 21.9998 12.4911C21.9998 8.08228 21.9967 4.49296 21.9929 4.49529C21.9892 4.49761 21.9839 4.46795 21.9811 4.42939C21.9628 4.17029 21.8592 3.84084 21.7179 3.59202C21.3673 2.97465 20.7476 2.5733 20.0446 2.50818C19.9348 2.49801 4.03763 2.49889 3.93129 2.50907ZM4.0001 3.94438C3.73805 4.0013 3.53801 4.1842 3.45801 4.44002L3.43549 4.51202V12.5V20.488L3.45801 20.56C3.5306 20.7921 3.70728 20.9689 3.93928 21.0415L4.01125 21.064H11.9959H19.9806L20.0526 21.0415C20.2829 20.9696 20.462 20.7904 20.5339 20.56L20.5564 20.488V12.5V4.51202L20.5338 4.44002C20.4613 4.20791 20.2846 4.03116 20.0526 3.95854L19.9806 3.93602L12.0159 3.93464C5.24559 3.93347 4.04357 3.93493 4.0001 3.94438ZM2.00407 12.5C2.00407 16.9022 2.00498 18.7031 2.00609 16.502C2.0072 14.3009 2.0072 10.6991 2.00609 8.49802C2.00498 6.29692 2.00407 8.09781 2.00407 12.5ZM9.84882 8.23145C9.58726 8.2743 9.34181 8.39792 9.15022 8.58331C8.96214 8.7653 8.83785 8.99043 8.77911 9.2555L8.76127 9.33602V12.6V15.864L8.77971 15.9463C8.83927 16.2124 8.96219 16.4348 9.15022 16.6167C9.3506 16.8106 9.61035 16.9369 9.88191 16.9725C9.99259 16.987 10.2199 16.9786 10.3244 16.9563C10.4301 16.9336 10.5236 16.9009 10.6205 16.8527C10.7078 16.8092 15.9754 13.7342 16.0662 13.6736C16.2421 13.5564 16.3723 13.4155 16.4781 13.228C16.5989 13.0137 16.6486 12.8028 16.6396 12.5412C16.6327 12.3395 16.5956 12.1906 16.5091 12.0176C16.4058 11.8109 16.2589 11.6411 16.0767 11.5178C16.0082 11.4714 10.7084 8.39137 10.6274 8.35083C10.532 8.3031 10.448 8.27327 10.336 8.24742C10.2513 8.22786 10.2224 8.22515 10.0767 8.22318C9.96919 8.22174 9.89079 8.22458 9.84882 8.23145ZM10.1807 12.6C10.1807 15.0166 10.1824 15.4531 10.1917 15.4495C10.2061 15.444 15.0688 12.6043 15.0767 12.5968C15.0817 12.5921 10.2316 9.76585 10.193 9.75104C10.1819 9.74678 10.1807 10.0315 10.1807 12.6Z" })));
+};
+
+exports["default"] = hlPlaylist;

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

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

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

@@ -11,9 +11,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlPlus = (_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 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__default['default'].createElement("path", { d: "M21 12.6H3a.6.6 0 0 1 0-1.2h18a.6.6 0 1 1 0 1.2z" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].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__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 = hlPlus;
+exports["default"] = hlPlus;

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

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

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

@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlPrepaid = (_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.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" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].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" })));
 };
 
-exports.default = hlPrepaid;
+exports["default"] = hlPrepaid;

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

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

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

@@ -11,9 +11,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlProcessor = (_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 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__default['default'].createElement("path", { d: "M16.8 16.8H7.2V7.2h9.6v9.6zm-8.4-1.2h7.2V8.4H8.4v7.2z" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].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__default["default"].createElement("path", { d: "M16.8 16.8H7.2V7.2h9.6v9.6zm-8.4-1.2h7.2V8.4H8.4v7.2z" })));
 };
 
-exports.default = hlProcessor;
+exports["default"] = hlProcessor;

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

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

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

@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlServices = (_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.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" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].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" })));
 };
 
-exports.default = hlServices;
+exports["default"] = hlServices;

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

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

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

@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlSettings = (_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 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" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].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" })));
 };
 
-exports.default = hlSettings;
+exports["default"] = hlSettings;

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

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

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

@@ -11,9 +11,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlShield = (_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 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__default['default'].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" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].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__default["default"].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" })));
 };
 
-exports.default = hlShield;
+exports["default"] = hlShield;

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

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

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

@@ -11,9 +11,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlSim = (_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.06M15 2.4H4.2v19.2h15.6V7.8L15 2.4z" }),
-        React__default['default'].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" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M14.46 3.6l4.14 4.66V20.4H5.4V3.6h9.06M15 2.4H4.2v19.2h15.6V7.8L15 2.4z" }),
+        React__default["default"].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" })));
 };
 
-exports.default = hlSim;
+exports["default"] = hlSim;

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

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

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

@@ -11,10 +11,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlSimSimple = (_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("g", { fillRule: "evenodd" },
-            React__default['default'].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__default['default'].createElement("path", { d: "m15 10.8v6h-6v-6h6zm1.2-1.2h-8.4v8.4h8.4v-8.4z", fillRule: "nonzero" }))));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("g", { fillRule: "evenodd" },
+            React__default["default"].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__default["default"].createElement("path", { d: "m15 10.8v6h-6v-6h6zm1.2-1.2h-8.4v8.4h8.4v-8.4z", fillRule: "nonzero" }))));
 };
 
-exports.default = hlSimSimple;
+exports["default"] = hlSimSimple;

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

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

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

@@ -11,11 +11,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlSmile = (_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("circle", { cx: "16.2", cy: "10.8", r: "1.2" }),
-        React__default['default'].createElement("circle", { cx: "7.8", cy: "10.8", r: "1.2" }),
-        React__default['default'].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" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, 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("circle", { cx: "16.2", cy: "10.8", r: "1.2" }),
+        React__default["default"].createElement("circle", { cx: "7.8", cy: "10.8", r: "1.2" }),
+        React__default["default"].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" })));
 };
 
-exports.default = hlSmile;
+exports["default"] = hlSmile;

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

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

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

@@ -11,9 +11,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlSpeechBubble = (_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 6v12H9.6l-2.4 2.4V18H3.6V6h16.8m1.2-1.2H2.4v14.4H6v4.1l2-2 2-2h11.6V4.8z" }),
-        React__default['default'].createElement("path", { d: "M17.4 10.8H6.6a.6.6 0 0 1 0-1.2h10.8a.6.6 0 1 1 0 1.2zM13.8 14.4H6.6a.6.6 0 0 1 0-1.2h7.2a.6.6 0 0 1 0 1.2z" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M20.4 6v12H9.6l-2.4 2.4V18H3.6V6h16.8m1.2-1.2H2.4v14.4H6v4.1l2-2 2-2h11.6V4.8z" }),
+        React__default["default"].createElement("path", { d: "M17.4 10.8H6.6a.6.6 0 0 1 0-1.2h10.8a.6.6 0 1 1 0 1.2zM13.8 14.4H6.6a.6.6 0 0 1 0-1.2h7.2a.6.6 0 0 1 0 1.2z" })));
 };
 
-exports.default = hlSpeechBubble;
+exports["default"] = hlSpeechBubble;

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

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

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

@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlSquaretrade = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 16 18", fill: color, width: size, height: size }, props),
-        React__default['default'].createElement("path", { d: "M1.5 1h13v16h-13V1zm14-1v18H.5V0h15zM8.175 4.5h-.389l-.097.116a2.645 2.645 0 01-1.322 1.007 3.746 3.746 0 01-1.38.212H4.5v4.138c.015.491.24 2.266 3.364 3.488L8 13.5l.136-.039c3.123-1.222 3.349-2.997 3.363-3.488V5.835h-.485c-.467 0-.934-.058-1.38-.212a2.927 2.927 0 01-1.362-1.007L8.175 4.5z", fillRule: "evenodd" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 16 18", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M1.5 1h13v16h-13V1zm14-1v18H.5V0h15zM8.175 4.5h-.389l-.097.116a2.645 2.645 0 01-1.322 1.007 3.746 3.746 0 01-1.38.212H4.5v4.138c.015.491.24 2.266 3.364 3.488L8 13.5l.136-.039c3.123-1.222 3.349-2.997 3.363-3.488V5.835h-.485c-.467 0-.934-.058-1.38-.212a2.927 2.927 0 01-1.362-1.007L8.175 4.5z", fillRule: "evenodd" })));
 };
 
-exports.default = hlSquaretrade;
+exports["default"] = hlSquaretrade;

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

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

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

@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlStar = (_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 3.52l2.33 4.9.28.59.65.08 5.38.7-3.94 3.73-.47.45.12.64 1 5.33-4.76-2.59L12 17l-.57.31-4.77 2.63 1-5.33.12-.61-.47-.45-3.95-3.76 5.38-.7.65-.09.28-.59L12 3.52m0-2.8L8.59 7.9l-7.88 1 5.77 5.46L5 22.2l7-3.8 7 3.8-1.45-7.81 5.77-5.46-7.88-1L12 .72z" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M12 3.52l2.33 4.9.28.59.65.08 5.38.7-3.94 3.73-.47.45.12.64 1 5.33-4.76-2.59L12 17l-.57.31-4.77 2.63 1-5.33.12-.61-.47-.45-3.95-3.76 5.38-.7.65-.09.28-.59L12 3.52m0-2.8L8.59 7.9l-7.88 1 5.77 5.46L5 22.2l7-3.8 7 3.8-1.45-7.81 5.77-5.46-7.88-1L12 .72z" })));
 };
 
-exports.default = hlStar;
+exports["default"] = hlStar;

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

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

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

@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlStarFilled = (_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 .72L8.59 7.9l-7.88 1 5.77 5.46L5 22.2l7-3.8 7 3.8-1.45-7.81 5.77-5.46-7.88-1z" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M12 .72L8.59 7.9l-7.88 1 5.77 5.46L5 22.2l7-3.8 7 3.8-1.45-7.81 5.77-5.46-7.88-1z" })));
 };
 
-exports.default = hlStarFilled;
+exports["default"] = hlStarFilled;

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

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

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

@@ -11,9 +11,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlTrash = (_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: "M8.4 18a.6.6 0 0 1-.6-.6v-9a.6.6 0 0 1 1.2 0v9a.6.6 0 0 1-.6.6zM12 18a.6.6 0 0 1-.6-.6v-9a.6.6 0 1 1 1.2 0v9a.6.6 0 0 1-.6.6zM15.6 18a.6.6 0 0 1-.6-.6v-9a.6.6 0 1 1 1.2 0v9a.6.6 0 0 1-.6.6z" }),
-        React__default['default'].createElement("path", { d: "M20.4 4.2h-6a2.4 2.4 0 1 0-4.8 0h-6a.6.6 0 0 0 0 1.2h.6v16.2h15.6V5.4h.6a.6.6 0 0 0 0-1.2zM12 3a1.2 1.2 0 0 1 1.2 1.2h-2.4A1.2 1.2 0 0 1 12 3zm6.6 17.4H5.4v-15h13.2z" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M8.4 18a.6.6 0 0 1-.6-.6v-9a.6.6 0 0 1 1.2 0v9a.6.6 0 0 1-.6.6zM12 18a.6.6 0 0 1-.6-.6v-9a.6.6 0 1 1 1.2 0v9a.6.6 0 0 1-.6.6zM15.6 18a.6.6 0 0 1-.6-.6v-9a.6.6 0 1 1 1.2 0v9a.6.6 0 0 1-.6.6z" }),
+        React__default["default"].createElement("path", { d: "M20.4 4.2h-6a2.4 2.4 0 1 0-4.8 0h-6a.6.6 0 0 0 0 1.2h.6v16.2h15.6V5.4h.6a.6.6 0 0 0 0-1.2zM12 3a1.2 1.2 0 0 1 1.2 1.2h-2.4A1.2 1.2 0 0 1 12 3zm6.6 17.4H5.4v-15h13.2z" })));
 };
 
-exports.default = hlTrash;
+exports["default"] = hlTrash;

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

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

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

@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlTv = (_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 6v12H3.6V6h16.8m1.2-1.2H2.4v14.4h19.2V4.8zM15 21.6H9a.6.6 0 0 1 0-1.2h6a.6.6 0 0 1 0 1.2z" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M20.4 6v12H3.6V6h16.8m1.2-1.2H2.4v14.4h19.2V4.8zM15 21.6H9a.6.6 0 0 1 0-1.2h6a.6.6 0 0 1 0 1.2z" })));
 };
 
-exports.default = hlTv;
+exports["default"] = hlTv;

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

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

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

@@ -11,10 +11,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlUnlock = (_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: "M5.34 10.45a6 6 0 013-7.8 6.13 6.13 0 017.82 2.61L17 6.65a.6.6 0 001-.6l-.9-1.56a7.2 7.2 0 00-12.47 7.2l.17.29V22.8h14.4v-12H5.89a.59.59 0 01-.55-.35zM18 21.6H6V12h12v9.6z" }),
-        React__default['default'].createElement("path", { d: "M13.2 15.6a1.2 1.2 0 10-1.8 1v2a.6.6 0 001.2 0v-2a1.19 1.19 0 00.6-1zM20.4 7.2a.6.6 0 01-.42-1l1.2-1.2a.601.601 0 11.85.85L20.82 7a.6.6 0 01-.42.2zM21.6 9h-1.2a.6.6 0 010-1.2h1.2a.6.6 0 010 1.2zM21.6 12a.6.6 0 01-.42-.18L20 10.62a.601.601 0 01.85-.85L22 11a.6.6 0 01-.42 1h.02z" }),
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M5.34 10.45a6 6 0 013-7.8 6.13 6.13 0 017.82 2.61L17 6.65a.6.6 0 001-.6l-.9-1.56a7.2 7.2 0 00-12.47 7.2l.17.29V22.8h14.4v-12H5.89a.59.59 0 01-.55-.35zM18 21.6H6V12h12v9.6z" }),
+        React__default["default"].createElement("path", { d: "M13.2 15.6a1.2 1.2 0 10-1.8 1v2a.6.6 0 001.2 0v-2a1.19 1.19 0 00.6-1zM20.4 7.2a.6.6 0 01-.42-1l1.2-1.2a.601.601 0 11.85.85L20.82 7a.6.6 0 01-.42.2zM21.6 9h-1.2a.6.6 0 010-1.2h1.2a.6.6 0 010 1.2zM21.6 12a.6.6 0 01-.42-.18L20 10.62a.601.601 0 01.85-.85L22 11a.6.6 0 01-.42 1h.02z" }),
         ' '));
 };
 
-exports.default = hlUnlock;
+exports["default"] = hlUnlock;

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

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

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

@@ -11,10 +11,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlUpload = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 18 20", fill: color, width: size, height: size }, props),
-        React__default['default'].createElement("g", { fillRule: "evenodd" },
-            React__default['default'].createElement("path", { d: "M8 14.2a.6.6 0 00.596-.53l.004-.07V2.45l1.976 1.974a.6.6 0 00.898-.792l-.05-.056-3-3A.603.603 0 008.346.51l.078.066a.602.602 0 00-.249-.15L8.16.422a.6.6 0 00-.072-.016h-.006l-.02-.003h-.01L8.034.4A.61.61 0 008 .4h-.012a.604.604 0 00-.067.005L8 .4a.604.604 0 00-.103.009h-.003L7.87.414a.6.6 0 00-.237.112l-.056.05-3 3a.6.6 0 00.792.898l.056-.05L7.4 2.45V13.6a.6.6 0 00.6.6z", fillRule: "nonzero" }),
-            React__default['default'].createElement("path", { d: "M15.2 13.8a.6.6 0 01.596.53l.004.07v4.8H.2v-4.8a.6.6 0 011.196-.07l.004.07V18h13.2v-3.6a.6.6 0 01.53-.596l.07-.004z", fillRule: "nonzero" }))));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 18 20", fill: color }, props),
+        React__default["default"].createElement("g", { fillRule: "evenodd" },
+            React__default["default"].createElement("path", { d: "M8 14.2a.6.6 0 00.596-.53l.004-.07V2.45l1.976 1.974a.6.6 0 00.898-.792l-.05-.056-3-3A.603.603 0 008.346.51l.078.066a.602.602 0 00-.249-.15L8.16.422a.6.6 0 00-.072-.016h-.006l-.02-.003h-.01L8.034.4A.61.61 0 008 .4h-.012a.604.604 0 00-.067.005L8 .4a.604.604 0 00-.103.009h-.003L7.87.414a.6.6 0 00-.237.112l-.056.05-3 3a.6.6 0 00.792.898l.056-.05L7.4 2.45V13.6a.6.6 0 00.6.6z", fillRule: "nonzero" }),
+            React__default["default"].createElement("path", { d: "M15.2 13.8a.6.6 0 01.596.53l.004.07v4.8H.2v-4.8a.6.6 0 011.196-.07l.004.07V18h13.2v-3.6a.6.6 0 01.53-.596l.07-.004z", fillRule: "nonzero" }))));
 };
 
-exports.default = hlUpload;
+exports["default"] = hlUpload;

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

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

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

@@ -11,10 +11,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlWarning = (_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.4l10.8 19.2H1.2L12 2.4zm0 2.448L3.251 20.4h17.497L12 4.848z" }),
-        React__default['default'].createElement("rect", { x: "11.4", y: "9", width: "1.2", height: "6", rx: ".6" }),
-        React__default['default'].createElement("circle", { cx: "12", cy: "17.4", r: "1.2" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, 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 14.4a.6.6 0 0 1-.6-.6V6.6a.6.6 0 0 1 1.2 0v7.2a.6.6 0 0 1-.6.6z" }),
+        React__default["default"].createElement("circle", { cx: "12", cy: "16.8", r: "1.2" })));
 };
 
-exports.default = hlWarning;
+exports["default"] = hlWarning;

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

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

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

@@ -11,10 +11,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlWifi = (_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", cy: "19.2", r: "1.2" }),
-        React__default['default'].createElement("path", { d: "M21.07 8.72a.6.6 0 0 1-.43-.19 11.85 11.85 0 0 0-17.27 0 .6.6 0 1 1-.87-.83 13 13 0 0 1 19 0 .6.6 0 0 1-.43 1z" }),
-        React__default['default'].createElement("path", { d: "M18.4 12.38a.6.6 0 0 1-.44-.19 8.16 8.16 0 0 0-11.96 0 .6.6 0 1 1-.87-.82 9.36 9.36 0 0 1 13.68 0 .6.6 0 0 1-.44 1zM15.73 16a.6.6 0 0 1-.44-.19 4.47 4.47 0 0 0-6.59 0 .6.6 0 0 1-.87-.81 5.67 5.67 0 0 1 8.35 0 .6.6 0 0 1-.44 1z" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("circle", { cx: "12", cy: "19.2", r: "1.2" }),
+        React__default["default"].createElement("path", { d: "M21.07 8.72a.6.6 0 0 1-.43-.19 11.85 11.85 0 0 0-17.27 0 .6.6 0 1 1-.87-.83 13 13 0 0 1 19 0 .6.6 0 0 1-.43 1z" }),
+        React__default["default"].createElement("path", { d: "M18.4 12.38a.6.6 0 0 1-.44-.19 8.16 8.16 0 0 0-11.96 0 .6.6 0 1 1-.87-.82 9.36 9.36 0 0 1 13.68 0 .6.6 0 0 1-.44 1zM15.73 16a.6.6 0 0 1-.44-.19 4.47 4.47 0 0 0-6.59 0 .6.6 0 0 1-.87-.81 5.67 5.67 0 0 1 8.35 0 .6.6 0 0 1-.44 1z" })));
 };
 
-exports.default = hlWifi;
+exports["default"] = hlWifi;

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

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

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

@@ -0,0 +1,18 @@
+'use strict';
+
+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 hlWrench = (_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 }, props),
+        React__default["default"].createElement("path", { d: "M17.8356 3.75735C18.7837 4.42728 19.5924 5.24539 20.2424 6.16546L19.7227 7.19317C19.2342 8.1584 19.6207 9.33686 20.5859 9.82534C20.6743 9.87005 20.7659 9.90801 20.86 9.93887L21.954 10.2973C22.1451 11.4077 22.1519 12.5583 21.9551 13.7028L20.86 14.0619C19.8321 14.399 19.272 15.5056 19.6092 16.5335C19.64 16.6276 19.678 16.7193 19.7227 16.8076L20.2431 17.8359C19.573 18.7843 18.7546 19.5931 17.8343 20.2432L16.8072 19.723C15.842 19.2346 14.6636 19.621 14.1751 20.5863C14.1304 20.6746 14.0924 20.7663 14.0615 20.8604L13.7023 21.9545C12.5921 22.1455 11.4418 22.1522 10.2977 21.9554L9.9385 20.8604C9.60139 19.8324 8.49481 19.2724 7.46689 19.6095C7.37279 19.6404 7.28116 19.6783 7.1928 19.723L6.16449 20.2434C5.21611 19.5733 4.40728 18.755 3.75717 17.8346L4.27737 16.8076C4.76585 15.8424 4.37937 14.6639 3.41415 14.1754C3.32579 14.1307 3.23416 14.0928 3.14006 14.0619L2.04601 13.7035C1.85492 12.593 1.84819 11.4425 2.04497 10.298L3.14006 9.93887C4.16799 9.60176 4.728 8.49518 4.3909 7.46725C4.36004 7.37315 4.32208 7.28153 4.27737 7.19317L3.75699 6.16486C4.42708 5.21647 5.24543 4.40765 6.16577 3.75754L7.1928 4.27773C8.15803 4.76621 9.33649 4.37974 9.82497 3.41451C9.86969 3.32615 9.90764 3.23453 9.9385 3.14043L10.2969 2.04637C11.4074 1.85529 12.5579 1.84856 13.7024 2.04534L14.0615 3.14043C14.3987 4.16835 15.5052 4.72837 16.5332 4.39126C16.6273 4.3604 16.7189 4.32245 16.8072 4.27773L17.8356 3.75735ZM17.7062 5.14001L17.3379 5.32727C17.1966 5.39882 17.05 5.45954 16.8994 5.50892C15.3156 6.02832 13.6152 5.21667 13.0098 3.68724L12.9448 3.50761L12.8156 3.11426L12.752 3.10823C12.2498 3.06562 11.7457 3.0661 11.2447 3.10913L11.184 3.11474L11.0552 3.50759C11.0223 3.60796 10.9844 3.70657 10.9415 3.80305L10.8736 3.94612C10.119 5.43722 8.33522 6.0651 6.82274 5.40299L6.66179 5.3271L6.29419 5.14091L6.24641 5.1795C5.86174 5.50331 5.50498 5.8594 5.18 6.24464L5.1392 6.29394L5.326 6.66341C5.3737 6.75766 5.41659 6.85423 5.45451 6.95275L5.50765 7.10194C6.02704 8.68571 5.2154 10.3862 3.68596 10.9916L3.50634 11.0565L3.11345 11.1845L3.10696 11.2494C3.06435 11.7516 3.06482 12.2557 3.10785 12.7566L3.11446 12.8175L3.50631 12.9461C3.60669 12.979 3.7053 13.017 3.80178 13.0598L3.94485 13.1278C5.43595 13.8824 6.06382 15.6661 5.40172 17.1786L5.32582 17.3396L5.13972 17.7069L5.17822 17.7549C5.50203 18.1396 5.85813 18.4964 6.24337 18.8214L6.29313 18.861L6.66214 18.6754C6.75639 18.6277 6.85296 18.5848 6.95148 18.5468L7.10067 18.4937C8.68443 17.9743 10.3849 18.786 10.9903 20.3154L11.0552 20.495L11.1837 20.8867L11.2479 20.8944C11.75 20.937 12.254 20.9365 12.7548 20.8935L12.8163 20.8866L12.9448 20.495C12.9777 20.3947 13.0157 20.2961 13.0586 20.1996L13.1265 20.0565C13.6071 19.1068 14.5051 18.5073 15.4847 18.3682C14.4605 17.4678 13.4273 16.5068 13.3496 16.4342L13.186 16.2813L13.1415 16.2973C12.9958 16.3498 12.7264 16.4231 12.5478 16.4588C11.9872 16.5711 11.397 16.579 10.8435 16.4818C10.0888 16.3494 9.38092 16.0341 8.78274 15.5641C8.66017 15.4678 8.61894 15.4323 8.4848 15.3075C7.69767 14.5756 7.19127 13.5897 7.05411 12.522C7.03043 12.3377 7.02127 12.2009 7.0188 11.9943C7.01549 11.7177 7.02702 11.5348 7.06444 11.2702C7.09126 11.0805 7.11899 10.9789 7.1812 10.8423C7.27334 10.6399 7.42386 10.4533 7.60069 10.3222C7.7391 10.2196 7.82937 10.1868 7.96812 10.1886C8.08327 10.1901 8.16809 10.2148 8.25535 10.2721C8.28152 10.2892 8.70917 10.6875 9.45088 11.3854C10.5612 12.4302 10.6265 12.4942 10.7048 12.5245C10.7145 12.5282 10.7244 12.5315 10.7365 12.536C10.8258 12.5693 10.9445 12.5761 11.0408 12.5534C11.1316 12.5321 11.2329 12.4756 11.2942 12.4122C11.3102 12.3957 11.502 12.2126 11.7203 12.0054C11.9386 11.7982 12.1272 11.616 12.1394 11.6006C12.1893 11.5372 12.2319 11.4381 12.2442 11.3567C12.2516 11.3078 12.2487 11.2122 12.2384 11.1636C12.2236 11.0941 12.1947 11.0285 12.1498 10.9629C12.1357 10.9423 11.7137 10.5399 10.9869 9.85401C10.2043 9.11553 9.83773 8.76565 9.81946 8.73994C9.72147 8.60198 9.69231 8.42995 9.73999 8.27119C9.77177 8.16539 9.85476 8.01083 9.94024 7.89824C9.99129 7.83101 10.1012 7.71931 10.1686 7.66613C10.3439 7.52784 10.5055 7.45256 10.7252 7.40685C11.04 7.34138 11.3603 7.30896 11.6858 7.30965C12.5983 7.31156 13.4861 7.58519 14.2484 8.09948C14.5898 8.32985 14.9204 8.626 15.1799 8.93402C15.5284 9.3476 15.7924 9.796 15.9788 10.2909C16.1195 10.6644 16.202 11.0131 16.2509 11.4413C16.2653 11.5671 16.2785 11.8957 16.2744 12.0239C16.2601 12.466 16.1898 12.8984 16.0721 13.2684L16.0451 13.3533L18.3573 15.5564C18.4895 14.4427 19.2172 13.4452 20.3141 13.011L20.4937 12.9461L20.8859 12.8164L20.8931 12.7532C20.9357 12.251 20.9353 11.747 20.8922 11.246L20.8854 11.1848L20.4938 11.0565C20.3934 11.0236 20.2948 10.9856 20.1983 10.9428L20.0552 10.8749C18.5641 10.1203 17.9363 8.33649 18.5981 6.82461L18.6739 6.66373L18.8605 6.29447L18.8215 6.24726C18.4977 5.86271 18.1417 5.50605 17.7566 5.18115L17.7062 5.14001ZM18.8438 17.6747C17.2076 16.1141 15.0091 13.8477 14.9954 13.8299C14.925 13.7385 14.887 13.6309 14.8835 13.5131C14.8811 13.4338 14.8926 13.3771 14.9318 13.2753C15.0951 12.8503 15.1624 12.563 15.1951 12.151C15.205 12.0262 15.1952 11.6288 15.1792 11.5062C15.1486 11.2714 15.1091 11.0844 15.0484 10.8855C14.9203 10.4665 14.705 10.056 14.4377 9.72142C13.9474 9.10764 13.2957 8.68561 12.5372 8.49054C12.4549 8.46937 12.4255 8.46295 12.305 8.43977C12.136 8.40729 11.9335 8.38678 11.7357 8.3821C11.6319 8.37965 11.4035 8.38966 11.298 8.40128C11.2154 8.4104 11.057 8.43322 11.0533 8.43654C11.0533 8.43654 11.4662 8.83098 11.9741 9.31015C12.5458 9.84943 12.9147 10.2019 12.9424 10.2351C13.1398 10.4719 13.2725 10.7712 13.3096 11.0631C13.3286 11.2121 13.3248 11.4057 13.3001 11.5492C13.2676 11.7378 13.1957 11.9322 13.0986 12.0945C12.9919 12.2727 12.9658 12.3011 12.5016 12.7425C12.2752 12.9577 12.069 13.155 12.0434 13.1808C11.8069 13.4192 11.4679 13.5843 11.1241 13.6285C11.0438 13.6388 10.8853 13.6434 10.8019 13.6378C10.507 13.6181 10.1884 13.4986 9.9469 13.3171C9.92303 13.2992 9.49894 12.9038 9.00446 12.4385L8.10541 11.5925L8.10034 11.6516C8.07724 11.9214 8.09419 12.2678 8.14458 12.5557C8.25003 13.1581 8.52763 13.7491 8.9259 14.219C9.06929 14.3881 9.2718 14.5839 9.4388 14.7148C10.0201 15.1702 10.7058 15.4293 11.4422 15.4715C11.5814 15.4795 11.8851 15.4722 12.009 15.4579C12.3661 15.4167 12.7076 15.3276 13.0246 15.1928C13.1348 15.1459 13.1667 15.1358 13.2357 15.1258C13.3733 15.1058 13.5294 15.1492 13.6365 15.2371C13.655 15.2523 16.1034 17.3811 17.7123 18.8561L17.7537 18.8231C18.1383 18.4993 18.4951 18.1432 18.8201 17.758L18.8602 17.707L18.8438 17.6747Z" })));
+};
+
+exports["default"] = hlWrench;

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

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