@caseparts-org/caseblocks 0.0.183 → 0.0.185
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/Cart.module-B0W9CeI5.js +25 -0
- package/dist/assets/Cart.css +1 -1
- package/dist/assets/Modal.css +1 -1
- package/dist/molecules/Cart/Cart.js +1 -1
- package/dist/molecules/Cart/CartPart.js +1 -1
- package/dist/molecules/Cart/CartSlideInPanel.js +1 -1
- package/dist/molecules/Modal/Modal.js +54 -46
- package/package.json +1 -1
- package/dist/Cart.module-8dqEQPFM.js +0 -25
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import './assets/Cart.css';const t = "_cartIconButton_a7g4s_2", a = "_count_a7g4s_9", o = "_cartContainer_a7g4s_24", e = "_headerWrapper_a7g4s_35", n = "_header_a7g4s_35", _ = "_cartItems_a7g4s_53", s = "_cartItem_a7g4s_53", c = "_topRow_a7g4s_79", r = "_itemInfo_a7g4s_85", i = "_editUnit_a7g4s_90", m = "_purchaseInformation_a7g4s_104", g = "_availabilitySlot_a7g4s_110", I = "_priceSlot_a7g4s_113", u = "_itemManagement_a7g4s_116", l = "_quantitySlot_a7g4s_122", p = "_itemImage_a7g4s_132", h = "_removeItem_a7g4s_135", d = "_noItems_a7g4s_145", S = "_subtotal_a7g4s_152", y = "_checkoutButton_a7g4s_159", b = {
|
|
2
|
+
cartIconButton: t,
|
|
3
|
+
count: a,
|
|
4
|
+
cartContainer: o,
|
|
5
|
+
headerWrapper: e,
|
|
6
|
+
header: n,
|
|
7
|
+
cartItems: _,
|
|
8
|
+
cartItem: s,
|
|
9
|
+
topRow: c,
|
|
10
|
+
itemInfo: r,
|
|
11
|
+
editUnit: i,
|
|
12
|
+
purchaseInformation: m,
|
|
13
|
+
availabilitySlot: g,
|
|
14
|
+
priceSlot: I,
|
|
15
|
+
itemManagement: u,
|
|
16
|
+
quantitySlot: l,
|
|
17
|
+
itemImage: p,
|
|
18
|
+
removeItem: h,
|
|
19
|
+
noItems: d,
|
|
20
|
+
subtotal: S,
|
|
21
|
+
checkoutButton: y
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
b as s
|
|
25
|
+
};
|
package/dist/assets/Cart.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cartIconButton_a7g4s_2{position:relative;border:none;padding:0;margin:0;background-color:transparent}._count_a7g4s_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_a7g4s_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_a7g4s_35{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-spacing-2xs)}._headerWrapper_a7g4s_35>button{padding:0;margin:0;background-color:transparent;border:none}._header_a7g4s_35{display:flex;flex-direction:column;align-items:flex-start;width:100%}._cartItems_a7g4s_53{height:100%;overflow-y:auto;overflow-x:hidden}._cartItems_a7g4s_53 ul{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-spacing-1xs)}._cartItem_a7g4s_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_a7g4s_79{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}._itemInfo_a7g4s_85{display:flex;flex-direction:column;align-items:flex-start}._editUnit_a7g4s_90{display:flex;align-items:center;text-align:start;gap:var(--spacing-spacing-3xs);border:none;background-color:transparent;padding:0;margin:0;cursor:pointer;color:var(--text-text-links);word-break:break-all;word-wrap:break-word}._purchaseInformation_a7g4s_104{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;width:100%}._availabilitySlot_a7g4s_110{min-width:0}._priceSlot_a7g4s_113{justify-self:end}._itemManagement_a7g4s_116{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-spacing-3xs)}._quantitySlot_a7g4s_122{align-self:flex-end}._cartItem_a7g4s_53 p{margin:0;padding:0;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}._itemImage_a7g4s_132{object-fit:contain}._removeItem_a7g4s_135{border:none;background-color:transparent;padding:0;margin:0;cursor:pointer;width:min-content;height:min-content}._noItems_a7g4s_145{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}._subtotal_a7g4s_152{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-0-5)}._checkoutButton_a7g4s_159{width:100%}
|
package/dist/assets/Modal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._overlay_1n58z_1{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}._container_1n58z_11{background-color:var(--surface-surface-primary);color:var(--text-text-primary);border-radius:var(--border-radius-sm);box-shadow:0 4px 6px #0000001a;width:min(800px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}@media (max-width:767px){._container_1n58z_11{border-radius:0;width:100%;box-shadow:none;height:100dvh;max-height:100dvh}}._toolbar_1n58z_30{position:sticky;top:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--surface-surface-secondary);border-bottom:1px solid var(--border-border-secondary-btn);padding:var(--spacing-spacing-2xs);gap:var(--spacing-spacing-2xs);z-index:1}._toolbarPlain_1n58z_44{background-color:transparent;border-bottom:none}._headerGroup_1n58z_49{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-2xs);flex:1 1 0}._headerLeft_1n58z_57{justify-content:flex-start}._headerRight_1n58z_61{justify-content:flex-end}._closeButton_1n58z_65{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:var(--spacing-spacing-4xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;padding:0}._content_1n58z_78{overflow:auto;padding:var(--spacing-spacing-default)}@media (max-width:767px){._content_1n58z_78{padding:var(--spacing-spacing-2xs)}}
|
|
@@ -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-B0W9CeI5.js";
|
|
6
6
|
const S = l.forwardRef(function({
|
|
7
7
|
cart: i,
|
|
8
8
|
open: t = !1,
|
|
@@ -7,7 +7,7 @@ import { Pricing as B } from "../Pricing/Pricing.js";
|
|
|
7
7
|
import { QuantityInput as D } from "../QuantityInput/QuantityInput.js";
|
|
8
8
|
import { Icon as y } from "../../atoms/Icon/Icon.js";
|
|
9
9
|
import { c as M } from "../../clsx-OuTLNxxd.js";
|
|
10
|
-
import { s as i } from "../../Cart.module-
|
|
10
|
+
import { s as i } from "../../Cart.module-B0W9CeI5.js";
|
|
11
11
|
function U({
|
|
12
12
|
imageUrl: b,
|
|
13
13
|
imageAlt: g = "Product image",
|
|
@@ -4,7 +4,7 @@ import { Text as l } from "../../atoms/Text/Text.js";
|
|
|
4
4
|
import { Button as k } from "../../atoms/Button/Button.js";
|
|
5
5
|
import { Icon as C } from "../../atoms/Icon/Icon.js";
|
|
6
6
|
import { CartPart as x } from "./CartPart.js";
|
|
7
|
-
import { s as t } from "../../Cart.module-
|
|
7
|
+
import { s as t } from "../../Cart.module-B0W9CeI5.js";
|
|
8
8
|
function L({
|
|
9
9
|
open: c,
|
|
10
10
|
onClose: s,
|
|
@@ -1,67 +1,75 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import f from "react";
|
|
3
|
+
import { c as s } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { Text as h } from "../../atoms/Text/Text.js";
|
|
5
|
+
import { Icon as p } from "../../atoms/Icon/Icon.js";
|
|
6
|
+
import '../../assets/Modal.css';const z = "_overlay_1n58z_1", g = "_container_1n58z_11", b = "_toolbar_1n58z_30", v = "_toolbarPlain_1n58z_44", y = "_headerGroup_1n58z_49", T = "_headerLeft_1n58z_57", x = "_headerRight_1n58z_61", B = "_closeButton_1n58z_65", M = "_content_1n58z_78", r = {
|
|
7
|
+
overlay: z,
|
|
8
|
+
container: g,
|
|
9
|
+
toolbar: b,
|
|
10
|
+
toolbarPlain: v,
|
|
11
|
+
headerGroup: y,
|
|
12
|
+
headerLeft: T,
|
|
13
|
+
headerRight: x,
|
|
14
|
+
closeButton: B,
|
|
15
|
+
content: M
|
|
16
|
+
}, N = {
|
|
16
17
|
sm: "sm",
|
|
17
18
|
md: "md",
|
|
18
19
|
lg: "lg"
|
|
19
|
-
},
|
|
20
|
+
}, R = {
|
|
20
21
|
sm: "sm",
|
|
21
22
|
md: "md",
|
|
22
23
|
lg: "md"
|
|
23
|
-
},
|
|
24
|
-
isOpen:
|
|
25
|
-
onClose:
|
|
26
|
-
closeOnOverlayClick:
|
|
24
|
+
}, i = ({
|
|
25
|
+
isOpen: t,
|
|
26
|
+
onClose: o,
|
|
27
|
+
closeOnOverlayClick: e = !0,
|
|
27
28
|
className: l,
|
|
28
|
-
children:
|
|
29
|
-
...
|
|
29
|
+
children: c,
|
|
30
|
+
...u
|
|
30
31
|
}) => {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
const a = f.useRef(!1);
|
|
33
|
+
if (!t) return null;
|
|
34
|
+
const m = (d) => {
|
|
35
|
+
e && (a.current = d.target === d.currentTarget);
|
|
36
|
+
}, _ = (d) => {
|
|
37
|
+
if (!e) {
|
|
38
|
+
a.current = !1;
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
a.current && d.target === d.currentTarget && o(), a.current = !1;
|
|
34
42
|
};
|
|
35
|
-
return /* @__PURE__ */
|
|
36
|
-
},
|
|
43
|
+
return /* @__PURE__ */ n("div", { className: s(r.overlay), onMouseDown: m, onMouseUp: _, children: /* @__PURE__ */ n("div", { className: s(r.container, l), role: "dialog", "aria-modal": "true", ...u, children: c }) });
|
|
44
|
+
}, C = ({ variant: t = "standard", className: o, children: e, ...l }) => /* @__PURE__ */ n(
|
|
37
45
|
"div",
|
|
38
46
|
{
|
|
39
|
-
className:
|
|
47
|
+
className: s(r.toolbar, t === "plain" && r.toolbarPlain, o),
|
|
40
48
|
...l,
|
|
41
|
-
children:
|
|
49
|
+
children: e
|
|
42
50
|
}
|
|
43
|
-
),
|
|
44
|
-
align:
|
|
45
|
-
size:
|
|
46
|
-
variant:
|
|
51
|
+
), G = ({
|
|
52
|
+
align: t = "left",
|
|
53
|
+
size: o = "md",
|
|
54
|
+
variant: e = "display",
|
|
47
55
|
className: l,
|
|
48
|
-
children:
|
|
49
|
-
...
|
|
56
|
+
children: c,
|
|
57
|
+
...u
|
|
50
58
|
}) => {
|
|
51
|
-
const
|
|
52
|
-
return /* @__PURE__ */
|
|
59
|
+
const a = typeof c == "string";
|
|
60
|
+
return /* @__PURE__ */ n(
|
|
53
61
|
"div",
|
|
54
62
|
{
|
|
55
|
-
className:
|
|
56
|
-
...
|
|
57
|
-
children:
|
|
63
|
+
className: s(r.headerGroup, t === "left" ? r.headerLeft : r.headerRight, l),
|
|
64
|
+
...u,
|
|
65
|
+
children: a ? /* @__PURE__ */ n(h, { as: "div", size: N[o], variant: e, children: c }) : c
|
|
58
66
|
}
|
|
59
67
|
);
|
|
60
|
-
},
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
68
|
+
}, L = ({ size: t = "md", className: o, ...e }) => /* @__PURE__ */ n("button", { type: "button", className: s(r.closeButton, o), "aria-label": "Close", ...e, children: /* @__PURE__ */ n(p, { iconKey: "fa-regular fa-xmark", size: R[t] }) }), P = ({ className: t, children: o, ...e }) => /* @__PURE__ */ n("div", { className: s(r.content, t), ...e, children: o });
|
|
69
|
+
i.Toolbar = C;
|
|
70
|
+
i.Header = G;
|
|
71
|
+
i.CloseButton = L;
|
|
72
|
+
i.Content = P;
|
|
65
73
|
export {
|
|
66
|
-
|
|
74
|
+
i as Modal
|
|
67
75
|
};
|
package/package.json
CHANGED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import './assets/Cart.css';const t = "_cartIconButton_1k7or_2", o = "_count_1k7or_9", e = "_cartContainer_1k7or_24", n = "_headerWrapper_1k7or_35", r = "_header_1k7or_35", _ = "_cartItems_1k7or_53", a = "_cartItem_1k7or_53", c = "_topRow_1k7or_79", s = "_itemInfo_1k7or_85", i = "_editUnit_1k7or_90", m = "_purchaseInformation_1k7or_102", I = "_availabilitySlot_1k7or_108", k = "_priceSlot_1k7or_111", u = "_itemManagement_1k7or_114", l = "_quantitySlot_1k7or_120", p = "_itemImage_1k7or_130", h = "_removeItem_1k7or_133", d = "_noItems_1k7or_143", S = "_subtotal_1k7or_150", y = "_checkoutButton_1k7or_157", b = {
|
|
2
|
-
cartIconButton: t,
|
|
3
|
-
count: o,
|
|
4
|
-
cartContainer: e,
|
|
5
|
-
headerWrapper: n,
|
|
6
|
-
header: r,
|
|
7
|
-
cartItems: _,
|
|
8
|
-
cartItem: a,
|
|
9
|
-
topRow: c,
|
|
10
|
-
itemInfo: s,
|
|
11
|
-
editUnit: i,
|
|
12
|
-
purchaseInformation: m,
|
|
13
|
-
availabilitySlot: I,
|
|
14
|
-
priceSlot: k,
|
|
15
|
-
itemManagement: u,
|
|
16
|
-
quantitySlot: l,
|
|
17
|
-
itemImage: p,
|
|
18
|
-
removeItem: h,
|
|
19
|
-
noItems: d,
|
|
20
|
-
subtotal: S,
|
|
21
|
-
checkoutButton: y
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
b as s
|
|
25
|
-
};
|