@npm_leadtech/legal-contracts-ui 0.188.4 → 0.188.5

package/dist/components/ContactBanner.d.ts

@@ -7,6 +7,7 @@ export declare interface ContactBannerProps {
     phoneNumber?: string;
     contactHoursText?: string;
     contactHours?: string;
+    /** @deprecated No longer used: the banner keeps a fixed height and scrolls away with the page to avoid layout shifts. */
     isScrolled?: boolean;
 }
 

package/dist/components/ContactBanner.js

@@ -1,42 +1,42 @@
 import { SinglePhoneIcon as e } from "./SinglePhoneIcon.js";
-import { useScroll as t } from "../shared/hooks/useScroll.js";
 import "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region lib/components/organisms/ContactBanner.tsx
-var i = ({ contactText: i, phoneNumber: a, contactHoursText: o, contactHours: s }) => /* @__PURE__ */ n("section", {
-	className: `flex w-full justify-center border-b border-neutral-200 bg-neutral-50 px-4 transition-all duration-500 ease-in-out ${t(10) ? "h-0 py-0" : "h-8.75 py-2"}`,
-	children: /* @__PURE__ */ r("div", {
+var r = ({ contactText: r, phoneNumber: i, contactHoursText: a, contactHours: o }) => /* @__PURE__ */ t("section", {
+	"data-qa": "contact_banner",
+	className: "flex h-8.75 w-full justify-center border-b border-neutral-200 bg-neutral-50 px-4 py-2",
+	children: /* @__PURE__ */ n("div", {
 		className: "flex flex-wrap items-center justify-center gap-4 text-center text-neutral-900 md:text-left",
 		children: [
-			i && /* @__PURE__ */ n("p", {
+			r && /* @__PURE__ */ t("p", {
 				className: "text-small hidden sm:block",
-				children: i
+				children: r
 			}),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ t("div", {
 				className: "h-5 w-5",
-				children: /* @__PURE__ */ n(e, {})
+				children: /* @__PURE__ */ t(e, {})
 			}),
-			a && /* @__PURE__ */ n("a", {
-				href: `tel:${a}`,
+			i && /* @__PURE__ */ t("a", {
+				href: `tel:${i}`,
 				className: "text-small block font-bold sm:hidden",
-				children: a
+				children: i
 			}),
-			a && /* @__PURE__ */ n("p", {
+			i && /* @__PURE__ */ t("p", {
 				className: "text-small hidden font-bold sm:block",
-				children: a
+				children: i
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ n("div", {
 				className: "text-small flex items-center gap-1",
-				children: [o && /* @__PURE__ */ n("span", {
+				children: [a && /* @__PURE__ */ t("span", {
 					className: "hidden sm:block",
-					children: o
-				}), s && /* @__PURE__ */ n("span", {
+					children: a
+				}), o && /* @__PURE__ */ t("span", {
 					className: "sm:hidden",
-					children: s
+					children: o
 				})]
 			})
 		]
 	})
 });
 //#endregion
-export { i as ContactBanner };
+export { r as ContactBanner };

package/dist/components/Header.d.ts

@@ -70,8 +70,6 @@ export type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -81,7 +79,6 @@ export type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -96,8 +93,6 @@ export interface NavMenuProps {
     className?: string;
 }
 
-export type NavMenuTagVariant = 'standard' | 'emphasized';
-
 export interface SearchBarProps {
     items: SearchItem[];
     placeholder?: string;

package/dist/components/Header.js

@@ -2,15 +2,15 @@ import { ScalatorIcon as e } from "./ScalatorIcon.js";
 import { LanguageSelector as t } from "./LanguageSelector.js";
 import { NavMenu as n } from "./NavMenu.js";
 import { SearchBar as r } from "./SearchBar.js";
-import { useScroll as i } from "../shared/hooks/useScroll.js";
-import { MobileMenu as a } from "./MobileMenu.js";
+import { MobileMenu as i } from "./MobileMenu.js";
+import { useScroll as a } from "../shared/hooks/useScroll.js";
 import "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/organisms/Header.tsx
 var c = ({ logo: c, navMenu: l, searchBarProps: u, languageSelectorProps: d, userActions: f, mobileMenu: p }) => /* @__PURE__ */ s("div", {
 	className: "sticky top-0 z-1000 flex w-full flex-col",
 	children: [/* @__PURE__ */ o("header", {
-		className: `transition-colors duration-300 ease-in-out ${i(10) ? "bg-white shadow-md" : "bg-primary-50"}`,
+		className: `transition-colors duration-300 ease-in-out ${a(10) ? "bg-white shadow-md" : "bg-primary-50"}`,
 		children: /* @__PURE__ */ s("div", {
 			className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8",
 			children: [
@@ -42,7 +42,7 @@ var c = ({ logo: c, navMenu: l, searchBarProps: u, languageSelectorProps: d, use
 				})
 			]
 		})
-	}), /* @__PURE__ */ o(a, {
+	}), /* @__PURE__ */ o(i, {
 		...p,
 		logo: c,
 		userActions: f,

package/dist/components/NavMenu.d.ts

@@ -10,8 +10,6 @@ export type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -21,7 +19,6 @@ export type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -35,6 +32,4 @@ export declare interface NavMenuProps {
     navItems: (NavMenuItemProps | NavMenuLink)[];
     className?: string;
 }
-
-export type NavMenuTagVariant = 'standard' | 'emphasized';
 

package/dist/components/NavMenuItem.d.ts

@@ -10,8 +10,6 @@ export declare type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -21,7 +19,6 @@ export declare type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -30,6 +27,4 @@ export declare type NavMenuLink = {
     onToggle?: (open: boolean) => void;
     dataQa?: string;
 };
-
-export declare type NavMenuTagVariant = 'standard' | 'emphasized';
 

package/dist/components/NavMenuItem.js

@@ -5,26 +5,20 @@ import { ChevronRightIcon as t } from "./ChevronRightIcon.js";
 import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/atoms/NavMenuItem.tsx
-var c = {
-	standard: "bg-secondary-200 h-4.5 min-w-5.25 px-1",
-	emphasized: "bg-[var(--tag-emphasized-bg,var(--primary-300))] h-4.5 min-w-5.25 px-1"
-}, l = ({ tag: e, variant: t }) => /* @__PURE__ */ o("span", {
-	className: `text-extra-small flex h-4.5 items-center justify-center rounded align-middle font-bold ${c[t]}`,
-	children: e
-}), u = (c) => {
-	let { hasDropdown: d, isNested: f, isOpen: p, onToggle: m, dataQa: h, onItemClick: g } = c, [_, v] = a(!1), [y, b] = a(null), x = p ?? _, S = n((e) => {
-		e || b(null), m ? m(e) : v(e);
-	}, [m]), C = i(null);
+var c = (l) => {
+	let { hasDropdown: u, isNested: d, isOpen: f, onToggle: p, dataQa: m, onItemClick: h } = l, [g, _] = a(!1), [v, y] = a(null), b = f ?? g, x = n((e) => {
+		e || y(null), p ? p(e) : _(e);
+	}, [p]), S = i(null);
 	r(() => {
-		if (!x) return;
+		if (!b) return;
 		let e = (e) => {
-			C.current && !C.current.contains(e.target) && S(!1);
+			S.current && !S.current.contains(e.target) && x(!1);
 		};
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [x, S]);
-	let w = {
+	}, [b, x]);
+	let C = {
 		topLevel: {
 			liClass: "relative py-2",
 			triggerClass: "hover:text-neutral-600",
@@ -33,66 +27,60 @@ var c = {
 		},
 		nested: {
 			liClass: "relative",
-			triggerClass: "p-1 hover:bg-primary-100 w-full rounded",
+			triggerClass: "p-1 hover:bg-primary-100 w-full rounded min-w-48.5",
 			dropdownPosition: "top-0 left-full -mt-4 pl-6",
 			Icon: t
 		}
-	}, T = f ? w.nested : w.topLevel, E = T.Icon, D = n(() => {
-		S(!1), g && g();
-	}, [g, S]), O = i(null);
+	}, w = d ? C.nested : C.topLevel, T = w.Icon, E = n(() => {
+		x(!1), h && h();
+	}, [h, x]), D = i(null);
 	r(() => {
-		let e = O.current;
-		if (e) return e.addEventListener("click", D), () => {
-			e.removeEventListener("click", D);
+		let e = D.current;
+		if (e) return e.addEventListener("click", E), () => {
+			e.removeEventListener("click", E);
 		};
-	}, [D]);
-	let k = (e) => {
-		e.stopPropagation(), S(!x);
+	}, [E]);
+	let O = (e) => {
+		e.stopPropagation(), x(!b);
+	}, k = () => {
+		globalThis.window.matchMedia("(hover: hover)").matches && x(!0);
 	}, A = () => {
-		globalThis.window.matchMedia("(hover: hover)").matches && S(!0);
-	}, j = () => {
-		globalThis.window.matchMedia("(hover: hover)").matches && S(!1);
+		globalThis.window.matchMedia("(hover: hover)").matches && x(!1);
 	};
-	if (d) {
-		let { dropdownItems: e, label: t, tag: n, tagVariant: r = "standard" } = c;
+	if (u) {
+		let { dropdownItems: e, label: t } = l;
 		return /* @__PURE__ */ s("li", {
-			ref: C,
-			className: T.liClass,
-			onMouseEnter: A,
-			onMouseLeave: j,
-			children: [/* @__PURE__ */ s("div", {
-				className: "inline-flex w-full items-center gap-1",
-				children: [/* @__PURE__ */ s("button", {
-					"data-qa": h,
-					className: `text-small flex flex-1 cursor-pointer items-center justify-between gap-1 text-nowrap text-neutral-800 transition-colors ${T.triggerClass}`,
-					"aria-haspopup": "menu",
-					"aria-expanded": x,
-					onClick: k,
-					children: [/* @__PURE__ */ o("span", {
-						className: "text-medium",
-						children: t
-					}), /* @__PURE__ */ o(E, {
-						fill: "#000",
-						width: 20,
-						height: 20
-					})]
-				}), n && /* @__PURE__ */ o(l, {
-					tag: n,
-					variant: r
+			ref: S,
+			className: w.liClass,
+			onMouseEnter: k,
+			onMouseLeave: A,
+			children: [/* @__PURE__ */ s("button", {
+				"data-qa": m,
+				className: `text-small flex w-full cursor-pointer items-center justify-between gap-1 text-nowrap text-neutral-800 transition-colors ${w.triggerClass}`,
+				"aria-haspopup": "menu",
+				"aria-expanded": b,
+				onClick: O,
+				children: [/* @__PURE__ */ o("span", {
+					className: "text-medium",
+					children: t
+				}), /* @__PURE__ */ o(T, {
+					fill: "#000",
+					width: 20,
+					height: 20
 				})]
 			}), /* @__PURE__ */ o("div", {
-				className: `absolute z-50 w-max min-w-40 transition-all duration-200 ${T.dropdownPosition} ${x ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"}`,
+				className: `absolute z-50 min-w-48 transition-all duration-200 ${w.dropdownPosition} ${b ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"}`,
 				children: /* @__PURE__ */ o("div", {
 					className: "rounded-md border border-neutral-200 bg-white p-4 shadow-lg",
 					children: /* @__PURE__ */ o("ul", {
 						className: "flex flex-col gap-2",
-						children: e.map((e) => /* @__PURE__ */ o(u, {
+						children: e.map((e) => /* @__PURE__ */ o(c, {
 							...e,
 							isNested: !0,
-							onItemClick: D,
-							isOpen: y === e.id,
+							onItemClick: E,
+							isOpen: v === e.id,
 							onToggle: (t) => {
-								b(t ? e.id : null);
+								y(t ? e.id : null);
 							}
 						}, e.id))
 					})
@@ -100,21 +88,21 @@ var c = {
 			})]
 		});
 	}
-	let { link: M, tag: N, tagVariant: P = "standard", bold: F } = c;
+	let { link: j, tag: M, bold: N } = l;
 	return /* @__PURE__ */ o("li", {
-		ref: O,
-		className: T.liClass,
+		ref: D,
+		className: w.liClass,
 		children: /* @__PURE__ */ s("span", {
-			className: `text-small relative flex w-full items-center gap-1 text-nowrap text-neutral-800 transition-colors ${T.triggerClass} `,
+			className: `text-small relative flex w-full items-center gap-1 text-nowrap text-neutral-800 transition-colors ${w.triggerClass} `,
 			children: [/* @__PURE__ */ o("span", {
-				className: `text-medium flex-1 ${F ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`,
+				className: `text-medium flex-1 ${N ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`,
+				children: j
+			}), M && /* @__PURE__ */ o("span", {
+				className: "bg-secondary-200 text-extra-small flex h-4.5 w-5.25 items-center justify-center rounded align-middle font-bold",
 				children: M
-			}), N && /* @__PURE__ */ o(l, {
-				tag: N,
-				variant: P
 			})]
 		})
 	});
 };
 //#endregion
-export { u as NavMenuItem };
+export { c as NavMenuItem };

package/dist/components/PreformMobile.js

@@ -97,7 +97,9 @@ var u = ({ radioFieldData: u, inputFieldData: d, cta: f, trustedBadge: p, hasMob
 				className: "px-6",
 				children: p
 			}), /* @__PURE__ */ c("div", {
-				className: h ? "hidden" : "block",
+				"data-qa": "preform_mobile_inline",
+				className: h ? "invisible" : void 0,
+				inert: h,
 				children: y(!1)
 			})]
 		})

package/dist/components/index.d.ts

@@ -160,6 +160,7 @@ export declare interface ContactBannerProps {
     phoneNumber?: string;
     contactHoursText?: string;
     contactHours?: string;
+    /** @deprecated No longer used: the banner keeps a fixed height and scrolls away with the page to avoid layout shifts. */
     isScrolled?: boolean;
 }
 
@@ -1000,8 +1001,6 @@ export declare type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -1011,7 +1010,6 @@ export declare type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -1026,8 +1024,6 @@ export declare interface NavMenuProps {
     className?: string;
 }
 
-export declare type NavMenuTagVariant = 'standard' | 'emphasized';
-
 export declare const PartnersSection: FC<PartnersSectionProps>;
 
 export declare interface PartnersSectionProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.188.4",
+  "version": "0.188.5",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -741,6 +741,29 @@
   "bugs": {
     "url": "https://bitbucket.org/grupoblidoo/legal-contracts-ui/issues"
   },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --project tsconfig.build.json && vite build && cp lib/globals-core.css dist/globals.css",
+    "sonar:scan": "bash scripts/sonar.sh",
+    "sonar": "pnpm test && pnpm sonar:scan",
+    "chromatic": "npx chromatic --project-token=chpt_be90ce8462f803c",
+    "yalc-push": "pnpm build && yalc push",
+    "format": "prettier --write .",
+    "prettier": "prettier --check .",
+    "eslint": "eslint . --quiet",
+    "test": "vitest run --coverage --project unit",
+    "test:storybook": "vitest run --project storybook --reporter=default",
+    "test:all": "pnpm test && pnpm test:storybook",
+    "test:watch": "vitest --coverage --project unit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "reinstall-force": "rm -Rf node_modules && pnpm install",
+    "prepare-upgrade": "pnpm reinstall-force && pnpm build && pnpm chromatic && git add . && git commit -m \"$MSG\" --allow-empty && npm config set tag-version-prefix ''",
+    "upgrade-patch": "pnpm prepare-upgrade && npm version patch -m \"Update patch version number\" && git push && git push --tags",
+    "upgrade-minor": "pnpm prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
+    "upgrade-major": "pnpm prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags",
+    "prepare": "husky"
+  },
   "dependencies": {
     "clsx": "^2.1.1",
     "react-markdown": "^10.1.0",
@@ -818,26 +841,5 @@
       "prettier --write --ignore-unknown"
     ]
   },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --project tsconfig.build.json && vite build && cp lib/globals-core.css dist/globals.css",
-    "sonar:scan": "bash scripts/sonar.sh",
-    "sonar": "pnpm test && pnpm sonar:scan",
-    "chromatic": "npx chromatic --project-token=chpt_be90ce8462f803c",
-    "yalc-push": "pnpm build && yalc push",
-    "format": "prettier --write .",
-    "prettier": "prettier --check .",
-    "eslint": "eslint . --quiet",
-    "test": "vitest run --coverage --project unit",
-    "test:storybook": "vitest run --project storybook --reporter=default",
-    "test:all": "pnpm test && pnpm test:storybook",
-    "test:watch": "vitest --coverage --project unit",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "reinstall-force": "rm -Rf node_modules && pnpm install",
-    "prepare-upgrade": "pnpm reinstall-force && pnpm build && pnpm chromatic && git add . && git commit -m \"$MSG\" --allow-empty && npm config set tag-version-prefix ''",
-    "upgrade-patch": "pnpm prepare-upgrade && npm version patch -m \"Update patch version number\" && git push && git push --tags",
-    "upgrade-minor": "pnpm prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
-    "upgrade-major": "pnpm prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags"
-  }
-}
+  "packageManager": "pnpm@10.28.0+sha512.05df71d1421f21399e053fde567cea34d446fa02c76571441bfc1c7956e98e363088982d940465fd34480d4d90a0668bc12362f8aa88000a64e83d0b0e47be48"
+}