@caseparts-org/caseblocks 0.0.93 → 0.0.95
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/atoms/Icon/Icon.d.ts +1 -3
- package/dist/atoms/Icon/Icon.js +21 -37
- package/dist/organisms/Footer/Footer.js +47 -45
- package/package.json +1 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
1
|
import { HideAtProps } from '../HideAt';
|
|
3
2
|
type IconSet = "fa-kit" | "fa-solid" | "fa-regular" | "fa-light" | "fa-thin" | "fa-brands";
|
|
4
3
|
type IconVariant = "fa-sharp" | "fa-duotone" | "fa-sharp-duotone";
|
|
@@ -7,7 +6,6 @@ interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, HideAtProps {
|
|
|
7
6
|
iconKey: `${IconSet} ${string}` | `${IconVariant} ${IconSet} ${string}`;
|
|
8
7
|
size?: "sm" | "md" | "lg";
|
|
9
8
|
colorToken?: IconColorToken;
|
|
10
|
-
debugSizes?: boolean;
|
|
11
9
|
}
|
|
12
|
-
export declare function Icon({ iconKey, size, hideAt, className, colorToken,
|
|
10
|
+
export declare function Icon({ iconKey, size, hideAt, className, colorToken, ...otherProps }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
13
11
|
export {};
|
package/dist/atoms/Icon/Icon.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import '../../assets/Icon.css';const f = "_wrapper_1xeu5_15", r = {
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { c as n } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { getHideAtStyles as a } from "../HideAt.js";
|
|
4
|
+
import '../../assets/Icon.css';const t = "_wrapper_1xeu5_15", o = {
|
|
6
5
|
"icon-sm": "_icon-sm_1xeu5_1",
|
|
7
6
|
"icon-md": "_icon-md_1xeu5_5",
|
|
8
7
|
"icon-lg": "_icon-lg_1xeu5_9",
|
|
9
|
-
wrapper:
|
|
8
|
+
wrapper: t,
|
|
10
9
|
"iconColor-inherit": "_iconColor-inherit_1xeu5_38",
|
|
11
10
|
"iconColor-default": "_iconColor-default_1xeu5_39",
|
|
12
11
|
"iconColor-default-inverted": "_iconColor-default-inverted_1xeu5_40",
|
|
@@ -15,44 +14,29 @@ import '../../assets/Icon.css';const f = "_wrapper_1xeu5_15", r = {
|
|
|
15
14
|
"iconColor-error-warning": "_iconColor-error-warning_1xeu5_43",
|
|
16
15
|
"iconColor-success": "_iconColor-success_1xeu5_44"
|
|
17
16
|
};
|
|
18
|
-
function
|
|
19
|
-
iconKey:
|
|
17
|
+
function x({
|
|
18
|
+
iconKey: e,
|
|
20
19
|
size: i = "md",
|
|
21
|
-
hideAt:
|
|
22
|
-
className:
|
|
23
|
-
colorToken:
|
|
24
|
-
|
|
25
|
-
...d
|
|
20
|
+
hideAt: c,
|
|
21
|
+
className: _,
|
|
22
|
+
colorToken: l = "inherit",
|
|
23
|
+
...s
|
|
26
24
|
}) {
|
|
27
|
-
|
|
28
|
-
return l.useEffect(() => {
|
|
29
|
-
if (c && e.current) {
|
|
30
|
-
const o = getComputedStyle(e.current);
|
|
31
|
-
console.log("[Icon debugSizes]", {
|
|
32
|
-
width: o.width,
|
|
33
|
-
height: o.height,
|
|
34
|
-
iconSize: o.getPropertyValue("--icon-size"),
|
|
35
|
-
iconPadding: o.getPropertyValue("--icon-padding"),
|
|
36
|
-
iconWrapperSize: o.getPropertyValue("--icon-wrapper-size"),
|
|
37
|
-
fontSize: o.fontSize
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
}, [c, i, n]), /* @__PURE__ */ t(
|
|
25
|
+
return /* @__PURE__ */ r(
|
|
41
26
|
"span",
|
|
42
27
|
{
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
s
|
|
28
|
+
className: n(
|
|
29
|
+
o.wrapper,
|
|
30
|
+
o[`icon-${i}`],
|
|
31
|
+
o[`iconColor-${l}`],
|
|
32
|
+
a(c),
|
|
33
|
+
_
|
|
50
34
|
),
|
|
51
|
-
...
|
|
52
|
-
children: /* @__PURE__ */
|
|
35
|
+
...s,
|
|
36
|
+
children: /* @__PURE__ */ r("i", { className: n(e), "aria-hidden": "true" })
|
|
53
37
|
}
|
|
54
38
|
);
|
|
55
39
|
}
|
|
56
40
|
export {
|
|
57
|
-
|
|
41
|
+
x as Icon
|
|
58
42
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { Grid as
|
|
2
|
+
import { Grid as g, Column as l } from "../../atoms/Grid/Grid.js";
|
|
3
3
|
import { Flex as s } 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
6
|
import { Logo as x } from "../../molecules/Logo/Logo.js";
|
|
7
|
-
import { Text as
|
|
7
|
+
import { Text as t } 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 y = "_footer_1r911_2", p = "_grid_1r911_18", C = "_title_1r911_31", b = "_columnContent_1r911_40", _ = "_history_1r911_48", w = "_logo_1r911_62",
|
|
10
|
+
import '../../assets/Footer.css';const y = "_footer_1r911_2", p = "_grid_1r911_18", C = "_title_1r911_31", b = "_columnContent_1r911_40", _ = "_history_1r911_48", w = "_logo_1r911_62", o = {
|
|
11
11
|
footer: y,
|
|
12
12
|
grid: p,
|
|
13
13
|
"bottom-grid": "_bottom-grid_1r911_19",
|
|
@@ -20,17 +20,17 @@ import '../../assets/Footer.css';const y = "_footer_1r911_2", p = "_grid_1r911_1
|
|
|
20
20
|
"icon-gap": "_icon-gap_1r911_68",
|
|
21
21
|
"copyright-text": "_copyright-text_1r911_72"
|
|
22
22
|
};
|
|
23
|
-
function A({ homeRoute:
|
|
24
|
-
const f = h(
|
|
23
|
+
function A({ homeRoute: m, isOnline: d = !0, className: c, ...u }) {
|
|
24
|
+
const f = h(o.footer, c);
|
|
25
25
|
return /* @__PURE__ */ r("footer", { className: f, ...u, children: [
|
|
26
|
-
/* @__PURE__ */ r(
|
|
27
|
-
/* @__PURE__ */ r(l, { span: [4, 6, 3], className:
|
|
28
|
-
/* @__PURE__ */ e(i, { href:
|
|
29
|
-
/* @__PURE__ */ e("div", { className:
|
|
26
|
+
/* @__PURE__ */ r(g, { gridWrapperClassName: h(c, o.grid), children: [
|
|
27
|
+
/* @__PURE__ */ r(l, { span: [4, 6, 3], className: o.gridColumn, children: [
|
|
28
|
+
/* @__PURE__ */ e(i, { href: m, children: /* @__PURE__ */ e(x, { variant: "white", className: o.logo }) }),
|
|
29
|
+
/* @__PURE__ */ e("div", { className: o.history, children: /* @__PURE__ */ e(t, { size: "sm", weight: "extra-light", colorToken: "footer", className: o["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
30
|
] }),
|
|
31
|
-
/* @__PURE__ */ r(l, { span: [4, 6, 3], className:
|
|
32
|
-
/* @__PURE__ */ e(
|
|
33
|
-
/* @__PURE__ */ r(s, { flexDirection: "column", className:
|
|
31
|
+
/* @__PURE__ */ r(l, { span: [4, 6, 3], className: o.gridColumn, children: [
|
|
32
|
+
/* @__PURE__ */ e(t, { size: "sm", colorToken: "footer", weight: "semibold", as: "div", className: o.title, children: "Customer Care" }),
|
|
33
|
+
/* @__PURE__ */ r(s, { flexDirection: "column", className: o.columnContent, children: [
|
|
34
34
|
/* @__PURE__ */ e(i, { href: "/about", unstyled: !0, children: "About Us" }),
|
|
35
35
|
/* @__PURE__ */ e(i, { href: "/contact", unstyled: !0, children: "Contact Us" }),
|
|
36
36
|
/* @__PURE__ */ e(i, { href: "/faq", unstyled: !0, children: "FAQs" }),
|
|
@@ -41,9 +41,9 @@ function A({ homeRoute: g, isOnline: d = !0, className: c, ...u }) {
|
|
|
41
41
|
/* @__PURE__ */ e(i, { href: "#", unstyled: !0, children: "Sales Tax Certificates" })
|
|
42
42
|
] })
|
|
43
43
|
] }),
|
|
44
|
-
/* @__PURE__ */ r(l, { span: [4, 6, 3], className:
|
|
45
|
-
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: /* @__PURE__ */ e(
|
|
46
|
-
/* @__PURE__ */ r(s, { flexDirection: "column", className:
|
|
44
|
+
/* @__PURE__ */ r(l, { span: [4, 6, 3], className: o.gridColumn, children: [
|
|
45
|
+
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: /* @__PURE__ */ e(t, { size: "sm", colorToken: "footer", weight: "semibold", as: "div", className: o.title, children: "Custom Parts" }) }),
|
|
46
|
+
/* @__PURE__ */ r(s, { flexDirection: "column", className: o.columnContent, children: [
|
|
47
47
|
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Cutting Boards" }),
|
|
48
48
|
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Gaskets" }),
|
|
49
49
|
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Heaters & Pans" }),
|
|
@@ -52,106 +52,108 @@ function A({ homeRoute: g, isOnline: d = !0, className: c, ...u }) {
|
|
|
52
52
|
/* @__PURE__ */ e(i, { href: "/custom", unstyled: !0, children: "Wire Shelving" })
|
|
53
53
|
] })
|
|
54
54
|
] }),
|
|
55
|
-
/* @__PURE__ */ r(l, { span: [4, 6, 3], className:
|
|
56
|
-
/* @__PURE__ */ e(
|
|
57
|
-
/* @__PURE__ */ r(s, { flexDirection: "column", className:
|
|
58
|
-
/* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className:
|
|
55
|
+
/* @__PURE__ */ r(l, { span: [4, 6, 3], className: o.gridColumn, children: [
|
|
56
|
+
/* @__PURE__ */ e(t, { size: "sm", weight: "semibold", colorToken: "footer", as: "div", className: `${o.title} ${o["title-help"]}`, children: "How May We Help?" }),
|
|
57
|
+
/* @__PURE__ */ r(s, { flexDirection: "column", className: o.columnContent, children: [
|
|
58
|
+
/* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className: o["icon-gap"], children: [
|
|
59
59
|
/* @__PURE__ */ e(n, { iconKey: "fa-solid fa-location-dot", size: "sm", colorToken: "warning" }),
|
|
60
60
|
/* @__PURE__ */ e(
|
|
61
61
|
a,
|
|
62
62
|
{
|
|
63
63
|
trigger: /* @__PURE__ */ r("div", { children: [
|
|
64
|
-
/* @__PURE__ */ e(
|
|
64
|
+
/* @__PURE__ */ e(t, { size: "sm", weight: "extra-light", colorToken: "footer", children: "Los Angeles (800) 421-0291" }),
|
|
65
65
|
/* @__PURE__ */ e("br", {}),
|
|
66
|
-
/* @__PURE__ */ e(
|
|
66
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:00AM – 4:30PM PT" })
|
|
67
67
|
] }),
|
|
68
68
|
children: /* @__PURE__ */ r("div", { children: [
|
|
69
|
-
/* @__PURE__ */ e(
|
|
69
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "semibold", children: "Case Parts - Los Angeles" }),
|
|
70
70
|
/* @__PURE__ */ e("br", {}),
|
|
71
|
-
/* @__PURE__ */ r(
|
|
71
|
+
/* @__PURE__ */ r(t, { size: "xs", weight: "regular", children: [
|
|
72
72
|
"877 Monterey Pass Road",
|
|
73
73
|
/* @__PURE__ */ e("br", {}),
|
|
74
74
|
"Monterey Park, CA 91754"
|
|
75
75
|
] }),
|
|
76
76
|
/* @__PURE__ */ e("br", {}),
|
|
77
|
-
/* @__PURE__ */ e(
|
|
77
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "semibold", children: /* @__PURE__ */ e(i, { href: "https://goo.gl/maps/PzF4o1beyyTanKVk6", target: "_blank", rel: "noopener noreferrer", children: "Directions" }) })
|
|
78
78
|
] })
|
|
79
79
|
}
|
|
80
80
|
)
|
|
81
81
|
] }),
|
|
82
|
-
/* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className:
|
|
82
|
+
/* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className: o["icon-gap"], children: [
|
|
83
83
|
/* @__PURE__ */ e(n, { iconKey: "fa-solid fa-location-dot", size: "sm", colorToken: "warning" }),
|
|
84
84
|
/* @__PURE__ */ e(
|
|
85
85
|
a,
|
|
86
86
|
{
|
|
87
87
|
trigger: /* @__PURE__ */ r("div", { children: [
|
|
88
|
-
/* @__PURE__ */ e(
|
|
88
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "extra-light", colorToken: "footer", children: "St. Louis (800) 423-9397" }),
|
|
89
89
|
/* @__PURE__ */ e("br", {}),
|
|
90
|
-
/* @__PURE__ */ e(
|
|
90
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:00AM – 4:30PM CDT" })
|
|
91
91
|
] }),
|
|
92
92
|
children: /* @__PURE__ */ r("div", { children: [
|
|
93
|
-
/* @__PURE__ */ e(
|
|
93
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "semibold", children: "Case Parts - St. Louis" }),
|
|
94
94
|
/* @__PURE__ */ e("br", {}),
|
|
95
|
-
/* @__PURE__ */ r(
|
|
95
|
+
/* @__PURE__ */ r(t, { size: "xs", weight: "regular", children: [
|
|
96
96
|
"3218 Rider Trail South",
|
|
97
97
|
/* @__PURE__ */ e("br", {}),
|
|
98
98
|
"Earth City, MO 63045"
|
|
99
99
|
] }),
|
|
100
100
|
/* @__PURE__ */ e("br", {}),
|
|
101
|
-
/* @__PURE__ */ e(
|
|
101
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "semibold", children: /* @__PURE__ */ e(i, { href: "https://goo.gl/maps/JgBTWQ8LyaXR2UrS9", target: "_blank", rel: "noopener noreferrer", children: "Directions" }) })
|
|
102
102
|
] })
|
|
103
103
|
}
|
|
104
104
|
)
|
|
105
105
|
] }),
|
|
106
|
-
/* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className:
|
|
106
|
+
/* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className: o["icon-gap"], children: [
|
|
107
107
|
/* @__PURE__ */ e(n, { iconKey: "fa-solid fa-location-dot", size: "sm", colorToken: "warning" }),
|
|
108
108
|
/* @__PURE__ */ e(
|
|
109
109
|
a,
|
|
110
110
|
{
|
|
111
111
|
trigger: /* @__PURE__ */ r("div", { children: [
|
|
112
|
-
/* @__PURE__ */ e(
|
|
112
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Seattle (800) 731-5416" }),
|
|
113
113
|
/* @__PURE__ */ e("br", {}),
|
|
114
|
-
/* @__PURE__ */ e(
|
|
114
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Weekdays | 8:30AM – 5:00PM PT" })
|
|
115
115
|
] }),
|
|
116
116
|
children: /* @__PURE__ */ r("div", { children: [
|
|
117
|
-
/* @__PURE__ */ e(
|
|
117
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "semibold", children: "Case Parts - Seattle" }),
|
|
118
118
|
/* @__PURE__ */ e("br", {}),
|
|
119
|
-
/* @__PURE__ */ r(
|
|
119
|
+
/* @__PURE__ */ r(t, { size: "xs", weight: "regular", children: [
|
|
120
120
|
"25315 74th Ave South, Suite 101",
|
|
121
121
|
/* @__PURE__ */ e("br", {}),
|
|
122
122
|
"Kent, WA 98032"
|
|
123
123
|
] }),
|
|
124
124
|
/* @__PURE__ */ e("br", {}),
|
|
125
|
-
/* @__PURE__ */ e(
|
|
125
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "semibold", children: /* @__PURE__ */ e(i, { href: "https://goo.gl/maps/BhvC7NY94vXQG8uW8", target: "_blank", rel: "noopener noreferrer", children: "Directions" }) })
|
|
126
126
|
] })
|
|
127
127
|
}
|
|
128
128
|
)
|
|
129
129
|
] }),
|
|
130
|
-
/* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className:
|
|
130
|
+
/* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className: o["icon-gap"], children: [
|
|
131
131
|
/* @__PURE__ */ e(n, { iconKey: "fa-kit fa-chat", size: "sm", colorToken: d ? "success" : "default-inverted" }),
|
|
132
132
|
/* @__PURE__ */ r("div", { children: [
|
|
133
|
-
/* @__PURE__ */ e(
|
|
133
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Live Chat Support" }),
|
|
134
134
|
/* @__PURE__ */ e("br", {}),
|
|
135
|
-
/* @__PURE__ */ e(
|
|
135
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "extra-light", colorToken: "footer", children: d ? "Currently Online" : "Currently Offline" })
|
|
136
136
|
] })
|
|
137
137
|
] }),
|
|
138
|
-
/* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className:
|
|
138
|
+
/* @__PURE__ */ r(s, { flexDirection: "row", justifyContent: "flex-start", className: o["icon-gap"], children: [
|
|
139
139
|
/* @__PURE__ */ e(n, { iconKey: "fa-solid fa-megaphone", size: "sm", colorToken: "default-inverted" }),
|
|
140
140
|
/* @__PURE__ */ r("div", { children: [
|
|
141
|
-
/* @__PURE__ */ e(
|
|
141
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Part Research Request" }),
|
|
142
142
|
/* @__PURE__ */ e("br", {}),
|
|
143
|
-
/* @__PURE__ */ e(
|
|
143
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "extra-light", colorToken: "footer", children: "Ask Our Experts to Source a Part" })
|
|
144
144
|
] })
|
|
145
145
|
] })
|
|
146
146
|
] })
|
|
147
147
|
] })
|
|
148
148
|
] }),
|
|
149
|
-
/* @__PURE__ */ e(
|
|
149
|
+
/* @__PURE__ */ e(g, { gridWrapperClassName: h(c, o["bottom-grid"]), children: /* @__PURE__ */ e(l, { span: [4, 6, 12], className: o.gridColumn, children: /* @__PURE__ */ r("div", { className: o.columnContent, children: [
|
|
150
150
|
/* @__PURE__ */ e(i, { href: "#", unstyled: !0, children: "Terms" }),
|
|
151
|
-
"
|
|
151
|
+
" ",
|
|
152
|
+
/* @__PURE__ */ e(t, { size: "xs", weight: "extra-light", variant: "body", colorToken: "footer", children: "|" }),
|
|
153
|
+
" ",
|
|
152
154
|
/* @__PURE__ */ e(i, { href: "#", children: "Privacy Policy" }),
|
|
153
155
|
/* @__PURE__ */ e("br", {}),
|
|
154
|
-
/* @__PURE__ */ e(
|
|
156
|
+
/* @__PURE__ */ e(t, { size: "xxs", weight: "extra-light", variant: "body", colorToken: "footer", className: o["copyright-text"], children: "©Copyright 1972-2025 Case Parts Company | All Rights Reserved." })
|
|
155
157
|
] }) }) })
|
|
156
158
|
] });
|
|
157
159
|
}
|