quirk-ui 0.0.661 → 0.0.663
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.
- package/dist/assets/index31.css +1 -1
- package/dist/core/components/Sidebar/index.cjs +1 -1
- package/dist/core/components/Sidebar/index.mjs +15 -15
- package/dist/core/components/Table/index.cjs +1 -1
- package/dist/core/components/Table/index.mjs +15 -15
- package/dist/next/blocks/AccordionBlock/index.cjs +1 -1
- package/dist/next/blocks/AccordionBlock/index.mjs +5 -5
- package/dist/styles.css +2 -2
- package/package.json +1 -1
package/dist/assets/index31.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_17nr7_1{overflow-x:auto}._wrapper_17nr7_1::-webkit-scrollbar{display:none}._table_17nr7_8{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}._table_17nr7_8::-webkit-scrollbar{display:none}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}@media (max-width: 767px){th,td{white-space:nowrap}}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_17nr7_35{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_17nr7_41{cursor:pointer}._clickableRow_17nr7_41:hover{background-color:var(--color-primary-100)}
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const q=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m14 9 3 3-3 3",key:"8010ee"}]],m=g.createLucideIcon("panel-left-open",q),x="_aside_1c63q_1",b="_nav_1c63q_16",v="_hidden_1c63q_34",S="_main_1c63q_39",j="_visible_1c63q_51",
|
|
6
|
+
*/const q=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m14 9 3 3-3 3",key:"8010ee"}]],m=g.createLucideIcon("panel-left-open",q),x="_aside_1c63q_1",b="_nav_1c63q_16",v="_hidden_1c63q_34",S="_main_1c63q_39",j="_visible_1c63q_51",N="_open_1c63q_69",k="_parent_1c63q_81",y="_title_1c63q_92",$="_children_1c63q_96",T="_link_1c63q_100",O="_menuToggle_1c63q_115",E="_left_1c63q_141",I="_right_1c63q_150",e={aside:x,nav:b,hidden:v,main:S,visible:j,open:N,parent:k,title:y,children:$,link:T,menuToggle:O,left:E,right:I},M={left:e.left,right:e.right};function w({items:a,alignment:o="left",className:_}){const[t,d]=c.useState(!1),[u,h]=c.useState(!1),f=()=>{d(s=>!s)};return c.useEffect(()=>{if(typeof document<"u")return t?setTimeout(()=>{r.lockScroll()},0):r.unlockScroll(),()=>r.unlockScroll()},[t]),c.useEffect(()=>{h(!0)},[]),n.jsxs("aside",{className:`${_} ${e.aside} ${M[o]}`,children:[n.jsx("button",{className:e.menuToggle,onClick:f,"aria-label":t?"Close menu":"Open menu","aria-expanded":t,"aria-controls":"main-menu",children:t?n.jsx(p.X,{size:24}):n.jsx(m,{size:24})}),n.jsx("nav",{className:`${e.nav} ${t?e.open:""} ${u?e.visible:e.hidden}`,children:n.jsx("ul",{className:e.main,children:a==null?void 0:a.map(s=>{var i;return n.jsxs("li",{className:e.parent,children:[n.jsx("span",{className:e.title,children:s.label}),n.jsx("ul",{className:e.children,children:(i=s==null?void 0:s.sublinks)==null?void 0:i.map(l=>n.jsx("li",{children:n.jsx("a",{href:l.href,className:e.link,target:l.isExternal?"_blank":"_self",rel:l.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:l.label})},l._key))})]},s._key)})})})]})}exports.Sidebar=w;
|
|
@@ -13,8 +13,8 @@ const b = [
|
|
|
13
13
|
["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
|
|
14
14
|
["path", { d: "M9 3v18", key: "fh3hqa" }],
|
|
15
15
|
["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
|
|
16
|
-
],
|
|
17
|
-
aside:
|
|
16
|
+
], N = v("panel-left-open", b), k = "_aside_1c63q_1", x = "_nav_1c63q_16", y = "_hidden_1c63q_34", S = "_main_1c63q_39", $ = "_visible_1c63q_51", T = "_open_1c63q_69", O = "_parent_1c63q_81", w = "_title_1c63q_92", C = "_children_1c63q_96", E = "_link_1c63q_100", I = "_menuToggle_1c63q_115", M = "_left_1c63q_141", j = "_right_1c63q_150", e = {
|
|
17
|
+
aside: k,
|
|
18
18
|
nav: x,
|
|
19
19
|
hidden: y,
|
|
20
20
|
main: S,
|
|
@@ -38,15 +38,15 @@ function B({
|
|
|
38
38
|
alignment: d = "left",
|
|
39
39
|
className: h
|
|
40
40
|
}) {
|
|
41
|
-
const [
|
|
42
|
-
p((
|
|
41
|
+
const [l, p] = o(!1), [f, m] = o(!1), u = () => {
|
|
42
|
+
p((t) => !t);
|
|
43
43
|
};
|
|
44
44
|
return r(() => {
|
|
45
45
|
if (typeof document < "u")
|
|
46
|
-
return
|
|
46
|
+
return l ? setTimeout(() => {
|
|
47
47
|
g();
|
|
48
48
|
}, 0) : _(), () => _();
|
|
49
|
-
}, [
|
|
49
|
+
}, [l]), r(() => {
|
|
50
50
|
m(!0);
|
|
51
51
|
}, []), /* @__PURE__ */ i(
|
|
52
52
|
"aside",
|
|
@@ -58,21 +58,21 @@ function B({
|
|
|
58
58
|
{
|
|
59
59
|
className: e.menuToggle,
|
|
60
60
|
onClick: u,
|
|
61
|
-
"aria-label":
|
|
62
|
-
"aria-expanded":
|
|
61
|
+
"aria-label": l ? "Close menu" : "Open menu",
|
|
62
|
+
"aria-expanded": l,
|
|
63
63
|
"aria-controls": "main-menu",
|
|
64
|
-
children:
|
|
64
|
+
children: l ? /* @__PURE__ */ n(q, { size: 24 }) : /* @__PURE__ */ n(N, { size: 24 })
|
|
65
65
|
}
|
|
66
66
|
),
|
|
67
67
|
/* @__PURE__ */ n(
|
|
68
68
|
"nav",
|
|
69
69
|
{
|
|
70
|
-
className: `${e.nav} ${
|
|
71
|
-
children: /* @__PURE__ */ n("ul", { className: e.main, children: a == null ? void 0 : a.map((
|
|
70
|
+
className: `${e.nav} ${l ? e.open : ""} ${f ? e.visible : e.hidden}`,
|
|
71
|
+
children: /* @__PURE__ */ n("ul", { className: e.main, children: a == null ? void 0 : a.map((t) => {
|
|
72
72
|
var c;
|
|
73
73
|
return /* @__PURE__ */ i("li", { className: e.parent, children: [
|
|
74
|
-
/* @__PURE__ */ n("span", { className: e.title, children:
|
|
75
|
-
/* @__PURE__ */ n("ul", { className: e.children, children: (c =
|
|
74
|
+
/* @__PURE__ */ n("span", { className: e.title, children: t.label }),
|
|
75
|
+
/* @__PURE__ */ n("ul", { className: e.children, children: (c = t == null ? void 0 : t.sublinks) == null ? void 0 : c.map((s) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
|
|
76
76
|
"a",
|
|
77
77
|
{
|
|
78
78
|
href: s.href,
|
|
@@ -82,8 +82,8 @@ function B({
|
|
|
82
82
|
role: "menuitem",
|
|
83
83
|
children: s.label
|
|
84
84
|
}
|
|
85
|
-
) },
|
|
86
|
-
] },
|
|
85
|
+
) }, s._key)) })
|
|
86
|
+
] }, t._key);
|
|
87
87
|
}) })
|
|
88
88
|
}
|
|
89
89
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index31.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index31.css');const e=require("react/jsx-runtime"),h="_wrapper_17nr7_1",m="_table_17nr7_8",_="_empty_17nr7_35",j="_clickableRow_17nr7_41",t={wrapper:h,table:m,empty:_,clickableRow:j};function x({hasHeadingRow:n=!0,data:l,columns:c,emptyMessage:i="No data available",onRowClick:s,className:d,...p}){return e.jsx("div",{className:`${d??""} ${t.wrapper}`,children:e.jsxs("table",{className:t.table,...p,children:[n&&e.jsx("thead",{children:e.jsx("tr",{children:c.map(a=>e.jsx("th",{className:a.className,children:a.header},String(a.accessor)))})}),e.jsx("tbody",{children:l.length===0?e.jsx("tr",{children:e.jsx("td",{colSpan:c.length,className:t.empty,children:i})}):l.map((a,b)=>e.jsx("tr",{onClick:()=>s==null?void 0:s(a),className:s?t.clickableRow:"",children:c.map(r=>e.jsx("td",{className:r.className,children:r.cellRenderer?r.cellRenderer(a[r.accessor],a):String(a[r.accessor])},String(r.accessor)))},b))})]})})}exports.Table=x;
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import '../../../assets/index31.css';const b = "
|
|
1
|
+
import { jsx as e, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import '../../../assets/index31.css';const b = "_wrapper_17nr7_1", _ = "_table_17nr7_8", N = "_empty_17nr7_35", y = "_clickableRow_17nr7_41", s = {
|
|
3
3
|
wrapper: b,
|
|
4
4
|
table: _,
|
|
5
5
|
empty: N,
|
|
6
6
|
clickableRow: y
|
|
7
7
|
};
|
|
8
|
-
function
|
|
9
|
-
hasHeadingRow:
|
|
8
|
+
function S({
|
|
9
|
+
hasHeadingRow: n = !0,
|
|
10
10
|
data: l,
|
|
11
11
|
columns: c,
|
|
12
|
-
emptyMessage:
|
|
13
|
-
onRowClick:
|
|
14
|
-
className:
|
|
15
|
-
...
|
|
12
|
+
emptyMessage: d = "No data available",
|
|
13
|
+
onRowClick: t,
|
|
14
|
+
className: p,
|
|
15
|
+
...i
|
|
16
16
|
}) {
|
|
17
|
-
return /* @__PURE__ */ e("div", { className: `${
|
|
18
|
-
|
|
19
|
-
/* @__PURE__ */ e("tbody", { children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: c.length, className:
|
|
17
|
+
return /* @__PURE__ */ e("div", { className: `${p ?? ""} ${s.wrapper}`, children: /* @__PURE__ */ m("table", { className: s.table, ...i, children: [
|
|
18
|
+
n && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: c.map((a) => /* @__PURE__ */ e("th", { className: a.className, children: a.header }, String(a.accessor))) }) }),
|
|
19
|
+
/* @__PURE__ */ e("tbody", { children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: c.length, className: s.empty, children: d }) }) : l.map((a, h) => /* @__PURE__ */ e(
|
|
20
20
|
"tr",
|
|
21
21
|
{
|
|
22
|
-
onClick: () =>
|
|
23
|
-
className:
|
|
22
|
+
onClick: () => t == null ? void 0 : t(a),
|
|
23
|
+
className: t ? s.clickableRow : "",
|
|
24
24
|
children: c.map((r) => /* @__PURE__ */ e("td", { className: r.className, children: r.cellRenderer ? r.cellRenderer(a[r.accessor], a) : String(a[r.accessor]) }, String(r.accessor)))
|
|
25
25
|
},
|
|
26
|
-
|
|
26
|
+
h
|
|
27
27
|
)) })
|
|
28
28
|
] }) });
|
|
29
29
|
}
|
|
30
30
|
export {
|
|
31
|
-
|
|
31
|
+
S as Table
|
|
32
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index9.css');const c=require("react/jsx-runtime"),p=require("../../../core/components/Accordion/index.cjs"),i=require("../../ui/PortableTextRenderer/index.cjs"),d=require("../../hooks/useStyleClasses.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index9.css');const c=require("react/jsx-runtime"),p=require("../../../core/components/Accordion/index.cjs"),i=require("../../ui/PortableTextRenderer/index.cjs"),d=require("../../hooks/useStyleClasses.cjs"),u="_accordion_pip58_1",x="_container_pip58_7",a="_heading_pip58_24",j="_title_pip58_29",$="_cta_pip58_29",k="_text_pip58_29",m="_content_pip58_45",o={accordion:u,container:x,heading:a,title:j,cta:$,text:k,content:m};function y(t){return t.map(e=>({id:e._key,title:e.title,description:c.jsx(i.RichText,{blocks:e.content})}))}function b({heading:t,items:e,className:n,styleOptions:r,id:l}){const s=d.useStyleClasses(r),_=y(e??[]);return c.jsx("section",{id:l,className:`${o.accordion} ${s}`,children:c.jsxs("article",{className:`${s.includes("split")?"split":"default"} ${o.container}`,children:[(t.title||t.description)&&c.jsxs("div",{children:[t.title&&c.jsx(i.RichText,{blocks:t==null?void 0:t.title}),t.description&&c.jsx(i.RichText,{blocks:t.description})]}),c.jsx("div",{className:`${o.content} ${n&&o[n]?o[n]:n??""}`,children:c.jsx(p.Accordion,{items:_,multiple:!0})})]})})}exports.AccordionBlock=b;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as c, jsxs as r } from "react/jsx-runtime";
|
|
2
|
-
import { Accordion as
|
|
2
|
+
import { Accordion as d } from "../../../core/components/Accordion/index.mjs";
|
|
3
3
|
import { RichText as e } from "../../ui/PortableTextRenderer/index.mjs";
|
|
4
|
-
import { useStyleClasses as
|
|
4
|
+
import { useStyleClasses as a } from "../../hooks/useStyleClasses.mjs";
|
|
5
5
|
import '../../../assets/index9.css';const m = "_accordion_pip58_1", u = "_container_pip58_7", f = "_heading_pip58_24", x = "_title_pip58_29", $ = "_cta_pip58_29", k = "_text_pip58_29", y = "_content_pip58_45", i = {
|
|
6
6
|
accordion: m,
|
|
7
7
|
container: u,
|
|
@@ -25,13 +25,13 @@ function S({
|
|
|
25
25
|
styleOptions: p,
|
|
26
26
|
id: l
|
|
27
27
|
}) {
|
|
28
|
-
const s =
|
|
28
|
+
const s = a(p), _ = b(o ?? []);
|
|
29
29
|
return /* @__PURE__ */ c("section", { id: l, className: `${i.accordion} ${s}`, children: /* @__PURE__ */ r(
|
|
30
30
|
"article",
|
|
31
31
|
{
|
|
32
32
|
className: `${s.includes("split") ? "split" : "default"} ${i.container}`,
|
|
33
33
|
children: [
|
|
34
|
-
/* @__PURE__ */ r("div", { children: [
|
|
34
|
+
(t.title || t.description) && /* @__PURE__ */ r("div", { children: [
|
|
35
35
|
t.title && /* @__PURE__ */ c(e, { blocks: t == null ? void 0 : t.title }),
|
|
36
36
|
t.description && /* @__PURE__ */ c(e, { blocks: t.description })
|
|
37
37
|
] }),
|
|
@@ -39,7 +39,7 @@ function S({
|
|
|
39
39
|
"div",
|
|
40
40
|
{
|
|
41
41
|
className: `${i.content} ${n && i[n] ? i[n] : n ?? ""}`,
|
|
42
|
-
children: /* @__PURE__ */ c(
|
|
42
|
+
children: /* @__PURE__ */ c(d, { items: _, multiple: !0 })
|
|
43
43
|
}
|
|
44
44
|
)
|
|
45
45
|
]
|
package/dist/styles.css
CHANGED
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
._animatedSpan_4rh7w_1{position:relative;display:inline-block;min-height:29px;height:100%;width:100%;margin-bottom:0!important}._previous_4rh7w_10,._current_4rh7w_11{display:block;position:absolute;top:0;left:0;width:100%;white-space:nowrap;transition:transform .3s ease-in-out,opacity .3s ease-in-out;color:var(--color-primary-100)}._previous_4rh7w_10:first-letter,._current_4rh7w_11:first-letter{text-transform:capitalize}._previous_4rh7w_10{opacity:1;transform:translate(0)}._current_4rh7w_11{opacity:0;transform:translate(100px)}._current_4rh7w_11>span:first-letter{display:block;text-transform:capitalize}._slideOff_4rh7w_44{opacity:0;transform:translate(-100px)}._slideOn_4rh7w_49{opacity:1;transform:translate(0)}._reset_4rh7w_54{opacity:0;transform:translate(100px);transition:none}
|
|
30
30
|
h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9h_11,._h6_lse9h_12{line-height:var(--line-height-tight);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_lse9h_7[class*=bg],._h2_lse9h_8[class*=bg],._h3_lse9h_9[class*=bg],._h4_lse9h_10[class*=bg],._h5_lse9h_11[class*=bg],._h6_lse9h_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_lse9h_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2,._h2_lse9h_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3,._h3_lse9h_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4,._h4_lse9h_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5,._h5_lse9h_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6,._h6_lse9h_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}
|
|
31
31
|
._text_lbugy_1{font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-primary)}._text_lbugy_1 p{margin-bottom:var(--spacing-md)}._text_lbugy_1 h1,._text_lbugy_1 h2,._text_lbugy_1 h3,._text_lbugy_1 h4,._text_lbugy_1 h5,._text_lbugy_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_lbugy_1 ul,._text_lbugy_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_lbugy_1 ul{list-style-type:disc}._text_lbugy_1 ol{list-style-type:decimal}._text_lbugy_1 li{margin-bottom:var(--spacing-xs)}._text_lbugy_1 a{color:var(--color-primary-100);text-decoration:underline}._text_lbugy_1 a:hover{text-decoration:none}._default_lbugy_55{font-size:1rem}._muted_lbugy_59{color:var(--color-primary-25)}._lead_lbugy_63{font-size:1.25rem;font-weight:500}._small_lbugy_68{font-size:.875rem}
|
|
32
|
-
.
|
|
32
|
+
._wrapper_17nr7_1{overflow-x:auto}._wrapper_17nr7_1::-webkit-scrollbar{display:none}._table_17nr7_8{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}._table_17nr7_8::-webkit-scrollbar{display:none}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}@media (max-width: 767px){th,td{white-space:nowrap}}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_17nr7_35{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_17nr7_41{cursor:pointer}._clickableRow_17nr7_41:hover{background-color:var(--color-primary-100)}
|
|
33
33
|
._tabs_tu4lq_1{display:flex;flex-direction:column;width:100%}._tabsList_tu4lq_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_tu4lq_7::-webkit-scrollbar{display:none}._horizontal_tu4lq_24{flex-direction:column}._horizontal_tu4lq_24 ._tabsPanel_tu4lq_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_tu4lq_31{flex-direction:row;align-items:flex-start;gap:3rem}._vertical_tu4lq_31 ._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_tu4lq_31 ._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}._vertical_tu4lq_31 ._tabsPanelWrapper_tu4lq_47{flex:1;width:100%}@media (max-width: 767px){._vertical_tu4lq_31{flex-direction:column}}._left_tu4lq_58{justify-content:flex-start}._center_tu4lq_62{justify-content:center}._right_tu4lq_66{justify-content:flex-end}._indicator_tu4lq_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_tu4lq_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_tu4lq_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}@media (max-width: 767px){._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible}._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}}._tabsPanelWrapper_tu4lq_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_tu4lq_26{animation:_fadeSlide_tu4lq_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_tu4lq_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_tu4lq_161{background-color:transparent}._dark_tu4lq_165{background-color:var(--color-tab-background)}._dark_tu4lq_165 ._indicator_tu4lq_70{border:5px solid transparent}._dark_tu4lq_165 ._tabsTrigger_tu4lq_42{color:var(--color-primary-25)}._light_tu4lq_177{background-color:#fff}._light_tu4lq_177 ._indicator_tu4lq_70{border:5px solid transparent}._light_tu4lq_177 ._tabsList_tu4lq_7{background-color:#fff}._light_tu4lq_177 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}._transparent_tu4lq_201{background-color:transparent}._transparent_tu4lq_201 ._indicator_tu4lq_70{border:5px solid transparent}._transparent_tu4lq_201 ._tabsList_tu4lq_7{background-color:transparent}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}
|
|
34
34
|
._buttonGroup_y8omf_1{display:flex;gap:var(--spacing-md)}._buttonGroup_y8omf_1>*{align-self:center;justify-content:center}._left_y8omf_18{justify-content:flex-start}._center_y8omf_22{justify-content:center}._center_y8omf_22>*{align-self:center;justify-content:center}._right_y8omf_31{justify-content:flex-end}._vertical_y8omf_35{flex-direction:column}._horizontal_y8omf_39{flex-direction:row}@media (max-width: 480px){._buttonGroup_y8omf_1{flex-direction:row;flex-wrap:wrap}}
|
|
35
35
|
._overlay_tvjn5_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_tvjn5_1 .3s ease}._modal_tvjn5_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_tvjn5_1 .3s ease}._trigger_tvjn5_26{width:auto}@media (max-width: 767px){._trigger_tvjn5_26{width:100%}}._closeButton_tvjn5_34{color:var(--color-primary-100);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_tvjn5_45{margin-top:var(--spacing-lg)}._content_tvjn5_45 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_tvjn5_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_tvjn5_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
|
|
@@ -102,7 +102,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
102
102
|
._animatedSpan_4rh7w_1{position:relative;display:inline-block;min-height:29px;height:100%;width:100%;margin-bottom:0!important}._previous_4rh7w_10,._current_4rh7w_11{display:block;position:absolute;top:0;left:0;width:100%;white-space:nowrap;transition:transform .3s ease-in-out,opacity .3s ease-in-out;color:var(--color-primary-100)}._previous_4rh7w_10:first-letter,._current_4rh7w_11:first-letter{text-transform:capitalize}._previous_4rh7w_10{opacity:1;transform:translate(0)}._current_4rh7w_11{opacity:0;transform:translate(100px)}._current_4rh7w_11>span:first-letter{display:block;text-transform:capitalize}._slideOff_4rh7w_44{opacity:0;transform:translate(-100px)}._slideOn_4rh7w_49{opacity:1;transform:translate(0)}._reset_4rh7w_54{opacity:0;transform:translate(100px);transition:none}
|
|
103
103
|
h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9h_11,._h6_lse9h_12{line-height:var(--line-height-tight);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_lse9h_7[class*=bg],._h2_lse9h_8[class*=bg],._h3_lse9h_9[class*=bg],._h4_lse9h_10[class*=bg],._h5_lse9h_11[class*=bg],._h6_lse9h_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_lse9h_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2,._h2_lse9h_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3,._h3_lse9h_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4,._h4_lse9h_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5,._h5_lse9h_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6,._h6_lse9h_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}
|
|
104
104
|
._text_lbugy_1{font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-primary)}._text_lbugy_1 p{margin-bottom:var(--spacing-md)}._text_lbugy_1 h1,._text_lbugy_1 h2,._text_lbugy_1 h3,._text_lbugy_1 h4,._text_lbugy_1 h5,._text_lbugy_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_lbugy_1 ul,._text_lbugy_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_lbugy_1 ul{list-style-type:disc}._text_lbugy_1 ol{list-style-type:decimal}._text_lbugy_1 li{margin-bottom:var(--spacing-xs)}._text_lbugy_1 a{color:var(--color-primary-100);text-decoration:underline}._text_lbugy_1 a:hover{text-decoration:none}._default_lbugy_55{font-size:1rem}._muted_lbugy_59{color:var(--color-primary-25)}._lead_lbugy_63{font-size:1.25rem;font-weight:500}._small_lbugy_68{font-size:.875rem}
|
|
105
|
-
.
|
|
105
|
+
._wrapper_17nr7_1{overflow-x:auto}._wrapper_17nr7_1::-webkit-scrollbar{display:none}._table_17nr7_8{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}._table_17nr7_8::-webkit-scrollbar{display:none}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}@media (max-width: 767px){th,td{white-space:nowrap}}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_17nr7_35{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_17nr7_41{cursor:pointer}._clickableRow_17nr7_41:hover{background-color:var(--color-primary-100)}
|
|
106
106
|
._tabs_tu4lq_1{display:flex;flex-direction:column;width:100%}._tabsList_tu4lq_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_tu4lq_7::-webkit-scrollbar{display:none}._horizontal_tu4lq_24{flex-direction:column}._horizontal_tu4lq_24 ._tabsPanel_tu4lq_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_tu4lq_31{flex-direction:row;align-items:flex-start;gap:3rem}._vertical_tu4lq_31 ._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_tu4lq_31 ._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}._vertical_tu4lq_31 ._tabsPanelWrapper_tu4lq_47{flex:1;width:100%}@media (max-width: 767px){._vertical_tu4lq_31{flex-direction:column}}._left_tu4lq_58{justify-content:flex-start}._center_tu4lq_62{justify-content:center}._right_tu4lq_66{justify-content:flex-end}._indicator_tu4lq_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_tu4lq_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_tu4lq_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}@media (max-width: 767px){._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible}._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}}._tabsPanelWrapper_tu4lq_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_tu4lq_26{animation:_fadeSlide_tu4lq_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_tu4lq_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_tu4lq_161{background-color:transparent}._dark_tu4lq_165{background-color:var(--color-tab-background)}._dark_tu4lq_165 ._indicator_tu4lq_70{border:5px solid transparent}._dark_tu4lq_165 ._tabsTrigger_tu4lq_42{color:var(--color-primary-25)}._light_tu4lq_177{background-color:#fff}._light_tu4lq_177 ._indicator_tu4lq_70{border:5px solid transparent}._light_tu4lq_177 ._tabsList_tu4lq_7{background-color:#fff}._light_tu4lq_177 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}._transparent_tu4lq_201{background-color:transparent}._transparent_tu4lq_201 ._indicator_tu4lq_70{border:5px solid transparent}._transparent_tu4lq_201 ._tabsList_tu4lq_7{background-color:transparent}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}
|
|
107
107
|
._buttonGroup_y8omf_1{display:flex;gap:var(--spacing-md)}._buttonGroup_y8omf_1>*{align-self:center;justify-content:center}._left_y8omf_18{justify-content:flex-start}._center_y8omf_22{justify-content:center}._center_y8omf_22>*{align-self:center;justify-content:center}._right_y8omf_31{justify-content:flex-end}._vertical_y8omf_35{flex-direction:column}._horizontal_y8omf_39{flex-direction:row}@media (max-width: 480px){._buttonGroup_y8omf_1{flex-direction:row;flex-wrap:wrap}}
|
|
108
108
|
._overlay_tvjn5_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_tvjn5_1 .3s ease}._modal_tvjn5_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_tvjn5_1 .3s ease}._trigger_tvjn5_26{width:auto}@media (max-width: 767px){._trigger_tvjn5_26{width:100%}}._closeButton_tvjn5_34{color:var(--color-primary-100);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_tvjn5_45{margin-top:var(--spacing-lg)}._content_tvjn5_45 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_tvjn5_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_tvjn5_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
|