@caseparts-org/caseblocks 0.0.70 → 0.0.71
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_ntcay_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_ntcay_13{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-default, 16px)}@media (max-width: 768px){._content_ntcay_13{gap:var(--spacing-spacing-3xs)}}._variant_hero_ntcay_26._align_left_ntcay_26 ._content_ntcay_13{grid-column:1 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_ntcay_26._align_left_ntcay_26 ._content_ntcay_13{grid-column:1 / span 3}}@media (max-width: 768px){._variant_hero_ntcay_26._align_left_ntcay_26 ._content_ntcay_13{padding:var(--spacing-spacing-2xs)}}._variant_hero_ntcay_26._align_right_ntcay_37 ._content_ntcay_13{grid-column:3 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_ntcay_26._align_right_ntcay_37 ._content_ntcay_13{grid-column:2 / span 3}}@media (max-width: 768px){._variant_hero_ntcay_26._align_right_ntcay_37 ._content_ntcay_13{padding:var(--spacing-spacing-default)}}._variant_promo_ntcay_48._align_left_ntcay_26 ._content_ntcay_13{grid-column:1 / span 3;padding:var(--spacing-spacing-default, 1rem)}._variant_promo_ntcay_48._align_right_ntcay_37 ._content_ntcay_13{grid-column:2 / span 3;padding:var(--spacing-spacing-default, 1rem)}@media (max-width: 1280px){._variant_hero_ntcay_26 ._header_ntcay_59{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}}@media (max-width: 768px){._variant_hero_ntcay_26 ._header_ntcay_59{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}}@media (max-width: 1280px){._variant_hero_ntcay_26 ._description_ntcay_70{font-size:var(--font-size-sm);line-height:var(--line-height-sm);margin-top:-12px}}@media (max-width: 768px){._variant_hero_ntcay_26 ._description_ntcay_70{font-size:var(--font-size-xxs);line-height:var(--line-height-xxs);margin-top:0}}._align_left_ntcay_26 ._content_ntcay_13{align-items:flex-start;text-align:left;justify-self:start}._align_right_ntcay_37 ._content_ntcay_13{align-items:flex-end;text-align:right;justify-self:end}._content_ntcay_13>*{position:relative;z-index:1}._overlay_dark_ntcay_102 ._header_ntcay_59,._overlay_dark_ntcay_102 ._description_ntcay_70,._overlay_none_ntcay_104 ._header_ntcay_59,._overlay_none_ntcay_104 ._description_ntcay_70{color:var(--color-neutrals-neutral-1)}._overlay_light_ntcay_109 ._header_ntcay_59{color:var(--color-brand-primary-primary-teal-blue)}._overlay_light_ntcay_109 ._description_ntcay_70{color:#000}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as n, jsxs as p } from "react/jsx-runtime";
|
|
2
2
|
import { getHideAtStyles as f } from "../../atoms/HideAt.js";
|
|
3
|
-
import { Text as
|
|
3
|
+
import { Text as i } from "../../atoms/Text/Text.js";
|
|
4
4
|
import { c as x } from "../../clsx-OuTLNxxd.js";
|
|
5
|
-
import '../../assets/BannerCard.css';const k = "
|
|
5
|
+
import '../../assets/BannerCard.css';const k = "_root_ntcay_2", N = "_content_ntcay_13", u = "_variant_hero_ntcay_26", z = "_align_left_ntcay_26", S = "_align_right_ntcay_37", $ = "_variant_promo_ntcay_48", b = "_header_ntcay_59", j = "_description_ntcay_70", C = "_overlay_dark_ntcay_102", H = "_overlay_none_ntcay_104", w = "_overlay_light_ntcay_109", t = {
|
|
6
6
|
root: k,
|
|
7
7
|
content: N,
|
|
8
8
|
variant_hero: u,
|
|
@@ -16,34 +16,34 @@ import '../../assets/BannerCard.css';const k = "_root_sclg6_2", N = "_content_sc
|
|
|
16
16
|
overlay_light: w
|
|
17
17
|
};
|
|
18
18
|
function L({
|
|
19
|
-
variant:
|
|
20
|
-
overlayTheme:
|
|
21
|
-
title:
|
|
22
|
-
description:
|
|
23
|
-
backgroundImage:
|
|
24
|
-
align:
|
|
25
|
-
cta:
|
|
26
|
-
className:
|
|
19
|
+
variant: o = "hero",
|
|
20
|
+
overlayTheme: a = "none",
|
|
21
|
+
title: s,
|
|
22
|
+
description: e,
|
|
23
|
+
backgroundImage: r,
|
|
24
|
+
align: l = "left",
|
|
25
|
+
cta: _,
|
|
26
|
+
className: y,
|
|
27
27
|
hideAt: d
|
|
28
28
|
}) {
|
|
29
|
-
const h =
|
|
30
|
-
return /* @__PURE__ */
|
|
29
|
+
const h = r ? { backgroundImage: `url(${r})` } : void 0, c = o === "hero", g = c ? "6xl" : "xl", v = c ? "md" : "sm", m = a === "dark" ? t.textLight : t.textDark;
|
|
30
|
+
return /* @__PURE__ */ n(
|
|
31
31
|
"article",
|
|
32
32
|
{
|
|
33
33
|
className: x(
|
|
34
34
|
t.root,
|
|
35
|
-
t[`variant_${
|
|
36
|
-
t[`align_${
|
|
37
|
-
t[`overlay_${
|
|
38
|
-
|
|
35
|
+
t[`variant_${o}`],
|
|
36
|
+
t[`align_${l}`],
|
|
37
|
+
t[`overlay_${a}`],
|
|
38
|
+
m,
|
|
39
39
|
f(d),
|
|
40
|
-
|
|
40
|
+
y
|
|
41
41
|
),
|
|
42
42
|
style: { ...h },
|
|
43
43
|
children: /* @__PURE__ */ p("div", { className: t.content, children: [
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
/* @__PURE__ */ n(i, { variant: "display", weight: "light", size: g, className: t.header, children: s }),
|
|
45
|
+
e && /* @__PURE__ */ n(i, { size: v, className: t.description, children: e }),
|
|
46
|
+
_ && /* @__PURE__ */ n("div", { className: t.cta, children: _ })
|
|
47
47
|
] })
|
|
48
48
|
}
|
|
49
49
|
);
|