@npm_leadtech/legal-contracts-ui 0.48.11 → 0.48.12

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.
Files changed (2) hide show
  1. package/dist/components/FaqItem.js +21 -21
  2. package/package.json +1 -1
package/dist/components/FaqItem.js CHANGED
@@ -1,42 +1,42 @@
1
1
  "use client";
2
- import { jsx as e, jsxs as t } from "react/jsx-runtime";
3
- import { useId as s } from "react";
2
+ import { jsx as e, jsxs as r } from "react/jsx-runtime";
3
+ import { useId as m } from "react";
4
4
  import { FaqItemWrapper as c } from "./FaqItemWrapper.js";
5
5
  import { Markdown as d } from "./Markdown.js";
6
- import { ChevronDownIcon as o } from "./ChevronDownIcon.js";
6
+ import { ChevronDownIcon as n } from "./ChevronDownIcon.js";
7
7
  const N = ({
8
8
  question: a,
9
- answer: i,
10
- showMoreText: n,
11
- collapsedButtonText: l,
12
- expandedButtonText: m
9
+ answer: s,
10
+ showMoreText: o,
11
+ collapsedButtonText: i = "Show Less",
12
+ expandedButtonText: l = "Show More"
13
13
  }) => {
14
- const r = s();
15
- return /* @__PURE__ */ e("div", { className: "text-medium flex flex-col rounded bg-white p-4 text-neutral-800 shadow", children: /* @__PURE__ */ t(c, { question: /* @__PURE__ */ e("span", { className: "font-bold", children: a }), children: [
16
- /* @__PURE__ */ e(d, { content: i, className: "text-medium" }),
17
- n && /* @__PURE__ */ t("div", { className: "mt-4 rounded-lg bg-neutral-50 p-6", children: [
18
- /* @__PURE__ */ e("input", { type: "checkbox", id: `toggle-${r}`, className: "peer hidden" }),
19
- /* @__PURE__ */ e("p", { className: "mb-4 line-clamp-4 text-xs leading-relaxed wrap-break-word text-neutral-800 peer-checked:line-clamp-none", children: n }),
20
- /* @__PURE__ */ t(
14
+ const t = `toggle-${m().replace(/:/g, "")}`;
15
+ return /* @__PURE__ */ e("div", { className: "text-medium flex flex-col rounded bg-white p-4 text-neutral-800 shadow", children: /* @__PURE__ */ r(c, { question: /* @__PURE__ */ e("span", { className: "font-bold", children: a }), children: [
16
+ /* @__PURE__ */ e(d, { content: s, className: "text-medium" }),
17
+ o && /* @__PURE__ */ r("div", { className: "mt-4 rounded-lg bg-neutral-50 p-6", children: [
18
+ /* @__PURE__ */ e("input", { type: "checkbox", id: t, className: "peer sr-only" }),
19
+ /* @__PURE__ */ e("p", { className: "mb-4 line-clamp-4 text-xs leading-relaxed wrap-break-word text-neutral-800 peer-checked:line-clamp-none", children: o }),
20
+ /* @__PURE__ */ r(
21
21
  "label",
22
22
  {
23
- htmlFor: `toggle-${r}`,
23
+ htmlFor: t,
24
24
  className: "text-primary-700 flex cursor-pointer items-center gap-1 text-sm font-medium transition-colors peer-checked:hidden",
25
25
  children: [
26
- m,
27
- /* @__PURE__ */ e(o, { fill: "var(--primary-700)", className: "h-4 w-4 transition-transform duration-200" })
26
+ l,
27
+ /* @__PURE__ */ e(n, { fill: "var(--primary-700)", className: "h-4 w-4 transition-transform duration-200" })
28
28
  ]
29
29
  }
30
30
  ),
31
- /* @__PURE__ */ t(
31
+ /* @__PURE__ */ r(
32
32
  "label",
33
33
  {
34
- htmlFor: `toggle-${r}`,
34
+ htmlFor: t,
35
35
  className: "text-primary-700 hidden cursor-pointer items-center gap-1 text-sm font-medium transition-colors peer-checked:flex",
36
36
  children: [
37
- l,
37
+ i,
38
38
  /* @__PURE__ */ e(
39
- o,
39
+ n,
40
40
  {
41
41
  fill: "var(--primary-700)",
42
42
  className: "h-4 w-4 rotate-180 transition-transform duration-200"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-contracts-ui",
3
- "version": "0.48.11",
3
+ "version": "0.48.12",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",