@caseparts-org/caseblocks 0.0.165 → 0.0.166
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.
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import './assets/Cart.css';const t = "_cartIconButton_1dauc_2", a = "_count_1dauc_9", o = "_cartContainer_1dauc_24", c = "_headerWrapper_1dauc_35", e = "_header_1dauc_35", n = "_cartItems_1dauc_53", _ = "_cartItem_1dauc_53", r = "_topRow_1dauc_79", u = "_itemInfo_1dauc_85", s = "_purchaseInformation_1dauc_90", m = "_availabilitySlot_1dauc_96", i = "_priceSlot_1dauc_99", d = "_itemManagement_1dauc_102", I = "_itemImage_1dauc_115", l = "_removeItem_1dauc_118", p = "_noItems_1dauc_128", h = "_subtotal_1dauc_135", b = "_checkoutButton_1dauc_142", f = {
|
|
2
|
+
cartIconButton: t,
|
|
3
|
+
count: a,
|
|
4
|
+
cartContainer: o,
|
|
5
|
+
headerWrapper: c,
|
|
6
|
+
header: e,
|
|
7
|
+
cartItems: n,
|
|
8
|
+
cartItem: _,
|
|
9
|
+
topRow: r,
|
|
10
|
+
itemInfo: u,
|
|
11
|
+
purchaseInformation: s,
|
|
12
|
+
availabilitySlot: m,
|
|
13
|
+
priceSlot: i,
|
|
14
|
+
itemManagement: d,
|
|
15
|
+
itemImage: I,
|
|
16
|
+
removeItem: l,
|
|
17
|
+
noItems: p,
|
|
18
|
+
subtotal: h,
|
|
19
|
+
checkoutButton: b
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
f as s
|
|
23
|
+
};
|
package/dist/assets/Cart.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cartIconButton_1dauc_2{position:relative;border:none;padding:0;margin:0;background-color:transparent}._count_1dauc_9{position:absolute;top:0;left:14px;border-radius:50%;width:18px;height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--color-brand-primary-primary-tangerine);color:var(--color-neutrals-neutral-1);font-weight:var(--font-weight-semibold)}._cartContainer_1dauc_24{height:100vh;width:100%;min-width:320px;max-width:375px;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--spacing-1);padding:var(--spacing-1)}._headerWrapper_1dauc_35{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-spacing-2xs)}._headerWrapper_1dauc_35>button{padding:0;margin:0;background-color:transparent;border:none}._header_1dauc_35{display:flex;flex-direction:column;align-items:flex-start;width:100%}._cartItems_1dauc_53{height:100%;overflow-y:auto;overflow-x:hidden}._cartItems_1dauc_53 ul{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-spacing-1xs)}._cartItem_1dauc_53{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-0-5);align-items:start;box-sizing:border-box;position:relative;list-style:none;margin:0;padding:var(--spacing-0-5);width:100%;border:1px solid var(--color-neutrals-neutral-2);border-radius:var(--border-radius-md)}._topRow_1dauc_79{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}._itemInfo_1dauc_85{display:flex;flex-direction:column;align-items:flex-start}._purchaseInformation_1dauc_90{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;width:100%}._availabilitySlot_1dauc_96{min-width:0}._priceSlot_1dauc_99{justify-self:end}._itemManagement_1dauc_102{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-spacing-3xs)}._cartItem_1dauc_53 p{margin:0;padding:0;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}._itemImage_1dauc_115{object-fit:contain}._removeItem_1dauc_118{border:none;background-color:transparent;padding:0;margin:0;cursor:pointer;width:min-content;height:min-content}._noItems_1dauc_128{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}._subtotal_1dauc_135{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-0-5)}._checkoutButton_1dauc_142{width:100%}
|
|
@@ -2,7 +2,7 @@ import { jsx as a, jsxs as d } from "react/jsx-runtime";
|
|
|
2
2
|
import l from "react";
|
|
3
3
|
import { Icon as g } from "../../atoms/Icon/Icon.js";
|
|
4
4
|
import { Text as p } from "../../atoms/Text/Text.js";
|
|
5
|
-
import { s as m } from "../../Cart.module-
|
|
5
|
+
import { s as m } from "../../Cart.module-BFUWHH7s.js";
|
|
6
6
|
const S = l.forwardRef(function({
|
|
7
7
|
cart: i,
|
|
8
8
|
open: t = !1,
|
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Link as
|
|
3
|
-
import { Text as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
1
|
+
import { jsxs as r, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { Link as x } from "../../atoms/Link/Link.js";
|
|
3
|
+
import { Text as a } from "../../atoms/Text/Text.js";
|
|
4
|
+
import { Image as y } from "../../atoms/Image/Image.js";
|
|
5
|
+
import { Availability as z } from "../Availability/Availability.js";
|
|
6
|
+
import { Pricing as P } from "../Pricing/Pricing.js";
|
|
7
|
+
import { QuantityInput as w } from "../QuantityInput/QuantityInput.js";
|
|
8
|
+
import { Icon as k } from "../../atoms/Icon/Icon.js";
|
|
9
|
+
import { c as L } from "../../clsx-OuTLNxxd.js";
|
|
10
|
+
import { s as e } from "../../Cart.module-BFUWHH7s.js";
|
|
11
11
|
function B({
|
|
12
|
-
imageUrl:
|
|
13
|
-
imageAlt:
|
|
14
|
-
title:
|
|
12
|
+
imageUrl: h,
|
|
13
|
+
imageAlt: p = "Product image",
|
|
14
|
+
title: m,
|
|
15
15
|
titleHref: s,
|
|
16
16
|
partNumber: t,
|
|
17
|
-
custom:
|
|
18
|
-
availabilityId:
|
|
17
|
+
custom: f,
|
|
18
|
+
availabilityId: v,
|
|
19
19
|
availability: o,
|
|
20
|
-
contactHref:
|
|
21
|
-
contactLinkBehavior:
|
|
22
|
-
priceLabel:
|
|
20
|
+
contactHref: u,
|
|
21
|
+
contactLinkBehavior: I = "new-tab",
|
|
22
|
+
priceLabel: g = "List Price",
|
|
23
23
|
price: c,
|
|
24
24
|
quantity: l,
|
|
25
25
|
onQuantityChange: n,
|
|
26
26
|
onRemove: d,
|
|
27
|
-
className:
|
|
28
|
-
...
|
|
27
|
+
className: N,
|
|
28
|
+
...b
|
|
29
29
|
}) {
|
|
30
|
-
return /* @__PURE__ */
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
t != null && /* @__PURE__ */
|
|
37
|
-
/* @__PURE__ */
|
|
30
|
+
return /* @__PURE__ */ r("li", { className: L(e.cartItem, N), ...b, children: [
|
|
31
|
+
/* @__PURE__ */ i(y, { height: 50, width: 50, src: h || "", alt: p, className: e.itemImage }),
|
|
32
|
+
/* @__PURE__ */ r("div", { children: [
|
|
33
|
+
/* @__PURE__ */ r("div", { className: e.topRow, children: [
|
|
34
|
+
/* @__PURE__ */ r("div", { className: e.itemInfo, children: [
|
|
35
|
+
/* @__PURE__ */ i(a, { size: "sm", weight: "semibold", children: s ? /* @__PURE__ */ i(x, { href: s, children: m }) : m }),
|
|
36
|
+
t != null && /* @__PURE__ */ r(a, { size: "sm", children: [
|
|
37
|
+
/* @__PURE__ */ i(a, { colorToken: "quaternary", size: "xs", children: f ? "Specs " : "Part # " }),
|
|
38
38
|
t
|
|
39
39
|
] })
|
|
40
40
|
] }),
|
|
41
|
-
d && /* @__PURE__ */
|
|
41
|
+
d && /* @__PURE__ */ i("button", { onClick: d, className: e.removeItem, "aria-label": "Remove item", type: "button", children: /* @__PURE__ */ i(k, { iconKey: "fa-regular fa-trash", size: "sm" }) })
|
|
42
42
|
] }),
|
|
43
|
-
/* @__PURE__ */
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
o && /* @__PURE__ */
|
|
46
|
-
|
|
43
|
+
/* @__PURE__ */ r("div", { className: e.itemManagement, children: [
|
|
44
|
+
/* @__PURE__ */ r("div", { className: e.purchaseInformation, children: [
|
|
45
|
+
/* @__PURE__ */ i("div", { className: e.availabilitySlot, children: o && /* @__PURE__ */ i(
|
|
46
|
+
z,
|
|
47
47
|
{
|
|
48
|
-
availId:
|
|
48
|
+
availId: v || "",
|
|
49
49
|
availDescription: o,
|
|
50
|
-
contactHref:
|
|
51
|
-
contactLinkBehavior:
|
|
50
|
+
contactHref: u || "",
|
|
51
|
+
contactLinkBehavior: I
|
|
52
52
|
}
|
|
53
|
-
),
|
|
54
|
-
c && /* @__PURE__ */
|
|
53
|
+
) }),
|
|
54
|
+
/* @__PURE__ */ i("div", { className: e.priceSlot, children: c && /* @__PURE__ */ i(P, { pricingLabel: g, price: c }) })
|
|
55
55
|
] }),
|
|
56
|
-
typeof l == "number" && n && /* @__PURE__ */
|
|
57
|
-
|
|
56
|
+
typeof l == "number" && n && /* @__PURE__ */ i(
|
|
57
|
+
w,
|
|
58
58
|
{
|
|
59
59
|
quantity: l,
|
|
60
60
|
onQuantityChange: n,
|
|
@@ -4,7 +4,7 @@ import { Text as l } from "../../atoms/Text/Text.js";
|
|
|
4
4
|
import { Button as f } from "../../atoms/Button/Button.js";
|
|
5
5
|
import { Icon as v } from "../../atoms/Icon/Icon.js";
|
|
6
6
|
import { CartPart as I } from "./CartPart.js";
|
|
7
|
-
import { s as a } from "../../Cart.module-
|
|
7
|
+
import { s as a } from "../../Cart.module-BFUWHH7s.js";
|
|
8
8
|
function q({
|
|
9
9
|
open: o,
|
|
10
10
|
onClose: m,
|
package/package.json
CHANGED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import './assets/Cart.css';const t = "_cartIconButton_5jpfu_2", e = "_count_5jpfu_9", o = "_cartContainer_5jpfu_24", n = "_headerWrapper_5jpfu_35", _ = "_header_5jpfu_35", c = "_cartItems_5jpfu_53", a = "_cartItem_5jpfu_53", r = "_topRow_5jpfu_79", u = "_itemInfo_5jpfu_85", m = "_purchaseInformation_5jpfu_90", s = "_itemManagement_5jpfu_97", p = "_itemImage_5jpfu_110", I = "_removeItem_5jpfu_113", f = "_noItems_5jpfu_123", j = "_subtotal_5jpfu_130", i = "_checkoutButton_5jpfu_137", h = {
|
|
2
|
-
cartIconButton: t,
|
|
3
|
-
count: e,
|
|
4
|
-
cartContainer: o,
|
|
5
|
-
headerWrapper: n,
|
|
6
|
-
header: _,
|
|
7
|
-
cartItems: c,
|
|
8
|
-
cartItem: a,
|
|
9
|
-
topRow: r,
|
|
10
|
-
itemInfo: u,
|
|
11
|
-
purchaseInformation: m,
|
|
12
|
-
itemManagement: s,
|
|
13
|
-
itemImage: p,
|
|
14
|
-
removeItem: I,
|
|
15
|
-
noItems: f,
|
|
16
|
-
subtotal: j,
|
|
17
|
-
checkoutButton: i
|
|
18
|
-
};
|
|
19
|
-
export {
|
|
20
|
-
h as s
|
|
21
|
-
};
|