quirk-ui 0.0.486 → 0.0.487
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/index48.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._footer_1j61e_1{max-width:var(--layout-width);margin:0 auto;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_1j61e_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_1j61e_20{width:100%}._primaryNav_1j61e_24{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_1j61e_24{width:100%;flex-direction:column-reverse}}._secondaryNav_1j61e_34{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_1j61e_34 a:has(img){height:unset;background-color:transparent}._secondaryNav_1j61e_34 a:has(img) img{width:100%}._secondaryNav_1j61e_34 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_1j61e_34{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_1j61e_34 nav{width:100%;display:flex;justify-content:center}}._details_1j61e_71{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_1j61e_71{justify-content:center;align-items:center;text-align:center}}._nav_1j61e_84{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_1j61e_92{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_1j61e_92 a{display:block}._logo_1j61e_92 img{height:auto}._socialItems_1j61e_107{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_1j61e_107 ._group_1j61e_114{flex:unset;min-width:unset}._socialItems_1j61e_107 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_1j61e_124{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_1j61e_114{flex:.2;min-width:140px}._groupTitle_1j61e_135{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_1j61e_144{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_1j61e_152{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_1j61e_152{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_1j61e_152 ._newTabIcon_1j61e_170{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_1j61e_152:hover,._link_1j61e_152:hover ._newTabIcon_1j61e_170{color:var(--color-primary-100)}._bottom_1j61e_184{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_1j61e_184{text-align:center}}._left_1j61e_195 ._container_1j61e_10{justify-content:flex-start}._left_1j61e_195 ._logo_1j61e_92{flex:unset}._left_1j61e_195 ._nav_1j61e_84{flex:1}@media (max-width: 767px){._left_1j61e_195 ._logo_1j61e_92{flex:1}}._center_1j61e_215 ._nav_1j61e_84{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1j61e_215 ._nav_1j61e_84._hidden_1j61e_221{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1j61e_215 ._nav_1j61e_84._visible_1j61e_228{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1j61e_215 ._logo_1j61e_92{flex:1}}._right_1j61e_243 ._container_1j61e_10{justify-content:flex-end}._right_1j61e_243 ._logo_1j61e_92,._right_1j61e_243 ._title_1j61e_249{flex:1}._right_1j61e_243 ._nav_1j61e_84{flex:unset}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
9
|
-
readonly "
|
|
10
|
-
readonly "
|
|
11
|
-
readonly "
|
|
12
|
-
readonly "
|
|
13
|
-
readonly "
|
|
14
|
-
readonly "
|
|
15
|
-
readonly "
|
|
16
|
-
readonly "
|
|
17
|
-
readonly "
|
|
18
|
-
readonly "
|
|
19
|
-
readonly "
|
|
20
|
-
readonly "
|
|
21
|
-
readonly "
|
|
22
|
-
readonly "
|
|
23
|
-
readonly "
|
|
24
|
-
readonly "
|
|
2
|
+
readonly "_bottom_1j61e_184": string;
|
|
3
|
+
readonly "_center_1j61e_215": string;
|
|
4
|
+
readonly "_container_1j61e_10": string;
|
|
5
|
+
readonly "_details_1j61e_71": string;
|
|
6
|
+
readonly "_footer_1j61e_1": string;
|
|
7
|
+
readonly "_groupTitle_1j61e_135": string;
|
|
8
|
+
readonly "_group_1j61e_114": string;
|
|
9
|
+
readonly "_groups_1j61e_124": string;
|
|
10
|
+
readonly "_hidden_1j61e_221": string;
|
|
11
|
+
readonly "_left_1j61e_195": string;
|
|
12
|
+
readonly "_linkList_1j61e_152": string;
|
|
13
|
+
readonly "_link_1j61e_152": string;
|
|
14
|
+
readonly "_logo_1j61e_92": string;
|
|
15
|
+
readonly "_nav_1j61e_84": string;
|
|
16
|
+
readonly "_newTabIcon_1j61e_170": string;
|
|
17
|
+
readonly "_primaryNav_1j61e_24": string;
|
|
18
|
+
readonly "_right_1j61e_243": string;
|
|
19
|
+
readonly "_secondaryNav_1j61e_34": string;
|
|
20
|
+
readonly "_socialItems_1j61e_107": string;
|
|
21
|
+
readonly "_sublinks_1j61e_144": string;
|
|
22
|
+
readonly "_title_1j61e_249": string;
|
|
23
|
+
readonly "_utilityImage_1j61e_20": string;
|
|
24
|
+
readonly "_visible_1j61e_228": string;
|
|
25
25
|
};
|
|
26
26
|
export = styles;
|
|
27
27
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index48.css');const e=require("react/jsx-runtime"),T=require("../../../index-DpYgzTme.cjs"),y=require("../ButtonGroup/index.cjs"),o=require("../../../index-CBK5rp6X.cjs"),k=require("../../../external-link-DDShu-48.cjs"),$="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index48.css');const e=require("react/jsx-runtime"),T=require("../../../index-DpYgzTme.cjs"),y=require("../ButtonGroup/index.cjs"),o=require("../../../index-CBK5rp6X.cjs"),k=require("../../../external-link-DDShu-48.cjs"),$="_footer_1j61e_1",F="_container_1j61e_10",I="_primaryNav_1j61e_24",w="_secondaryNav_1j61e_34",q="_details_1j61e_71",A="_nav_1j61e_84",S="_logo_1j61e_92",L="_socialItems_1j61e_107",E="_group_1j61e_114",z="_groups_1j61e_124",B="_groupTitle_1j61e_135",C="_sublinks_1j61e_144",G="_link_1j61e_152",M="_newTabIcon_1j61e_170",P="_bottom_1j61e_184",n={footer:$,container:F,primaryNav:I,secondaryNav:w,details:q,nav:A,logo:S,socialItems:L,group:E,groups:z,groupTitle:B,sublinks:C,link:G,newTabIcon:M,bottom:P},Y={Facebook:o.FaFacebook,Twitter:o.FaTwitter,LinkedIn:o.FaLinkedin,Instagram:o.FaInstagram,YouTube:o.FaYoutube};function O({logo:u,items:r,primaryInfo:j,secondaryInfo:p,utilityItems:b,socialItems:l,copyright:m,className:h}){const t=(a,c="",i=!1)=>a.map(s=>{var g;const v=`${c}/${s.label}`,x=(g=s.sublinks)==null?void 0:g.length,_=!!s.href,d=Y[s.icon],N=_?"a":"div",f=_?{href:s.href,target:s.isExternal?"_blank":"_self",rel:s.isExternal?"noopener noreferrer":void 0,role:i?"link":"menuitem","aria-label":s.label}:{role:i?"link":"menuitem","aria-label":s.label};return e.jsxs("div",{className:`${n.group}`,children:[e.jsxs(N,{className:`${_?n.link:""} ${x?n.groupTitle:""}`,...f,children:[!i&&s.label,d&&e.jsx(d,{}),!d&&s.isExternal&&e.jsx(k.ExternalLink,{className:n.newTabIcon,size:16})]}),x&&e.jsx("div",{className:`${n.sublinks}`,role:"menu","aria-label":`${s.label} submenu`,children:t(s.sublinks,v)})]},v)});return e.jsx("footer",{className:`${h??""} ${n.footer}`,children:e.jsxs("div",{className:n.container,children:[e.jsxs("div",{className:n.primaryNav,children:[e.jsxs("div",{className:n.details,children:[u&&e.jsx("div",{className:n.logo,children:u}),l&&l.length>0&&e.jsx("div",{className:n.socialItems,children:t(l,"",!0)}),j&&e.jsx("div",{children:j}),p&&e.jsx("div",{children:p})]}),r&&r.length>0&&e.jsx("nav",{className:n.nav,id:"footer-menu",role:"menubar",children:e.jsx("div",{className:n.groups,children:t(r,"",!1)})})]}),e.jsxs("div",{className:n.secondaryNav,children:[m&&e.jsx("div",{className:n.bottom,children:e.jsx("span",{children:m})}),b&&e.jsx("nav",{children:e.jsx(y.ButtonGroup,{orientation:"horizontal",children:b.map((a,c)=>e.jsx(T.CallToAction,{as:"a",href:a.href??"/",variant:a.variant??"primary",displayType:a.displayType??"text",imageSrc:a.imageSrc,imageAlt:a.imageAlt,"aria-label":a.ariaLabel??a.label,icon:a.icon,iconAlignment:a.iconAlignment,children:a.label},a._key||c))})})]})]})})}exports.Footer=O;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as a, jsxs as r } from "react/jsx-runtime";
|
|
2
2
|
import { C as y } from "../../../index-CIb65n0z.js";
|
|
3
3
|
import { ButtonGroup as k } from "../ButtonGroup/index.mjs";
|
|
4
|
-
import { a as $, b as
|
|
5
|
-
import { E } from "../../../external-link-BOPobeQJ.js";
|
|
6
|
-
import '../../../assets/index48.css';const
|
|
7
|
-
footer:
|
|
8
|
-
container:
|
|
9
|
-
primaryNav:
|
|
4
|
+
import { a as $, b as x, c as F, d as I, e as w } from "../../../index-CeBA0PT0.js";
|
|
5
|
+
import { E as A } from "../../../external-link-BOPobeQJ.js";
|
|
6
|
+
import '../../../assets/index48.css';const E = "_footer_1j61e_1", L = "_container_1j61e_10", S = "_primaryNav_1j61e_24", z = "_secondaryNav_1j61e_34", C = "_details_1j61e_71", Y = "_nav_1j61e_84", B = "_logo_1j61e_92", G = "_socialItems_1j61e_107", M = "_group_1j61e_114", P = "_groups_1j61e_124", W = "_groupTitle_1j61e_135", q = "_sublinks_1j61e_144", D = "_link_1j61e_152", H = "_newTabIcon_1j61e_170", J = "_bottom_1j61e_184", e = {
|
|
7
|
+
footer: E,
|
|
8
|
+
container: L,
|
|
9
|
+
primaryNav: S,
|
|
10
10
|
secondaryNav: z,
|
|
11
11
|
details: C,
|
|
12
12
|
nav: Y,
|
|
@@ -20,27 +20,27 @@ import '../../../assets/index48.css';const L = "_footer_1mxlp_1", S = "_containe
|
|
|
20
20
|
newTabIcon: H,
|
|
21
21
|
bottom: J
|
|
22
22
|
}, K = {
|
|
23
|
-
Facebook:
|
|
24
|
-
Twitter:
|
|
25
|
-
LinkedIn:
|
|
26
|
-
Instagram:
|
|
23
|
+
Facebook: w,
|
|
24
|
+
Twitter: I,
|
|
25
|
+
LinkedIn: F,
|
|
26
|
+
Instagram: x,
|
|
27
27
|
YouTube: $
|
|
28
28
|
};
|
|
29
29
|
function X({
|
|
30
30
|
// title,
|
|
31
|
-
logo:
|
|
32
|
-
items:
|
|
33
|
-
primaryInfo:
|
|
31
|
+
logo: m,
|
|
32
|
+
items: s,
|
|
33
|
+
primaryInfo: p,
|
|
34
34
|
secondaryInfo: u,
|
|
35
35
|
utilityItems: b,
|
|
36
|
-
socialItems:
|
|
36
|
+
socialItems: l,
|
|
37
37
|
// alignment = "right",
|
|
38
38
|
copyright: v,
|
|
39
|
-
className:
|
|
39
|
+
className: f
|
|
40
40
|
}) {
|
|
41
41
|
const c = (n, t = "", i = !1) => n.map((o) => {
|
|
42
|
-
var
|
|
43
|
-
const h = `${t}/${o.label}`, g = (
|
|
42
|
+
var N;
|
|
43
|
+
const h = `${t}/${o.label}`, g = (N = o.sublinks) == null ? void 0 : N.length, _ = !!o.href, d = K[o.icon], j = _ ? "a" : "div", T = _ ? {
|
|
44
44
|
href: o.href,
|
|
45
45
|
target: o.isExternal ? "_blank" : "_self",
|
|
46
46
|
rel: o.isExternal ? "noopener noreferrer" : void 0,
|
|
@@ -52,14 +52,14 @@ function X({
|
|
|
52
52
|
};
|
|
53
53
|
return /* @__PURE__ */ r("div", { className: `${e.group}`, children: [
|
|
54
54
|
/* @__PURE__ */ r(
|
|
55
|
-
|
|
55
|
+
j,
|
|
56
56
|
{
|
|
57
|
-
className: `${
|
|
57
|
+
className: `${_ ? e.link : ""} ${g ? e.groupTitle : ""}`,
|
|
58
58
|
...T,
|
|
59
59
|
children: [
|
|
60
60
|
!i && o.label,
|
|
61
|
-
|
|
62
|
-
!
|
|
61
|
+
d && /* @__PURE__ */ a(d, {}),
|
|
62
|
+
!d && o.isExternal && /* @__PURE__ */ a(A, { className: e.newTabIcon, size: 16 })
|
|
63
63
|
]
|
|
64
64
|
}
|
|
65
65
|
),
|
|
@@ -74,15 +74,15 @@ function X({
|
|
|
74
74
|
)
|
|
75
75
|
] }, h);
|
|
76
76
|
});
|
|
77
|
-
return /* @__PURE__ */ a("footer", { className: `${
|
|
77
|
+
return /* @__PURE__ */ a("footer", { className: `${f ?? ""} ${e.footer}`, children: /* @__PURE__ */ r("div", { className: e.container, children: [
|
|
78
78
|
/* @__PURE__ */ r("div", { className: e.primaryNav, children: [
|
|
79
79
|
/* @__PURE__ */ r("div", { className: e.details, children: [
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
80
|
+
m && /* @__PURE__ */ a("div", { className: e.logo, children: m }),
|
|
81
|
+
l && l.length > 0 && /* @__PURE__ */ a("div", { className: e.socialItems, children: c(l, "", !0) }),
|
|
82
|
+
p && /* @__PURE__ */ a("div", { children: p }),
|
|
83
83
|
u && /* @__PURE__ */ a("div", { children: u })
|
|
84
84
|
] }),
|
|
85
|
-
|
|
85
|
+
s && s.length > 0 && /* @__PURE__ */ a("nav", { className: e.nav, id: "footer-menu", role: "menubar", children: /* @__PURE__ */ a("div", { className: e.groups, children: c(s, "", !1) }) })
|
|
86
86
|
] }),
|
|
87
87
|
/* @__PURE__ */ r("div", { className: e.secondaryNav, children: [
|
|
88
88
|
v && /* @__PURE__ */ a("div", { className: e.bottom, children: /* @__PURE__ */ a("span", { children: v }) }),
|
package/dist/styles.css
CHANGED
|
@@ -46,7 +46,7 @@ h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9
|
|
|
46
46
|
._fieldset_1i2zv_1{border:1px solid var(--color-border, #ccc);padding:var(--spacing-md);border-radius:var(--radius-md);margin:0}._legend_1i2zv_8{font-weight:700;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}
|
|
47
47
|
._wrapper_1mpje_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._dropZone_1mpje_7{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;background-color:var(--color-background);transition:background-color .3s ease}._dropZone_1mpje_7 p{color:var(--color-text-primary)}._dropZone_1mpje_7:hover{background-color:var(--color-background)}._dragging_1mpje_25{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._input_1mpje_30{display:none}._fileList_1mpje_34{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);list-style:none;padding:0}._fileList_1mpje_34 li{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}._fileList_1mpje_34 li button{cursor:pointer}
|
|
48
48
|
._fab_1vpw0_1{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:25;background-color:var(--color-primary, #000);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background-color .25s ease-in-out}._fab_1vpw0_1:hover{background-color:var(--color-secondary-100)}._sm_1vpw0_22{width:40px;height:40px}._md_1vpw0_27{width:56px;height:56px}._lg_1vpw0_31{width:72px;height:72px}._bottom-right_1vpw0_36{bottom:var(--spacing-lg);right:var(--spacing-lg)}._bottom-left_1vpw0_41{bottom:var(--spacing-lg);left:var(--spacing-lg)}._top-right_1vpw0_46{top:var(--spacing-lg);right:var(--spacing-lg)}._top-left_1vpw0_51{top:var(--spacing-lg);left:var(--spacing-lg)}._disabled_1vpw0_56{color:var(--color-primary-25)}
|
|
49
|
-
.
|
|
49
|
+
._footer_1j61e_1{max-width:var(--layout-width);margin:0 auto;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_1j61e_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_1j61e_20{width:100%}._primaryNav_1j61e_24{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_1j61e_24{width:100%;flex-direction:column-reverse}}._secondaryNav_1j61e_34{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_1j61e_34 a:has(img){height:unset;background-color:transparent}._secondaryNav_1j61e_34 a:has(img) img{width:100%}._secondaryNav_1j61e_34 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_1j61e_34{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_1j61e_34 nav{width:100%;display:flex;justify-content:center}}._details_1j61e_71{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_1j61e_71{justify-content:center;align-items:center;text-align:center}}._nav_1j61e_84{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_1j61e_92{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_1j61e_92 a{display:block}._logo_1j61e_92 img{height:auto}._socialItems_1j61e_107{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_1j61e_107 ._group_1j61e_114{flex:unset;min-width:unset}._socialItems_1j61e_107 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_1j61e_124{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_1j61e_114{flex:.2;min-width:140px}._groupTitle_1j61e_135{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_1j61e_144{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_1j61e_152{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_1j61e_152{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_1j61e_152 ._newTabIcon_1j61e_170{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_1j61e_152:hover,._link_1j61e_152:hover ._newTabIcon_1j61e_170{color:var(--color-primary-100)}._bottom_1j61e_184{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_1j61e_184{text-align:center}}._left_1j61e_195 ._container_1j61e_10{justify-content:flex-start}._left_1j61e_195 ._logo_1j61e_92{flex:unset}._left_1j61e_195 ._nav_1j61e_84{flex:1}@media (max-width: 767px){._left_1j61e_195 ._logo_1j61e_92{flex:1}}._center_1j61e_215 ._nav_1j61e_84{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1j61e_215 ._nav_1j61e_84._hidden_1j61e_221{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1j61e_215 ._nav_1j61e_84._visible_1j61e_228{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1j61e_215 ._logo_1j61e_92{flex:1}}._right_1j61e_243 ._container_1j61e_10{justify-content:flex-end}._right_1j61e_243 ._logo_1j61e_92,._right_1j61e_243 ._title_1j61e_249{flex:1}._right_1j61e_243 ._nav_1j61e_84{flex:unset}
|
|
50
50
|
._form_s0yvj_1{display:flex;flex-direction:column;gap:var(--spacing-md)}
|
|
51
51
|
._iconButton_d01lg_1{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .25s ease}._iconButton_d01lg_1:disabled{opacity:.5;cursor:not-allowed}._sm_d01lg_18{width:32px;height:32px}._md_d01lg_23{width:40px;height:40px}._lg_d01lg_28{width:48px;height:48px}._default_d01lg_33{background-color:#f0f0f0;color:#111}._muted_d01lg_38{background-color:#bbb;color:var(--color-primary-25)}._accent_d01lg_43{background-color:var(--color-primary-100);color:#fff}._error_d01lg_48{background-color:var(--color-error);color:#fff}._srOnly_d01lg_53{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
|
|
52
52
|
ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-style-type:decimal;padding:0;margin:0 0 0 var(--spacing-md)}._listItem_1fin2_13{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-secondary-100);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .3s;color:var(--color-text-primary)}._listItem_1fin2_13:hover{background-color:var(--color-secondary-100)}._listItem_1fin2_13:active{background-color:var(--color-primary-100)}
|
|
@@ -118,7 +118,7 @@ h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9
|
|
|
118
118
|
._fieldset_1i2zv_1{border:1px solid var(--color-border, #ccc);padding:var(--spacing-md);border-radius:var(--radius-md);margin:0}._legend_1i2zv_8{font-weight:700;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}
|
|
119
119
|
._wrapper_1mpje_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._dropZone_1mpje_7{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;background-color:var(--color-background);transition:background-color .3s ease}._dropZone_1mpje_7 p{color:var(--color-text-primary)}._dropZone_1mpje_7:hover{background-color:var(--color-background)}._dragging_1mpje_25{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._input_1mpje_30{display:none}._fileList_1mpje_34{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);list-style:none;padding:0}._fileList_1mpje_34 li{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}._fileList_1mpje_34 li button{cursor:pointer}
|
|
120
120
|
._fab_1vpw0_1{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:25;background-color:var(--color-primary, #000);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background-color .25s ease-in-out}._fab_1vpw0_1:hover{background-color:var(--color-secondary-100)}._sm_1vpw0_22{width:40px;height:40px}._md_1vpw0_27{width:56px;height:56px}._lg_1vpw0_31{width:72px;height:72px}._bottom-right_1vpw0_36{bottom:var(--spacing-lg);right:var(--spacing-lg)}._bottom-left_1vpw0_41{bottom:var(--spacing-lg);left:var(--spacing-lg)}._top-right_1vpw0_46{top:var(--spacing-lg);right:var(--spacing-lg)}._top-left_1vpw0_51{top:var(--spacing-lg);left:var(--spacing-lg)}._disabled_1vpw0_56{color:var(--color-primary-25)}
|
|
121
|
-
.
|
|
121
|
+
._footer_1j61e_1{max-width:var(--layout-width);margin:0 auto;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_1j61e_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_1j61e_20{width:100%}._primaryNav_1j61e_24{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_1j61e_24{width:100%;flex-direction:column-reverse}}._secondaryNav_1j61e_34{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_1j61e_34 a:has(img){height:unset;background-color:transparent}._secondaryNav_1j61e_34 a:has(img) img{width:100%}._secondaryNav_1j61e_34 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_1j61e_34{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_1j61e_34 nav{width:100%;display:flex;justify-content:center}}._details_1j61e_71{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_1j61e_71{justify-content:center;align-items:center;text-align:center}}._nav_1j61e_84{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_1j61e_92{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_1j61e_92 a{display:block}._logo_1j61e_92 img{height:auto}._socialItems_1j61e_107{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_1j61e_107 ._group_1j61e_114{flex:unset;min-width:unset}._socialItems_1j61e_107 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_1j61e_124{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_1j61e_114{flex:.2;min-width:140px}._groupTitle_1j61e_135{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_1j61e_144{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_1j61e_152{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_1j61e_152{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_1j61e_152 ._newTabIcon_1j61e_170{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_1j61e_152:hover,._link_1j61e_152:hover ._newTabIcon_1j61e_170{color:var(--color-primary-100)}._bottom_1j61e_184{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_1j61e_184{text-align:center}}._left_1j61e_195 ._container_1j61e_10{justify-content:flex-start}._left_1j61e_195 ._logo_1j61e_92{flex:unset}._left_1j61e_195 ._nav_1j61e_84{flex:1}@media (max-width: 767px){._left_1j61e_195 ._logo_1j61e_92{flex:1}}._center_1j61e_215 ._nav_1j61e_84{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1j61e_215 ._nav_1j61e_84._hidden_1j61e_221{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1j61e_215 ._nav_1j61e_84._visible_1j61e_228{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1j61e_215 ._logo_1j61e_92{flex:1}}._right_1j61e_243 ._container_1j61e_10{justify-content:flex-end}._right_1j61e_243 ._logo_1j61e_92,._right_1j61e_243 ._title_1j61e_249{flex:1}._right_1j61e_243 ._nav_1j61e_84{flex:unset}
|
|
122
122
|
._form_s0yvj_1{display:flex;flex-direction:column;gap:var(--spacing-md)}
|
|
123
123
|
._iconButton_d01lg_1{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .25s ease}._iconButton_d01lg_1:disabled{opacity:.5;cursor:not-allowed}._sm_d01lg_18{width:32px;height:32px}._md_d01lg_23{width:40px;height:40px}._lg_d01lg_28{width:48px;height:48px}._default_d01lg_33{background-color:#f0f0f0;color:#111}._muted_d01lg_38{background-color:#bbb;color:var(--color-primary-25)}._accent_d01lg_43{background-color:var(--color-primary-100);color:#fff}._error_d01lg_48{background-color:var(--color-error);color:#fff}._srOnly_d01lg_53{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
|
|
124
124
|
ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-style-type:decimal;padding:0;margin:0 0 0 var(--spacing-md)}._listItem_1fin2_13{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-secondary-100);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .3s;color:var(--color-text-primary)}._listItem_1fin2_13:hover{background-color:var(--color-secondary-100)}._listItem_1fin2_13:active{background-color:var(--color-primary-100)}
|
package/dist/styles.css.d.ts
CHANGED
|
@@ -45,7 +45,7 @@ declare const styles: {
|
|
|
45
45
|
readonly "_borderThin_1mldh_86": string;
|
|
46
46
|
readonly "_bottom-left_1vpw0_41": string;
|
|
47
47
|
readonly "_bottom-right_1vpw0_36": string;
|
|
48
|
-
readonly "
|
|
48
|
+
readonly "_bottom_1j61e_184": string;
|
|
49
49
|
readonly "_bottom_55xty_32": string;
|
|
50
50
|
readonly "_bottom_w9ixy_26": string;
|
|
51
51
|
readonly "_box_1mldh_1": string;
|
|
@@ -92,7 +92,7 @@ declare const styles: {
|
|
|
92
92
|
readonly "_cell_1q8jq_33": string;
|
|
93
93
|
readonly "_center_11c6i_55": string;
|
|
94
94
|
readonly "_center_15lw8_20": string;
|
|
95
|
-
readonly "
|
|
95
|
+
readonly "_center_1j61e_215": string;
|
|
96
96
|
readonly "_center_tu4lq_62": string;
|
|
97
97
|
readonly "_checkbox_14hke_7": string;
|
|
98
98
|
readonly "_chevron_11c6i_662": string;
|
|
@@ -115,7 +115,7 @@ declare const styles: {
|
|
|
115
115
|
readonly "_container_16g66_8": string;
|
|
116
116
|
readonly "_container_171d6_1": string;
|
|
117
117
|
readonly "_container_17zlj_9": string;
|
|
118
|
-
readonly "
|
|
118
|
+
readonly "_container_1j61e_10": string;
|
|
119
119
|
readonly "_container_1w006_20": string;
|
|
120
120
|
readonly "_container_1wi59_18": string;
|
|
121
121
|
readonly "_container_1wmnv_6": string;
|
|
@@ -172,7 +172,7 @@ declare const styles: {
|
|
|
172
172
|
readonly "_description_exdo2_67": string;
|
|
173
173
|
readonly "_description_rxzrj_104": string;
|
|
174
174
|
readonly "_description_tk8y9_44": string;
|
|
175
|
-
readonly "
|
|
175
|
+
readonly "_details_1j61e_71": string;
|
|
176
176
|
readonly "_disabled_1vpw0_56": string;
|
|
177
177
|
readonly "_disabled_7fvg3_80": string;
|
|
178
178
|
readonly "_disabled_i7a04_38": string;
|
|
@@ -231,7 +231,7 @@ declare const styles: {
|
|
|
231
231
|
readonly "_flex_1mldh_52": string;
|
|
232
232
|
readonly "_flex_cm5e5_45": string;
|
|
233
233
|
readonly "_fluid_171d6_29": string;
|
|
234
|
-
readonly "
|
|
234
|
+
readonly "_footer_1j61e_1": string;
|
|
235
235
|
readonly "_footer_ti1qi_134": string;
|
|
236
236
|
readonly "_form_s0yvj_1": string;
|
|
237
237
|
readonly "_fullBleedImage_1w006_414": string;
|
|
@@ -251,9 +251,9 @@ declare const styles: {
|
|
|
251
251
|
readonly "_grid_a6iq3_1": string;
|
|
252
252
|
readonly "_grid_exdo2_88": string;
|
|
253
253
|
readonly "_groupDivider_11c6i_944": string;
|
|
254
|
-
readonly "
|
|
255
|
-
readonly "
|
|
256
|
-
readonly "
|
|
254
|
+
readonly "_groupTitle_1j61e_135": string;
|
|
255
|
+
readonly "_group_1j61e_114": string;
|
|
256
|
+
readonly "_groups_1j61e_124": string;
|
|
257
257
|
readonly "_h1_lse9h_7": string;
|
|
258
258
|
readonly "_h2_lse9h_8": string;
|
|
259
259
|
readonly "_h3_lse9h_9": string;
|
|
@@ -279,7 +279,7 @@ declare const styles: {
|
|
|
279
279
|
readonly "_heading_nphsl_49": string;
|
|
280
280
|
readonly "_hero_vho5i_1": string;
|
|
281
281
|
readonly "_hidden_11c6i_61": string;
|
|
282
|
-
readonly "
|
|
282
|
+
readonly "_hidden_1j61e_221": string;
|
|
283
283
|
readonly "_hide_17zlj_248": string;
|
|
284
284
|
readonly "_hide_vho5i_105": string;
|
|
285
285
|
readonly "_horizontal_134u6_9": string;
|
|
@@ -385,7 +385,7 @@ declare const styles: {
|
|
|
385
385
|
readonly "_lead_1itq5_63": string;
|
|
386
386
|
readonly "_left_11c6i_35": string;
|
|
387
387
|
readonly "_left_15lw8_16": string;
|
|
388
|
-
readonly "
|
|
388
|
+
readonly "_left_1j61e_195": string;
|
|
389
389
|
readonly "_left_55xty_18": string;
|
|
390
390
|
readonly "_left_tu4lq_58": string;
|
|
391
391
|
readonly "_left_w9ixy_33": string;
|
|
@@ -400,10 +400,10 @@ declare const styles: {
|
|
|
400
400
|
readonly "_linkContent_11c6i_494": string;
|
|
401
401
|
readonly "_linkInverted_1wtpc_47": string;
|
|
402
402
|
readonly "_linkItem_11c6i_108": string;
|
|
403
|
-
readonly "
|
|
403
|
+
readonly "_linkList_1j61e_152": string;
|
|
404
404
|
readonly "_linkWrapper_11c6i_100": string;
|
|
405
405
|
readonly "_link_11c6i_100": string;
|
|
406
|
-
readonly "
|
|
406
|
+
readonly "_link_1j61e_152": string;
|
|
407
407
|
readonly "_link_1wtpc_46": string;
|
|
408
408
|
readonly "_link_l5nlh_82": string;
|
|
409
409
|
readonly "_link_qx9xp_25": string;
|
|
@@ -424,7 +424,7 @@ declare const styles: {
|
|
|
424
424
|
readonly "_localeModal_11c6i_430": string;
|
|
425
425
|
readonly "_locale_11c6i_111": string;
|
|
426
426
|
readonly "_logo_11c6i_40": string;
|
|
427
|
-
readonly "
|
|
427
|
+
readonly "_logo_1j61e_92": string;
|
|
428
428
|
readonly "_marginLg_1mldh_35": string;
|
|
429
429
|
readonly "_marginMd_1mldh_31": string;
|
|
430
430
|
readonly "_marginNone_1mldh_23": string;
|
|
@@ -461,10 +461,10 @@ declare const styles: {
|
|
|
461
461
|
readonly "_navItem_11c6i_524": string;
|
|
462
462
|
readonly "_navTitle_11c6i_457": string;
|
|
463
463
|
readonly "_nav_11c6i_5": string;
|
|
464
|
-
readonly "
|
|
464
|
+
readonly "_nav_1j61e_84": string;
|
|
465
465
|
readonly "_navbar_11c6i_5": string;
|
|
466
466
|
readonly "_newTabIcon_11c6i_479": string;
|
|
467
|
-
readonly "
|
|
467
|
+
readonly "_newTabIcon_1j61e_170": string;
|
|
468
468
|
readonly "_next_7fvg3_81": string;
|
|
469
469
|
readonly "_noImage_ivubr_95": string;
|
|
470
470
|
readonly "_noPointerEvents_7fvg3_10": string;
|
|
@@ -500,7 +500,7 @@ declare const styles: {
|
|
|
500
500
|
readonly "_previous_4rh7w_10": string;
|
|
501
501
|
readonly "_primaryColumn_11c6i_617": string;
|
|
502
502
|
readonly "_primaryInverted_1wtpc_29": string;
|
|
503
|
-
readonly "
|
|
503
|
+
readonly "_primaryNav_1j61e_24": string;
|
|
504
504
|
readonly "_primary_1wtpc_27": string;
|
|
505
505
|
readonly "_primary_pna67_29": string;
|
|
506
506
|
readonly "_primary_sjjvl_34": string;
|
|
@@ -531,7 +531,7 @@ declare const styles: {
|
|
|
531
531
|
readonly "_richText_rnjap_1": string;
|
|
532
532
|
readonly "_right_11c6i_83": string;
|
|
533
533
|
readonly "_right_15lw8_29": string;
|
|
534
|
-
readonly "
|
|
534
|
+
readonly "_right_1j61e_243": string;
|
|
535
535
|
readonly "_right_55xty_12": string;
|
|
536
536
|
readonly "_right_tu4lq_66": string;
|
|
537
537
|
readonly "_right_w9ixy_40": string;
|
|
@@ -543,7 +543,7 @@ declare const styles: {
|
|
|
543
543
|
readonly "_search_11c6i_110": string;
|
|
544
544
|
readonly "_secondaryColumn_11c6i_626": string;
|
|
545
545
|
readonly "_secondaryInverted_1wtpc_30": string;
|
|
546
|
-
readonly "
|
|
546
|
+
readonly "_secondaryNav_1j61e_34": string;
|
|
547
547
|
readonly "_secondary_1w006_514": string;
|
|
548
548
|
readonly "_secondary_1wtpc_28": string;
|
|
549
549
|
readonly "_secondary_ivubr_308": string;
|
|
@@ -575,7 +575,7 @@ declare const styles: {
|
|
|
575
575
|
readonly "_sm_i7a04_13": string;
|
|
576
576
|
readonly "_small_1itq5_68": string;
|
|
577
577
|
readonly "_small_sjjvl_8": string;
|
|
578
|
-
readonly "
|
|
578
|
+
readonly "_socialItems_1j61e_107": string;
|
|
579
579
|
readonly "_spacer_1pz5u_1": string;
|
|
580
580
|
readonly "_spinner_sjjvl_1": string;
|
|
581
581
|
readonly "_split_vho5i_304": string;
|
|
@@ -593,7 +593,7 @@ declare const styles: {
|
|
|
593
593
|
readonly "_sublinksDescription_11c6i_491": string;
|
|
594
594
|
readonly "_sublinksInner_11c6i_634": string;
|
|
595
595
|
readonly "_sublinks_11c6i_491": string;
|
|
596
|
-
readonly "
|
|
596
|
+
readonly "_sublinks_1j61e_144": string;
|
|
597
597
|
readonly "_subtitle_11c6i_860": string;
|
|
598
598
|
readonly "_success_18z15_50": string;
|
|
599
599
|
readonly "_success_1elr1_32": string;
|
|
@@ -627,7 +627,7 @@ declare const styles: {
|
|
|
627
627
|
readonly "_titleWrapper_ivubr_187": string;
|
|
628
628
|
readonly "_title_11c6i_90": string;
|
|
629
629
|
readonly "_title_1677v_22": string;
|
|
630
|
-
readonly "
|
|
630
|
+
readonly "_title_1j61e_249": string;
|
|
631
631
|
readonly "_title_1uxfh_120": string;
|
|
632
632
|
readonly "_title_1w006_70": string;
|
|
633
633
|
readonly "_title_1x4bo_54": string;
|
|
@@ -660,7 +660,7 @@ declare const styles: {
|
|
|
660
660
|
readonly "_twoColumn_cm5e5_281": string;
|
|
661
661
|
readonly "_underlineInverted_1wtpc_49": string;
|
|
662
662
|
readonly "_underline_1wtpc_48": string;
|
|
663
|
-
readonly "
|
|
663
|
+
readonly "_utilityImage_1j61e_20": string;
|
|
664
664
|
readonly "_utilityMobile_11c6i_371": string;
|
|
665
665
|
readonly "_utility_11c6i_227": string;
|
|
666
666
|
readonly "_value_1wm56_44": string;
|
|
@@ -676,7 +676,7 @@ declare const styles: {
|
|
|
676
676
|
readonly "_videoWrapper_vho5i_353": string;
|
|
677
677
|
readonly "_video_rxzrj_58": string;
|
|
678
678
|
readonly "_visible_11c6i_68": string;
|
|
679
|
-
readonly "
|
|
679
|
+
readonly "_visible_1j61e_228": string;
|
|
680
680
|
readonly "_visible_w9ixy_47": string;
|
|
681
681
|
readonly "_warning_18z15_55": string;
|
|
682
682
|
readonly "_warning_1elr1_37": string;
|