@npm_leadtech/legal-contracts-ui 0.128.0 → 0.128.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import { MobileMenu as o } from "./MobileMenu.js";
|
|
4
|
-
import { useScroll as
|
|
5
|
-
import { NavMenu as
|
|
4
|
+
import { useScroll as s } from "../shared/hooks/useScroll.js";
|
|
5
|
+
import { NavMenu as c } from "./NavMenu.js";
|
|
6
6
|
import { LanguageSelector as p } from "./LanguageSelector.js";
|
|
7
7
|
import { ScalatorIcon as x } from "./ScalatorIcon.js";
|
|
8
8
|
import { SearchBar as f } from "./SearchBar.js";
|
|
9
9
|
const j = ({
|
|
10
10
|
logo: l,
|
|
11
11
|
navMenu: d,
|
|
12
|
-
searchBarProps:
|
|
13
|
-
languageSelectorProps:
|
|
12
|
+
searchBarProps: a,
|
|
13
|
+
languageSelectorProps: i,
|
|
14
14
|
userActions: n,
|
|
15
15
|
mobileMenu: t
|
|
16
16
|
}) => {
|
|
17
|
-
const m =
|
|
17
|
+
const m = s(10);
|
|
18
18
|
return /* @__PURE__ */ r("div", { className: "sticky top-0 z-1000 flex w-full flex-col", children: [
|
|
19
19
|
/* @__PURE__ */ e(
|
|
20
20
|
"header",
|
|
@@ -23,17 +23,17 @@ const j = ({
|
|
|
23
23
|
children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8", children: [
|
|
24
24
|
/* @__PURE__ */ r("div", { className: "flex flex-1 items-center gap-8", children: [
|
|
25
25
|
l,
|
|
26
|
-
/* @__PURE__ */ e(
|
|
26
|
+
/* @__PURE__ */ e(c, { className: "hidden lg:block", ...d })
|
|
27
27
|
] }),
|
|
28
28
|
/* @__PURE__ */ r("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
|
|
29
|
-
/* @__PURE__ */ e(f, { ...
|
|
30
|
-
|
|
29
|
+
/* @__PURE__ */ e(f, { ...a }),
|
|
30
|
+
i && /* @__PURE__ */ e("div", { className: "hidden xl:block", children: /* @__PURE__ */ e(p, { ...i }) }),
|
|
31
31
|
n
|
|
32
32
|
] }),
|
|
33
33
|
/* @__PURE__ */ r(
|
|
34
34
|
"button",
|
|
35
35
|
{
|
|
36
|
-
className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-
|
|
36
|
+
className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-transparent px-2 py-1 lg:hidden",
|
|
37
37
|
onClick: t.onOpen,
|
|
38
38
|
"aria-label": "Open menu",
|
|
39
39
|
"aria-expanded": t.isOpen,
|
|
@@ -46,7 +46,7 @@ const j = ({
|
|
|
46
46
|
] })
|
|
47
47
|
}
|
|
48
48
|
),
|
|
49
|
-
/* @__PURE__ */ e(o, { ...t, logo: l, userActions: n, searchBarProps:
|
|
49
|
+
/* @__PURE__ */ e(o, { ...t, logo: l, userActions: n, searchBarProps: a })
|
|
50
50
|
] });
|
|
51
51
|
};
|
|
52
52
|
export {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { SearchIcon as
|
|
2
|
+
import { SearchIcon as m } from "./SearchIcon.js";
|
|
3
3
|
import { CloseIcon as f } from "./CloseIcon.js";
|
|
4
4
|
import { LinkWrapper as n } from "./LinkWrapper.js";
|
|
5
5
|
const N = ({
|
|
@@ -23,7 +23,7 @@ const N = ({
|
|
|
23
23
|
onClick: c,
|
|
24
24
|
"aria-expanded": s,
|
|
25
25
|
"data-qa": "search_button",
|
|
26
|
-
children: /* @__PURE__ */ e(
|
|
26
|
+
children: /* @__PURE__ */ e(m, {})
|
|
27
27
|
}
|
|
28
28
|
),
|
|
29
29
|
s && /* @__PURE__ */ r(p, { children: [
|
|
@@ -38,7 +38,7 @@ const N = ({
|
|
|
38
38
|
value: o,
|
|
39
39
|
onChange: h,
|
|
40
40
|
placeholder: d,
|
|
41
|
-
className: "
|
|
41
|
+
className: "text-medium w-full text-neutral-800 outline-none placeholder:text-neutral-400",
|
|
42
42
|
autoFocus: !0,
|
|
43
43
|
"data-qa": "search_input"
|
|
44
44
|
}
|
|
@@ -81,7 +81,7 @@ const N = ({
|
|
|
81
81
|
"aria-label": "Clear search",
|
|
82
82
|
children: /* @__PURE__ */ e(f, { fill: "var(--neutral-400)", width: 20, height: 20 })
|
|
83
83
|
}
|
|
84
|
-
) : /* @__PURE__ */ e(
|
|
84
|
+
) : /* @__PURE__ */ e(m, { fill: "var(--neutral-500)", width: 20, height: 20 })
|
|
85
85
|
] }),
|
|
86
86
|
a && /* @__PURE__ */ e("div", { className: "absolute left-0 mt-2 w-full overflow-x-hidden overflow-y-auto bg-white", children: /* @__PURE__ */ r("ul", { className: "py-4 pl-4", children: [
|
|
87
87
|
t.length > 0 && t.map((l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(n, { variant: "tertiary-thin", children: l.link }) }, l.id)),
|