quirk-ui 0.0.187 → 0.0.189

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.
Files changed (4) hide show
  1. package/dist/components/Footer/index.js +43 -43
  2. package/dist/lib/components/Footer/index.d.ts +1 -9
  3. package/dist/lib/components/NavBar/index.d.ts +1 -1
  4. package/package.json +1 -1
package/dist/components/Footer/index.js CHANGED
@@ -1,87 +1,87 @@
1
- import { jsx as s, jsxs as l } from "react/jsx-runtime";
2
- import { CallToAction as $ } from "../CallToAction/index.js";
1
+ import { jsx as e, jsxs as l } from "react/jsx-runtime";
2
+ import { CallToAction as I } from "../CallToAction/index.js";
3
3
  import { ButtonGroup as T } from "../ButtonGroup/index.js";
4
- import '../../assets/index35.css';const x = "_footer_1r04b_1", I = "_container_1r04b_8", S = "_utilityImage_1r04b_17", A = "_primaryNav_1r04b_21", L = "_secondaryNav_1r04b_30", k = "_details_1r04b_48", j = "_nav_1r04b_55", E = "_logo_1r04b_63", w = "_socialItems_1r04b_69", z = "_group_1r04b_76", B = "_groups_1r04b_84", C = "_groupTitle_1r04b_94", F = "_sublinks_1r04b_99", G = "_link_1r04b_103", P = "_bottom_1r04b_123", a = {
4
+ import '../../assets/index35.css';const x = "_footer_1r04b_1", S = "_container_1r04b_8", k = "_utilityImage_1r04b_17", A = "_primaryNav_1r04b_21", L = "_secondaryNav_1r04b_30", j = "_details_1r04b_48", E = "_nav_1r04b_55", w = "_logo_1r04b_63", z = "_socialItems_1r04b_69", B = "_group_1r04b_76", C = "_groups_1r04b_84", F = "_groupTitle_1r04b_94", G = "_sublinks_1r04b_99", P = "_link_1r04b_103", W = "_bottom_1r04b_123", a = {
5
5
  footer: x,
6
- container: I,
7
- utilityImage: S,
6
+ container: S,
7
+ utilityImage: k,
8
8
  primaryNav: A,
9
9
  secondaryNav: L,
10
- details: k,
11
- nav: j,
12
- logo: E,
13
- socialItems: w,
14
- group: z,
15
- groups: B,
16
- groupTitle: C,
17
- sublinks: F,
18
- link: G,
19
- bottom: P
10
+ details: j,
11
+ nav: E,
12
+ logo: w,
13
+ socialItems: z,
14
+ group: B,
15
+ groups: C,
16
+ groupTitle: F,
17
+ sublinks: G,
18
+ link: P,
19
+ bottom: W
20
20
  };
21
- function H({
21
+ function J({
22
22
  // title,
23
23
  logo: c,
24
- items: g,
24
+ items: h,
25
25
  primaryInfo: t,
26
26
  secondaryInfo: _,
27
27
  utilityItems: d,
28
28
  socialItems: b,
29
29
  // alignment = "right",
30
30
  copyright: m,
31
- className: h
31
+ className: N
32
32
  }) {
33
- const o = (r, n = "", N = !1) => r.map((e) => {
34
- var v;
35
- const u = `${n}/${e.label}`, p = (v = e.sublinks) == null ? void 0 : v.length, i = !!e.href, f = i ? "a" : "div", y = i ? {
36
- href: e.href,
37
- target: e.isExternal ? "_blank" : "_self",
38
- rel: e.isExternal ? "noopener noreferrer" : void 0,
33
+ const o = (r, n = "", f = !1) => r.map((s) => {
34
+ var g;
35
+ const u = `${n}/${s.label}`, p = (g = s.sublinks) == null ? void 0 : g.length, i = !!s.href, v = s.icon, y = i ? "a" : "div", $ = i ? {
36
+ href: s.href,
37
+ target: s.isExternal ? "_blank" : "_self",
38
+ rel: s.isExternal ? "noopener noreferrer" : void 0,
39
39
  role: "menuitem",
40
- "aria-label": e.label
40
+ "aria-label": s.label
41
41
  } : {
42
42
  role: "menuitem",
43
- "aria-label": e.label
43
+ "aria-label": s.label
44
44
  };
45
45
  return /* @__PURE__ */ l("div", { className: `${a.group}`, children: [
46
46
  /* @__PURE__ */ l(
47
- f,
47
+ y,
48
48
  {
49
49
  className: `${i ? a.link : ""} ${p ? a.groupTitle : ""}`,
50
- ...y,
50
+ ...$,
51
51
  children: [
52
- !N && e.label,
53
- e.icon && e.icon
52
+ !f && s.label,
53
+ v && /* @__PURE__ */ e(v, {})
54
54
  ]
55
55
  }
56
56
  ),
57
- p && /* @__PURE__ */ s(
57
+ p && /* @__PURE__ */ e(
58
58
  "div",
59
59
  {
60
60
  className: `${a.sublinks}`,
61
61
  role: "menu",
62
- "aria-label": `${e.label} submenu`,
63
- children: o(e.sublinks, u)
62
+ "aria-label": `${s.label} submenu`,
63
+ children: o(s.sublinks, u)
64
64
  }
65
65
  )
66
66
  ] }, u);
67
67
  });
68
- return /* @__PURE__ */ s("footer", { className: `${h ?? ""} ${a.footer}`, children: /* @__PURE__ */ l("div", { className: a.container, children: [
68
+ return /* @__PURE__ */ e("footer", { className: `${N ?? ""} ${a.footer}`, children: /* @__PURE__ */ l("div", { className: a.container, children: [
69
69
  /* @__PURE__ */ l("div", { className: a.primaryNav, children: [
70
70
  /* @__PURE__ */ l("div", { className: a.details, children: [
71
71
  c && /* @__PURE__ */ l("div", { className: a.logo, children: [
72
72
  " ",
73
73
  c
74
74
  ] }),
75
- b && /* @__PURE__ */ s("div", { className: a.socialItems, children: o(b, "", !0) }),
76
- t && /* @__PURE__ */ s("div", { className: a.primaryInfo, children: t }),
77
- _ && /* @__PURE__ */ s("div", { className: a.secondaryInfo, children: _ })
75
+ b && /* @__PURE__ */ e("div", { className: a.socialItems, children: o(b, "", !0) }),
76
+ t && /* @__PURE__ */ e("div", { className: a.primaryInfo, children: t }),
77
+ _ && /* @__PURE__ */ e("div", { className: a.secondaryInfo, children: _ })
78
78
  ] }),
79
- /* @__PURE__ */ s("nav", { className: a.nav, id: "footer-menu", role: "menubar", children: /* @__PURE__ */ s("div", { className: a.groups, children: o(g, "", !1) }) })
79
+ /* @__PURE__ */ e("nav", { className: a.nav, id: "footer-menu", role: "menubar", children: /* @__PURE__ */ e("div", { className: a.groups, children: o(h, "", !1) }) })
80
80
  ] }),
81
81
  /* @__PURE__ */ l("div", { className: a.secondaryNav, children: [
82
- m && /* @__PURE__ */ s("div", { className: a.bottom, children: /* @__PURE__ */ s("span", { children: m }) }),
83
- d && /* @__PURE__ */ s("nav", { className: a.utility, children: /* @__PURE__ */ s(T, { orientation: "horizontal", children: d.map((r, n) => /* @__PURE__ */ s(
84
- $,
82
+ m && /* @__PURE__ */ e("div", { className: a.bottom, children: /* @__PURE__ */ e("span", { children: m }) }),
83
+ d && /* @__PURE__ */ e("nav", { className: a.utility, children: /* @__PURE__ */ e(T, { orientation: "horizontal", children: d.map((r, n) => /* @__PURE__ */ e(
84
+ I,
85
85
  {
86
86
  as: "a",
87
87
  href: r.href ?? "/",
@@ -90,7 +90,7 @@ function H({
90
90
  imageSrc: r.imageSrc,
91
91
  imageAlt: r.imageAlt,
92
92
  "aria-label": r.ariaLabel ?? r.label,
93
- children: r.imageSrc ? /* @__PURE__ */ s(
93
+ children: r.imageSrc ? /* @__PURE__ */ e(
94
94
  "img",
95
95
  {
96
96
  className: a.utilityImage,
@@ -105,5 +105,5 @@ function H({
105
105
  ] }) });
106
106
  }
107
107
  export {
108
- H as Footer
108
+ J as Footer
109
109
  };
package/dist/lib/components/Footer/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { Variant as ButtonVariant } from '../CallToAction';
3
+ import { NavItem } from '../NavBar';
3
4
  declare const alignmentClassMap: {
4
5
  readonly left: string;
5
6
  readonly center: string;
@@ -16,15 +17,6 @@ export type UtilityItem = {
16
17
  imageSrc?: string;
17
18
  imageAlt?: string;
18
19
  };
19
- export type NavItem = {
20
- _key?: string;
21
- label: string;
22
- href?: string;
23
- sublinks?: NavItem[];
24
- isExternal?: boolean;
25
- onClick?: () => void;
26
- icon?: React.ReactNode;
27
- };
28
20
  type FooterProps = {
29
21
  title?: string;
30
22
  primaryInfo?: React.ReactNode;
package/dist/lib/components/NavBar/index.d.ts CHANGED
@@ -28,7 +28,7 @@ export type NavItem = {
28
28
  sublinks?: NavItem[];
29
29
  isExternal?: boolean;
30
30
  onClick?: () => void;
31
- icon?: React.ReactNode;
31
+ icon?: React.ElementType;
32
32
  };
33
33
  type NavbarProps = {
34
34
  title?: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.187",
4
+ "version": "0.0.189",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {