quirk-ui 0.1.179 → 0.1.180
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('../../../index52.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index52.css');const e=require("react/jsx-runtime"),k=require("../../../index-0SVQqhAg.cjs"),$=require("../ButtonGroup/index.cjs"),a=require("../../../index-CBK5rp6X.cjs"),F=require("../../../external-link-DDShu-48.cjs"),I="_footer_rb1sm_1",S="_container_rb1sm_10",q="_primaryNav_rb1sm_24",w="_secondaryNav_rb1sm_35",L="_details_rb1sm_72",A="_nav_rb1sm_86",B="_logo_rb1sm_94",E="_socialItems_rb1sm_109",C="_group_rb1sm_116",M="_groups_rb1sm_126",z="_groupTitle_rb1sm_137",G="_sublinks_rb1sm_146",Y="_link_rb1sm_154",O="_newTabIcon_rb1sm_172",P="_bottom_rb1sm_186",U="_left_rb1sm_197",D="_center_rb1sm_217",H="_right_rb1sm_247",s={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:a.FaFacebook,Twitter:a.FaTwitter,LinkedIn:a.FaLinkedin,Instagram:a.FaInstagram,YouTube:a.FaYoutube},K={left:s.left,center:s.center,right:s.right};function Q({logo:d,items:b,primaryInfo:m,secondaryInfo:u,utilityItems:t,socialItems:i,alignment:x="left",copyright:g,className:h,style:j,...N}){const l=(r,o=!1)=>r.map((n,f)=>{var p;const y=n._key??`${n.label}-${f}`,c=!!((p=n.sublinks)!=null&&p.length),T=!!n.href,_=n.icon?J[n.icon]:void 0,v=e.jsxs(e.Fragment,{children:[!o&&n.label,_&&e.jsx(_,{"aria-hidden":"true"}),!_&&n.isExternal&&e.jsx(F.ExternalLink,{className:s.newTabIcon,size:14,"aria-hidden":"true"})]});return e.jsxs("div",{className:s.group,children:[T?e.jsx("a",{href:n.href,className:`${s.link}${c?` ${s.groupTitle}`:""}`,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,"aria-label":o?n.label:void 0,onClick:n.onClick,children:v}):e.jsx("span",{className:c?s.groupTitle:void 0,children:v}),c&&e.jsx("div",{className:s.sublinks,"aria-label":`${n.label} links`,children:l(n.sublinks)})]},y)});return e.jsx("footer",{className:`${s.footer} ${K[x]}${h?` ${h}`:""}`,style:j,...N,children:e.jsxs("div",{className:s.container,children:[e.jsxs("div",{className:s.primaryNav,children:[e.jsxs("div",{className:s.details,children:[d&&e.jsx("div",{className:s.logo,children:d}),i&&i.length>0&&e.jsx("div",{className:s.socialItems,"aria-label":"Social media links",children:l(i,!0)}),m&&e.jsx("div",{children:m}),u&&e.jsx("div",{children:u})]}),b.length>0&&e.jsx("nav",{className:s.nav,id:"footer-nav","aria-label":"Footer navigation",children:e.jsx("div",{className:s.groups,children:l(b)})})]}),e.jsxs("div",{className:s.secondaryNav,children:[g&&e.jsx("div",{className:s.bottom,children:e.jsx("span",{children:g})}),t&&t.length>0&&e.jsx("nav",{"aria-label":"Utility links",children:e.jsx($.ButtonGroup,{orientation:"horizontal",children:t.map((r,o)=>e.jsx(k.Button,{as:"a",href:r.href??"/",variant:r.variant??"primary",displayType:r.displayType??"text",imageSrc:r.imageSrc,imageAlt:r.imageAlt,"aria-label":r.ariaLabel??(typeof r.label=="string"?r.label:""),icon:r.icon,iconAlignment:r.iconAlignment,children:r.label},r._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 '../../../index52.css';const
|
|
7
|
-
footer:
|
|
8
|
-
container:
|
|
9
|
-
primaryNav:
|
|
10
|
-
secondaryNav:
|
|
11
|
-
details:
|
|
12
|
-
nav:
|
|
13
|
-
logo:
|
|
14
|
-
socialItems:
|
|
1
|
+
import { jsx as r, jsxs as s, Fragment as $ } from "react/jsx-runtime";
|
|
2
|
+
import { B as x } from "../../../index-aWdsapYP.js";
|
|
3
|
+
import { ButtonGroup as I } from "../ButtonGroup/index.mjs";
|
|
4
|
+
import { a as w, b as E, c as S, d as A, e as L } from "../../../index-CeBA0PT0.js";
|
|
5
|
+
import { E as B } from "../../../external-link-BOPobeQJ.js";
|
|
6
|
+
import '../../../index52.css';const C = "_footer_rb1sm_1", j = "_container_rb1sm_10", z = "_primaryNav_rb1sm_24", M = "_secondaryNav_rb1sm_35", Y = "_details_rb1sm_72", G = "_nav_rb1sm_86", U = "_logo_rb1sm_94", q = "_socialItems_rb1sm_109", D = "_group_rb1sm_116", H = "_groups_rb1sm_126", J = "_groupTitle_rb1sm_137", K = "_sublinks_rb1sm_146", O = "_link_rb1sm_154", P = "_newTabIcon_rb1sm_172", Q = "_bottom_rb1sm_186", R = "_left_rb1sm_197", V = "_center_rb1sm_217", W = "_right_rb1sm_247", a = {
|
|
7
|
+
footer: C,
|
|
8
|
+
container: j,
|
|
9
|
+
primaryNav: z,
|
|
10
|
+
secondaryNav: M,
|
|
11
|
+
details: Y,
|
|
12
|
+
nav: G,
|
|
13
|
+
logo: U,
|
|
14
|
+
socialItems: q,
|
|
15
15
|
group: D,
|
|
16
16
|
groups: H,
|
|
17
17
|
groupTitle: J,
|
|
@@ -23,36 +23,36 @@ import '../../../index52.css';const B = "_footer_1lalq_1", C = "_container_1lalq
|
|
|
23
23
|
center: V,
|
|
24
24
|
right: W
|
|
25
25
|
}, X = {
|
|
26
|
-
Facebook:
|
|
27
|
-
Twitter:
|
|
28
|
-
LinkedIn:
|
|
29
|
-
Instagram:
|
|
30
|
-
YouTube:
|
|
26
|
+
Facebook: L,
|
|
27
|
+
Twitter: A,
|
|
28
|
+
LinkedIn: S,
|
|
29
|
+
Instagram: E,
|
|
30
|
+
YouTube: w
|
|
31
31
|
}, Z = {
|
|
32
32
|
left: a.left,
|
|
33
33
|
center: a.center,
|
|
34
34
|
right: a.right
|
|
35
35
|
};
|
|
36
|
-
function
|
|
36
|
+
function oa({
|
|
37
37
|
logo: d,
|
|
38
|
-
items:
|
|
39
|
-
primaryInfo:
|
|
40
|
-
secondaryInfo:
|
|
41
|
-
utilityItems:
|
|
42
|
-
socialItems:
|
|
38
|
+
items: m,
|
|
39
|
+
primaryInfo: b,
|
|
40
|
+
secondaryInfo: g,
|
|
41
|
+
utilityItems: t,
|
|
42
|
+
socialItems: l,
|
|
43
43
|
alignment: f = "left",
|
|
44
|
-
copyright:
|
|
45
|
-
className:
|
|
44
|
+
copyright: h,
|
|
45
|
+
className: p,
|
|
46
46
|
style: N,
|
|
47
|
-
...
|
|
47
|
+
...y
|
|
48
48
|
}) {
|
|
49
|
-
const i = (n,
|
|
49
|
+
const i = (n, o = !1) => n.map((e, T) => {
|
|
50
50
|
var u;
|
|
51
|
-
const
|
|
52
|
-
!
|
|
53
|
-
_ && /* @__PURE__ */
|
|
54
|
-
!_ && e.isExternal && /* @__PURE__ */
|
|
55
|
-
|
|
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, v = /* @__PURE__ */ s($, { children: [
|
|
52
|
+
!o && e.label,
|
|
53
|
+
_ && /* @__PURE__ */ r(_, { "aria-hidden": "true" }),
|
|
54
|
+
!_ && e.isExternal && /* @__PURE__ */ r(
|
|
55
|
+
B,
|
|
56
56
|
{
|
|
57
57
|
className: a.newTabIcon,
|
|
58
58
|
size: 14,
|
|
@@ -60,57 +60,57 @@ function ra({
|
|
|
60
60
|
}
|
|
61
61
|
)
|
|
62
62
|
] });
|
|
63
|
-
return /* @__PURE__ */
|
|
64
|
-
|
|
63
|
+
return /* @__PURE__ */ s("div", { className: a.group, children: [
|
|
64
|
+
F ? /* @__PURE__ */ r(
|
|
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": o ? e.label : void 0,
|
|
72
72
|
onClick: e.onClick,
|
|
73
|
-
children:
|
|
73
|
+
children: v
|
|
74
74
|
}
|
|
75
|
-
) : /* @__PURE__ */
|
|
76
|
-
c && /* @__PURE__ */
|
|
77
|
-
] },
|
|
75
|
+
) : /* @__PURE__ */ r("span", { className: c ? a.groupTitle : void 0, children: v }),
|
|
76
|
+
c && /* @__PURE__ */ r("div", { className: a.sublinks, "aria-label": `${e.label} links`, children: i(e.sublinks) })
|
|
77
|
+
] }, k);
|
|
78
78
|
});
|
|
79
|
-
return /* @__PURE__ */
|
|
79
|
+
return /* @__PURE__ */ r(
|
|
80
80
|
"footer",
|
|
81
81
|
{
|
|
82
|
-
className: `${a.footer} ${Z[f]}${
|
|
82
|
+
className: `${a.footer} ${Z[f]}${p ? ` ${p}` : ""}`,
|
|
83
83
|
style: N,
|
|
84
|
-
...
|
|
85
|
-
children: /* @__PURE__ */
|
|
86
|
-
/* @__PURE__ */
|
|
87
|
-
/* @__PURE__ */
|
|
88
|
-
d && /* @__PURE__ */
|
|
89
|
-
|
|
84
|
+
...y,
|
|
85
|
+
children: /* @__PURE__ */ s("div", { className: a.container, children: [
|
|
86
|
+
/* @__PURE__ */ s("div", { className: a.primaryNav, children: [
|
|
87
|
+
/* @__PURE__ */ s("div", { className: a.details, children: [
|
|
88
|
+
d && /* @__PURE__ */ r("div", { className: a.logo, children: d }),
|
|
89
|
+
l && l.length > 0 && /* @__PURE__ */ r(
|
|
90
90
|
"div",
|
|
91
91
|
{
|
|
92
92
|
className: a.socialItems,
|
|
93
93
|
"aria-label": "Social media links",
|
|
94
|
-
children: i(
|
|
94
|
+
children: i(l, !0)
|
|
95
95
|
}
|
|
96
96
|
),
|
|
97
|
-
|
|
98
|
-
|
|
97
|
+
b && /* @__PURE__ */ r("div", { children: b }),
|
|
98
|
+
g && /* @__PURE__ */ r("div", { children: g })
|
|
99
99
|
] }),
|
|
100
|
-
|
|
100
|
+
m.length > 0 && /* @__PURE__ */ r(
|
|
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__ */ r("div", { className: a.groups, children: i(m) })
|
|
107
107
|
}
|
|
108
108
|
)
|
|
109
109
|
] }),
|
|
110
|
-
/* @__PURE__ */
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
110
|
+
/* @__PURE__ */ s("div", { className: a.secondaryNav, children: [
|
|
111
|
+
h && /* @__PURE__ */ r("div", { className: a.bottom, children: /* @__PURE__ */ r("span", { children: h }) }),
|
|
112
|
+
t && t.length > 0 && /* @__PURE__ */ r("nav", { "aria-label": "Utility links", children: /* @__PURE__ */ r(I, { orientation: "horizontal", children: t.map((n, o) => /* @__PURE__ */ r(
|
|
113
|
+
x,
|
|
114
114
|
{
|
|
115
115
|
as: "a",
|
|
116
116
|
href: n.href ?? "/",
|
|
@@ -123,7 +123,7 @@ function ra({
|
|
|
123
123
|
iconAlignment: n.iconAlignment,
|
|
124
124
|
children: n.label
|
|
125
125
|
},
|
|
126
|
-
n._key ??
|
|
126
|
+
n._key ?? o
|
|
127
127
|
)) }) })
|
|
128
128
|
] })
|
|
129
129
|
] })
|
|
@@ -131,5 +131,5 @@ function ra({
|
|
|
131
131
|
);
|
|
132
132
|
}
|
|
133
133
|
export {
|
|
134
|
-
|
|
134
|
+
oa as Footer
|
|
135
135
|
};
|
package/dist/index52.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._footer_rb1sm_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_rb1sm_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_rb1sm_20{width:100%}._primaryNav_rb1sm_24{display:flex;gap:var(--spacing-xl);width:100%}@media (max-width: 767px){._primaryNav_rb1sm_24{width:100%;flex-direction:column-reverse}}._secondaryNav_rb1sm_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_rb1sm_35 a:has(img){height:unset;background-color:transparent}._secondaryNav_rb1sm_35 a:has(img) img{width:auto;height:60px}._secondaryNav_rb1sm_35 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_rb1sm_35{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_rb1sm_35 nav{width:100%;display:flex;justify-content:center}}._details_rb1sm_72{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_rb1sm_72{justify-content:center;align-items:center;text-align:center;flex-basis:auto}}._nav_rb1sm_86{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_rb1sm_94{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_rb1sm_94 a{display:block}._logo_rb1sm_94 img{height:auto}._socialItems_rb1sm_109{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_rb1sm_109 ._group_rb1sm_116{flex:unset;min-width:unset}._socialItems_rb1sm_109 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_rb1sm_126{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_rb1sm_116{flex:.2;min-width:170px}._groupTitle_rb1sm_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_rb1sm_146{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_rb1sm_154{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_rb1sm_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_rb1sm_154 ._newTabIcon_rb1sm_172{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_rb1sm_154:hover,._link_rb1sm_154:hover ._newTabIcon_rb1sm_172{color:var(--color-primary-100)}._bottom_rb1sm_186{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_rb1sm_186{text-align:center}}._left_rb1sm_197 ._container_rb1sm_10{justify-content:flex-start}._left_rb1sm_197 ._logo_rb1sm_94{flex:unset}._left_rb1sm_197 ._nav_rb1sm_86{flex:1}@media (max-width: 767px){._left_rb1sm_197 ._logo_rb1sm_94{flex:1}}._center_rb1sm_217 ._nav_rb1sm_86{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_rb1sm_217 ._nav_rb1sm_86._hidden_rb1sm_225{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_rb1sm_217 ._nav_rb1sm_86._visible_rb1sm_232{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_rb1sm_217 ._logo_rb1sm_94{flex:1}}._right_rb1sm_247 ._container_rb1sm_10{justify-content:flex-end}._right_rb1sm_247 ._logo_rb1sm_94,._right_rb1sm_247 ._title_rb1sm_253{flex:1}._right_rb1sm_247 ._nav_rb1sm_86{flex:unset}
|