@dnanpm/styleguide 2.0.1 → 2.1.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const hlSmile = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+    React.createElement("path", { d: "M12 2.4A9.6 9.6 0 1 1 2.4 12 9.61 9.61 0 0 1 12 2.4m0-1.2A10.8 10.8 0 1 0 22.8 12 10.8 10.8 0 0 0 12 1.2z" }),
+    React.createElement("circle", { cx: "16.2", cy: "10.8", r: "1.2" }),
+    React.createElement("circle", { cx: "7.8", cy: "10.8", r: "1.2" }),
+    React.createElement("path", { d: "M12 18a3.57 3.57 0 0 1-3.57-2.21.6.6 0 0 1 1.14-.38A2.42 2.42 0 0 0 12 16.8a2.41 2.41 0 0 0 2.43-1.39.6.6 0 1 1 1.14.38A3.57 3.57 0 0 1 12 18z" })));
+
+export default hlSmile;

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+
+const hlSquaretrade = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 16 18", fill: color, width: size, height: size }, props),
+    React.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" })));
+
+export default hlSquaretrade;

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+
+const hlStar = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+    React.createElement("path", { d: "M12 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" })));
+
+export default hlStar;

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+
+const hlStarFilled = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+    React.createElement("path", { d: "M12 .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" })));
+
+export default hlStarFilled;

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const hlTrash = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+    React.createElement("path", { d: "M8.4 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.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" })));
+
+export default hlTrash;

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const hlUnlock = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+    React.createElement("path", { d: "M5.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.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" }),
+    ' '));
+
+export default hlUnlock;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const hlUpload = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 18 20", fill: color, width: size, height: size }, props),
+    React.createElement("g", { fillRule: "evenodd" },
+        React.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.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" }))));
+
+export default hlUpload;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const hlWarning = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+    React.createElement("path", { d: "M12 2.4l10.8 19.2H1.2L12 2.4zm0 2.448L3.251 20.4h17.497L12 4.848z" }),
+    React.createElement("rect", { x: "11.4", y: "9", width: "1.2", height: "6", rx: ".6" }),
+    React.createElement("circle", { cx: "12", cy: "17.4", r: "1.2" })));
+
+export default hlWarning;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const hlWifi = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+    React.createElement("circle", { cx: "12", cy: "19.2", r: "1.2" }),
+    React.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.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" })));
+
+export default hlWifi;

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+
+const hlX = ({ size, color, ...props }) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
+    React.createElement("path", { d: "M12.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" })));
+
+export default hlX;

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

@@ -0,0 +1,102 @@
+export { default as hl404 } from './hl404';
+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 hlCalendar } from './hlCalendar';
+export { default as hlCall } from './hlCall';
+export { default as hlCameraBack } from './hlCameraBack';
+export { default as hlCameraFront } from './hlCameraFront';
+export { default as hlCart } from './hlCart';
+export { default as hlCartEmpty } from './hlCartEmpty';
+export { default as hlChat } from './hlChat';
+export { default as hlCheck } from './hlCheck';
+export { default as hlChevronDown } from './hlChevronDown';
+export { default as hlChevronLeft } from './hlChevronLeft';
+export { default as hlChevronRight } from './hlChevronRight';
+export { default as hlChevronUp } from './hlChevronUp';
+export { default as hlCompensation } from './hlCompensation';
+export { default as hlCookie } from './hlCookie';
+export { default as hlCopy } from './hlCopy';
+export { default as hlCoupon } from './hlCoupon';
+export { default as hlDelivery } from './hlDelivery';
+export { default as hlDigiturva } from './hlDigiturva';
+export { default as hlDisplaySize } from './hlDisplaySize';
+export { default as hlDocument } from './hlDocument';
+export { default as hlDownload } from './hlDownload';
+export { default as hlEnvelope } from './hlEnvelope';
+export { default as hlError } from './hlError';
+export { default as hlEuro } from './hlEuro';
+export { default as hlExclamationMark } from './hlExclamationMark';
+export { default as hlExpand } from './hlExpand';
+export { default as hlExternal } from './hlExternal';
+export { default as hlEyeClosed } from './hlEyeClosed';
+export { default as hlEyeOpen } from './hlEyeOpen';
+export { default as hlFaceId } from './hlFaceId';
+export { default as hlFastDelivery } from './hlFastDelivery';
+export { default as hlFingerprint } from './hlFingerprint';
+export { default as hlGlobe } from './hlGlobe';
+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 hlImage } from './hlImage';
+export { default as hlInfo } from './hlInfo';
+export { default as hlInstallment } from './hlInstallment';
+export { default as hlIotSim } from './hlIotSim';
+export { default as hlLock } from './hlLock';
+export { default as hlMagnifyingGlass } from './hlMagnifyingGlass';
+export { default as hlMarker } from './hlMarker';
+export { default as hlMemory } from './hlMemory';
+export { default as hlMenu } from './hlMenu';
+export { default as hlMinimize } from './hlMinimize';
+export { default as hlMinus } from './hlMinus';
+export { default as hlMobileData } from './hlMobileData';
+export { default as hlMobilePayment } from './hlMobilePayment';
+export { default as hlModem } from './hlModem';
+export { default as hlMore } from './hlMore';
+export { default as hlOs } from './hlOs';
+export { default as hlPackage } from './hlPackage';
+export { default as hlPaperclip } from './hlPaperclip';
+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 hlPlus } from './hlPlus';
+export { default as hlPrepaid } from './hlPrepaid';
+export { default as hlProcessor } from './hlProcessor';
+export { default as hlServices } from './hlServices';
+export { default as hlSettings } from './hlSettings';
+export { default as hlShield } from './hlShield';
+export { default as hlSim } from './hlSim';
+export { default as hlSimSimple } from './hlSimSimple';
+export { default as hlSmile } from './hlSmile';
+export { default as hlSpeechBubble } from './hlSpeechBubble';
+export { default as hlSquaretrade } from './hlSquaretrade';
+export { default as hlStar } from './hlStar';
+export { default as hlStarFilled } from './hlStarFilled';
+export { default as hlTrash } from './hlTrash';
+export { default as hlTv } from './hlTv';
+export { default as hlUnlock } from './hlUnlock';
+export { default as hlUpload } from './hlUpload';
+export { default as hlWarning } from './hlWarning';
+export { default as hlWifi } from './hlWifi';
+export { default as hlX } from './hlX';
+export { default as hlArrowBackSmall, hlArrowBack, hlArrowSmallLeft, } from './Small/hlArrowBackSmall';
+export { default as hlArrowForwardSmall, hlArrowForward, hlArrowSmallRight, } from './Small/hlArrowForwardSmall';
+export { default as hlArrowUnderSmall, hlArrowSmallUnder } from './Small/hlArrowUnderSmall';
+export { default as hlCalendarSmall } from './Small/hlCalendarSmall';
+export { default as hlChevronDownSmall } from './Small/hlChevronDownSmall';
+export { default as hlChevronLeftSmall } from './Small/hlChevronLeftSmall';
+export { default as hlChevronRightSmall } from './Small/hlChevronRightSmall';
+export { default as hlChevronUpSmall } from './Small/hlChevronUpSmall';
+export { default as hlClockSmall } from './Small/hlClockSmall';
+export { default as hlDownloadSmall } from './Small/hlDownloadSmall';
+export { default as hlExternalSmall } from './Small/hlExternalSmall';
+export { default as hlUploadSmall } from './Small/hlUploadSmall';
+export { default as facebook } from './Social/facebook';
+export { default as instagram } from './Social/instagram';
+export { default as linkedin } from './Social/linkedin';
+export { default as tiktok } from './Social/tiktok';
+export { default as twitter } from './Social/twitter';
+export { default as youtube } from './Social/youtube';

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

@@ -0,0 +1,102 @@
+export { default as hl404 } from './hl404.js';
+export { default as hl4gSim } from './hl4gSim.js';
+export { default as hl5gSim } from './hl5gSim.js';
+export { default as hlBattery } from './hlBattery.js';
+export { default as hlBell } from './hlBell.js';
+export { default as hlCalendar } from './hlCalendar.js';
+export { default as hlCall } from './hlCall.js';
+export { default as hlCameraBack } from './hlCameraBack.js';
+export { default as hlCameraFront } from './hlCameraFront.js';
+export { default as hlCart } from './hlCart.js';
+export { default as hlCartEmpty } from './hlCartEmpty.js';
+export { default as hlChat } from './hlChat.js';
+export { default as hlCheck } from './hlCheck.js';
+export { default as hlChevronDown } from './hlChevronDown.js';
+export { default as hlChevronLeft } from './hlChevronLeft.js';
+export { default as hlChevronRight } from './hlChevronRight.js';
+export { default as hlChevronUp } from './hlChevronUp.js';
+export { default as hlCompensation } from './hlCompensation.js';
+export { default as hlCookie } from './hlCookie.js';
+export { default as hlCopy } from './hlCopy.js';
+export { default as hlCoupon } from './hlCoupon.js';
+export { default as hlDelivery } from './hlDelivery.js';
+export { default as hlDigiturva } from './hlDigiturva.js';
+export { default as hlDisplaySize } from './hlDisplaySize.js';
+export { default as hlDocument } from './hlDocument.js';
+export { default as hlDownload } from './hlDownload.js';
+export { default as hlEnvelope } from './hlEnvelope.js';
+export { default as hlError } from './hlError.js';
+export { default as hlEuro } from './hlEuro.js';
+export { default as hlExclamationMark } from './hlExclamationMark.js';
+export { default as hlExpand } from './hlExpand.js';
+export { default as hlExternal } from './hlExternal.js';
+export { default as hlEyeClosed } from './hlEyeClosed.js';
+export { default as hlEyeOpen } from './hlEyeOpen.js';
+export { default as hlFaceId } from './hlFaceId.js';
+export { default as hlFastDelivery } from './hlFastDelivery.js';
+export { default as hlFingerprint } from './hlFingerprint.js';
+export { default as hlGlobe } from './hlGlobe.js';
+export { default as hlHeadphones } from './hlHeadphones.js';
+export { default as hlHeadset } from './hlHeadset.js';
+export { default as hlHeart } from './hlHeart.js';
+export { default as hlHome } from './hlHome.js';
+export { default as hlImage } from './hlImage.js';
+export { default as hlInfo } from './hlInfo.js';
+export { default as hlInstallment } from './hlInstallment.js';
+export { default as hlIotSim } from './hlIotSim.js';
+export { default as hlLock } from './hlLock.js';
+export { default as hlMagnifyingGlass } from './hlMagnifyingGlass.js';
+export { default as hlMarker } from './hlMarker.js';
+export { default as hlMemory } from './hlMemory.js';
+export { default as hlMenu } from './hlMenu.js';
+export { default as hlMinimize } from './hlMinimize.js';
+export { default as hlMinus } from './hlMinus.js';
+export { default as hlMobileData } from './hlMobileData.js';
+export { default as hlMobilePayment } from './hlMobilePayment.js';
+export { default as hlModem } from './hlModem.js';
+export { default as hlMore } from './hlMore.js';
+export { default as hlOs } from './hlOs.js';
+export { default as hlPackage } from './hlPackage.js';
+export { default as hlPaperclip } from './hlPaperclip.js';
+export { default as hlPaytime } from './hlPaytime.js';
+export { default as hlPen } from './hlPen.js';
+export { default as hlPerson } from './hlPerson.js';
+export { default as hlPhone } from './hlPhone.js';
+export { default as hlPlus } from './hlPlus.js';
+export { default as hlPrepaid } from './hlPrepaid.js';
+export { default as hlProcessor } from './hlProcessor.js';
+export { default as hlServices } from './hlServices.js';
+export { default as hlSettings } from './hlSettings.js';
+export { default as hlShield } from './hlShield.js';
+export { default as hlSim } from './hlSim.js';
+export { default as hlSimSimple } from './hlSimSimple.js';
+export { default as hlSmile } from './hlSmile.js';
+export { default as hlSpeechBubble } from './hlSpeechBubble.js';
+export { default as hlSquaretrade } from './hlSquaretrade.js';
+export { default as hlStar } from './hlStar.js';
+export { default as hlStarFilled } from './hlStarFilled.js';
+export { default as hlTrash } from './hlTrash.js';
+export { default as hlTv } from './hlTv.js';
+export { default as hlUnlock } from './hlUnlock.js';
+export { default as hlUpload } from './hlUpload.js';
+export { default as hlWarning } from './hlWarning.js';
+export { default as hlWifi } from './hlWifi.js';
+export { default as hlX } from './hlX.js';
+export { hlArrowBack, default as hlArrowBackSmall, hlArrowSmallLeft } from './Small/hlArrowBackSmall.js';
+export { hlArrowForward, default as hlArrowForwardSmall, hlArrowSmallRight } from './Small/hlArrowForwardSmall.js';
+export { hlArrowSmallUnder, default as hlArrowUnderSmall } from './Small/hlArrowUnderSmall.js';
+export { default as hlCalendarSmall } from './Small/hlCalendarSmall.js';
+export { default as hlChevronDownSmall } from './Small/hlChevronDownSmall.js';
+export { default as hlChevronLeftSmall } from './Small/hlChevronLeftSmall.js';
+export { default as hlChevronRightSmall } from './Small/hlChevronRightSmall.js';
+export { default as hlChevronUpSmall } from './Small/hlChevronUpSmall.js';
+export { default as hlClockSmall } from './Small/hlClockSmall.js';
+export { default as hlDownloadSmall } from './Small/hlDownloadSmall.js';
+export { default as hlExternalSmall } from './Small/hlExternalSmall.js';
+export { default as hlUploadSmall } from './Small/hlUploadSmall.js';
+export { default as facebook } from './Social/facebook.js';
+export { default as instagram } from './Social/instagram.js';
+export { default as linkedin } from './Social/linkedin.js';
+export { default as tiktok } from './Social/tiktok.js';
+export { default as twitter } from './Social/twitter.js';
+export { default as youtube } from './Social/youtube.js';

package/build/es/components/Input/Input.js

@@ -2,6 +2,8 @@ import React from 'react';
 import styled from '../../themes/styled.js';
 import { getMultipliedSize } from '../../utils/styledUtils.js';
 import Icon from '../Icon/Icon.js';
+import hlEyeClosed from '../Icons/hlEyeClosed.js';
+import hlEyeOpen from '../Icons/hlEyeOpen.js';
 import { LabelText } from '../LabelText/LabelText.js';
 
 const FieldContainer = styled.div `
@@ -114,7 +116,7 @@ const Input = ({ type = 'text', status = 'none', 'data-testid': dataTestId, ...p
             props.required && React.createElement(Mandatory, null, "*"))),
         React.createElement(FieldWrapper, { status: status },
             React.createElement(StyledInput, { id: props.id, name: props.name, type: type, value: props.value, placeholder: props.placeholder, onChange: handleChange, onBlur: handleOnBlur, onFocus: props.onFocus, onClick: onClick, onKeyDown: props.onKeyDown, onKeyPress: props.onKeyPress, required: props.required, disabled: props.disabled, autoComplete: props.autocomplete, "aria-disabled": props.disabled, "aria-label": props.id, ref: inputRef, tabIndex: props.tabIndex, "data-testid": dataTestId }),
-            props.showPasswordToggle && (React.createElement(Icon, { onClick: togglePasswordVisibility, name: showPassword ? 'hlEyeOpen' : 'hlEyeClosed', size: "1.6em" }))),
+            props.showPasswordToggle && (React.createElement(Icon, { onClick: togglePasswordVisibility, icon: showPassword ? hlEyeOpen : hlEyeClosed }))),
         status === 'error' && props.errorMessage && (React.createElement(ErrorMessage, { "data-testid": dataTestId && `${dataTestId}-error` }, props.errorMessage)),
         status === 'comment' && props.commentMessage && (React.createElement(CommentMessage, { "data-testid": dataTestId && `${dataTestId}-comment` }, props.commentMessage))));
 };

package/build/es/components/MainNavigation/ChildComponents/DesktopMenu.js

@@ -1,10 +1,11 @@
-import React, { useContext, useRef } from 'react';
+import React, { useContext, useRef, useEffect } from 'react';
 import useOutsideClick from '../../../hooks/useOutsideClick.js';
 import styled, { keyframes, css } from '../../../themes/styled.js';
 import theme from '../../../themes/theme.js';
 import { subMenuWidth, subMenuWidthXl, menuItemMargin } from '../../../themes/themeComponents/navigation.js';
 import { getMultipliedSize, media } from '../../../utils/styledUtils.js';
 import Icon from '../../Icon/Icon.js';
+import hlChevronRight from '../../Icons/hlChevronRight.js';
 import NavContext from '../context/NavContext.js';
 import { MenuList, MenuItem, MenuLinkWithChildren } from '../globalNavStyles.js';
 import LinkModifier, { isSelected } from './LinkModifier.js';
@@ -155,6 +156,8 @@ const SubMenuList = styled.ul `
         left: 100%;
         top: -0.5rem;
         margin-left: ${p => getMultipliedSize(p.theme.base.baseHeight, 1)};
+        transform: translateY(var(--nav-item-overflow-fix));
+        ${noAnimation}
     }
     background: ${p => p.theme.color.white};
     box-shadow: 0px 2px 8px -3px rgba(1, 1, 1, 0.7);
@@ -168,17 +171,12 @@ const SubMenuList = styled.ul `
         padding: 0;
         a,
         button {
-            line-height: 1.2rem;
+            line-height: ${theme.lineHeight.s};
             display: flex;
             width: 100%;
             align-items: center;
             padding: ${p => getMultipliedSize(p.theme.base.baseHeight, 1)};
             justify-content: space-between;
-
-            svg {
-                min-width: ${p => getMultipliedSize(p.theme.base.baseHeight, 1)};
-                margin-left: ${p => getMultipliedSize(p.theme.base.baseHeight, 1)};
-            }
         }
         button {
             margin-right: 1rem;
@@ -201,7 +199,7 @@ const SubMenuLevel1 = ({ menuItem }) => {
             return (React.createElement(SubMenuItem, { key: element.id, role: "none", "data-testid": `desktop-nav-item-level-2-link-${index + 1}` },
                 React.createElement(MenuLinkWithChildren, { isActive: menuLevel.level2 === element.id, isHighlighted: isSelected(currentUrl, menuUrl), onClick: menuClick(element), role: "menuitem", "aria-haspopup": "true", "data-testid": "menu-button-with-children" },
                     React.createElement("span", null, element.titles[language]),
-                    React.createElement(Icon, { name: "chevronRight", size: "0.625rem" })),
+                    React.createElement(Icon, { icon: hlChevronRight, size: "1rem" })),
                 React.createElement(SubMenuLevel2, { menuItem: element })));
         }
         return (React.createElement(SubMenuItem, { key: element.id, isHighlighted: isSelected(currentUrl, menuUrl, true), role: "none", "data-testid": `desktop-nav-item-level-2-link-${index + 1}` },
@@ -210,7 +208,21 @@ const SubMenuLevel1 = ({ menuItem }) => {
 };
 const SubMenuLevel2 = ({ menuItem }) => {
     const { lang, menuLevel, currentUrl } = useContext(NavContext);
-    return (React.createElement(SubMenuListRight, { role: "menu", menuStates: menuLevel, navItemId: menuItem.id, "data-testid": "desktop-nav-menu-ul-level-3" }, menuItem.pages.map((item, index) => {
+    // Handle the case where the submenu is not visible
+    const measureRef = useRef(null);
+    useEffect(() => {
+        const subNavArea = measureRef.current;
+        const handleOffSet = () => {
+            if (menuLevel.level2 === menuItem.id && measureRef.current) {
+                const offsetFix = window.innerHeight - subNavArea.getBoundingClientRect().bottom;
+                if (offsetFix < 0) {
+                    subNavArea.style.setProperty('--nav-item-overflow-fix', `${offsetFix}px`);
+                }
+            }
+        };
+        handleOffSet();
+    }, [menuLevel.level2, menuItem.id]);
+    return (React.createElement(SubMenuListRight, { role: "menu", menuStates: menuLevel, navItemId: menuItem.id, "data-testid": "desktop-nav-menu-ul-level-3", ref: measureRef }, menuItem.pages.map((item, index) => {
         const menuUrl = item.urls[lang];
         return (React.createElement(SubMenuItem, { key: item.id, isHighlighted: isSelected(currentUrl, menuUrl, true), role: "none", "data-testid": `desktop-nav-item-level-3-link-${index + 1}` },
             React.createElement(LinkModifier, { menuItem: item, tabIndex: false })));