@caseparts-org/caseblocks 0.0.64 → 0.0.66
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1jd6g_2{position:relative;display:grid;grid-template-columns:repeat(4,1fr);background-size:cover;background-position:center;overflow:hidden;box-sizing:border-box;align-items:center}._content_1jd6g_13{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-default, 16px)}._variant_hero_1jd6g_22._align_left_1jd6g_22 ._content_1jd6g_13{grid-column:1 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_1jd6g_22._align_left_1jd6g_22 ._content_1jd6g_13{grid-column:1 / span 3}}._variant_hero_1jd6g_22._align_right_1jd6g_29 ._content_1jd6g_13{grid-column:3 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_1jd6g_22._align_right_1jd6g_29 ._content_1jd6g_13{grid-column:3 / span 3}}._variant_promo_1jd6g_37._align_left_1jd6g_22 ._content_1jd6g_13{grid-column:1 / span 3;padding:var(--spacing-spacing-default, 1rem)}._variant_promo_1jd6g_37._align_right_1jd6g_29 ._content_1jd6g_13{grid-column:2 / span 3;padding:var(--spacing-spacing-default, 1rem)}@media (max-width: 1280px){._variant_hero_1jd6g_22 ._header_1jd6g_49{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}._variant_hero_1jd6g_22 ._description_1jd6g_53{font-size:var(--font-size-sm);line-height:var(--line-height-sm);margin-top:-12px}}@media (max-width: 768px){._variant_hero_1jd6g_22._align_left_1jd6g_22 ._content_1jd6g_13,._variant_hero_1jd6g_22._align_right_1jd6g_29 ._content_1jd6g_13{padding:var(--spacing-spacing-default)}._variant_hero_1jd6g_22 ._header_1jd6g_49{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}._align_left_1jd6g_22 ._content_1jd6g_13{align-items:flex-start;text-align:left;justify-self:start}._align_right_1jd6g_29 ._content_1jd6g_13{align-items:flex-end;text-align:right;justify-self:end}._content_1jd6g_13>*{position:relative;z-index:1}._overlay_dark_1jd6g_91 ._header_1jd6g_49,._overlay_dark_1jd6g_91 ._description_1jd6g_53,._overlay_none_1jd6g_93 ._header_1jd6g_49,._overlay_none_1jd6g_93 ._description_1jd6g_53{color:var(--color-neutrals-neutral-1)}._overlay_light_1jd6g_98 ._header_1jd6g_49{color:var(--color-brand-primary-primary-teal-blue)}._overlay_light_1jd6g_98 ._description_1jd6g_53{color:#000}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
2
|
-
import { getHideAtStyles as
|
|
1
|
+
import { jsx as o, jsxs as j } from "react/jsx-runtime";
|
|
2
|
+
import { getHideAtStyles as p } from "../../atoms/HideAt.js";
|
|
3
3
|
import { Text as s } from "../../atoms/Text/Text.js";
|
|
4
|
-
import { c as
|
|
5
|
-
import '../../assets/BannerCard.css';const k = "
|
|
6
|
-
root:
|
|
7
|
-
content:
|
|
8
|
-
variant_hero:
|
|
9
|
-
|
|
10
|
-
align_right:
|
|
4
|
+
import { c as f } from "../../clsx-OuTLNxxd.js";
|
|
5
|
+
import '../../assets/BannerCard.css';const x = "_root_1jd6g_2", k = "_content_1jd6g_13", N = "_variant_hero_1jd6g_22", u = "_align_left_1jd6g_22", z = "_align_right_1jd6g_29", S = "_variant_promo_1jd6g_37", $ = "_header_1jd6g_49", b = "_description_1jd6g_53", C = "_overlay_dark_1jd6g_91", H = "_overlay_none_1jd6g_93", w = "_overlay_light_1jd6g_98", t = {
|
|
6
|
+
root: x,
|
|
7
|
+
content: k,
|
|
8
|
+
variant_hero: N,
|
|
9
|
+
align_left: u,
|
|
10
|
+
align_right: z,
|
|
11
|
+
variant_promo: S,
|
|
11
12
|
header: $,
|
|
12
13
|
description: b,
|
|
13
|
-
align_left: j,
|
|
14
14
|
overlay_dark: C,
|
|
15
15
|
overlay_none: H,
|
|
16
16
|
overlay_light: w
|
|
@@ -23,25 +23,25 @@ function L({
|
|
|
23
23
|
backgroundImage: a,
|
|
24
24
|
align: c = "left",
|
|
25
25
|
cta: _,
|
|
26
|
-
className:
|
|
27
|
-
hideAt:
|
|
26
|
+
className: d,
|
|
27
|
+
hideAt: g
|
|
28
28
|
}) {
|
|
29
|
-
const h = a ? { backgroundImage: `url(${a})` } : void 0, i = e === "hero",
|
|
29
|
+
const h = a ? { backgroundImage: `url(${a})` } : void 0, i = e === "hero", v = i ? "6xl" : "xl", m = i ? "md" : "sm", y = r === "dark" ? t.textLight : t.textDark;
|
|
30
30
|
return /* @__PURE__ */ o(
|
|
31
31
|
"article",
|
|
32
32
|
{
|
|
33
|
-
className:
|
|
33
|
+
className: f(
|
|
34
34
|
t.root,
|
|
35
35
|
t[`variant_${e}`],
|
|
36
36
|
t[`align_${c}`],
|
|
37
37
|
t[`overlay_${r}`],
|
|
38
38
|
y,
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
p(g),
|
|
40
|
+
d
|
|
41
41
|
),
|
|
42
42
|
style: { ...h },
|
|
43
|
-
children: /* @__PURE__ */
|
|
44
|
-
/* @__PURE__ */ o(s, { variant: "display", weight: "light", size:
|
|
43
|
+
children: /* @__PURE__ */ j("div", { className: t.content, children: [
|
|
44
|
+
/* @__PURE__ */ o(s, { variant: "display", weight: "light", size: v, className: t.header, children: l }),
|
|
45
45
|
n && /* @__PURE__ */ o(s, { size: m, className: t.description, children: n }),
|
|
46
46
|
_ && /* @__PURE__ */ o("div", { className: t.cta, children: _ })
|
|
47
47
|
] })
|