@dnanpm/styleguide 3.0.0 → 3.2.0

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,7 +11,7 @@ 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),
+    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" })));
 };

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,7 +11,7 @@ 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),
+    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" }))));

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,7 +11,7 @@ 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),
+    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" }),

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,7 +11,7 @@ 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),
+    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" })));
 };

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,7 +11,7 @@ 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),
+    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" })));
 };
 

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,7 +11,7 @@ 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),
+    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" })));
 };
 

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,7 +11,7 @@ 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),
+    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" })));
 };
 

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,7 +11,7 @@ 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),
+    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" })));
 };

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,7 +11,7 @@ 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),
+    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" })));
 };
 

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,7 +11,7 @@ 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),
+    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" }),
         ' '));

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,7 +11,7 @@ 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),
+    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" }))));

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,7 +11,7 @@ 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),
+    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" })));

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,7 +11,7 @@ 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),
+    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" })));

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

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

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

@@ -11,7 +11,7 @@ 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, width: size, height: size }, props),
+    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" })));
 };
 

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;

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

@@ -11,7 +11,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlX = (_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),
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
         React__default["default"].createElement("path", { d: "M12.85 12l7.38-7.38a.6.6 0 0 0-.85-.85L12 11.15 4.62 3.78a.6.6 0 0 0-.85.85L11.15 12l-7.37 7.38a.6.6 0 1 0 .85.85L12 12.85l7.38 7.38a.6.6 0 0 0 .85-.85z" })));
 };
 

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

@@ -21,6 +21,7 @@ export { default as hl4gSim } from './hl4gSim';
 export { default as hl5gSim } from './hl5gSim';
 export { default as hlBattery } from './hlBattery';
 export { default as hlBell } from './hlBell';
+export { default as hlCableTVCard } from './hlCableTVCard';
 export { default as hlCalendar } from './hlCalendar';
 export { default as hlCall } from './hlCall';
 export { default as hlCameraBack } from './hlCameraBack';
@@ -58,10 +59,13 @@ export { default as hlHeadphones } from './hlHeadphones';
 export { default as hlHeadset } from './hlHeadset';
 export { default as hlHeart } from './hlHeart';
 export { default as hlHome } from './hlHome';
+export { default as hlHub } from './hlHub';
 export { default as hlImage } from './hlImage';
 export { default as hlInfo } from './hlInfo';
 export { default as hlInstallment } from './hlInstallment';
 export { default as hlIotSim } from './hlIotSim';
+export { default as hlLaptop } from './hlLaptop';
+export { default as hlLiveVideo } from './hlLiveVideo';
 export { default as hlLock } from './hlLock';
 export { default as hlMagnifyingGlass } from './hlMagnifyingGlass';
 export { default as hlMarker } from './hlMarker';
@@ -80,6 +84,7 @@ export { default as hlPaytime } from './hlPaytime';
 export { default as hlPen } from './hlPen';
 export { default as hlPerson } from './hlPerson';
 export { default as hlPhone } from './hlPhone';
+export { default as hlPlaylist } from './hlPlaylist';
 export { default as hlPlus } from './hlPlus';
 export { default as hlPrepaid } from './hlPrepaid';
 export { default as hlProcessor } from './hlProcessor';
@@ -101,3 +106,4 @@ export { default as hlWarning } from './hlWarning';
 export { default as hlWifi } from './hlWifi';
 export { default as hlWrench } from './hlWrench';
 export { default as hlX } from './hlX';
+export { default as hlLink } from './hlLink';

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

@@ -25,6 +25,7 @@ var hl4gSim = require('./hl4gSim.js');
 var hl5gSim = require('./hl5gSim.js');
 var hlBattery = require('./hlBattery.js');
 var hlBell = require('./hlBell.js');
+var hlCableTVCard = require('./hlCableTVCard.js');
 var hlCalendar = require('./hlCalendar.js');
 var hlCall = require('./hlCall.js');
 var hlCameraBack = require('./hlCameraBack.js');
@@ -62,10 +63,13 @@ var hlHeadphones = require('./hlHeadphones.js');
 var hlHeadset = require('./hlHeadset.js');
 var hlHeart = require('./hlHeart.js');
 var hlHome = require('./hlHome.js');
+var hlHub = require('./hlHub.js');
 var hlImage = require('./hlImage.js');
 var hlInfo = require('./hlInfo.js');
 var hlInstallment = require('./hlInstallment.js');
 var hlIotSim = require('./hlIotSim.js');
+var hlLaptop = require('./hlLaptop.js');
+var hlLiveVideo = require('./hlLiveVideo.js');
 var hlLock = require('./hlLock.js');
 var hlMagnifyingGlass = require('./hlMagnifyingGlass.js');
 var hlMarker = require('./hlMarker.js');
@@ -84,6 +88,7 @@ var hlPaytime = require('./hlPaytime.js');
 var hlPen = require('./hlPen.js');
 var hlPerson = require('./hlPerson.js');
 var hlPhone = require('./hlPhone.js');
+var hlPlaylist = require('./hlPlaylist.js');
 var hlPlus = require('./hlPlus.js');
 var hlPrepaid = require('./hlPrepaid.js');
 var hlProcessor = require('./hlProcessor.js');
@@ -105,6 +110,7 @@ var hlWarning = require('./hlWarning.js');
 var hlWifi = require('./hlWifi.js');
 var hlWrench = require('./hlWrench.js');
 var hlX = require('./hlX.js');
+var hlLink = require('./hlLink.js');
 
 
 
@@ -131,6 +137,7 @@ exports.hl4gSim = hl4gSim["default"];
 exports.hl5gSim = hl5gSim["default"];
 exports.hlBattery = hlBattery["default"];
 exports.hlBell = hlBell["default"];
+exports.hlCableTVCard = hlCableTVCard["default"];
 exports.hlCalendar = hlCalendar["default"];
 exports.hlCall = hlCall["default"];
 exports.hlCameraBack = hlCameraBack["default"];
@@ -169,10 +176,13 @@ exports.hlHeadphones = hlHeadphones["default"];
 exports.hlHeadset = hlHeadset["default"];
 exports.hlHeart = hlHeart["default"];
 exports.hlHome = hlHome["default"];
+exports.hlHub = hlHub["default"];
 exports.hlImage = hlImage["default"];
 exports.hlInfo = hlInfo["default"];
 exports.hlInstallment = hlInstallment["default"];
 exports.hlIotSim = hlIotSim["default"];
+exports.hlLaptop = hlLaptop["default"];
+exports.hlLiveVideo = hlLiveVideo["default"];
 exports.hlLock = hlLock["default"];
 exports.hlMagnifyingGlass = hlMagnifyingGlass["default"];
 exports.hlMarker = hlMarker["default"];
@@ -191,6 +201,7 @@ exports.hlPaytime = hlPaytime["default"];
 exports.hlPen = hlPen["default"];
 exports.hlPerson = hlPerson["default"];
 exports.hlPhone = hlPhone["default"];
+exports.hlPlaylist = hlPlaylist["default"];
 exports.hlPlus = hlPlus["default"];
 exports.hlPrepaid = hlPrepaid["default"];
 exports.hlProcessor = hlProcessor["default"];
@@ -212,3 +223,4 @@ exports.hlWarning = hlWarning["default"];
 exports.hlWifi = hlWifi["default"];
 exports.hlWrench = hlWrench["default"];
 exports.hlX = hlX["default"];
+exports.hlLink = hlLink["default"];

package/build/cjs/components/Input/Input.d.ts

@@ -1,6 +1,11 @@
+import type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent } from 'react';
 import React from 'react';
-declare type InputStatus = 'none' | 'success' | 'error' | 'comment';
-declare type InputType = 'date' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+type InputStatus = 'none' | 'success' | 'error' | 'comment';
+type InputType = 'email' | 'hidden' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'url';
+/**
+ * @deprecated Use `DateTimePicker` component
+ */
+type InputTypeDeprecated = 'date' | 'month' | 'time' | 'week';
 interface Props {
     /**
      * Unique ID for the input element
@@ -13,22 +18,24 @@ interface Props {
     /**
      * Type of input element
      *
-     * @param {InputType} date Used for entering a date (year, month and day)
      * @param {InputType} email Used for entering an email address and supported with browser validation
      * @param {InputType} hidden Input element is not displayed but its value is submitted with form regardless
-     * @param {InputType} month Used for entering a month and year, with no time zone
      * @param {InputType} number Used for entering a number, it displays arrows and might have browser validation
      * @param {InputType} password Used for entering value which is obscured for view
      * @param {InputType} range Used for entering a not number by displaying a range widget
      * @param {InputType} search Used for entering search strings
      * @param {InputType} tel Used for entering a telephone number
      * @param {InputType} text Single-line text field
-     * @param {InputType} time Used for entering a time value with no time zone
      * @param {InputType} url Used for entering a URL and supported with browser validation
-     * @param {InputType} week Used for entering a week (week-year number and a week number with no time zone)
+     *
+     * @param {InputTypeDeprecated} date DEPRECATED Use `DateTimePicker` component
+     * @param {InputTypeDeprecated} month DEPRECATED Use `DateTimePicker` component
+     * @param {InputTypeDeprecated} time DEPRECATED Use `DateTimePicker` component
+     * @param {InputTypeDeprecated} week DEPRECATED Use `DateTimePicker` component
+     *
      * @default 'text'
      */
-    type?: InputType;
+    type?: InputType | InputTypeDeprecated;
     /**
      * Default value of input element
      */
@@ -48,23 +55,27 @@ interface Props {
     /**
      * On input change callback
      */
-    onChange?: (val: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (val: string, e: ChangeEvent<HTMLInputElement>) => void;
     /**
      * On input blur callback
      */
-    onBlur?: (val: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (val: string, e: ChangeEvent<HTMLInputElement>) => void;
     /**
      * On input focus callback
      */
-    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
     /**
      * On input key press callback
      */
-    onKeyPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyPress?: (e: KeyboardEvent<HTMLInputElement>) => void;
     /**
      * On input key down callback
      */
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * On clearable button click callback
+     */
+    onClearableButtonClick?: (e: MouseEvent<HTMLElement>) => void;
     /**
      * Allows user to change type of input between "password" and "text"
      * When set to true, value of type property is ignored
@@ -85,6 +96,12 @@ interface Props {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Allows to set input as readonly
+     *
+     * @default false
+     */
+    readonly?: boolean;
     /**
      * Allows to set input as mandatory
      *
@@ -117,6 +134,6 @@ interface Props {
      */
     'data-testid'?: string;
 }
-declare const Input: ({ type, "data-testid": dataTestId, ...props }: Props) => JSX.Element;
+declare const Input: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
 /** @component */
 export default Input;