@caseparts-org/caseblocks 0.0.51 → 0.0.53
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/CategoryNav.css +1 -1
- package/dist/assets/Tooltip.css +1 -1
- package/dist/molecules/Cart/Cart.js +5 -5
- package/dist/molecules/CategoryNav/CategoryNav.js +14 -14
- package/dist/molecules/Tooltip/Tooltip.d.ts +8 -12
- package/dist/molecules/Tooltip/Tooltip.js +479 -305
- package/dist/molecules/Tooltip/Tooltip.stories.d.ts +54 -3
- package/dist/molecules/Tooltip/Tooltip.stories.js +93 -44
- package/package.json +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._categories_13aed_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin:0 90px 0 47px}@media (max-width: 1281px){._categories_13aed_1{display:none}}._category_13aed_17{list-style:none}._category_13aed_17 a{color:var(--text-text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex;flex-direction:row;align-items:center}@media (max-width: 1281px){._category_13aed_17 a{justify-content:space-between;width:100%}}._category_13aed_17 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_13aed_17 a path{fill:var(--color-brand-primary-primary-teal-blue)}._submenuTooltip_13aed_43{list-style:none;padding:0;margin:0;height:min-content;display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs)}
|
package/dist/assets/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._content_1wx0f_2{box-shadow:8px 8px 12px #00000026;background-color:#fff;padding:var(--spacing-1);box-sizing:border-box;width:max-content;border:1px solid var(--color-neutrals-neutral-1);border-radius:4px;z-index:9999}
|
|
@@ -23,8 +23,8 @@ import '../../assets/Cart.css';const y = "_cart_1uglw_2", N = "_count_1uglw_9",
|
|
|
23
23
|
};
|
|
24
24
|
function U({
|
|
25
25
|
cart: n,
|
|
26
|
-
onItemQtyChange:
|
|
27
|
-
onItemDelete:
|
|
26
|
+
onItemQtyChange: c,
|
|
27
|
+
onItemDelete: m,
|
|
28
28
|
onCheckout: l,
|
|
29
29
|
subtotal: r,
|
|
30
30
|
contactHref: d,
|
|
@@ -47,7 +47,7 @@ function U({
|
|
|
47
47
|
),
|
|
48
48
|
n.items.length > 0 && /* @__PURE__ */ t("div", { className: i.count, children: /* @__PURE__ */ t(a, { size: "xxs", children: n.items.length }) })
|
|
49
49
|
] }),
|
|
50
|
-
position: "bottom",
|
|
50
|
+
position: "bottom center",
|
|
51
51
|
on: "click",
|
|
52
52
|
children: /* @__PURE__ */ o("div", { className: i.cartContainer, children: [
|
|
53
53
|
/* @__PURE__ */ t(a, { size: "2xl", children: "Cart" }),
|
|
@@ -63,7 +63,7 @@ function U({
|
|
|
63
63
|
e.itemId
|
|
64
64
|
] })
|
|
65
65
|
] }),
|
|
66
|
-
/* @__PURE__ */ t("button", { onClick: () =>
|
|
66
|
+
/* @__PURE__ */ t("button", { onClick: () => m(e), className: i.removeItem, children: /* @__PURE__ */ t(s, { iconKey: "fa-regular fa-trash", size: "sm" }) })
|
|
67
67
|
] }),
|
|
68
68
|
/* @__PURE__ */ o("div", { className: i.itemManagement, children: [
|
|
69
69
|
/* @__PURE__ */ o("div", { className: i.purchaseInformation, children: [
|
|
@@ -78,7 +78,7 @@ function U({
|
|
|
78
78
|
),
|
|
79
79
|
/* @__PURE__ */ t(v, { pricingLabel: p || "List Price", price: e.price })
|
|
80
80
|
] }),
|
|
81
|
-
/* @__PURE__ */ t(w, { quantity: e.quantity, onQuantityChange: (g) =>
|
|
81
|
+
/* @__PURE__ */ t(w, { quantity: e.quantity, onQuantityChange: (g) => c(e, g), size: "sm" })
|
|
82
82
|
] })
|
|
83
83
|
] })
|
|
84
84
|
] }, e.id)
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import { Text as
|
|
4
|
-
import { Link as
|
|
1
|
+
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
2
|
+
import { c as a } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { Text as n } from "../../atoms/Text/Text.js";
|
|
4
|
+
import { Link as s } from "../../atoms/Link/Link.js";
|
|
5
5
|
import { Icon as m } from "../../atoms/Icon/Icon.js";
|
|
6
|
-
import { getHideAtStyles as
|
|
6
|
+
import { getHideAtStyles as d } from "../../atoms/HideAt.js";
|
|
7
7
|
import { Tooltip as c } from "../Tooltip/Tooltip.js";
|
|
8
|
-
import '../../assets/CategoryNav.css';const
|
|
9
|
-
categories:
|
|
8
|
+
import '../../assets/CategoryNav.css';const h = "_categories_13aed_1", u = "_category_13aed_17", p = "_submenuTooltip_13aed_43", l = {
|
|
9
|
+
categories: h,
|
|
10
10
|
category: u,
|
|
11
11
|
submenuTooltip: p
|
|
12
12
|
};
|
|
13
13
|
function z({
|
|
14
14
|
categories: o
|
|
15
15
|
}) {
|
|
16
|
-
return !o || o.length === 0 ? null : /* @__PURE__ */ e("ul", { className:
|
|
16
|
+
return !o || o.length === 0 ? null : /* @__PURE__ */ e("ul", { className: a(l.categories, d(["sm"])), children: o.map(
|
|
17
17
|
(i) => i.children.length > 0 ? /* @__PURE__ */ e(
|
|
18
18
|
c,
|
|
19
19
|
{
|
|
20
|
-
trigger: /* @__PURE__ */ e("li", { className: l.category, tabIndex: 0, children: /* @__PURE__ */ s
|
|
21
|
-
/* @__PURE__ */ e(
|
|
20
|
+
trigger: /* @__PURE__ */ e("li", { className: l.category, tabIndex: 0, children: /* @__PURE__ */ t(s, { href: i.route, children: [
|
|
21
|
+
/* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: i.label }),
|
|
22
22
|
i.showChevron && /* @__PURE__ */ e(
|
|
23
23
|
m,
|
|
24
24
|
{
|
|
@@ -28,12 +28,12 @@ function z({
|
|
|
28
28
|
}
|
|
29
29
|
)
|
|
30
30
|
] }) }),
|
|
31
|
-
position: "bottom",
|
|
32
|
-
children: /* @__PURE__ */ e("ul", { className: l.submenuTooltip, children: i.children.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
|
|
31
|
+
position: "bottom center",
|
|
32
|
+
children: /* @__PURE__ */ e("ul", { className: l.submenuTooltip, children: i.children.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { href: r.route, children: /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: r.label }) }) }, r.id)) })
|
|
33
33
|
},
|
|
34
34
|
i.id
|
|
35
|
-
) : /* @__PURE__ */ e("li", { className: l.category, children: /* @__PURE__ */ s
|
|
36
|
-
/* @__PURE__ */ e(
|
|
35
|
+
) : /* @__PURE__ */ e("li", { className: l.category, children: /* @__PURE__ */ t(s, { href: i.route, children: [
|
|
36
|
+
/* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: i.label }),
|
|
37
37
|
i.showChevron && /* @__PURE__ */ e(
|
|
38
38
|
m,
|
|
39
39
|
{
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
import { PopupProps } from 'reactjs-popup/dist/types';
|
|
3
|
+
/**
|
|
4
|
+
* Tooltip component that wraps reactjs-popup's Popup,
|
|
5
|
+
* applying consistent styling for all tooltips/popups.
|
|
6
|
+
*/
|
|
7
|
+
export type TooltipProps = PopupProps & {
|
|
7
8
|
tooltipClassName?: string;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
autoAdjust?: boolean;
|
|
11
|
-
flip?: boolean;
|
|
12
|
-
viewportPadding?: number;
|
|
13
|
-
allowEnter?: boolean;
|
|
14
|
-
}
|
|
9
|
+
contentClassName?: string;
|
|
10
|
+
};
|
|
15
11
|
export declare const Tooltip: React.FC<TooltipProps>;
|