@caseparts-org/caseblocks 0.0.101 → 0.0.103
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/BannerCard.css +1 -1
- package/dist/assets/Footer.css +1 -1
- package/dist/atoms/Tooltip/Tooltip.d.ts +1 -0
- package/dist/atoms/Tooltip/Tooltip.js +62 -61
- package/dist/molecules/BannerCard/BannerCard.js +22 -22
- package/dist/molecules/CategoryNav/CategoryNav.js +1 -0
- package/dist/organisms/Footer/Footer.js +71 -61
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1tnrd_2{position:relative;display:grid;grid-template-columns:repeat(4,1fr);background-size:cover;background-position:center;overflow:hidden;box-sizing:border-box;align-items:center}._content_1tnrd_13{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-default, 16px)}@media (max-width: 768px){._content_1tnrd_13{gap:var(--spacing-spacing-2xs)}}._variant_hero_1tnrd_26._align_left_1tnrd_26 ._content_1tnrd_13{grid-column:1 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_1tnrd_26._align_left_1tnrd_26 ._content_1tnrd_13{grid-column:1 / span 3}}@media (max-width: 768px){._variant_hero_1tnrd_26._align_left_1tnrd_26 ._content_1tnrd_13{padding:var(--spacing-spacing-default)}}._variant_hero_1tnrd_26._align_right_1tnrd_37 ._content_1tnrd_13{grid-column:3 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_1tnrd_26._align_right_1tnrd_37 ._content_1tnrd_13{grid-column:2 / span 3}}@media (max-width: 768px){._variant_hero_1tnrd_26._align_right_1tnrd_37 ._content_1tnrd_13{padding:var(--spacing-spacing-default)}}._variant_promo_1tnrd_48._align_left_1tnrd_26 ._content_1tnrd_13{grid-column:1 / span 3;padding:var(--spacing-spacing-default, 1rem)}._variant_promo_1tnrd_48._align_right_1tnrd_37 ._content_1tnrd_13{grid-column:2 / span 3;padding:var(--spacing-spacing-default, 1rem)}@media (max-width: 1280px){._variant_hero_1tnrd_26 ._header_1tnrd_59{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}}@media (max-width: 768px){._variant_hero_1tnrd_26 ._header_1tnrd_59{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}}@media (max-width: 1280px){._variant_hero_1tnrd_26 ._description_1tnrd_70{font-size:var(--font-size-sm);line-height:var(--line-height-sm);margin-top:-12px}}@media (max-width: 768px){._variant_hero_1tnrd_26 ._description_1tnrd_70{font-size:var(--font-size-xs);line-height:var(--line-height-xs);margin-top:0}}._align_left_1tnrd_26 ._content_1tnrd_13{align-items:flex-start;text-align:left;justify-self:start}._align_right_1tnrd_37 ._content_1tnrd_13{align-items:flex-end;text-align:right;justify-self:end}._content_1tnrd_13>*{position:relative;z-index:1}._overlay_dark_1tnrd_102 ._header_1tnrd_59,._overlay_dark_1tnrd_102 ._description_1tnrd_70,._overlay_none_1tnrd_104 ._header_1tnrd_59,._overlay_none_1tnrd_104 ._description_1tnrd_70{color:var(--color-neutrals-neutral-1)}._overlay_light_1tnrd_109 ._header_1tnrd_59{color:var(--color-brand-primary-primary-teal-blue)}._overlay_light_1tnrd_109 ._description_1tnrd_70{color:#000}
|
package/dist/assets/Footer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._footer_ttcme_2{background-color:var(--surface-surface-quaternary);padding-block:var(--spacing-2)}._footer_ttcme_2 a{color:var(--text-text-footer);font-size:var(--font-size-sm);font-weight:var(--font-weight-extra-light);text-decoration:none}._footer_ttcme_2 a:hover{text-decoration:underline}._grid_ttcme_18,._bottom-grid_ttcme_19{padding-block:var(--spacing-2-5);padding-inline:var(--spacing-1-5);width:100%;max-width:1440px;margin:0 auto;box-sizing:border-box;overflow:hidden}._title_ttcme_31{margin-top:var(--spacing-1);margin-bottom:var(--spacing-2)}._title-help_ttcme_36{margin-left:var(--spacing-2)}._columnContent_ttcme_40{gap:var(--spacing-1)}._columnContentMain_ttcme_44{padding-left:var(--spacing-3-5)}._history_ttcme_48{min-width:0;padding-left:1rem;max-width:295px;width:100%;box-sizing:border-box;overflow-wrap:anywhere}._history-text_ttcme_57{min-width:0;line-height:1.75rem}._logo_ttcme_62{padding-bottom:var(--spacing-2);width:256px;height:44px}._icon-gap_ttcme_68{gap:var(--spacing-0-5)}._location_ttcme_72{cursor:default}._copyright-text_ttcme_76{white-space:normal;overflow-wrap:anywhere;word-break:break-word}@media (max-width: 1281px){._title-help_ttcme_36{margin-left:0}._grid_ttcme_18,._bottom-grid_ttcme_19{padding-inline:var(--spacing-4)}._history-text_ttcme_57{line-height:1.25rem}._logo_ttcme_62{padding-bottom:var(--spacing-2);width:200px}}@media (max-width: 768px){._history_ttcme_48{max-width:100%;max-width:295px;padding-left:0;margin-top:var(--spacing-1);margin-bottom:var(--spacing-2)}}
|
|
@@ -1,78 +1,79 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as W, Fragment as A, jsx as S } from "react/jsx-runtime";
|
|
2
2
|
import * as i from "react";
|
|
3
|
-
import { c as
|
|
4
|
-
import { r as
|
|
5
|
-
import '../../assets/Tooltip.css';const
|
|
6
|
-
tooltip:
|
|
7
|
-
content:
|
|
3
|
+
import { c as j } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { r as D } from "../../index-B4KbmMH3.js";
|
|
5
|
+
import '../../assets/Tooltip.css';const I = "_tooltip_17o7a_1", O = "_content_17o7a_11", H = {
|
|
6
|
+
tooltip: I,
|
|
7
|
+
content: O
|
|
8
8
|
};
|
|
9
|
-
function
|
|
10
|
-
return
|
|
9
|
+
function $(u) {
|
|
10
|
+
return u ? u.includes(" ") ? u : `${u} center` : "top center";
|
|
11
11
|
}
|
|
12
|
-
function
|
|
13
|
-
const
|
|
12
|
+
function q(u) {
|
|
13
|
+
const w = $(u).toLowerCase(), [s, t] = w.split(" ");
|
|
14
14
|
return { side: ["top", "right", "bottom", "left"].includes(s) ? s : "top", align: t === "left" || t === "top" ? "start" : t === "right" || t === "bottom" ? "end" : "center" };
|
|
15
15
|
}
|
|
16
|
-
function
|
|
17
|
-
const n =
|
|
18
|
-
let
|
|
19
|
-
s === "top" ?
|
|
20
|
-
const E = window.innerWidth,
|
|
21
|
-
return
|
|
16
|
+
function G(u, w, s, t, d = 0) {
|
|
17
|
+
const n = u.getBoundingClientRect(), f = w.getBoundingClientRect();
|
|
18
|
+
let a = 0, c = 0;
|
|
19
|
+
s === "top" ? a = n.top - f.height - d : s === "bottom" ? a = n.bottom + d : s === "left" ? c = n.left - f.width - d : s === "right" && (c = n.right + d), s === "top" || s === "bottom" ? t === "start" ? c = n.left : t === "end" ? c = n.right - f.width : c = n.left + n.width / 2 - f.width / 2 : t === "start" ? a = n.top : t === "end" ? a = n.bottom - f.height : a = n.top + n.height / 2 - f.height / 2;
|
|
20
|
+
const E = window.innerWidth, v = window.innerHeight;
|
|
21
|
+
return a = Math.max(4, Math.min(v - f.height - 4, a)), c = Math.max(4, Math.min(E - f.width - 4, c)), { top: a, left: c };
|
|
22
22
|
}
|
|
23
|
-
const
|
|
24
|
-
tooltipClassName:
|
|
25
|
-
contentClassName:
|
|
23
|
+
const U = ({
|
|
24
|
+
tooltipClassName: u,
|
|
25
|
+
contentClassName: w,
|
|
26
26
|
children: s,
|
|
27
27
|
trigger: t,
|
|
28
28
|
position: d,
|
|
29
29
|
disabled: n,
|
|
30
|
-
openDelay:
|
|
31
|
-
closeDelay:
|
|
32
|
-
leaveGraceMs: c = 0
|
|
30
|
+
openDelay: f = 150,
|
|
31
|
+
closeDelay: a = 100,
|
|
32
|
+
leaveGraceMs: c = 0,
|
|
33
|
+
tooltipOffset: E = 4
|
|
33
34
|
}) => {
|
|
34
|
-
const { side:
|
|
35
|
+
const { side: v, align: b } = q(d), [o, R] = i.useState(!1), [m, C] = i.useState(null), T = i.useRef(null), g = i.useRef(null), x = i.useRef(null), y = i.useRef(null), L = i.useRef(null), h = i.useRef(!1), p = (e) => {
|
|
35
36
|
e.current && (window.clearTimeout(e.current), e.current = null);
|
|
36
37
|
}, B = () => {
|
|
37
|
-
|
|
38
|
+
p(x), p(y), p(L);
|
|
38
39
|
};
|
|
39
40
|
i.useEffect(() => () => B(), []);
|
|
40
41
|
const k = () => {
|
|
41
|
-
n || o || (
|
|
42
|
+
n || o || (p(x), x.current = window.setTimeout(() => R(!0), f));
|
|
42
43
|
}, _ = () => {
|
|
43
|
-
o && (
|
|
44
|
-
|
|
45
|
-
},
|
|
44
|
+
o && (p(y), y.current = window.setTimeout(() => {
|
|
45
|
+
h.current || R(!1);
|
|
46
|
+
}, a));
|
|
46
47
|
}, z = () => {
|
|
47
48
|
if (o) {
|
|
48
|
-
if (
|
|
49
|
+
if (p(L), c <= 0) {
|
|
49
50
|
_();
|
|
50
51
|
return;
|
|
51
52
|
}
|
|
52
|
-
|
|
53
|
-
|
|
53
|
+
L.current = window.setTimeout(() => {
|
|
54
|
+
h.current || _();
|
|
54
55
|
}, c);
|
|
55
56
|
}
|
|
56
|
-
},
|
|
57
|
-
e == null || e(
|
|
58
|
-
},
|
|
57
|
+
}, P = (e, r) => (l) => {
|
|
58
|
+
e == null || e(l), r == null || r(l);
|
|
59
|
+
}, N = i.cloneElement(t, {
|
|
59
60
|
ref: (e) => {
|
|
60
61
|
const { ref: r } = t;
|
|
61
62
|
typeof r == "function" ? r(e) : r && (r.current = e), T.current = e;
|
|
62
63
|
},
|
|
63
|
-
onPointerEnter:
|
|
64
|
-
onPointerLeave:
|
|
65
|
-
onFocus:
|
|
66
|
-
onBlur:
|
|
64
|
+
onPointerEnter: P(t.props.onPointerEnter, k),
|
|
65
|
+
onPointerLeave: P(t.props.onPointerLeave, z),
|
|
66
|
+
onFocus: P(t.props.onFocus, k),
|
|
67
|
+
onBlur: P(t.props.onBlur, _),
|
|
67
68
|
"aria-describedby": o ? "tooltip-popup" : void 0,
|
|
68
69
|
style: { ...t.props.style || {}, outline: "none" }
|
|
69
70
|
});
|
|
70
71
|
return i.useEffect(() => {
|
|
71
|
-
n && o && (B(),
|
|
72
|
+
n && o && (B(), R(!1));
|
|
72
73
|
}, [n]), i.useEffect(() => {
|
|
73
74
|
if (!o) return;
|
|
74
75
|
const e = (r) => {
|
|
75
|
-
r.key === "Escape" &&
|
|
76
|
+
r.key === "Escape" && R(!1);
|
|
76
77
|
};
|
|
77
78
|
return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
|
|
78
79
|
}, [o]), i.useLayoutEffect(() => {
|
|
@@ -82,36 +83,36 @@ const Q = ({
|
|
|
82
83
|
}
|
|
83
84
|
const e = T.current, r = g.current;
|
|
84
85
|
if (!e || !r) return;
|
|
85
|
-
const
|
|
86
|
-
C(
|
|
86
|
+
const l = () => {
|
|
87
|
+
C(G(e, r, v, b, E));
|
|
87
88
|
};
|
|
88
|
-
return
|
|
89
|
-
window.removeEventListener("resize",
|
|
89
|
+
return l(), window.addEventListener("resize", l), window.addEventListener("scroll", l, !0), () => {
|
|
90
|
+
window.removeEventListener("resize", l), window.removeEventListener("scroll", l, !0);
|
|
90
91
|
};
|
|
91
|
-
}, [o,
|
|
92
|
+
}, [o, v, b, s, E]), i.useEffect(() => {
|
|
92
93
|
if (!o) return;
|
|
93
94
|
const e = (r) => {
|
|
94
|
-
const
|
|
95
|
-
if (!
|
|
96
|
-
const
|
|
97
|
-
!
|
|
95
|
+
const l = T.current, F = g.current;
|
|
96
|
+
if (!l || !F) return;
|
|
97
|
+
const M = r.target;
|
|
98
|
+
!l.contains(M) && !F.contains(M) && (h.current = !1, z());
|
|
98
99
|
};
|
|
99
100
|
return document.addEventListener("pointermove", e), () => document.removeEventListener("pointermove", e);
|
|
100
101
|
}, [o]), i.useEffect(() => {
|
|
101
|
-
o || (
|
|
102
|
-
}, [o]), /* @__PURE__ */
|
|
103
|
-
|
|
104
|
-
o && typeof document < "u" &&
|
|
105
|
-
/* @__PURE__ */
|
|
102
|
+
o || (h.current = !1);
|
|
103
|
+
}, [o]), /* @__PURE__ */ W(A, { children: [
|
|
104
|
+
N,
|
|
105
|
+
o && typeof document < "u" && D.createPortal(
|
|
106
|
+
/* @__PURE__ */ S(
|
|
106
107
|
"div",
|
|
107
108
|
{
|
|
108
109
|
id: "tooltip-popup",
|
|
109
110
|
ref: g,
|
|
110
111
|
role: "tooltip",
|
|
111
112
|
"aria-hidden": !o,
|
|
112
|
-
"data-side":
|
|
113
|
-
"data-align":
|
|
114
|
-
className:
|
|
113
|
+
"data-side": v,
|
|
114
|
+
"data-align": b,
|
|
115
|
+
className: j(H.tooltip, u),
|
|
115
116
|
style: {
|
|
116
117
|
position: "absolute",
|
|
117
118
|
top: (m == null ? void 0 : m.top) ?? 0,
|
|
@@ -120,12 +121,12 @@ const Q = ({
|
|
|
120
121
|
zIndex: 10
|
|
121
122
|
},
|
|
122
123
|
onPointerEnter: () => {
|
|
123
|
-
|
|
124
|
+
h.current = !0, p(y), p(L);
|
|
124
125
|
},
|
|
125
126
|
onPointerLeave: () => {
|
|
126
|
-
|
|
127
|
+
h.current = !1, z();
|
|
127
128
|
},
|
|
128
|
-
children: /* @__PURE__ */
|
|
129
|
+
children: /* @__PURE__ */ S("div", { className: j(H.content, w), children: s })
|
|
129
130
|
}
|
|
130
131
|
),
|
|
131
132
|
document.body
|
|
@@ -133,5 +134,5 @@ const Q = ({
|
|
|
133
134
|
] });
|
|
134
135
|
};
|
|
135
136
|
export {
|
|
136
|
-
|
|
137
|
+
U as Tooltip
|
|
137
138
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as r, jsxs as p } from "react/jsx-runtime";
|
|
2
2
|
import { getHideAtStyles as f } from "../../atoms/HideAt.js";
|
|
3
|
-
import { Text as
|
|
3
|
+
import { Text as s } from "../../atoms/Text/Text.js";
|
|
4
4
|
import { c as x } from "../../clsx-OuTLNxxd.js";
|
|
5
|
-
import '../../assets/BannerCard.css';const k = "
|
|
5
|
+
import '../../assets/BannerCard.css';const k = "_root_1tnrd_2", N = "_content_1tnrd_13", u = "_variant_hero_1tnrd_26", z = "_align_left_1tnrd_26", S = "_align_right_1tnrd_37", $ = "_variant_promo_1tnrd_48", b = "_header_1tnrd_59", j = "_description_1tnrd_70", C = "_overlay_dark_1tnrd_102", H = "_overlay_none_1tnrd_104", w = "_overlay_light_1tnrd_109", t = {
|
|
6
6
|
root: k,
|
|
7
7
|
content: N,
|
|
8
8
|
variant_hero: u,
|
|
@@ -16,34 +16,34 @@ import '../../assets/BannerCard.css';const k = "_root_ntcay_2", N = "_content_nt
|
|
|
16
16
|
overlay_light: w
|
|
17
17
|
};
|
|
18
18
|
function L({
|
|
19
|
-
variant:
|
|
20
|
-
overlayTheme:
|
|
21
|
-
title:
|
|
19
|
+
variant: n = "hero",
|
|
20
|
+
overlayTheme: o = "none",
|
|
21
|
+
title: l,
|
|
22
22
|
description: e,
|
|
23
|
-
backgroundImage:
|
|
24
|
-
align:
|
|
23
|
+
backgroundImage: a,
|
|
24
|
+
align: c = "left",
|
|
25
25
|
cta: _,
|
|
26
|
-
className:
|
|
27
|
-
hideAt:
|
|
26
|
+
className: d,
|
|
27
|
+
hideAt: h
|
|
28
28
|
}) {
|
|
29
|
-
const
|
|
30
|
-
return /* @__PURE__ */
|
|
29
|
+
const g = a ? { backgroundImage: `url(${a})` } : void 0, i = n === "hero", v = i ? "5xl" : "xl", m = i ? "md" : "sm", y = o === "dark" ? t.textLight : t.textDark;
|
|
30
|
+
return /* @__PURE__ */ r(
|
|
31
31
|
"article",
|
|
32
32
|
{
|
|
33
33
|
className: x(
|
|
34
34
|
t.root,
|
|
35
|
-
t[`variant_${
|
|
36
|
-
t[`align_${
|
|
37
|
-
t[`overlay_${
|
|
38
|
-
|
|
39
|
-
f(
|
|
40
|
-
|
|
35
|
+
t[`variant_${n}`],
|
|
36
|
+
t[`align_${c}`],
|
|
37
|
+
t[`overlay_${o}`],
|
|
38
|
+
y,
|
|
39
|
+
f(h),
|
|
40
|
+
d
|
|
41
41
|
),
|
|
42
|
-
style: { ...
|
|
42
|
+
style: { ...g },
|
|
43
43
|
children: /* @__PURE__ */ p("div", { className: t.content, children: [
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
e && /* @__PURE__ */
|
|
46
|
-
_ && /* @__PURE__ */
|
|
44
|
+
/* @__PURE__ */ r(s, { variant: "display", weight: "light", size: v, className: t.header, children: l }),
|
|
45
|
+
e && /* @__PURE__ */ r(s, { size: m, className: t.description, children: e }),
|
|
46
|
+
_ && /* @__PURE__ */ r("div", { className: t.cta, children: _ })
|
|
47
47
|
] })
|
|
48
48
|
}
|
|
49
49
|
);
|
|
@@ -19,6 +19,7 @@ function z({
|
|
|
19
19
|
{
|
|
20
20
|
openDelay: 180,
|
|
21
21
|
closeDelay: 0,
|
|
22
|
+
tooltipOffset: 0,
|
|
22
23
|
trigger: /* @__PURE__ */ e("li", { className: o.category, tabIndex: 0, children: /* @__PURE__ */ t(s, { href: i.route, children: [
|
|
23
24
|
/* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: i.label }),
|
|
24
25
|
i.showChevron && /* @__PURE__ */ e(
|
|
@@ -1,36 +1,37 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { Grid as
|
|
3
|
-
import { Flex as
|
|
2
|
+
import { Grid as m, Column as s } from "../../atoms/Grid/Grid.js";
|
|
3
|
+
import { Flex as l } from "../../atoms/Flex/Flex.js";
|
|
4
4
|
import { Link as i } from "../../atoms/Link/Link.js";
|
|
5
5
|
import { Icon as n } from "../../atoms/Icon/Icon.js";
|
|
6
|
-
import { Logo as
|
|
7
|
-
import { Text as
|
|
6
|
+
import { Logo as y } from "../../molecules/Logo/Logo.js";
|
|
7
|
+
import { Text as o } from "../../atoms/Text/Text.js";
|
|
8
8
|
import { Tooltip as a } from "../../atoms/Tooltip/Tooltip.js";
|
|
9
9
|
import { c as h } from "../../clsx-OuTLNxxd.js";
|
|
10
|
-
import '../../assets/Footer.css';const
|
|
11
|
-
footer:
|
|
12
|
-
grid:
|
|
13
|
-
"bottom-grid": "_bottom-
|
|
10
|
+
import '../../assets/Footer.css';const p = "_footer_ttcme_2", x = "_grid_ttcme_18", C = "_title_ttcme_31", _ = "_columnContent_ttcme_40", b = "_history_ttcme_48", w = "_logo_ttcme_62", k = "_location_ttcme_72", t = {
|
|
11
|
+
footer: p,
|
|
12
|
+
grid: x,
|
|
13
|
+
"bottom-grid": "_bottom-grid_ttcme_19",
|
|
14
14
|
title: C,
|
|
15
|
-
"title-help": "_title-
|
|
16
|
-
columnContent:
|
|
17
|
-
history:
|
|
18
|
-
"history-text": "_history-
|
|
15
|
+
"title-help": "_title-help_ttcme_36",
|
|
16
|
+
columnContent: _,
|
|
17
|
+
history: b,
|
|
18
|
+
"history-text": "_history-text_ttcme_57",
|
|
19
19
|
logo: w,
|
|
20
|
-
"icon-gap": "_icon-
|
|
21
|
-
|
|
20
|
+
"icon-gap": "_icon-gap_ttcme_68",
|
|
21
|
+
location: k,
|
|
22
|
+
"copyright-text": "_copyright-text_ttcme_76"
|
|
22
23
|
};
|
|
23
|
-
function
|
|
24
|
-
const
|
|
25
|
-
return /* @__PURE__ */ r("footer", { className:
|
|
26
|
-
/* @__PURE__ */ r(
|
|
27
|
-
/* @__PURE__ */ r(
|
|
28
|
-
/* @__PURE__ */ e(i, { href:
|
|
29
|
-
/* @__PURE__ */ e("div", { className:
|
|
24
|
+
function M({ homeRoute: g, isOnline: d = !0, className: c, ...f }) {
|
|
25
|
+
const u = h(t.footer, c);
|
|
26
|
+
return /* @__PURE__ */ r("footer", { className: u, ...f, children: [
|
|
27
|
+
/* @__PURE__ */ r(m, { gridWrapperClassName: h(c, t.grid), children: [
|
|
28
|
+
/* @__PURE__ */ r(s, { span: [4, 6, 3], className: t.gridColumn, children: [
|
|
29
|
+
/* @__PURE__ */ e(i, { href: g, children: /* @__PURE__ */ e(y, { variant: "white", className: t.logo }) }),
|
|
30
|
+
/* @__PURE__ */ e("div", { className: t.history, children: /* @__PURE__ */ e(o, { size: "sm", weight: "extra-light", colorToken: "footer", className: t["history-text"], children: "CaseParts has been a leading distributor of commercial refrigeration parts since 1972. Our team of experts are dedicated to helping every customer source parts at great prices." }) })
|
|
30
31
|
] }),
|
|
31
|
-
/* @__PURE__ */ r(
|
|
32
|
-
/* @__PURE__ */ e(
|
|
33
|
-
/* @__PURE__ */ r(
|
|
32
|
+
/* @__PURE__ */ r(s, { span: [4, 6, 3], className: t.gridColumn, children: [
|
|
33
|
+
/* @__PURE__ */ e(o, { size: "sm", colorToken: "footer", weight: "semibold", as: "div", className: t.title, children: "Customer Care" }),
|
|
34
|
+
/* @__PURE__ */ r(l, { flexDirection: "column", className: t.columnContent, children: [
|
|
34
35
|
/* @__PURE__ */ e(i, { href: "/about", unstyled: !0, children: "About Us" }),
|
|
35
36
|
/* @__PURE__ */ e(i, { href: "/contact", unstyled: !0, children: "Contact Us" }),
|
|
36
37
|
/* @__PURE__ */ e(i, { href: "/faq", unstyled: !0, children: "FAQs" }),
|
|
@@ -41,9 +42,9 @@ function A({ homeRoute: m, isOnline: d = !0, className: c, ...u }) {
|
|
|
41
42
|
/* @__PURE__ */ e(i, { href: "#", unstyled: !0, children: "Sales Tax Certificates" })
|
|
42
43
|
] })
|
|
43
44
|
] }),
|
|
44
|
-
/* @__PURE__ */ r(
|
|
45
|
-
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: /* @__PURE__ */ e(
|
|
46
|
-
/* @__PURE__ */ r(
|
|
45
|
+
/* @__PURE__ */ r(s, { span: [4, 6, 3], className: t.gridColumn, children: [
|
|
46
|
+
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: /* @__PURE__ */ e(o, { size: "sm", colorToken: "footer", weight: "semibold", as: "div", className: t.title, children: "Custom Parts" }) }),
|
|
47
|
+
/* @__PURE__ */ r(l, { flexDirection: "column", className: t.columnContent, children: [
|
|
47
48
|
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Cutting Boards" }),
|
|
48
49
|
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Gaskets" }),
|
|
49
50
|
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Heaters & Pans" }),
|
|
@@ -52,111 +53,120 @@ function A({ homeRoute: m, isOnline: d = !0, className: c, ...u }) {
|
|
|
52
53
|
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Wire Shelving" })
|
|
53
54
|
] })
|
|
54
55
|
] }),
|
|
55
|
-
/* @__PURE__ */ r(
|
|
56
|
-
/* @__PURE__ */ e(
|
|
57
|
-
/* @__PURE__ */ r(
|
|
58
|
-
/* @__PURE__ */ r(
|
|
56
|
+
/* @__PURE__ */ r(s, { span: [4, 6, 3], className: t.gridColumn, children: [
|
|
57
|
+
/* @__PURE__ */ e(o, { size: "sm", weight: "semibold", colorToken: "footer", as: "div", className: `${t.title} ${t["title-help"]}`, children: "How May We Help?" }),
|
|
58
|
+
/* @__PURE__ */ r(l, { flexDirection: "column", className: t.columnContent, children: [
|
|
59
|
+
/* @__PURE__ */ r(l, { flexDirection: "row", justifyContent: "flex-start", className: t["icon-gap"], children: [
|
|
59
60
|
/* @__PURE__ */ e(n, { iconKey: "fa-solid fa-location-dot", size: "sm", colorToken: "warning" }),
|
|
60
61
|
/* @__PURE__ */ e(
|
|
61
62
|
a,
|
|
62
63
|
{
|
|
63
|
-
trigger: /* @__PURE__ */ r("div", { children: [
|
|
64
|
-
/* @__PURE__ */ e(
|
|
64
|
+
trigger: /* @__PURE__ */ r("div", { className: t.location, children: [
|
|
65
|
+
/* @__PURE__ */ e(o, { size: "sm", weight: "extra-light", colorToken: "footer", children: "Los Angeles (800) 421-0291" }),
|
|
65
66
|
/* @__PURE__ */ e("br", {}),
|
|
66
|
-
/* @__PURE__ */ e(
|
|
67
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:00AM – 4:30PM PT" })
|
|
67
68
|
] }),
|
|
69
|
+
position: "left",
|
|
70
|
+
openDelay: 200,
|
|
71
|
+
closeDelay: 0,
|
|
68
72
|
children: /* @__PURE__ */ r("div", { children: [
|
|
69
|
-
/* @__PURE__ */ e(
|
|
73
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: "Case Parts - Los Angeles" }),
|
|
70
74
|
/* @__PURE__ */ e("br", {}),
|
|
71
|
-
/* @__PURE__ */ r(
|
|
75
|
+
/* @__PURE__ */ r(o, { size: "xs", weight: "regular", children: [
|
|
72
76
|
"877 Monterey Pass Road",
|
|
73
77
|
/* @__PURE__ */ e("br", {}),
|
|
74
78
|
"Monterey Park, CA 91754"
|
|
75
79
|
] }),
|
|
76
80
|
/* @__PURE__ */ e("br", {}),
|
|
77
|
-
/* @__PURE__ */ e(
|
|
81
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: /* @__PURE__ */ e(i, { href: "https://goo.gl/maps/PzF4o1beyyTanKVk6", target: "_blank", rel: "noopener noreferrer", children: "Directions" }) })
|
|
78
82
|
] })
|
|
79
83
|
}
|
|
80
84
|
)
|
|
81
85
|
] }),
|
|
82
|
-
/* @__PURE__ */ r(
|
|
86
|
+
/* @__PURE__ */ r(l, { flexDirection: "row", justifyContent: "flex-start", className: t["icon-gap"], children: [
|
|
83
87
|
/* @__PURE__ */ e(n, { iconKey: "fa-solid fa-location-dot", size: "sm", colorToken: "warning" }),
|
|
84
88
|
/* @__PURE__ */ e(
|
|
85
89
|
a,
|
|
86
90
|
{
|
|
87
|
-
trigger: /* @__PURE__ */ r("div", { children: [
|
|
88
|
-
/* @__PURE__ */ e(
|
|
91
|
+
trigger: /* @__PURE__ */ r("div", { className: t.location, children: [
|
|
92
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "St. Louis (800) 423-9397" }),
|
|
89
93
|
/* @__PURE__ */ e("br", {}),
|
|
90
|
-
/* @__PURE__ */ e(
|
|
94
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:00AM – 4:30PM CDT" })
|
|
91
95
|
] }),
|
|
96
|
+
position: "left",
|
|
97
|
+
openDelay: 200,
|
|
98
|
+
closeDelay: 0,
|
|
92
99
|
children: /* @__PURE__ */ r("div", { children: [
|
|
93
|
-
/* @__PURE__ */ e(
|
|
100
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: "Case Parts - St. Louis" }),
|
|
94
101
|
/* @__PURE__ */ e("br", {}),
|
|
95
|
-
/* @__PURE__ */ r(
|
|
102
|
+
/* @__PURE__ */ r(o, { size: "xs", weight: "regular", children: [
|
|
96
103
|
"3218 Rider Trail South",
|
|
97
104
|
/* @__PURE__ */ e("br", {}),
|
|
98
105
|
"Earth City, MO 63045"
|
|
99
106
|
] }),
|
|
100
107
|
/* @__PURE__ */ e("br", {}),
|
|
101
|
-
/* @__PURE__ */ e(
|
|
108
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: /* @__PURE__ */ e(i, { href: "https://goo.gl/maps/JgBTWQ8LyaXR2UrS9", target: "_blank", rel: "noopener noreferrer", children: "Directions" }) })
|
|
102
109
|
] })
|
|
103
110
|
}
|
|
104
111
|
)
|
|
105
112
|
] }),
|
|
106
|
-
/* @__PURE__ */ r(
|
|
113
|
+
/* @__PURE__ */ r(l, { flexDirection: "row", justifyContent: "flex-start", className: t["icon-gap"], children: [
|
|
107
114
|
/* @__PURE__ */ e(n, { iconKey: "fa-solid fa-location-dot", size: "sm", colorToken: "warning" }),
|
|
108
115
|
/* @__PURE__ */ e(
|
|
109
116
|
a,
|
|
110
117
|
{
|
|
111
|
-
trigger: /* @__PURE__ */ r("div", { children: [
|
|
112
|
-
/* @__PURE__ */ e(
|
|
118
|
+
trigger: /* @__PURE__ */ r("div", { className: t.location, children: [
|
|
119
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Seattle (800) 731-5416" }),
|
|
113
120
|
/* @__PURE__ */ e("br", {}),
|
|
114
|
-
/* @__PURE__ */ e(
|
|
121
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:30AM – 5:00PM PT" })
|
|
115
122
|
] }),
|
|
123
|
+
position: "left",
|
|
124
|
+
openDelay: 200,
|
|
125
|
+
closeDelay: 0,
|
|
116
126
|
children: /* @__PURE__ */ r("div", { children: [
|
|
117
|
-
/* @__PURE__ */ e(
|
|
127
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: "Case Parts - Seattle" }),
|
|
118
128
|
/* @__PURE__ */ e("br", {}),
|
|
119
|
-
/* @__PURE__ */ r(
|
|
129
|
+
/* @__PURE__ */ r(o, { size: "xs", weight: "regular", children: [
|
|
120
130
|
"25315 74th Ave South, Suite 101",
|
|
121
131
|
/* @__PURE__ */ e("br", {}),
|
|
122
132
|
"Kent, WA 98032"
|
|
123
133
|
] }),
|
|
124
134
|
/* @__PURE__ */ e("br", {}),
|
|
125
|
-
/* @__PURE__ */ e(
|
|
135
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "semibold", children: /* @__PURE__ */ e(i, { href: "https://goo.gl/maps/BhvC7NY94vXQG8uW8", target: "_blank", rel: "noopener noreferrer", children: "Directions" }) })
|
|
126
136
|
] })
|
|
127
137
|
}
|
|
128
138
|
)
|
|
129
139
|
] }),
|
|
130
|
-
/* @__PURE__ */ r(
|
|
140
|
+
/* @__PURE__ */ r(l, { flexDirection: "row", justifyContent: "flex-start", className: t["icon-gap"], children: [
|
|
131
141
|
/* @__PURE__ */ e(n, { iconKey: "fa-kit fa-chat", size: "sm", colorToken: d ? "success" : "default-inverted" }),
|
|
132
142
|
/* @__PURE__ */ r("div", { children: [
|
|
133
|
-
/* @__PURE__ */ e(
|
|
143
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Live Chat Support" }),
|
|
134
144
|
/* @__PURE__ */ e("br", {}),
|
|
135
|
-
/* @__PURE__ */ e(
|
|
145
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: d ? "Currently Online" : "Currently Offline" })
|
|
136
146
|
] })
|
|
137
147
|
] }),
|
|
138
|
-
/* @__PURE__ */ r(
|
|
148
|
+
/* @__PURE__ */ r(l, { flexDirection: "row", justifyContent: "flex-start", className: t["icon-gap"], children: [
|
|
139
149
|
/* @__PURE__ */ e(n, { iconKey: "fa-solid fa-megaphone", size: "sm", colorToken: "default-inverted" }),
|
|
140
150
|
/* @__PURE__ */ r("div", { children: [
|
|
141
|
-
/* @__PURE__ */ e(
|
|
151
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Part Research Request" }),
|
|
142
152
|
/* @__PURE__ */ e("br", {}),
|
|
143
|
-
/* @__PURE__ */ e(
|
|
153
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Ask Our Experts to Source a Part" })
|
|
144
154
|
] })
|
|
145
155
|
] })
|
|
146
156
|
] })
|
|
147
157
|
] })
|
|
148
158
|
] }),
|
|
149
|
-
/* @__PURE__ */ e(
|
|
159
|
+
/* @__PURE__ */ e(m, { gridWrapperClassName: h(c, t["bottom-grid"]), children: /* @__PURE__ */ e(s, { span: [4, 6, 12], className: t.gridColumn, children: /* @__PURE__ */ r("div", { className: t.columnContent, children: [
|
|
150
160
|
/* @__PURE__ */ e(i, { href: "#", unstyled: !0, children: "Terms" }),
|
|
151
161
|
" ",
|
|
152
|
-
/* @__PURE__ */ e(
|
|
162
|
+
/* @__PURE__ */ e(o, { size: "xs", weight: "extra-light", variant: "body", colorToken: "footer", children: "|" }),
|
|
153
163
|
" ",
|
|
154
164
|
/* @__PURE__ */ e(i, { href: "#", children: "Privacy Policy" }),
|
|
155
165
|
/* @__PURE__ */ e("br", {}),
|
|
156
|
-
/* @__PURE__ */ e(
|
|
166
|
+
/* @__PURE__ */ e(o, { size: "xxs", weight: "extra-light", variant: "body", colorToken: "footer", className: t["copyright-text"], children: "©Copyright 1972-2025 Case Parts Company | All Rights Reserved." })
|
|
157
167
|
] }) }) })
|
|
158
168
|
] });
|
|
159
169
|
}
|
|
160
170
|
export {
|
|
161
|
-
|
|
171
|
+
M as Footer
|
|
162
172
|
};
|