quirk-ui 0.1.58 → 0.1.59
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"),k=require("../../../index-D0ylyll7.cjs"),$=require("../ButtonGroup/index.cjs"),s=require("../../../index-CBK5rp6X.cjs"),F=require("../../../external-link-DDShu-48.cjs"),I="_footer_ol10t_1",S="_container_ol10t_10",q="_primaryNav_ol10t_24",w="_secondaryNav_ol10t_35",L="_details_ol10t_72",A="_nav_ol10t_86",B="_logo_ol10t_94",E="_socialItems_ol10t_109",C="_group_ol10t_116",M="_groups_ol10t_126",z="_groupTitle_ol10t_137",G="_sublinks_ol10t_146",Y="_link_ol10t_154",O="_newTabIcon_ol10t_172",P="_bottom_ol10t_186",U="_left_ol10t_197",D="_center_ol10t_217",H="_right_ol10t_247",o={footer:I,container:S,primaryNav:q,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:o.left,center:o.center,right:o.right};function Q({logo:d,items:u,primaryInfo:g,secondaryInfo:h,utilityItems:r,socialItems:l,alignment:m="left",copyright:v,className:b,style:j,...N}){const i=(a,t=!1)=>a.map((n,f)=>{var x;const y=n._key??`${n.label}-${f}`,c=!!((x=n.sublinks)!=null&&x.length),T=!!n.href,_=n.icon?J[n.icon]:void 0,p=e.jsxs(e.Fragment,{children:[!t&&n.label,_&&e.jsx(_,{"aria-hidden":"true"}),!_&&n.isExternal&&e.jsx(F.ExternalLink,{className:o.newTabIcon,size:14,"aria-hidden":"true"})]});return e.jsxs("div",{className:o.group,children:[T?e.jsx("a",{href:n.href,className:`${o.link}${c?` ${o.groupTitle}`:""}`,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,"aria-label":t?n.label:void 0,onClick:n.onClick,children:p}):e.jsx("span",{className:c?o.groupTitle:void 0,children:p}),c&&e.jsx("div",{className:o.sublinks,"aria-label":`${n.label} links`,children:i(n.sublinks)})]},y)});return e.jsx("footer",{className:`${o.footer} ${K[m]}${b?` ${b}`:""}`,style:j,...N,children:e.jsxs("div",{className:o.container,children:[e.jsxs("div",{className:o.primaryNav,children:[e.jsxs("div",{className:o.details,children:[d&&e.jsx("div",{className:o.logo,children:d}),l&&l.length>0&&e.jsx("div",{className:o.socialItems,"aria-label":"Social media links",children:i(l,!0)}),g&&e.jsx("div",{children:g}),h&&e.jsx("div",{children:h})]}),u.length>0&&e.jsx("nav",{className:o.nav,id:"footer-nav","aria-label":"Footer navigation",children:e.jsx("div",{className:o.groups,children:i(u)})})]}),e.jsxs("div",{className:o.secondaryNav,children:[v&&e.jsx("div",{className:o.bottom,children:e.jsx("span",{children:v})}),r&&r.length>0&&e.jsx("nav",{"aria-label":"Utility links",children:e.jsx($.ButtonGroup,{orientation:"horizontal",children:r.map((a,t)=>e.jsx(k.Button,{as:"a",href:a.href??"/",variant:a.variant??"primary",displayType:a.displayType??"text",imageSrc:a.imageSrc,imageAlt:a.imageAlt,"aria-label":a.ariaLabel??(typeof a.label=="string"?a.label:""),icon:a.icon,iconAlignment:a.iconAlignment,children:a.label},a._key??t))})})]})]})})}exports.Footer=Q;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as o, jsxs as t, Fragment as $ } from "react/jsx-runtime";
|
|
2
2
|
import { B as x } from "../../../index-CnlJ2RgH.js";
|
|
3
3
|
import { ButtonGroup as I } from "../ButtonGroup/index.mjs";
|
|
4
4
|
import { a as w, b as E, c as S, d as A, e as L } from "../../../index-CeBA0PT0.js";
|
|
5
5
|
import { E as B } from "../../../external-link-BOPobeQJ.js";
|
|
6
|
-
import '../../../index45.css';const C = "
|
|
6
|
+
import '../../../index45.css';const C = "_footer_ol10t_1", j = "_container_ol10t_10", z = "_primaryNav_ol10t_24", M = "_secondaryNav_ol10t_35", Y = "_details_ol10t_72", G = "_nav_ol10t_86", U = "_logo_ol10t_94", q = "_socialItems_ol10t_109", D = "_group_ol10t_116", H = "_groups_ol10t_126", J = "_groupTitle_ol10t_137", K = "_sublinks_ol10t_146", O = "_link_ol10t_154", P = "_newTabIcon_ol10t_172", Q = "_bottom_ol10t_186", R = "_left_ol10t_197", V = "_center_ol10t_217", W = "_right_ol10t_247", a = {
|
|
7
7
|
footer: C,
|
|
8
8
|
container: j,
|
|
9
9
|
primaryNav: z,
|
|
@@ -33,25 +33,25 @@ import '../../../index45.css';const C = "_footer_10n06_1", j = "_container_10n06
|
|
|
33
33
|
center: a.center,
|
|
34
34
|
right: a.right
|
|
35
35
|
};
|
|
36
|
-
function
|
|
36
|
+
function la({
|
|
37
37
|
logo: d,
|
|
38
38
|
items: g,
|
|
39
39
|
primaryInfo: h,
|
|
40
40
|
secondaryInfo: p,
|
|
41
|
-
utilityItems:
|
|
42
|
-
socialItems:
|
|
41
|
+
utilityItems: r,
|
|
42
|
+
socialItems: s,
|
|
43
43
|
alignment: f = "left",
|
|
44
44
|
copyright: m,
|
|
45
45
|
className: v,
|
|
46
46
|
style: N,
|
|
47
47
|
...y
|
|
48
48
|
}) {
|
|
49
|
-
const i = (
|
|
49
|
+
const i = (n, l = !1) => n.map((e, T) => {
|
|
50
50
|
var u;
|
|
51
|
-
const k = e._key ?? `${e.label}-${T}`, c = !!((u = e.sublinks) != null && u.length), F = !!e.href, _ = e.icon ? X[e.icon] : void 0, b = /* @__PURE__ */
|
|
52
|
-
!
|
|
53
|
-
_ && /* @__PURE__ */
|
|
54
|
-
!_ && e.isExternal && /* @__PURE__ */
|
|
51
|
+
const k = e._key ?? `${e.label}-${T}`, c = !!((u = e.sublinks) != null && u.length), F = !!e.href, _ = e.icon ? X[e.icon] : void 0, b = /* @__PURE__ */ t($, { children: [
|
|
52
|
+
!l && e.label,
|
|
53
|
+
_ && /* @__PURE__ */ o(_, { "aria-hidden": "true" }),
|
|
54
|
+
!_ && e.isExternal && /* @__PURE__ */ o(
|
|
55
55
|
B,
|
|
56
56
|
{
|
|
57
57
|
className: a.newTabIcon,
|
|
@@ -60,70 +60,70 @@ function sa({
|
|
|
60
60
|
}
|
|
61
61
|
)
|
|
62
62
|
] });
|
|
63
|
-
return /* @__PURE__ */
|
|
64
|
-
F ? /* @__PURE__ */
|
|
63
|
+
return /* @__PURE__ */ t("div", { className: a.group, children: [
|
|
64
|
+
F ? /* @__PURE__ */ o(
|
|
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": l ? e.label : void 0,
|
|
72
72
|
onClick: e.onClick,
|
|
73
73
|
children: b
|
|
74
74
|
}
|
|
75
|
-
) : /* @__PURE__ */
|
|
76
|
-
c && /* @__PURE__ */
|
|
75
|
+
) : /* @__PURE__ */ o("span", { className: c ? a.groupTitle : void 0, children: b }),
|
|
76
|
+
c && /* @__PURE__ */ o("div", { className: a.sublinks, "aria-label": `${e.label} links`, children: i(e.sublinks) })
|
|
77
77
|
] }, k);
|
|
78
78
|
});
|
|
79
|
-
return /* @__PURE__ */
|
|
79
|
+
return /* @__PURE__ */ o(
|
|
80
80
|
"footer",
|
|
81
81
|
{
|
|
82
82
|
className: `${a.footer} ${Z[f]}${v ? ` ${v}` : ""}`,
|
|
83
83
|
style: N,
|
|
84
84
|
...y,
|
|
85
|
-
children: /* @__PURE__ */
|
|
86
|
-
/* @__PURE__ */
|
|
87
|
-
/* @__PURE__ */
|
|
88
|
-
d && /* @__PURE__ */
|
|
89
|
-
|
|
85
|
+
children: /* @__PURE__ */ t("div", { className: a.container, children: [
|
|
86
|
+
/* @__PURE__ */ t("div", { className: a.primaryNav, children: [
|
|
87
|
+
/* @__PURE__ */ t("div", { className: a.details, children: [
|
|
88
|
+
d && /* @__PURE__ */ o("div", { className: a.logo, children: d }),
|
|
89
|
+
s && s.length > 0 && /* @__PURE__ */ o(
|
|
90
90
|
"div",
|
|
91
91
|
{
|
|
92
92
|
className: a.socialItems,
|
|
93
93
|
"aria-label": "Social media links",
|
|
94
|
-
children: i(
|
|
94
|
+
children: i(s, !0)
|
|
95
95
|
}
|
|
96
96
|
),
|
|
97
|
-
h && /* @__PURE__ */
|
|
98
|
-
p && /* @__PURE__ */
|
|
97
|
+
h && /* @__PURE__ */ o("div", { children: h }),
|
|
98
|
+
p && /* @__PURE__ */ o("div", { children: p })
|
|
99
99
|
] }),
|
|
100
|
-
g.length > 0 && /* @__PURE__ */
|
|
100
|
+
g.length > 0 && /* @__PURE__ */ o(
|
|
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__ */ o("div", { className: a.groups, children: i(g) })
|
|
107
107
|
}
|
|
108
108
|
)
|
|
109
109
|
] }),
|
|
110
|
-
/* @__PURE__ */
|
|
111
|
-
m && /* @__PURE__ */
|
|
112
|
-
|
|
110
|
+
/* @__PURE__ */ t("div", { className: a.secondaryNav, children: [
|
|
111
|
+
m && /* @__PURE__ */ o("div", { className: a.bottom, children: /* @__PURE__ */ o("span", { children: m }) }),
|
|
112
|
+
r && r.length > 0 && /* @__PURE__ */ o("nav", { "aria-label": "Utility links", children: /* @__PURE__ */ o(I, { orientation: "horizontal", children: r.map((n, l) => /* @__PURE__ */ o(
|
|
113
113
|
x,
|
|
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 ?? l
|
|
127
127
|
)) }) })
|
|
128
128
|
] })
|
|
129
129
|
] })
|
|
@@ -131,5 +131,5 @@ function sa({
|
|
|
131
131
|
);
|
|
132
132
|
}
|
|
133
133
|
export {
|
|
134
|
-
|
|
134
|
+
la as Footer
|
|
135
135
|
};
|
package/dist/index45.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._footer_ol10t_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_ol10t_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_ol10t_20{width:100%}._primaryNav_ol10t_24{display:flex;gap:var(--spacing-xl);width:100%}@media (max-width: 767px){._primaryNav_ol10t_24{width:100%;flex-direction:column-reverse}}._secondaryNav_ol10t_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_ol10t_35 a:has(img){height:unset;background-color:transparent}._secondaryNav_ol10t_35 a:has(img) img{width:auto;height:60px}._secondaryNav_ol10t_35 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_ol10t_35{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_ol10t_35 nav{width:100%;display:flex;justify-content:center}}._details_ol10t_72{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_ol10t_72{justify-content:center;align-items:center;text-align:center;flex-basis:auto}}._nav_ol10t_86{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_ol10t_94{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_ol10t_94 a{display:block}._logo_ol10t_94 img{height:auto;max-height:50px}._socialItems_ol10t_109{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_ol10t_109 ._group_ol10t_116{flex:unset;min-width:unset}._socialItems_ol10t_109 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_ol10t_126{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_ol10t_116{flex:.2;min-width:140px}._groupTitle_ol10t_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_ol10t_146{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_ol10t_154{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_ol10t_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_ol10t_154 ._newTabIcon_ol10t_172{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_ol10t_154:hover,._link_ol10t_154:hover ._newTabIcon_ol10t_172{color:var(--color-primary-100)}._bottom_ol10t_186{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_ol10t_186{text-align:center}}._left_ol10t_197 ._container_ol10t_10{justify-content:flex-start}._left_ol10t_197 ._logo_ol10t_94{flex:unset}._left_ol10t_197 ._nav_ol10t_86{flex:1}@media (max-width: 767px){._left_ol10t_197 ._logo_ol10t_94{flex:1}}._center_ol10t_217 ._nav_ol10t_86{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_ol10t_217 ._nav_ol10t_86._hidden_ol10t_225{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_ol10t_217 ._nav_ol10t_86._visible_ol10t_232{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_ol10t_217 ._logo_ol10t_94{flex:1}}._right_ol10t_247 ._container_ol10t_10{justify-content:flex-end}._right_ol10t_247 ._logo_ol10t_94,._right_ol10t_247 ._title_ol10t_253{flex:1}._right_ol10t_247 ._nav_ol10t_86{flex:unset}
|