@courtneyring/components-library 1.0.17 → 1.0.19
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_xf5xb_2{padding:40px 20px}}@media (min-width: 390px){._content_xf5xb_2{padding:40px 30px}}@media (min-width: 625px){._content_xf5xb_2{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._content_xf5xb_2{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._content_xf5xb_2{padding:30px}}@media (min-width: 992px){._content_xf5xb_2{padding:50px}}@media (min-width: 1200px){._content_xf5xb_2{padding:50px 100px}}@media (min-width: 1600px){._content_xf5xb_2{padding:150px}}._fifty_xf5xb_41{display:grid;grid-template-columns:1fr;width:100%}._fifty_xf5xb_41[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_xf5xb_41[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_xf5xb_41[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_xf5xb_41[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._fifty_xf5xb_41[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_xf5xb_41[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_xf5xb_41[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_xf5xb_41[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_xf5xb_41._reverse_xf5xb_79 ._content_xf5xb_2{align-items:flex-end}._fifty_xf5xb_41._reverse_xf5xb_79 ._image_xf5xb_82{justify-content:flex-start}._fifty_xf5xb_41:not(._reverse_xf5xb_79) ._content_xf5xb_2{align-items:flex-start}._fifty_xf5xb_41:not(._reverse_xf5xb_79) ._image_xf5xb_82{justify-content:flex-end}._content_xf5xb_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1;aspect-ratio:1}@media (min-width: 0){._content_xf5xb_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_xf5xb_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_xf5xb_2 h2{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._content_xf5xb_2 h2{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._content_xf5xb_2 h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._content_xf5xb_2 h2{font-size:40px}}@media (min-width: 1200px){._content_xf5xb_2 h2{font-size:55px}}._content_xf5xb_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_xf5xb_2 ._text_xf5xb_146>p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._content_xf5xb_2 ._text_xf5xb_146>p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._content_xf5xb_2 ._text_xf5xb_146>p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._content_xf5xb_2 ._text_xf5xb_146>p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._content_xf5xb_2 ._text_xf5xb_146>p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._content_xf5xb_2 ._text_xf5xb_146>p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._content_xf5xb_2 ._text_xf5xb_146>p{line-height:1.7}}._content_xf5xb_2 ._text_xf5xb_146>p{margin-bottom:20px}._image_xf5xb_82{aspect-ratio:1;width:100%}._image_xf5xb_82 img{width:100%;height:100%;object-fit:cover;object-position:top}._ctas_xf5xb_199{display:flex}._ctas_xf5xb_199>*:not(:last-child){margin-right:5px}._text_xf5xb_146{display:flex;flex-direction:column;align-items:flex-start}._details_xf5xb_212{display:grid;grid-template-columns:1fr}@media (min-width: 800px){._content_xf5xb_2{padding-top:30px;padding-bottom:30px}._fifty_xf5xb_41{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_xf5xb_41._reverse_xf5xb_79 ._content_xf5xb_2{order:-1}._image_xf5xb_82{aspect-ratio:unset}._text_xf5xb_146 h2,._text_xf5xb_146>p{margin-bottom:15px}}@media (min-width: 800px) and (orientation: landscape){._details_xf5xb_212{grid-template-columns:1fr 1fr;width:100%}}@media (min-width: 992px){._fifty_xf5xb_41 ._content_xf5xb_2{padding:30px}._image_xf5xb_82{aspect-ratio:1}._text_xf5xb_146>p{margin-bottom:30px}}@media (min-width: 1200px){._fifty_xf5xb_41 ._content_xf5xb_2{padding:100px}._text_xf5xb_146 h2{margin-bottom:30px}._text_xf5xb_146>p{margin-bottom:40px}._ctas_xf5xb_199>*:not(:last-child){margin-right:10px}._details_xf5xb_212{grid-template-columns:1fr 1fr;width:100%}}@media (min-width: 1600px){._text_xf5xb_146{max-width:680px}._text_xf5xb_146 h2{margin-bottom:50px}._text_xf5xb_146>p{margin-bottom:50px}._fifty_xf5xb_41._reverse_xf5xb_79 ._content_xf5xb_2,._fifty_xf5xb_41:not(._reverse_xf5xb_79) ._content_xf5xb_2{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
|
|
5
|
-
import { c as
|
|
6
|
-
import { Fragment as
|
|
7
|
-
import
|
|
8
|
-
import '../../assets/Fifty.css';const y = "
|
|
9
|
-
content:
|
|
10
|
-
fifty:
|
|
11
|
-
reverse:
|
|
12
|
-
image:
|
|
13
|
-
text:
|
|
14
|
-
ctas:
|
|
15
|
-
|
|
16
|
-
|
|
3
|
+
import h from "../Button/Button.js";
|
|
4
|
+
import { useFadeIn as p } from "../../hooks/useFadeIn.js";
|
|
5
|
+
import { c as v } from "../../index-BIlioXmW.js";
|
|
6
|
+
import { Fragment as a } from "react";
|
|
7
|
+
import b from "../IconDetail/IconDetail.js";
|
|
8
|
+
import '../../assets/Fifty.css';const g = "_content_xf5xb_2", y = "_fifty_xf5xb_41", N = "_reverse_xf5xb_79", u = "_image_xf5xb_82", j = "_text_xf5xb_146", F = "_ctas_xf5xb_199", I = "_details_xf5xb_212", t = {
|
|
9
|
+
content: g,
|
|
10
|
+
fifty: y,
|
|
11
|
+
reverse: N,
|
|
12
|
+
image: u,
|
|
13
|
+
text: j,
|
|
14
|
+
ctas: F,
|
|
15
|
+
details: I
|
|
16
|
+
}, w = ({ heading: o, body: m, ctas: s, color: f, image: l, reverse: d, pos: x, details: r }) => {
|
|
17
|
+
const _ = p({ duration: 0.8 });
|
|
17
18
|
return /* @__PURE__ */ n(
|
|
18
19
|
"div",
|
|
19
20
|
{
|
|
20
|
-
className:
|
|
21
|
-
"data-color":
|
|
21
|
+
className: v(t.fifty, !!d && t.reverse),
|
|
22
|
+
"data-color": f,
|
|
22
23
|
children: [
|
|
23
|
-
/* @__PURE__ */ e("div", { className: t.content, ref:
|
|
24
|
-
/* @__PURE__ */ e("h2", { children:
|
|
25
|
-
/* @__PURE__ */ e("p", { children:
|
|
26
|
-
/* @__PURE__ */ e("div", { className: t.ctas, children: s && !!s.length && s.map((
|
|
27
|
-
/* @__PURE__ */ e("div", { className: t.details, children:
|
|
24
|
+
/* @__PURE__ */ e("div", { className: t.content, ref: _, children: /* @__PURE__ */ n("div", { className: t.text, children: [
|
|
25
|
+
/* @__PURE__ */ e("h2", { children: o }),
|
|
26
|
+
/* @__PURE__ */ e("p", { children: m }),
|
|
27
|
+
/* @__PURE__ */ e("div", { className: t.ctas, children: s && !!s.length && s.map((i, c) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(h, { ...i }) }, c)) }),
|
|
28
|
+
/* @__PURE__ */ e("div", { className: t.details, children: r && r.map((i, c) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(b, { ...i }) }, c)) })
|
|
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: x } }) })
|
|
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
|
};
|