quirk-ui 0.1.58 → 0.1.60
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 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index45.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index45.css');const e=require("react/jsx-runtime"),T=require("../../../index-D0ylyll7.cjs"),k=require("../ButtonGroup/index.cjs"),s=require("../../../index-CBK5rp6X.cjs"),$=require("../../../external-link-DDShu-48.cjs"),F="_footer_1lalq_1",I="_container_1lalq_10",S="_primaryNav_1lalq_24",w="_secondaryNav_1lalq_35",L="_details_1lalq_72",A="_nav_1lalq_86",B="_logo_1lalq_94",E="_socialItems_1lalq_109",C="_group_1lalq_116",M="_groups_1lalq_126",z="_groupTitle_1lalq_137",G="_sublinks_1lalq_146",Y="_link_1lalq_154",O="_newTabIcon_1lalq_172",P="_bottom_1lalq_186",U="_left_1lalq_197",D="_center_1lalq_217",H="_right_1lalq_247",a={footer:F,container:I,primaryNav:S,secondaryNav:w,details:L,nav:A,logo:B,socialItems:E,group:C,groups:M,groupTitle:z,sublinks:G,link:Y,newTabIcon:O,bottom:P,left:U,center:D,right:H},J={Facebook:s.FaFacebook,Twitter:s.FaTwitter,LinkedIn:s.FaLinkedin,Instagram:s.FaInstagram,YouTube:s.FaYoutube},K={left:a.left,center:a.center,right:a.right};function Q({logo:d,items:u,primaryInfo:g,secondaryInfo:h,utilityItems:r,socialItems:t,alignment:m="left",copyright:v,className:b,style:j,...q}){const i=(l,o=!1)=>l.map((n,N)=>{var x;const f=n._key??`${n.label}-${N}`,c=!!((x=n.sublinks)!=null&&x.length),y=!!n.href,_=n.icon?J[n.icon]:void 0,p=e.jsxs(e.Fragment,{children:[!o&&n.label,_&&e.jsx(_,{"aria-hidden":"true"}),!_&&n.isExternal&&e.jsx($.ExternalLink,{className:a.newTabIcon,size:14,"aria-hidden":"true"})]});return e.jsxs("div",{className:a.group,children:[y?e.jsx("a",{href:n.href,className:`${a.link}${c?` ${a.groupTitle}`:""}`,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,"aria-label":o?n.label:void 0,onClick:n.onClick,children:p}):e.jsx("span",{className:c?a.groupTitle:void 0,children:p}),c&&e.jsx("div",{className:a.sublinks,"aria-label":`${n.label} links`,children:i(n.sublinks)})]},f)});return e.jsx("footer",{className:`${a.footer} ${K[m]}${b?` ${b}`:""}`,style:j,...q,children:e.jsxs("div",{className:a.container,children:[e.jsxs("div",{className:a.primaryNav,children:[e.jsxs("div",{className:a.details,children:[d&&e.jsx("div",{className:a.logo,children:d}),t&&t.length>0&&e.jsx("div",{className:a.socialItems,"aria-label":"Social media links",children:i(t,!0)}),g&&e.jsx("div",{children:g}),h&&e.jsx("div",{children:h})]}),u.length>0&&e.jsx("nav",{className:a.nav,id:"footer-nav","aria-label":"Footer navigation",children:e.jsx("div",{className:a.groups,children:i(u)})})]}),e.jsxs("div",{className:a.secondaryNav,children:[v&&e.jsx("div",{className:a.bottom,children:e.jsx("span",{children:v})}),r&&r.length>0&&e.jsx("nav",{"aria-label":"Utility links",children:e.jsx(k.ButtonGroup,{orientation:"horizontal",children:r.map((l,o)=>e.jsx(T.Button,{as:"a",href:l.href??"/",variant:l.variant??"primary",displayType:l.displayType??"text",imageSrc:l.imageSrc,imageAlt:l.imageAlt,"aria-label":l.ariaLabel??(typeof l.label=="string"?l.label:""),icon:l.icon,iconAlignment:l.iconAlignment,children:l.label},l._key??o))})})]})]})})}exports.Footer=Q;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { B as
|
|
3
|
-
import { ButtonGroup as
|
|
4
|
-
import { a as
|
|
5
|
-
import { E as
|
|
6
|
-
import '../../../index45.css';const C = "
|
|
7
|
-
footer:
|
|
8
|
-
container:
|
|
9
|
-
primaryNav:
|
|
10
|
-
secondaryNav:
|
|
11
|
-
details:
|
|
12
|
-
nav:
|
|
13
|
-
logo:
|
|
14
|
-
socialItems:
|
|
1
|
+
import { jsx as l, jsxs as o, Fragment as F } from "react/jsx-runtime";
|
|
2
|
+
import { B as $ } from "../../../index-CnlJ2RgH.js";
|
|
3
|
+
import { ButtonGroup as x } from "../ButtonGroup/index.mjs";
|
|
4
|
+
import { a as I, b as w, c as E, d as S, e as A } from "../../../index-CeBA0PT0.js";
|
|
5
|
+
import { E as L } from "../../../external-link-BOPobeQJ.js";
|
|
6
|
+
import '../../../index45.css';const B = "_footer_1lalq_1", C = "_container_1lalq_10", j = "_primaryNav_1lalq_24", z = "_secondaryNav_1lalq_35", M = "_details_1lalq_72", Y = "_nav_1lalq_86", G = "_logo_1lalq_94", U = "_socialItems_1lalq_109", D = "_group_1lalq_116", H = "_groups_1lalq_126", J = "_groupTitle_1lalq_137", K = "_sublinks_1lalq_146", O = "_link_1lalq_154", P = "_newTabIcon_1lalq_172", Q = "_bottom_1lalq_186", R = "_left_1lalq_197", V = "_center_1lalq_217", W = "_right_1lalq_247", a = {
|
|
7
|
+
footer: B,
|
|
8
|
+
container: C,
|
|
9
|
+
primaryNav: j,
|
|
10
|
+
secondaryNav: z,
|
|
11
|
+
details: M,
|
|
12
|
+
nav: Y,
|
|
13
|
+
logo: G,
|
|
14
|
+
socialItems: U,
|
|
15
15
|
group: D,
|
|
16
16
|
groups: H,
|
|
17
17
|
groupTitle: J,
|
|
@@ -23,36 +23,36 @@ import '../../../index45.css';const C = "_footer_10n06_1", j = "_container_10n06
|
|
|
23
23
|
center: V,
|
|
24
24
|
right: W
|
|
25
25
|
}, X = {
|
|
26
|
-
Facebook:
|
|
27
|
-
Twitter:
|
|
28
|
-
LinkedIn:
|
|
29
|
-
Instagram:
|
|
30
|
-
YouTube:
|
|
26
|
+
Facebook: A,
|
|
27
|
+
Twitter: S,
|
|
28
|
+
LinkedIn: E,
|
|
29
|
+
Instagram: w,
|
|
30
|
+
YouTube: I
|
|
31
31
|
}, Z = {
|
|
32
32
|
left: a.left,
|
|
33
33
|
center: a.center,
|
|
34
34
|
right: a.right
|
|
35
35
|
};
|
|
36
|
-
function
|
|
36
|
+
function ra({
|
|
37
37
|
logo: d,
|
|
38
38
|
items: g,
|
|
39
39
|
primaryInfo: h,
|
|
40
40
|
secondaryInfo: p,
|
|
41
|
-
utilityItems:
|
|
42
|
-
socialItems:
|
|
41
|
+
utilityItems: s,
|
|
42
|
+
socialItems: t,
|
|
43
43
|
alignment: f = "left",
|
|
44
44
|
copyright: m,
|
|
45
45
|
className: v,
|
|
46
46
|
style: N,
|
|
47
|
-
...
|
|
47
|
+
...q
|
|
48
48
|
}) {
|
|
49
|
-
const i = (
|
|
49
|
+
const i = (n, r = !1) => n.map((e, y) => {
|
|
50
50
|
var u;
|
|
51
|
-
const
|
|
52
|
-
!
|
|
53
|
-
_ && /* @__PURE__ */
|
|
54
|
-
!_ && e.isExternal && /* @__PURE__ */
|
|
55
|
-
|
|
51
|
+
const T = e._key ?? `${e.label}-${y}`, c = !!((u = e.sublinks) != null && u.length), k = !!e.href, _ = e.icon ? X[e.icon] : void 0, b = /* @__PURE__ */ o(F, { children: [
|
|
52
|
+
!r && e.label,
|
|
53
|
+
_ && /* @__PURE__ */ l(_, { "aria-hidden": "true" }),
|
|
54
|
+
!_ && e.isExternal && /* @__PURE__ */ l(
|
|
55
|
+
L,
|
|
56
56
|
{
|
|
57
57
|
className: a.newTabIcon,
|
|
58
58
|
size: 14,
|
|
@@ -60,70 +60,70 @@ function sa({
|
|
|
60
60
|
}
|
|
61
61
|
)
|
|
62
62
|
] });
|
|
63
|
-
return /* @__PURE__ */
|
|
64
|
-
|
|
63
|
+
return /* @__PURE__ */ o("div", { className: a.group, children: [
|
|
64
|
+
k ? /* @__PURE__ */ l(
|
|
65
65
|
"a",
|
|
66
66
|
{
|
|
67
67
|
href: e.href,
|
|
68
68
|
className: `${a.link}${c ? ` ${a.groupTitle}` : ""}`,
|
|
69
69
|
target: e.isExternal ? "_blank" : "_self",
|
|
70
70
|
rel: e.isExternal ? "noopener noreferrer" : void 0,
|
|
71
|
-
"aria-label":
|
|
71
|
+
"aria-label": r ? e.label : void 0,
|
|
72
72
|
onClick: e.onClick,
|
|
73
73
|
children: b
|
|
74
74
|
}
|
|
75
|
-
) : /* @__PURE__ */
|
|
76
|
-
c && /* @__PURE__ */
|
|
77
|
-
] },
|
|
75
|
+
) : /* @__PURE__ */ l("span", { className: c ? a.groupTitle : void 0, children: b }),
|
|
76
|
+
c && /* @__PURE__ */ l("div", { className: a.sublinks, "aria-label": `${e.label} links`, children: i(e.sublinks) })
|
|
77
|
+
] }, T);
|
|
78
78
|
});
|
|
79
|
-
return /* @__PURE__ */
|
|
79
|
+
return /* @__PURE__ */ l(
|
|
80
80
|
"footer",
|
|
81
81
|
{
|
|
82
82
|
className: `${a.footer} ${Z[f]}${v ? ` ${v}` : ""}`,
|
|
83
83
|
style: N,
|
|
84
|
-
...
|
|
85
|
-
children: /* @__PURE__ */
|
|
86
|
-
/* @__PURE__ */
|
|
87
|
-
/* @__PURE__ */
|
|
88
|
-
d && /* @__PURE__ */
|
|
89
|
-
|
|
84
|
+
...q,
|
|
85
|
+
children: /* @__PURE__ */ o("div", { className: a.container, children: [
|
|
86
|
+
/* @__PURE__ */ o("div", { className: a.primaryNav, children: [
|
|
87
|
+
/* @__PURE__ */ o("div", { className: a.details, children: [
|
|
88
|
+
d && /* @__PURE__ */ l("div", { className: a.logo, children: d }),
|
|
89
|
+
t && t.length > 0 && /* @__PURE__ */ l(
|
|
90
90
|
"div",
|
|
91
91
|
{
|
|
92
92
|
className: a.socialItems,
|
|
93
93
|
"aria-label": "Social media links",
|
|
94
|
-
children: i(
|
|
94
|
+
children: i(t, !0)
|
|
95
95
|
}
|
|
96
96
|
),
|
|
97
|
-
h && /* @__PURE__ */
|
|
98
|
-
p && /* @__PURE__ */
|
|
97
|
+
h && /* @__PURE__ */ l("div", { children: h }),
|
|
98
|
+
p && /* @__PURE__ */ l("div", { children: p })
|
|
99
99
|
] }),
|
|
100
|
-
g.length > 0 && /* @__PURE__ */
|
|
100
|
+
g.length > 0 && /* @__PURE__ */ l(
|
|
101
101
|
"nav",
|
|
102
102
|
{
|
|
103
103
|
className: a.nav,
|
|
104
104
|
id: "footer-nav",
|
|
105
105
|
"aria-label": "Footer navigation",
|
|
106
|
-
children: /* @__PURE__ */
|
|
106
|
+
children: /* @__PURE__ */ l("div", { className: a.groups, children: i(g) })
|
|
107
107
|
}
|
|
108
108
|
)
|
|
109
109
|
] }),
|
|
110
|
-
/* @__PURE__ */
|
|
111
|
-
m && /* @__PURE__ */
|
|
112
|
-
|
|
113
|
-
|
|
110
|
+
/* @__PURE__ */ o("div", { className: a.secondaryNav, children: [
|
|
111
|
+
m && /* @__PURE__ */ l("div", { className: a.bottom, children: /* @__PURE__ */ l("span", { children: m }) }),
|
|
112
|
+
s && s.length > 0 && /* @__PURE__ */ l("nav", { "aria-label": "Utility links", children: /* @__PURE__ */ l(x, { orientation: "horizontal", children: s.map((n, r) => /* @__PURE__ */ l(
|
|
113
|
+
$,
|
|
114
114
|
{
|
|
115
115
|
as: "a",
|
|
116
|
-
href:
|
|
117
|
-
variant:
|
|
118
|
-
displayType:
|
|
119
|
-
imageSrc:
|
|
120
|
-
imageAlt:
|
|
121
|
-
"aria-label":
|
|
122
|
-
icon:
|
|
123
|
-
iconAlignment:
|
|
124
|
-
children:
|
|
116
|
+
href: n.href ?? "/",
|
|
117
|
+
variant: n.variant ?? "primary",
|
|
118
|
+
displayType: n.displayType ?? "text",
|
|
119
|
+
imageSrc: n.imageSrc,
|
|
120
|
+
imageAlt: n.imageAlt,
|
|
121
|
+
"aria-label": n.ariaLabel ?? (typeof n.label == "string" ? n.label : ""),
|
|
122
|
+
icon: n.icon,
|
|
123
|
+
iconAlignment: n.iconAlignment,
|
|
124
|
+
children: n.label
|
|
125
125
|
},
|
|
126
|
-
|
|
126
|
+
n._key ?? r
|
|
127
127
|
)) }) })
|
|
128
128
|
] })
|
|
129
129
|
] })
|
|
@@ -131,5 +131,5 @@ function sa({
|
|
|
131
131
|
);
|
|
132
132
|
}
|
|
133
133
|
export {
|
|
134
|
-
|
|
134
|
+
ra as Footer
|
|
135
135
|
};
|
package/dist/index45.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._footer_1lalq_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_1lalq_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_1lalq_20{width:100%}._primaryNav_1lalq_24{display:flex;gap:var(--spacing-xl);width:100%}@media (max-width: 767px){._primaryNav_1lalq_24{width:100%;flex-direction:column-reverse}}._secondaryNav_1lalq_35{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_1lalq_35 a:has(img){height:unset;background-color:transparent}._secondaryNav_1lalq_35 a:has(img) img{width:auto;height:60px}._secondaryNav_1lalq_35 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_1lalq_35{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_1lalq_35 nav{width:100%;display:flex;justify-content:center}}._details_1lalq_72{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_1lalq_72{justify-content:center;align-items:center;text-align:center;flex-basis:auto}}._nav_1lalq_86{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_1lalq_94{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_1lalq_94 a{display:block}._logo_1lalq_94 img{height:auto}._socialItems_1lalq_109{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_1lalq_109 ._group_1lalq_116{flex:unset;min-width:unset}._socialItems_1lalq_109 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_1lalq_126{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_1lalq_116{flex:.2;min-width:140px}._groupTitle_1lalq_137{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_1lalq_146{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_1lalq_154{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_1lalq_154{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_1lalq_154 ._newTabIcon_1lalq_172{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_1lalq_154:hover,._link_1lalq_154:hover ._newTabIcon_1lalq_172{color:var(--color-primary-100)}._bottom_1lalq_186{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_1lalq_186{text-align:center}}._left_1lalq_197 ._container_1lalq_10{justify-content:flex-start}._left_1lalq_197 ._logo_1lalq_94{flex:unset}._left_1lalq_197 ._nav_1lalq_86{flex:1}@media (max-width: 767px){._left_1lalq_197 ._logo_1lalq_94{flex:1}}._center_1lalq_217 ._nav_1lalq_86{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1lalq_217 ._nav_1lalq_86._hidden_1lalq_225{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1lalq_217 ._nav_1lalq_86._visible_1lalq_232{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1lalq_217 ._logo_1lalq_94{flex:1}}._right_1lalq_247 ._container_1lalq_10{justify-content:flex-end}._right_1lalq_247 ._logo_1lalq_94,._right_1lalq_247 ._title_1lalq_253{flex:1}._right_1lalq_247 ._nav_1lalq_86{flex:unset}
|