@caseparts-org/caseblocks 0.0.199 → 0.0.200
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/MainNav.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._main_14nx2_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0;z-index:1;position:relative}._column_14nx2_8{box-sizing:border-box;padding:0 var(--spacing-1)}._topNav_14nx2_13{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_14nx2_13{gap:var(--spacing-1);padding-bottom:0}}._logo_14nx2_21{cursor:pointer}._operations_14nx2_24{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_14nx2_24{gap:var(--spacing-1)}}._search_14nx2_31{flex:1}._siteLink_14nx2_34{color:var(--color-brand-primary-primary-black);cursor:default;border:none;background-color:transparent;padding:0;margin:0;font-family:var(--font-family-display);font-size:var(--font-size-md);cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-4xs)}._siteLink_14nx2_34:hover{text-decoration:underline;color:var(--text-text-links)}@media (max-width:1280px){._siteLink_14nx2_34{font-family:var(--font-family-body);font-size:var(--font-size-sm)}}._siteLink_14nx2_34 path{fill:var(--color-brand-primary-primary-teal-blue)}._accountArea_14nx2_61{width:145px}@media (max-width: 1281px){._accountArea_14nx2_61{width:min-content}}._cart_14nx2_67{border:none;padding:0;margin:0;background-color:transparent}._category_14nx2_73{list-style:none;min-height:42px;display:flex;flex-direction:row;align-items:stretch;padding:0}._categoryLink_14nx2_81{color:var(--text-text-primary);text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}._categoryLink_14nx2_81:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._categoryLink_14nx2_81 path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_14nx2_97{list-style:none;padding:0;margin:0;height:min-content;display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs)}._menuList_14nx2_97>li{width:100%;min-height:42px;padding:var(--spacing-spacing-2xs);border:1px solid var(--border-border-primary, #dfdfdf);box-sizing:border-box;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);color:var(--text-text-links)}._menuItemAction_14nx2_120{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-4xs);color:var(--color-brand-primary-primary-black)}._shortcutIcon_14nx2_129{color:var(--text-text-links)}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as n, jsxs as s } from "react/jsx-runtime";
|
|
2
2
|
import S from "react";
|
|
3
3
|
import { Text as h } from "../../atoms/Text/Text.js";
|
|
4
4
|
import { Link as u } from "../../atoms/Link/Link.js";
|
|
5
|
-
import { Icon as
|
|
5
|
+
import { Icon as i } from "../../atoms/Icon/Icon.js";
|
|
6
6
|
import { Flex as m } from "../../atoms/Flex/Flex.js";
|
|
7
7
|
import { Grid as U, Column as C } from "../../atoms/Grid/Grid.js";
|
|
8
8
|
import { Logo as F } from "../../molecules/Logo/Logo.js";
|
|
@@ -11,9 +11,9 @@ import { HamburgerMenu as H } from "../../molecules/HamburgerMenu/HamburgerMenu.
|
|
|
11
11
|
import { ShoppingCart as q } from "../../molecules/Cart/Cart.js";
|
|
12
12
|
import { Account as B } from "../../molecules/Account/Account.js";
|
|
13
13
|
import { CategoryNav as G } from "../../molecules/CategoryNav/CategoryNav.js";
|
|
14
|
-
import { getHideAtStyles as
|
|
15
|
-
import { c as
|
|
16
|
-
import '../../assets/MainNav.css';const P = "
|
|
14
|
+
import { getHideAtStyles as x } from "../../atoms/HideAt.js";
|
|
15
|
+
import { c as t } from "../../clsx-OuTLNxxd.js";
|
|
16
|
+
import '../../assets/MainNav.css';const P = "_main_14nx2_1", Q = "_column_14nx2_8", T = "_topNav_14nx2_13", W = "_logo_14nx2_21", E = "_operations_14nx2_24", J = "_search_14nx2_31", O = "_siteLink_14nx2_34", R = "_accountArea_14nx2_61", V = "_category_14nx2_73", X = "_categoryLink_14nx2_81", Y = "_menuList_14nx2_97", Z = "_menuItemAction_14nx2_120", $ = "_shortcutIcon_14nx2_129", e = {
|
|
17
17
|
main: P,
|
|
18
18
|
column: Q,
|
|
19
19
|
topNav: T,
|
|
@@ -29,19 +29,19 @@ import '../../assets/MainNav.css';const P = "_main_1e17g_1", Q = "_column_1e17g_
|
|
|
29
29
|
shortcutIcon: $
|
|
30
30
|
}, pe = S.forwardRef(function({
|
|
31
31
|
account: l,
|
|
32
|
-
categories:
|
|
33
|
-
homeRoute:
|
|
34
|
-
faqRoute:
|
|
32
|
+
categories: r,
|
|
33
|
+
homeRoute: I,
|
|
34
|
+
faqRoute: L,
|
|
35
35
|
customPartsRoute: f,
|
|
36
|
-
aboutUsRoute:
|
|
36
|
+
aboutUsRoute: A,
|
|
37
37
|
contactRoute: p,
|
|
38
|
-
cart:
|
|
39
|
-
open:
|
|
38
|
+
cart: v,
|
|
39
|
+
open: k,
|
|
40
40
|
// consume external panel control props from CartPropsBase
|
|
41
|
-
className:
|
|
41
|
+
className: y,
|
|
42
42
|
onLoginClick: b,
|
|
43
43
|
onSearch: N,
|
|
44
|
-
onCategoryClick:
|
|
44
|
+
onCategoryClick: o,
|
|
45
45
|
onClickModelSerial: _,
|
|
46
46
|
onCartClick: w,
|
|
47
47
|
accountPopoverContent: z,
|
|
@@ -49,8 +49,8 @@ import '../../assets/MainNav.css';const P = "_main_1e17g_1", Q = "_column_1e17g_
|
|
|
49
49
|
isCategoriesLoading: j,
|
|
50
50
|
...D
|
|
51
51
|
}, M) {
|
|
52
|
-
return /* @__PURE__ */
|
|
53
|
-
/* @__PURE__ */
|
|
52
|
+
return /* @__PURE__ */ n(U, { ...D, gridWrapperClassName: t(e.main, y), children: /* @__PURE__ */ s(C, { span: 12, className: e.column, children: [
|
|
53
|
+
/* @__PURE__ */ s(
|
|
54
54
|
m,
|
|
55
55
|
{
|
|
56
56
|
flexDirection: "row",
|
|
@@ -58,8 +58,8 @@ import '../../assets/MainNav.css';const P = "_main_1e17g_1", Q = "_column_1e17g_
|
|
|
58
58
|
justifyContent: "space-between",
|
|
59
59
|
className: e.topNav,
|
|
60
60
|
children: [
|
|
61
|
-
/* @__PURE__ */
|
|
62
|
-
/* @__PURE__ */
|
|
61
|
+
/* @__PURE__ */ n("div", { className: e.logo, children: /* @__PURE__ */ n(u, { href: I, children: /* @__PURE__ */ n(F, {}) }) }),
|
|
62
|
+
/* @__PURE__ */ s(
|
|
63
63
|
m,
|
|
64
64
|
{
|
|
65
65
|
flexDirection: "row",
|
|
@@ -67,11 +67,14 @@ import '../../assets/MainNav.css';const P = "_main_1e17g_1", Q = "_column_1e17g_
|
|
|
67
67
|
justifyContent: "flex-end",
|
|
68
68
|
className: e.operations,
|
|
69
69
|
children: [
|
|
70
|
-
/* @__PURE__ */
|
|
71
|
-
/* @__PURE__ */ s("button", { onClick: _, className:
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
70
|
+
/* @__PURE__ */ n(m, { flexDirection: "row", hideAt: ["sm"], className: e.search, children: /* @__PURE__ */ n(g, { onSearch: N, inputName: "cpc-search" }) }),
|
|
71
|
+
/* @__PURE__ */ s("button", { onClick: _, className: t(e.siteLink, x(["sm", "md"])), children: [
|
|
72
|
+
/* @__PURE__ */ n(i, { iconKey: "fa-regular fa-sparkles", size: "sm" }),
|
|
73
|
+
"Model/Serial"
|
|
74
|
+
] }),
|
|
75
|
+
/* @__PURE__ */ n(c, { href: f, hideAt: ["sm", "md"], children: "Custom Parts" }),
|
|
76
|
+
/* @__PURE__ */ n(c, { href: p, hideAt: ["sm", "md"], children: "Contact Us" }),
|
|
77
|
+
/* @__PURE__ */ n("div", { className: e.accountArea, children: /* @__PURE__ */ n(
|
|
75
78
|
B,
|
|
76
79
|
{
|
|
77
80
|
account: l,
|
|
@@ -81,61 +84,61 @@ import '../../assets/MainNav.css';const P = "_main_1e17g_1", Q = "_column_1e17g_
|
|
|
81
84
|
isAccountLoading: K
|
|
82
85
|
}
|
|
83
86
|
) }),
|
|
84
|
-
/* @__PURE__ */
|
|
87
|
+
/* @__PURE__ */ n(
|
|
85
88
|
q,
|
|
86
89
|
{
|
|
87
90
|
ref: M,
|
|
88
|
-
cart:
|
|
89
|
-
open:
|
|
91
|
+
cart: v,
|
|
92
|
+
open: k,
|
|
90
93
|
onCartClick: w
|
|
91
94
|
}
|
|
92
95
|
),
|
|
93
|
-
/* @__PURE__ */
|
|
94
|
-
/* @__PURE__ */
|
|
95
|
-
/* @__PURE__ */
|
|
96
|
-
/* @__PURE__ */
|
|
97
|
-
/* @__PURE__ */
|
|
96
|
+
/* @__PURE__ */ s(H, { hideAt: ["lg"], children: [
|
|
97
|
+
/* @__PURE__ */ s("section", { children: [
|
|
98
|
+
/* @__PURE__ */ n(h, { size: "md", weight: "semibold", children: "Useful shortcuts" }),
|
|
99
|
+
/* @__PURE__ */ s("ul", { className: e.menuList, children: [
|
|
100
|
+
/* @__PURE__ */ n("li", { className: e.menuItem, children: /* @__PURE__ */ s(
|
|
98
101
|
"button",
|
|
99
102
|
{
|
|
100
103
|
onClick: _,
|
|
101
104
|
"data-hamburger-close": "true",
|
|
102
|
-
className:
|
|
105
|
+
className: t(e.siteLink, e.menuItemAction, x(["lg"])),
|
|
103
106
|
children: [
|
|
104
|
-
/* @__PURE__ */
|
|
107
|
+
/* @__PURE__ */ n(i, { iconKey: "fa-regular fa-sparkles", size: "sm", className: e.shortcutIcon }),
|
|
105
108
|
"Model/Serial"
|
|
106
109
|
]
|
|
107
110
|
}
|
|
108
111
|
) }),
|
|
109
|
-
/* @__PURE__ */
|
|
110
|
-
/* @__PURE__ */
|
|
112
|
+
/* @__PURE__ */ n("li", { className: e.menuItem, children: /* @__PURE__ */ s(c, { href: f, className: t(e.siteLink, e.menuItemAction), children: [
|
|
113
|
+
/* @__PURE__ */ n(i, { iconKey: "fa-regular fa-screwdriver-wrench", size: "sm", className: e.shortcutIcon }),
|
|
111
114
|
"Custom Parts"
|
|
112
115
|
] }) }),
|
|
113
|
-
/* @__PURE__ */
|
|
114
|
-
/* @__PURE__ */
|
|
116
|
+
/* @__PURE__ */ n("li", { className: e.menuItem, children: /* @__PURE__ */ s(c, { href: p, className: t(e.siteLink, e.menuItemAction), children: [
|
|
117
|
+
/* @__PURE__ */ n(i, { iconKey: "fa-regular fa-envelope", size: "sm", className: e.shortcutIcon }),
|
|
115
118
|
"Contact Us"
|
|
116
119
|
] }) }),
|
|
117
|
-
/* @__PURE__ */
|
|
118
|
-
/* @__PURE__ */
|
|
120
|
+
/* @__PURE__ */ n("li", { className: e.menuItem, children: /* @__PURE__ */ s(c, { href: L, className: t(e.siteLink, e.menuItemAction), children: [
|
|
121
|
+
/* @__PURE__ */ n(i, { iconKey: "fa-solid fa-question", size: "sm", className: e.shortcutIcon }),
|
|
119
122
|
"FAQ"
|
|
120
123
|
] }) }),
|
|
121
|
-
/* @__PURE__ */
|
|
122
|
-
/* @__PURE__ */
|
|
124
|
+
/* @__PURE__ */ n("li", { className: e.menuItem, children: /* @__PURE__ */ s(c, { href: A, className: t(e.siteLink, e.menuItemAction), children: [
|
|
125
|
+
/* @__PURE__ */ n(i, { iconKey: "fa-regular fa-people-group", size: "sm", className: e.shortcutIcon }),
|
|
123
126
|
"About Us"
|
|
124
127
|
] }) })
|
|
125
128
|
] })
|
|
126
129
|
] }),
|
|
127
|
-
/* @__PURE__ */
|
|
128
|
-
/* @__PURE__ */
|
|
129
|
-
/* @__PURE__ */
|
|
130
|
+
/* @__PURE__ */ s("section", { children: [
|
|
131
|
+
/* @__PURE__ */ n(h, { size: "md", weight: "semibold", children: "Shop by category" }),
|
|
132
|
+
/* @__PURE__ */ n("ul", { className: e.menuList, children: r && r.map((a) => /* @__PURE__ */ n("li", { className: e.category, children: /* @__PURE__ */ s(
|
|
130
133
|
u,
|
|
131
134
|
{
|
|
132
135
|
href: a.route,
|
|
133
136
|
className: e.categoryLink,
|
|
134
|
-
onClick: () =>
|
|
137
|
+
onClick: () => o == null ? void 0 : o(a),
|
|
135
138
|
children: [
|
|
136
|
-
/* @__PURE__ */
|
|
137
|
-
/* @__PURE__ */
|
|
138
|
-
|
|
139
|
+
/* @__PURE__ */ n(h, { size: "sm", children: a.label }),
|
|
140
|
+
/* @__PURE__ */ n(
|
|
141
|
+
i,
|
|
139
142
|
{
|
|
140
143
|
iconKey: "fa-solid fa-chevron-right",
|
|
141
144
|
title: "Navigate",
|
|
@@ -153,13 +156,13 @@ import '../../assets/MainNav.css';const P = "_main_1e17g_1", Q = "_column_1e17g_
|
|
|
153
156
|
]
|
|
154
157
|
}
|
|
155
158
|
),
|
|
156
|
-
/* @__PURE__ */
|
|
157
|
-
/* @__PURE__ */
|
|
159
|
+
/* @__PURE__ */ n(m, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ n(g, { onSearch: N, inputName: "cpc-search", className: e.search }) }),
|
|
160
|
+
/* @__PURE__ */ n(
|
|
158
161
|
G,
|
|
159
162
|
{
|
|
160
|
-
categories:
|
|
163
|
+
categories: r,
|
|
161
164
|
isCategoriesLoading: j,
|
|
162
|
-
onCategoryClick:
|
|
165
|
+
onCategoryClick: o
|
|
163
166
|
}
|
|
164
167
|
)
|
|
165
168
|
] }) });
|
|
@@ -167,9 +170,9 @@ import '../../assets/MainNav.css';const P = "_main_1e17g_1", Q = "_column_1e17g_
|
|
|
167
170
|
function c({
|
|
168
171
|
href: d,
|
|
169
172
|
children: l,
|
|
170
|
-
...
|
|
173
|
+
...r
|
|
171
174
|
}) {
|
|
172
|
-
return /* @__PURE__ */
|
|
175
|
+
return /* @__PURE__ */ n(u, { href: d, className: e.siteLink, ...r, children: l });
|
|
173
176
|
}
|
|
174
177
|
export {
|
|
175
178
|
pe as MainNav
|