@npm_leadtech/legal-contracts-ui 0.169.4 → 0.169.6

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.
@@ -7,5 +7,6 @@ export declare interface ContinueEditingBannerProps {
7
7
  tagLine: string;
8
8
  title: string;
9
9
  buttonLabel: string;
10
+ backgroundImageUrl?: string;
10
11
  }
11
12
 
@@ -1,27 +1,29 @@
1
1
  "use client";
2
- import { jsx as e, jsxs as t } from "react/jsx-runtime";
3
- import "react";
4
- import s from "../assets/Black-01-LC.png.js";
2
+ import { jsx as e, jsxs as n } from "react/jsx-runtime";
5
3
  import { Button as o } from "./Button.js";
6
- const g = ({
4
+ const m = ({
7
5
  editFormClicked: a,
8
- tagLine: r,
9
- title: l,
10
- buttonLabel: n
11
- }) => /* @__PURE__ */ e("div", { className: "bg-primary-50 px-ds-sm py-0", children: /* @__PURE__ */ t(
12
- "div",
13
- {
14
- className: "gap-ds-sm p-ds-lg flex flex-col items-center rounded-sm bg-neutral-900 bg-[length:auto_90%] bg-left-bottom bg-no-repeat text-center",
15
- style: { backgroundImage: `url(${s})` },
16
- children: [
17
- /* @__PURE__ */ t("div", { className: "gap-ds-2xs flex flex-col", children: [
18
- /* @__PURE__ */ e("span", { className: "font-lora text-large text-primary-100 lg:text-super-large", children: l }),
19
- /* @__PURE__ */ e("span", { className: "text-medium text-neutral-200", children: r })
20
- ] }),
21
- /* @__PURE__ */ e(o, { "data-qa": "continue-editing-banner-button", className: "lg:w-auto", onClick: a, children: n })
22
- ]
23
- }
24
- ) });
6
+ tagLine: l,
7
+ title: r,
8
+ buttonLabel: s,
9
+ backgroundImageUrl: t
10
+ }) => {
11
+ const i = t ? { backgroundImage: `url(${t})` } : void 0;
12
+ return /* @__PURE__ */ e("div", { className: "bg-primary-50 px-ds-sm py-0", children: /* @__PURE__ */ n(
13
+ "div",
14
+ {
15
+ className: "gap-ds-sm p-ds-lg flex flex-col items-center rounded-sm bg-neutral-900 bg-[length:auto_90%] bg-left-bottom bg-no-repeat text-center",
16
+ style: i,
17
+ children: [
18
+ /* @__PURE__ */ n("div", { className: "gap-ds-2xs flex flex-col", children: [
19
+ /* @__PURE__ */ e("span", { className: "font-lora text-large text-primary-100 lg:text-super-large", children: r }),
20
+ /* @__PURE__ */ e("span", { className: "text-medium text-neutral-200", children: l })
21
+ ] }),
22
+ /* @__PURE__ */ e(o, { "data-qa": "continue-editing-banner-button", className: "lg:w-auto", onClick: a, children: s })
23
+ ]
24
+ }
25
+ ) });
26
+ };
25
27
  export {
26
- g as ContinueEditingBanner
28
+ m as ContinueEditingBanner
27
29
  };
@@ -1,44 +1,44 @@
1
- import { jsxs as s, jsx as o } from "react/jsx-runtime";
1
+ import { jsxs as o, jsx as l } from "react/jsx-runtime";
2
2
  import { isValidElement as p, cloneElement as f } from "react";
3
- import l from "clsx";
3
+ import s from "clsx";
4
4
  import { ChevronRightIcon as h } from "./ChevronRightIcon.js";
5
- const x = (e, t) => {
5
+ const x = (e, r) => {
6
6
  if (!p(e)) return e;
7
- if (t) {
8
- const r = e.props["data-qa"];
7
+ if (r) {
8
+ const t = e.props["data-qa"];
9
9
  return f(e, {
10
- "data-qa": r ? `${r}${t}` : void 0
10
+ "data-qa": t ? `${t}${r}` : void 0
11
11
  });
12
12
  }
13
13
  return e;
14
14
  }, N = ({
15
15
  id: e,
16
- image: t,
17
- description: r,
16
+ image: r,
17
+ description: t,
18
18
  url: n,
19
- urlDataQaSuffix: d,
19
+ urlDataQaSuffix: i,
20
20
  variant: a = "default",
21
- className: i = ""
21
+ className: d = ""
22
22
  }) => {
23
- const c = x(n, d), m = a === "default";
24
- return /* @__PURE__ */ s(
23
+ const c = x(n, i), m = a === "default";
24
+ return /* @__PURE__ */ o(
25
25
  "div",
26
26
  {
27
- className: l(
27
+ className: s(
28
28
  'hover:bg-primary-50 relative flex cursor-pointer items-center gap-4 rounded-sm [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]',
29
29
  {
30
30
  default: "py-4 px-2 items-start",
31
31
  card: "border border-0.5 border-neutral-200 shadow-lg bg-white pl-6 pr-4 py-5"
32
32
  }[a],
33
- i
33
+ d
34
34
  ),
35
35
  children: [
36
- t,
37
- /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
38
- /* @__PURE__ */ o("p", { className: l("text-medium break-words text-neutral-800", m ? "" : "font-bold"), children: c }),
39
- r && /* @__PURE__ */ o("p", { className: "text-extra-small break-words text-neutral-600", children: r })
36
+ r,
37
+ /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col gap-1", children: [
38
+ /* @__PURE__ */ l("p", { className: s("text-medium break-all text-neutral-800", m ? "" : "font-bold"), children: c }),
39
+ t && /* @__PURE__ */ l("p", { className: "text-extra-small break-all text-neutral-600", children: t })
40
40
  ] }),
41
- a === "card" && /* @__PURE__ */ o(h, { width: 20, height: 20 })
41
+ a === "card" && /* @__PURE__ */ l(h, { width: 20, height: 20 })
42
42
  ]
43
43
  },
44
44
  e