@caseparts-org/caseblocks 0.0.132 → 0.0.134
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/CardLink.css +1 -1
- package/dist/assets/Markdown.css +1 -1
- package/dist/atoms/Markdown/Markdown.d.ts +3 -1
- package/dist/atoms/Markdown/Markdown.js +11 -4
- package/dist/atoms/Markdown/PreprocessedMarkdown.js +25 -9
- package/dist/molecules/CardLink/CardLink.d.ts +3 -1
- package/dist/molecules/CardLink/CardLink.js +34 -21
- package/dist/molecules/CardLink/CardLink.stories.js +22 -6
- package/package.json +1 -1
package/dist/assets/CardLink.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._card-sm_ezmp7_1{width:160px;height:164px}._card-md_ezmp7_5{width:208px;height:208px}._card-sm_ezmp7_1 ._cardBody_ezmp7_10{padding:var(--spacing-spacing-2xs)}._card-md_ezmp7_5 ._cardBody_ezmp7_10{padding:var(--spacing-spacing-1xs)}._card-sm_ezmp7_1 ._cardImage_ezmp7_17{height:84px}._card-md_ezmp7_5 ._cardImage_ezmp7_17{height:104px}._card-sm_ezmp7_1 ._callout_ezmp7_24{padding:var(--spacing-spacing-3xs);border-radius:0 0 0 10px}._card-md_ezmp7_5 ._callout_ezmp7_24{padding:var(--spacing-spacing-2xs);border-radius:0 0 0 12px}._card_ezmp7_1{position:relative;background-color:var(--color-brand-primary-white);border:2px solid var(--color-neutrals-neutral-2);box-shadow:0 2px 4px #00000026;border-radius:var(--border-radius-sm);overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;transition:all .25s ease-out}._card_ezmp7_1:hover{border:2px solid var(--color-brand-primary-primary-teal-blue);border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #00000040;cursor:pointer;transition:all .05s ease-in}._cardLink_ezmp7_55{text-decoration:none;color:var(--color-brand-primary-primary-black)}._callout_ezmp7_24{position:absolute;top:0;right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--color-brand-primary-primary-tangerine);z-index:2;max-width:70%;display:flex;align-items:center;justify-content:center;text-align:center}._calloutText_ezmp7_79{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._cardImage_ezmp7_17{width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:1px solid var(--color-neutrals-neutral-2)}._cardBody_ezmp7_10{flex:1;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}._cardTitle_ezmp7_104{margin-bottom:var(--spacing-0-25);line-height:var(--line-height-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._cardDescription_ezmp7_112{text-align:left;line-height:var(--line-height-xs);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;overflow:hidden}
|
package/dist/assets/Markdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._markdown_w6izp_1{color:var(--text-text-primary);font-size:var(--font-size-sm);line-height:1.3}._markdown_w6izp_1 h1,._markdown_w6izp_1 h2,._markdown_w6izp_1 h3,._markdown_w6izp_1 h4,._markdown_w6izp_1 h5,._markdown_w6izp_1 h6{font-weight:var(--font-weight-semibold);line-height:1.3;margin:var(--spacing-spacing-sm) 0 var(--spacing-spacing-1xs)}._markdown_w6izp_1 h1{font-size:var(--font-size-2xl)}._markdown_w6izp_1 h2{font-size:var(--font-size-xl)}._markdown_w6izp_1 h3{font-size:var(--font-size-lg)}._markdown_w6izp_1 h4{font-size:var(--font-size-md)}._markdown_w6izp_1 h5{font-size:var(--font-size-sm)}._markdown_w6izp_1 h6{font-size:var(--font-size-xs)}._markdown_w6izp_1 p{margin:var(--spacing-spacing-1xs) 0}._markdown_w6izp_1 ul,._markdown_w6izp_1 ol{margin:var(--spacing-spacing-1xs) 0 var(--spacing-spacing-1xs) var(--spacing-spacing-sm);padding:0}._markdown_w6izp_1 ul{list-style-type:disc;list-style-position:outside}._markdown_w6izp_1 ol{list-style-type:decimal;list-style-position:outside}._markdown_w6izp_1 ol li::marker{content:counter(list-item) ". "}._markdown_w6izp_1 li{margin:var(--spacing-spacing-3xs) 0}._markdown_w6izp_1 a{color:var(--text-text-links);text-decoration:none}._markdown_w6izp_1 a:hover,._markdown_w6izp_1 a:focus{color:var(--text-text-links-hover-press)}._markdown_w6izp_1 code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:var(--surface-surface-search-bar);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-3xs);border-radius:var(--radius-radius-btn)}._markdown_w6izp_1 pre{background:var(--surface-surface-search-bar);border-radius:var(--radius-radius-md);padding:var(--spacing-spacing-1xs);overflow:auto}._markdown_w6izp_1 pre code{background:transparent;padding:0}._markdown_w6izp_1 blockquote{margin:var(--spacing-spacing-1xs) 0;padding-left:var(--spacing-spacing-default);border-left:.1875rem solid var(--border-border-primary);color:var(--text-text-primary)}._markdown_w6izp_1 hr{border:none;border-top:1px solid var(--border-border-primary);margin:var(--spacing-spacing-default) 0}._markdown_w6izp_1 table{width:100%;border-collapse:collapse;margin:var(--spacing-spacing-1xs) 0}._markdown_w6izp_1 th,._markdown_w6izp_1 td{border:1px solid var(--border-border-primary);padding:var(--spacing-spacing-2xs);text-align:left}._markdown_w6izp_1 thead th{background:var(--surface-surface-search-bar)}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
import { Components } from 'react-markdown';
|
|
1
2
|
export type MarkdownProps = {
|
|
2
3
|
children?: string | null;
|
|
3
4
|
className?: string;
|
|
5
|
+
components?: Components;
|
|
4
6
|
};
|
|
5
|
-
export declare function Markdown({ children, className }: MarkdownProps): import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
export declare function Markdown({ children, className, components }: MarkdownProps): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -8653,13 +8653,20 @@ function xf() {
|
|
|
8653
8653
|
yf(e);
|
|
8654
8654
|
};
|
|
8655
8655
|
}
|
|
8656
|
-
const bf = "
|
|
8656
|
+
const bf = "_markdown_w6izp_1", or = {
|
|
8657
8657
|
markdown: bf
|
|
8658
8658
|
};
|
|
8659
|
-
function Cf({ children: e, className: t }) {
|
|
8659
|
+
function Cf({ children: e, className: t, components: n }) {
|
|
8660
8660
|
if (!e) return null;
|
|
8661
|
-
const
|
|
8662
|
-
return /* @__PURE__ */ Pn("div", { className:
|
|
8661
|
+
const r = t ? `${or.markdown} ${t}` : or.markdown;
|
|
8662
|
+
return /* @__PURE__ */ Pn("div", { className: r, children: /* @__PURE__ */ Pn(
|
|
8663
|
+
rs,
|
|
8664
|
+
{
|
|
8665
|
+
remarkPlugins: [df, xf],
|
|
8666
|
+
components: n,
|
|
8667
|
+
children: e
|
|
8668
|
+
}
|
|
8669
|
+
) });
|
|
8663
8670
|
}
|
|
8664
8671
|
export {
|
|
8665
8672
|
Cf as Markdown
|
|
@@ -1,16 +1,32 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { Markdown as d } from "./Markdown.js";
|
|
3
3
|
import { usePreprocessedMarkdown as m } from "./usePreprocessedMarkdown.js";
|
|
4
|
-
function
|
|
5
|
-
url:
|
|
6
|
-
validate:
|
|
7
|
-
debug:
|
|
4
|
+
function k({
|
|
5
|
+
url: o,
|
|
6
|
+
validate: e,
|
|
7
|
+
debug: n,
|
|
8
8
|
className: t,
|
|
9
|
-
children:
|
|
9
|
+
children: p
|
|
10
10
|
}) {
|
|
11
|
-
const { output: s } = m(
|
|
12
|
-
return /* @__PURE__ */
|
|
11
|
+
const { output: s } = m(p ?? "", o, e, n);
|
|
12
|
+
return /* @__PURE__ */ r(
|
|
13
|
+
d,
|
|
14
|
+
{
|
|
15
|
+
className: t,
|
|
16
|
+
components: {
|
|
17
|
+
a: ({ node: c, ...a }) => /* @__PURE__ */ r(
|
|
18
|
+
"a",
|
|
19
|
+
{
|
|
20
|
+
...a,
|
|
21
|
+
target: "_blank",
|
|
22
|
+
rel: "noopener noreferrer"
|
|
23
|
+
}
|
|
24
|
+
)
|
|
25
|
+
},
|
|
26
|
+
children: s
|
|
27
|
+
}
|
|
28
|
+
);
|
|
13
29
|
}
|
|
14
30
|
export {
|
|
15
|
-
|
|
31
|
+
k as PreprocessedMarkdown
|
|
16
32
|
};
|
|
@@ -5,5 +5,7 @@ export interface CardLinkProps {
|
|
|
5
5
|
callout: string;
|
|
6
6
|
title: string;
|
|
7
7
|
description: string;
|
|
8
|
+
shortDescription: string;
|
|
9
|
+
size: "md" | "sm";
|
|
8
10
|
}
|
|
9
|
-
export declare function CardLink({ href, src, alt, callout, title, description }: CardLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function CardLink({ href, src, alt, callout, title, description, shortDescription, size }: CardLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,27 +1,40 @@
|
|
|
1
|
-
import { jsx as a, jsxs as
|
|
2
|
-
import { Text as
|
|
3
|
-
import { Link as
|
|
4
|
-
import { Image as
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
cardImage:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import { jsx as a, jsxs as t } from "react/jsx-runtime";
|
|
2
|
+
import { Text as d } from "../../atoms/Text/Text.js";
|
|
3
|
+
import { Link as p } from "../../atoms/Link/Link.js";
|
|
4
|
+
import { Image as u } from "../../atoms/Image/Image.js";
|
|
5
|
+
import { c as g } from "../../clsx-OuTLNxxd.js";
|
|
6
|
+
import '../../assets/CardLink.css';const x = "_cardBody_ezmp7_10", h = "_cardImage_ezmp7_17", T = "_callout_ezmp7_24", z = "_card_ezmp7_1", k = "_cardLink_ezmp7_55", N = "_calloutText_ezmp7_79", f = "_cardTitle_ezmp7_104", y = "_cardDescription_ezmp7_112", c = {
|
|
7
|
+
"card-sm": "_card-sm_ezmp7_1",
|
|
8
|
+
"card-md": "_card-md_ezmp7_5",
|
|
9
|
+
cardBody: x,
|
|
10
|
+
cardImage: h,
|
|
11
|
+
callout: T,
|
|
12
|
+
card: z,
|
|
13
|
+
cardLink: k,
|
|
14
|
+
calloutText: N,
|
|
15
|
+
cardTitle: f,
|
|
16
|
+
cardDescription: y
|
|
14
17
|
};
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
function j({
|
|
19
|
+
href: l,
|
|
20
|
+
src: m,
|
|
21
|
+
alt: o = "",
|
|
22
|
+
callout: s = "Customize",
|
|
23
|
+
title: i,
|
|
24
|
+
description: n,
|
|
25
|
+
shortDescription: r,
|
|
26
|
+
size: e = "md"
|
|
27
|
+
}) {
|
|
28
|
+
const _ = r && r.length > 70 ? r.slice(0, 70) + "..." : r;
|
|
29
|
+
return /* @__PURE__ */ a(p, { href: l, unstyled: !0, className: c.cardLink, children: /* @__PURE__ */ t("div", { className: g(c.card, c[`card-${e}`]), children: [
|
|
30
|
+
/* @__PURE__ */ a(u, { src: m, alt: o, width: e === "md" ? 208 : 160, height: e === "md" ? 104 : 84, className: c.cardImage }),
|
|
31
|
+
/* @__PURE__ */ a("div", { className: c.callout, children: /* @__PURE__ */ a(d, { size: e === "md" ? "xs" : "xxs", weight: "regular", colorToken: "default-inverted", className: c.calloutText, children: s }) }),
|
|
32
|
+
/* @__PURE__ */ t("div", { className: c.cardBody, children: [
|
|
33
|
+
/* @__PURE__ */ a(d, { size: "sm", weight: "regular", colorToken: "secondary", className: c.cardTitle, children: i }),
|
|
34
|
+
/* @__PURE__ */ a(d, { size: "xs", weight: "regular", className: c.cardDescription, children: e === "md" ? n : _ })
|
|
22
35
|
] })
|
|
23
36
|
] }) });
|
|
24
37
|
}
|
|
25
38
|
export {
|
|
26
|
-
|
|
39
|
+
j as CardLink
|
|
27
40
|
};
|
|
@@ -9,7 +9,9 @@ const a = {
|
|
|
9
9
|
alt: "Image Alt",
|
|
10
10
|
callout: "Customize",
|
|
11
11
|
title: "Gaskets",
|
|
12
|
-
description: "We specialize in built-to-spec compression & magnetic gaskets for walk-ins, drawers, and more."
|
|
12
|
+
description: "We specialize in built-to-spec compression & magnetic gaskets for walk-ins, drawers, and more.",
|
|
13
|
+
shortDescription: "Built-to-spec compression & magnetic gaskets for walk-ins, drawers, and more.",
|
|
14
|
+
size: "sm"
|
|
13
15
|
},
|
|
14
16
|
argTypes: {
|
|
15
17
|
href: {
|
|
@@ -35,6 +37,14 @@ const a = {
|
|
|
35
37
|
description: {
|
|
36
38
|
control: "text",
|
|
37
39
|
description: "Supporting explanatory text."
|
|
40
|
+
},
|
|
41
|
+
shortDescription: {
|
|
42
|
+
control: "text",
|
|
43
|
+
description: "Built-to-spec compression & magnetic gaskets for walk-ins, drawers, and more."
|
|
44
|
+
},
|
|
45
|
+
size: {
|
|
46
|
+
control: "text",
|
|
47
|
+
description: "Size of card link (sm = mobile, md = desktop)"
|
|
38
48
|
}
|
|
39
49
|
},
|
|
40
50
|
parameters: {
|
|
@@ -55,7 +65,9 @@ const a = {
|
|
|
55
65
|
alt: "image alt",
|
|
56
66
|
callout: "Customize Gasket",
|
|
57
67
|
title: "How To Customize Gaskets",
|
|
58
|
-
description: "We specialize in built-to-spec compression & magnetic gaskets for walk-ins, drawers, and more. Please call us to discuss your specific needs."
|
|
68
|
+
description: "We specialize in built-to-spec compression & magnetic gaskets for walk-ins, drawers, and more. Please call us to discuss your specific needs.",
|
|
69
|
+
shortDescription: "Built-to-spec compression & magnetic gaskets for walk-ins, drawers, and more.",
|
|
70
|
+
size: "md"
|
|
59
71
|
}
|
|
60
72
|
),
|
|
61
73
|
/* @__PURE__ */ e(
|
|
@@ -66,7 +78,9 @@ const a = {
|
|
|
66
78
|
alt: "image alt",
|
|
67
79
|
callout: "Customize Warmer Wires",
|
|
68
80
|
title: "Warmer Wires Customization",
|
|
69
|
-
description: 'Individually made, built to meet all specifications for any application, and supplied with 18" lead wires.'
|
|
81
|
+
description: 'Individually made, built to meet all specifications for any application, and supplied with 18" lead wires.',
|
|
82
|
+
shortDescription: "Custom size warmer wires cut to best specifications for any application",
|
|
83
|
+
size: "md"
|
|
70
84
|
}
|
|
71
85
|
),
|
|
72
86
|
/* @__PURE__ */ e(
|
|
@@ -77,7 +91,9 @@ const a = {
|
|
|
77
91
|
alt: "image alt",
|
|
78
92
|
callout: "Customize Heaters",
|
|
79
93
|
title: "Customizable Heaters",
|
|
80
|
-
description: "Bent to exact specifications—we can help engineer rod & finned heaters for specific applications."
|
|
94
|
+
description: "Bent to exact specifications—we can help engineer rod & finned heaters for specific applications.",
|
|
95
|
+
shortDescription: "Bent rod heaters exact to specifications.",
|
|
96
|
+
size: "md"
|
|
81
97
|
}
|
|
82
98
|
)
|
|
83
99
|
] }),
|
|
@@ -88,7 +104,7 @@ const a = {
|
|
|
88
104
|
}
|
|
89
105
|
}
|
|
90
106
|
}
|
|
91
|
-
},
|
|
107
|
+
}, n = {
|
|
92
108
|
args: {
|
|
93
109
|
href: "https://dev.caseparts.com/caseblock",
|
|
94
110
|
src: "https://timely-pika-33be9c.netlify.app/img/fpo_istockphoto-1360227644.jpg",
|
|
@@ -107,7 +123,7 @@ const a = {
|
|
|
107
123
|
};
|
|
108
124
|
export {
|
|
109
125
|
c as Gallery,
|
|
110
|
-
|
|
126
|
+
n as LongDescription,
|
|
111
127
|
r as Playground,
|
|
112
128
|
a as default
|
|
113
129
|
};
|