@courtneyring/components-library 1.0.17 → 1.0.18
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/Fifty.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._content_1dv8r_2{padding:40px 20px}}@media (min-width: 390px){._content_1dv8r_2{padding:40px 30px}}@media (min-width: 625px){._content_1dv8r_2{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._content_1dv8r_2{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._content_1dv8r_2{padding:30px}}@media (min-width: 992px){._content_1dv8r_2{padding:50px}}@media (min-width: 1200px){._content_1dv8r_2{padding:50px 100px}}@media (min-width: 1600px){._content_1dv8r_2{padding:150px}}._fifty_1dv8r_41{display:grid;grid-template-columns:1fr;width:100%}._fifty_1dv8r_41[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_1dv8r_41[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._fifty_1dv8r_41[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_1dv8r_41[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_1dv8r_41[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_1dv8r_41._reverse_1dv8r_79 ._content_1dv8r_2{align-items:flex-end}._fifty_1dv8r_41._reverse_1dv8r_79 ._image_1dv8r_82{justify-content:flex-start}._fifty_1dv8r_41:not(._reverse_1dv8r_79) ._content_1dv8r_2{align-items:flex-start}._fifty_1dv8r_41:not(._reverse_1dv8r_79) ._image_1dv8r_82{justify-content:flex-end}._content_1dv8r_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1}@media (min-width: 0){._content_1dv8r_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_1dv8r_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_1dv8r_2 h2{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._content_1dv8r_2 h2{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._content_1dv8r_2 h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._content_1dv8r_2 h2{font-size:40px}}@media (min-width: 1200px){._content_1dv8r_2 h2{font-size:55px}}._content_1dv8r_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._content_1dv8r_2 ._text_1dv8r_145>p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._content_1dv8r_2 ._text_1dv8r_145>p{line-height:1.7}}._content_1dv8r_2 ._text_1dv8r_145>p{margin-bottom:20px}._image_1dv8r_82{aspect-ratio:1;width:100%}._image_1dv8r_82 img{width:100%;height:100%;object-fit:cover;object-position:top}._ctas_1dv8r_198{display:flex}._ctas_1dv8r_198>*:not(:last-child){margin-right:5px}._text_1dv8r_145{display:flex;flex-direction:column;align-items:flex-start}._details_1dv8r_211{display:grid;grid-template-columns:1fr}@media (min-width: 625px){._details_1dv8r_211{grid-template-columns:1fr 1fr;width:100%}}@media (min-width: 800px){._content_1dv8r_2{padding-top:30px;padding-bottom:30px}._fifty_1dv8r_41{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_1dv8r_41._reverse_1dv8r_79 ._content_1dv8r_2{order:-1}._image_1dv8r_82{aspect-ratio:unset}._text_1dv8r_145 h2,._text_1dv8r_145>p{margin-bottom:15px}}@media (min-width: 800px) and (orientation: portrait){._details_1dv8r_211{flex-direction:column}}@media (min-width: 800px) and (orientation: landscape){._details_1dv8r_211{width:100%}}@media (min-width: 992px){._fifty_1dv8r_41 ._content_1dv8r_2{padding:30px}._image_1dv8r_82{aspect-ratio:1}._text_1dv8r_145>p{margin-bottom:30px}}@media (min-width: 1200px){._fifty_1dv8r_41 ._content_1dv8r_2{padding:100px}._text_1dv8r_145 h2{margin-bottom:30px}._text_1dv8r_145>p{margin-bottom:40px}._ctas_1dv8r_198>*:not(:last-child){margin-right:10px}}@media (min-width: 1600px){._text_1dv8r_145{max-width:90%}._text_1dv8r_145 h2{margin-bottom:50px}._text_1dv8r_145>p{margin-bottom:50px}._content_1dv8r_2:not(._reverse_1dv8r_79){align-items:center}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._detail_eb6tx_1{display:flex;align-items:flex-start}._detail_eb6tx_1:not(:last-child){margin-bottom:20px}@media (min-width: 0){._detail_eb6tx_1 span{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._detail_eb6tx_1 span{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._detail_eb6tx_1 span{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._detail_eb6tx_1 span{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._detail_eb6tx_1 span{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._detail_eb6tx_1 span{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._detail_eb6tx_1 span{line-height:1.7}}._detail_eb6tx_1 span{line-height:1.4;margin-right:10px}@media (min-width: 0){._label_eb6tx_53,._label_eb6tx_53>*{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._label_eb6tx_53,._label_eb6tx_53>*{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._label_eb6tx_53,._label_eb6tx_53>*{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._label_eb6tx_53,._label_eb6tx_53>*{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._label_eb6tx_53,._label_eb6tx_53>*{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._label_eb6tx_53,._label_eb6tx_53>*{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._label_eb6tx_53,._label_eb6tx_53>*{line-height:1.7}}._label_eb6tx_53,._label_eb6tx_53>*{font-style:italic;text-align:left}@media (min-width: 800px){._detail_eb6tx_1 span{line-height:1.7}}
|
|
@@ -1,36 +1,37 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import { useFadeIn as
|
|
3
|
+
import h from "../Button/Button.js";
|
|
4
|
+
import { useFadeIn as p } from "../../hooks/useFadeIn.js";
|
|
5
5
|
import { c as g } from "../../index-BIlioXmW.js";
|
|
6
|
-
import { Fragment as
|
|
6
|
+
import { Fragment as a } from "react";
|
|
7
7
|
import x from "../IconDetail/IconDetail.js";
|
|
8
|
-
import '../../assets/Fifty.css';const y = "
|
|
8
|
+
import '../../assets/Fifty.css';const y = "_content_1dv8r_2", N = "_fifty_1dv8r_41", u = "_reverse_1dv8r_79", j = "_image_1dv8r_82", F = "_text_1dv8r_145", I = "_ctas_1dv8r_198", b = "_details_1dv8r_211", t = {
|
|
9
9
|
content: y,
|
|
10
10
|
fifty: N,
|
|
11
11
|
reverse: u,
|
|
12
12
|
image: j,
|
|
13
13
|
text: F,
|
|
14
|
-
ctas: I
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
ctas: I,
|
|
15
|
+
details: b
|
|
16
|
+
}, w = ({ heading: o, body: d, ctas: r, color: m, image: l, reverse: _, pos: f, details: c }) => {
|
|
17
|
+
const v = p({ duration: 0.8 });
|
|
17
18
|
return /* @__PURE__ */ n(
|
|
18
19
|
"div",
|
|
19
20
|
{
|
|
20
|
-
className: g(t.fifty, !!
|
|
21
|
+
className: g(t.fifty, !!_ && t.reverse),
|
|
21
22
|
"data-color": m,
|
|
22
23
|
children: [
|
|
23
|
-
/* @__PURE__ */ e("div", { className: t.content, ref:
|
|
24
|
-
/* @__PURE__ */ e("h2", { children:
|
|
24
|
+
/* @__PURE__ */ e("div", { className: t.content, ref: v, children: /* @__PURE__ */ n("div", { className: t.text, children: [
|
|
25
|
+
/* @__PURE__ */ e("h2", { children: o }),
|
|
25
26
|
/* @__PURE__ */ e("p", { children: d }),
|
|
26
|
-
/* @__PURE__ */ e("div", { className: t.ctas, children:
|
|
27
|
-
/* @__PURE__ */ e("div", { className: t.details, children:
|
|
27
|
+
/* @__PURE__ */ e("div", { className: t.ctas, children: r && !!r.length && r.map((s, i) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(h, { ...s }) }, i)) }),
|
|
28
|
+
/* @__PURE__ */ e("div", { className: t.details, children: c && c.map((s, i) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(x, { ...s }) }, i)) })
|
|
28
29
|
] }) }),
|
|
29
|
-
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("img", { src: l, style: { objectPosition:
|
|
30
|
+
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("img", { src: l, style: { objectPosition: f } }) })
|
|
30
31
|
]
|
|
31
32
|
}
|
|
32
33
|
);
|
|
33
34
|
};
|
|
34
35
|
export {
|
|
35
|
-
|
|
36
|
+
w as default
|
|
36
37
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import { c
|
|
5
|
-
import '../../assets/IconDetail.css';const
|
|
6
|
-
detail:
|
|
7
|
-
label:
|
|
8
|
-
},
|
|
9
|
-
/* @__PURE__ */
|
|
10
|
-
/* @__PURE__ */
|
|
2
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import o from "../../utils/parse.js";
|
|
4
|
+
import { c } from "../../index-BIlioXmW.js";
|
|
5
|
+
import '../../assets/IconDetail.css';const r = "_detail_eb6tx_1", n = "_label_eb6tx_53", a = {
|
|
6
|
+
detail: r,
|
|
7
|
+
label: n
|
|
8
|
+
}, _ = ({ icon: l, text: s, href: t }) => /* @__PURE__ */ i(t ? "a" : "div", { className: a.detail, children: [
|
|
9
|
+
/* @__PURE__ */ e("span", { className: c(a.icon, "material-symbols-outlined"), children: l }),
|
|
10
|
+
/* @__PURE__ */ e("div", { className: a.label, children: o(s) })
|
|
11
11
|
] });
|
|
12
12
|
export {
|
|
13
|
-
|
|
13
|
+
_ as default
|
|
14
14
|
};
|