enjanga-components-library 1.0.95 → 1.0.98
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/index.d.mts +16 -1
- package/dist/index.d.ts +16 -1
- package/dist/index.js +53 -0
- package/dist/index.mjs +53 -1
- package/dist/styles.css +1 -1
- package/dist/tile-value.css +1 -0
- package/package.json +5 -2
package/dist/index.d.mts
CHANGED
|
@@ -202,6 +202,21 @@ type PTL_propsType = {
|
|
|
202
202
|
|
|
203
203
|
declare const TilePost: ({ className, featuredText, onClick, orgTitle, orgSlug, orgPictogramName, }: PTL_propsType) => react_jsx_runtime.JSX.Element;
|
|
204
204
|
|
|
205
|
+
interface TVL_descriptionType {
|
|
206
|
+
json: {
|
|
207
|
+
content: Node[];
|
|
208
|
+
};
|
|
209
|
+
}
|
|
210
|
+
interface TVL_propsType {
|
|
211
|
+
className?: string;
|
|
212
|
+
pictogramName: CP_nameType;
|
|
213
|
+
title: string;
|
|
214
|
+
slug: string;
|
|
215
|
+
description: TVL_descriptionType;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
declare const TileValue: ({ className, pictogramName, title, slug, description, }: TVL_propsType) => react_jsx_runtime.JSX.Element;
|
|
219
|
+
|
|
205
220
|
declare const CustomTabs: () => react_jsx_runtime.JSX.Element;
|
|
206
221
|
|
|
207
222
|
interface LIT_propsType {
|
|
@@ -311,4 +326,4 @@ declare const useContainerSize: <T extends HTMLElement>(options?: UseContainerSi
|
|
|
311
326
|
activeBreakpoint: SizeClass;
|
|
312
327
|
};
|
|
313
328
|
|
|
314
|
-
export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, FeatureText, HeadlinedList, List, type PGL_valid_linkTo, type PTL_propsType, SmartText, TileBanner, TilePictogram, TilePost, TileVariants, useContainerSize };
|
|
329
|
+
export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, FeatureText, HeadlinedList, List, type PGL_valid_linkTo, type PTL_propsType, SmartText, type TVL_propsType, TileBanner, TilePictogram, TilePost, TileValue, TileVariants, useContainerSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -202,6 +202,21 @@ type PTL_propsType = {
|
|
|
202
202
|
|
|
203
203
|
declare const TilePost: ({ className, featuredText, onClick, orgTitle, orgSlug, orgPictogramName, }: PTL_propsType) => react_jsx_runtime.JSX.Element;
|
|
204
204
|
|
|
205
|
+
interface TVL_descriptionType {
|
|
206
|
+
json: {
|
|
207
|
+
content: Node[];
|
|
208
|
+
};
|
|
209
|
+
}
|
|
210
|
+
interface TVL_propsType {
|
|
211
|
+
className?: string;
|
|
212
|
+
pictogramName: CP_nameType;
|
|
213
|
+
title: string;
|
|
214
|
+
slug: string;
|
|
215
|
+
description: TVL_descriptionType;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
declare const TileValue: ({ className, pictogramName, title, slug, description, }: TVL_propsType) => react_jsx_runtime.JSX.Element;
|
|
219
|
+
|
|
205
220
|
declare const CustomTabs: () => react_jsx_runtime.JSX.Element;
|
|
206
221
|
|
|
207
222
|
interface LIT_propsType {
|
|
@@ -311,4 +326,4 @@ declare const useContainerSize: <T extends HTMLElement>(options?: UseContainerSi
|
|
|
311
326
|
activeBreakpoint: SizeClass;
|
|
312
327
|
};
|
|
313
328
|
|
|
314
|
-
export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, FeatureText, HeadlinedList, List, type PGL_valid_linkTo, type PTL_propsType, SmartText, TileBanner, TilePictogram, TilePost, TileVariants, useContainerSize };
|
|
329
|
+
export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, FeatureText, HeadlinedList, List, type PGL_valid_linkTo, type PTL_propsType, SmartText, type TVL_propsType, TileBanner, TilePictogram, TilePost, TileValue, TileVariants, useContainerSize };
|
package/dist/index.js
CHANGED
|
@@ -1749,6 +1749,58 @@ var TilePost_default = TilePost;
|
|
|
1749
1749
|
|
|
1750
1750
|
// src/components/TilePost/index.ts
|
|
1751
1751
|
React.memo(TilePost_default);
|
|
1752
|
+
var TileValue = ({
|
|
1753
|
+
className,
|
|
1754
|
+
pictogramName,
|
|
1755
|
+
title,
|
|
1756
|
+
slug,
|
|
1757
|
+
description
|
|
1758
|
+
}) => {
|
|
1759
|
+
const [isModalOpen, setIsModalOpen] = React.useState(false);
|
|
1760
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1761
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1762
|
+
react.Tile,
|
|
1763
|
+
{
|
|
1764
|
+
className: `enj-TileValue ${className ?? ""}`.trim(),
|
|
1765
|
+
"aria-label": `${title} tile`,
|
|
1766
|
+
role: "article",
|
|
1767
|
+
"data-slug": slug,
|
|
1768
|
+
onClick: () => setIsModalOpen(true),
|
|
1769
|
+
children: [
|
|
1770
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "enj-TileValue-copy", children: [
|
|
1771
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "enj-TileValue-title", children: title }),
|
|
1772
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "enj-TileValue-slug", children: slug })
|
|
1773
|
+
] }),
|
|
1774
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "enj-TileValue-header", children: [
|
|
1775
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1776
|
+
CustomPictogram_default,
|
|
1777
|
+
{
|
|
1778
|
+
name: pictogramName,
|
|
1779
|
+
className: "enj-TileValue-pictogram",
|
|
1780
|
+
size: "sm"
|
|
1781
|
+
}
|
|
1782
|
+
),
|
|
1783
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "enj-TileValue-icon-wrapper", children: /* @__PURE__ */ jsxRuntime.jsx(CarbonIcons.Information, { className: "enj-TileValue-icon", "aria-hidden": "true" }) })
|
|
1784
|
+
] })
|
|
1785
|
+
]
|
|
1786
|
+
}
|
|
1787
|
+
),
|
|
1788
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1789
|
+
ContentModal,
|
|
1790
|
+
{
|
|
1791
|
+
isOpen: !!isModalOpen,
|
|
1792
|
+
setIsOpen: setIsModalOpen,
|
|
1793
|
+
modalHeading: title,
|
|
1794
|
+
modalSecondaryButtonText: "Close",
|
|
1795
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(SmartText_default, { richText: description })
|
|
1796
|
+
}
|
|
1797
|
+
)
|
|
1798
|
+
] });
|
|
1799
|
+
};
|
|
1800
|
+
var TileValue_default = TileValue;
|
|
1801
|
+
|
|
1802
|
+
// src/components/TileValue/index.ts
|
|
1803
|
+
React.memo(TileValue_default);
|
|
1752
1804
|
var CustomTabs = () => {
|
|
1753
1805
|
const [selected, setSelected] = React.useState(0);
|
|
1754
1806
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Tabs, { selectedIndex: selected, onChange: ({ selectedIndex }) => setSelected(selectedIndex), children: [
|
|
@@ -1828,5 +1880,6 @@ exports.SmartText = SmartText_default;
|
|
|
1828
1880
|
exports.TileBanner = TileBanner_default;
|
|
1829
1881
|
exports.TilePictogram = TilePictogram_default;
|
|
1830
1882
|
exports.TilePost = TilePost_default;
|
|
1883
|
+
exports.TileValue = TileValue_default;
|
|
1831
1884
|
exports.TileVariants = TileVariants_default;
|
|
1832
1885
|
exports.useContainerSize = useContainerSize;
|
package/dist/index.mjs
CHANGED
|
@@ -1722,6 +1722,58 @@ var TilePost_default = TilePost;
|
|
|
1722
1722
|
|
|
1723
1723
|
// src/components/TilePost/index.ts
|
|
1724
1724
|
memo(TilePost_default);
|
|
1725
|
+
var TileValue = ({
|
|
1726
|
+
className,
|
|
1727
|
+
pictogramName,
|
|
1728
|
+
title,
|
|
1729
|
+
slug,
|
|
1730
|
+
description
|
|
1731
|
+
}) => {
|
|
1732
|
+
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
1733
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1734
|
+
/* @__PURE__ */ jsxs(
|
|
1735
|
+
Tile,
|
|
1736
|
+
{
|
|
1737
|
+
className: `enj-TileValue ${className ?? ""}`.trim(),
|
|
1738
|
+
"aria-label": `${title} tile`,
|
|
1739
|
+
role: "article",
|
|
1740
|
+
"data-slug": slug,
|
|
1741
|
+
onClick: () => setIsModalOpen(true),
|
|
1742
|
+
children: [
|
|
1743
|
+
/* @__PURE__ */ jsxs("div", { className: "enj-TileValue-copy", children: [
|
|
1744
|
+
/* @__PURE__ */ jsx("h3", { className: "enj-TileValue-title", children: title }),
|
|
1745
|
+
/* @__PURE__ */ jsx("span", { className: "enj-TileValue-slug", children: slug })
|
|
1746
|
+
] }),
|
|
1747
|
+
/* @__PURE__ */ jsxs("div", { className: "enj-TileValue-header", children: [
|
|
1748
|
+
/* @__PURE__ */ jsx(
|
|
1749
|
+
CustomPictogram_default,
|
|
1750
|
+
{
|
|
1751
|
+
name: pictogramName,
|
|
1752
|
+
className: "enj-TileValue-pictogram",
|
|
1753
|
+
size: "sm"
|
|
1754
|
+
}
|
|
1755
|
+
),
|
|
1756
|
+
/* @__PURE__ */ jsx("div", { className: "enj-TileValue-icon-wrapper", children: /* @__PURE__ */ jsx(Information, { className: "enj-TileValue-icon", "aria-hidden": "true" }) })
|
|
1757
|
+
] })
|
|
1758
|
+
]
|
|
1759
|
+
}
|
|
1760
|
+
),
|
|
1761
|
+
/* @__PURE__ */ jsx(
|
|
1762
|
+
ContentModal,
|
|
1763
|
+
{
|
|
1764
|
+
isOpen: !!isModalOpen,
|
|
1765
|
+
setIsOpen: setIsModalOpen,
|
|
1766
|
+
modalHeading: title,
|
|
1767
|
+
modalSecondaryButtonText: "Close",
|
|
1768
|
+
children: /* @__PURE__ */ jsx(SmartText_default, { richText: description })
|
|
1769
|
+
}
|
|
1770
|
+
)
|
|
1771
|
+
] });
|
|
1772
|
+
};
|
|
1773
|
+
var TileValue_default = TileValue;
|
|
1774
|
+
|
|
1775
|
+
// src/components/TileValue/index.ts
|
|
1776
|
+
memo(TileValue_default);
|
|
1725
1777
|
var CustomTabs = () => {
|
|
1726
1778
|
const [selected, setSelected] = useState(0);
|
|
1727
1779
|
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Tabs, { selectedIndex: selected, onChange: ({ selectedIndex }) => setSelected(selectedIndex), children: [
|
|
@@ -1784,4 +1836,4 @@ var HeadlinedList_default = HeadlinedList;
|
|
|
1784
1836
|
memo(HeadlinedList_default);
|
|
1785
1837
|
memo(List_default);
|
|
1786
1838
|
|
|
1787
|
-
export { AppHeader_default as AppHeader, Banner_default as Banner, BrandLogo_default as BrandLogo, CMSRichText_default as CMSRichText, CP_getPictogram, CP_pictogramMap, ContactButton_default as ContactButton, CustomPictogram_default as CustomPictogram, CustomQuotes_default as CustomQuotes, CustomTabs_default as CustomTabs, FeatureText_default as FeatureText, HeadlinedList_default as HeadlinedList, List_default as List, SmartText_default as SmartText, TileBanner_default as TileBanner, TilePictogram_default as TilePictogram, TilePost_default as TilePost, TileVariants_default as TileVariants, useContainerSize };
|
|
1839
|
+
export { AppHeader_default as AppHeader, Banner_default as Banner, BrandLogo_default as BrandLogo, CMSRichText_default as CMSRichText, CP_getPictogram, CP_pictogramMap, ContactButton_default as ContactButton, CustomPictogram_default as CustomPictogram, CustomQuotes_default as CustomQuotes, CustomTabs_default as CustomTabs, FeatureText_default as FeatureText, HeadlinedList_default as HeadlinedList, List_default as List, SmartText_default as SmartText, TileBanner_default as TileBanner, TilePictogram_default as TilePictogram, TilePost_default as TilePost, TileValue_default as TileValue, TileVariants_default as TileVariants, useContainerSize };
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--enj-grid-gap: 1rem}.enj-container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;max-width:1280px}:root{--enj-h1-mb: 0.75rem;--enj-h1-ft: 1.75rem;--enj-h2-mb: 0.5rem;--enj-h2-ft: 1.5rem;--enj-h3-mb: 0.75rem;--enj-h3-ft: 1.25rem;--enj-h4-mb: 0.5rem;--enj-h4-ft: 1rem}h1{font-weight:500;font-size:var(--enj-h1-ft);margin-bottom:var(--enj-h1-mb);line-height:1.2}@media(min-width: 42rem){h1{--enj-h1-ft: 2rem;--enj-h1-mb: 1rem}}@media(min-width: 66rem){h1{--enj-h1-ft: 2.825rem}}@media(min-width: 82rem){h1{--enj-h1-ft: 3.1rem}}h2{font-weight:500;font-size:var(--enj-h2-ft);margin-bottom:var(--enj-h2-mb);line-height:1.25}@media(min-width: 42rem){h2{--enj-h2-ft: 1.75rem;--enj-h2-mb: 1.5rem}}@media(min-width: 66rem){h2{--enj-h2-ft: 2rem}}@media(min-width: 82rem){h2{--enj-h2-ft: 2.25rem}}h3{font-weight:500;font-size:var(--enj-h3-ft);margin-bottom:var(--enj-h3-mb);line-height:1.3}@media(min-width: 42rem){h3{--enj-h3-ft: 1.5rem;--enj-h3-mb: 1rem}}@media(min-width: 66rem){h3{--enj-h3-ft: 1.75rem}}h4{font-weight:500;font-size:var(--enj-h4-ft);margin-bottom:var(--enj-h4-mb);line-height:1.4}@media(min-width: 42rem){h4{--enj-h4-ft: 1.25rem;--enj-h4-mb: 0.75rem}}:root{--enj-skeleton-anim-title-h: 24px;--enj-skeleton-anim-text-h: 16px}.skeleton{display:inline-block;background-color:#a8a8a8;border-radius:4px;position:relative;overflow:hidden}.skeleton::after{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{100%{transform:translateX(150%)}}.skeleton-bot-spacing-1{margin-bottom:12px}.skeleton-bot-spacing-2{margin-bottom:5px}.skeleton-title{width:70%;height:var(--enj-skeleton-anim-title-h);margin-bottom:12px}.skeleton-text-wrapper .skeleton-list-item{display:flex;gap:10px}.skeleton-text,.skeleton-list-item,.skeleton-dot{width:100%;height:var(--enj-skeleton-anim-text-h)}.skeleton-dot{width:var(--enj-skeleton-anim-text-h)}.enj-AppHeader{--enj-AppHeader--fs: 1.05rem}.enj-AppHeader .header-inner{display:flex;align-items:center}.enj-AppHeader .cds--header__name,.enj-AppHeader a.cds--header__menu-item{padding:.8rem 1rem}.enj-AppHeader .cds--header__name,.enj-AppHeader a.cds--header__menu-item{font-size:var(--enj-AppHeader--fs)}.enj-AppHeader .cds--header__name:hover,.enj-AppHeader a.cds--header__menu-item:hover{cursor:pointer;color:#fff;background-color:#0100c0}.enj-AppHeader .cds--header__action:active{background-color:#0100c0}.enj-AppHeader .cds--header__action:active svg{fill:#fff}@media(min-width: 42rem){.enj-AppHeader{--enj-AppHeader--fs: 1.1rem}}@media(min-width: 66rem){.enj-AppHeader{--enj-AppHeader--fs: 1.15rem}}@media(min-width: 82rem){.enj-AppHeader{--enj-AppHeader--fs: 1.2rem}}:root{--enj-Banner-gap: 3rem;--enj-Banner-p-font-size: 1.25rem}.enj-Banner.enj-Banner--isHuge{--enj-Banner-jumbotron-padd: var(--enj-Banner-padd-top) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd);--enj-Banner-padd-top: 1.5rem;--enj-Banner-padd-bot: 8.5rem;--enj-Banner-jumbotron-padd: var(--enj-Banner-padd-top) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd)}.enj-Banner.enj-Banner--isHuge.enj-Banner-md{--enj-Banner-padd-top: 2rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-lg p{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.enj-Banner.enj-Banner--isHuge.enj-Banner-lg{--enj-Banner-padd-top: 4rem;--enj-Banner-padd-bot: 12rem }.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg p,.enj-Banner.enj-Banner--isHuge.enj-Banner-max p{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg,.enj-Banner.enj-Banner--isHuge.enj-Banner-max{--enj-Banner-padd-top: 8rem;--enj-Banner-padd-bot: 14.75rem }.enj-Banner h1,.enj-Banner h2,.enj-Banner h3,.enj-Banner h4,.enj-Banner h5,.enj-Banner h6{color:#fff}.enj-Banner p,.enj-Banner span{color:#e0e0e0;font-size:var(--enj-Banner-p-font-size)}.enj-Banner a{color:#20a2ff}.enj-Banner a span{color:#20a2ff}.enj-Banner a:hover{text-decoration:none}.enj-Banner .skeleton{background-color:#8d8d8d}.enj-Banner{background-color:#191947}.enj-Banner .enj-FeatureText-title{margin-top:0;margin-bottom:1rem}.enj-Banner .enj-FeatureText-article>p:last-of-type,.enj-Banner .enj-CMSRichText>p:last-of-type{margin-bottom:0}.enj-Banner{--enj-Banner-padd: var(--enj-Banner-gap) 0 var(--enj-Banner-gap) 0;padding:var(--enj-Banner-padd)}.enj-Banner.enj-Banner-md{--enj-Banner-gap: 5rem}.enj-Banner.enj-Banner-lg{--enj-Banner-gap: 5rem}.enj-Banner.enj-Banner-xlg{--enj-Banner-gap: 6rem}.enj-Banner.enj-Banner-max{--enj-Banner-gap: 6rem}.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-display: none;--enj-Banner-bg-width: 30rem;--enj-Banner-bg-size: 30rem;--enj-Banner-bg-right: -15rem;position:relative;overflow:hidden}.enj-Banner.enj-Banner--hasBgImage .enj-Banner-bgimg{position:absolute;display:var(--enj-Banner-bg-display);top:0;right:var(--enj-Banner-bg-right);bottom:0;width:var(--enj-Banner-bg-width);background-image:var(--banner-bg-image);background-repeat:no-repeat;background-position:top left;background-size:var(--enj-Banner-bg-size);z-index:0}@media(min-width: 42rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-display: block;--enj-Banner-bg-right: max(-280px, calc((100vw - 1584px) / 2))}}@media(min-width: 66rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-width: min(45rem, 100%);--enj-Banner-bg-right: max(-140px, calc((100vw - 1584px) / 2));--enj-Banner-bg-width: 35rem;--enj-Banner-bg-size: 35rem}}@media(min-width: 82rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-width: 40rem;--enj-Banner-bg-size: 40rem}}.enj-BrandLogo{font-weight:bold;text-transform:uppercase}.custom-quotes{--enj-CusQuotes--fs: 22px;--enj-CusQuotes--lh: 36px;--enj-CusQuotes--mg: 12px 20px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.custom-quotes__icon{width:65px;height:65px;color:#0100c0}.custom-quotes__text{font-size:var(--enj-CusQuotes--fs);line-height:var(--enj-CusQuotes--lh);margin:var(--enj-CusQuotes--mg);max-width:800px;font-weight:bold}@media(max-width: 19.98rem){.custom-quotes__text{--enj-CusQuotes--fs: 20px;--enj-CusQuotes--lh: 32px;--enj-CusQuotes--mg: 20px 16px 30px 16px}}@media(max-width: 19.98rem){.custom-quotes__text{--enj-CusQuotes--fs: 18px;--enj-CusQuotes--lh: 28px;--enj-CusQuotes--mg: 15px 12px 25px 12px}}.custom-quotes__text .enj-CMSRichText p,.custom-quotes__text .enj-CMSRichText ul{margin-top:0}.custom-quotes__text .enj-CMSRichText p:last-of-type,.custom-quotes__text .enj-CMSRichText ul:last-of-type{margin-bottom:0}.custom-quotes__hr{border-width:0;width:120px;height:4px;margin:15px 0 0 0;background-color:#0100c0}@media(max-width: 41.98rem){.custom-quotes{padding:80px 0}.custom-quotes__icon{width:55px;height:55px}}@media(max-width: 19.98rem){.custom-quotes{padding:60px 0}.custom-quotes__icon{width:45px;height:45px}}@media(max-width: 19.98rem){.custom-quotes{padding:40px 0}.custom-quotes__icon{width:40px;height:40px}}.enj-contentModal{--enj-contModal-closeBtn-right: 0;--enj-contModal-header-paddInline: 1.5rem;--enj-contModal-header-paddBlockStr: 2rem;--enj-contModal-content-paddInline: 1.5rem;--enj-contModal-h1: 1.75rem;--enj-contModal-h2: 1.5rem;--enj-contModal-h3: 1.25rem}.enj-contentModal .cds--modal-header__heading{color:#0100c0}.enj-contentModal .cds--modal-close-button{top:1rem;right:var(--enj-contModal-closeBtn-right)}.enj-contentModal .cds--modal-header{padding-block-start:var(--enj-contModal-header-paddBlockStr);padding-inline:var(--enj-contModal-header-paddInline)}.enj-contentModal .cds--modal-content{padding-inline:var(--enj-contModal-content-paddInline)}.enj-contentModal h1{font-size:var(--enj-contModal-h1)}.enj-contentModal h2{font-size:var(--enj-contModal-h2)}.enj-contentModal h3{font-size:var(--enj-contModal-h3)}@media(min-width: 42rem){.enj-contentModal{--enj-contModal-closeBtn-right: 1rem;--enj-contModal-header-paddInline: 2rem;--enj-contModal-content-paddInline: 2rem}}@media(min-width: 66rem){.enj-contentModal{--enj-contModal-header-paddInline: 3rem;--enj-contModal-content-paddInline: 3rem}}@media(min-width: 82rem){.enj-contentModal{--enj-contModal-header-paddInline: 4rem;--enj-contModal-content-paddInline: 4rem}}.enj-CustomTile-icon-wrapper{display:flex;align-items:center}.enj-CustomTile{background-color:#e3ebf9}.enj-CustomTile-has-hover-effect,.enj-CustomTile-anchor-tag,.enj-CustomTile--has-modal{display:block}:root{--enj-TB-bann-flex-dir: column;--enj-TB-bann-align-items: flex-start;--enj-TB-flex-gap: 1rem;--enj-TB-bann-title-mb: 0;--enj-TB-banner-pad: 4rem;--enj-TB-bann-title-flex: unset;--enj-TB-bann-article-flex: unset;--enj-TB-br-col: #6f6f6f;--enj-TB-card-pad: 2rem;--enj-TB-card-img-col-gap: 1.5rem;--enj-TB-card-withIcon-gap: 1rem;--enj-TB-icon-dimg: 1.5rem}.enj-TileBanner--banner .enj-TileBanner-title{margin-bottom:var(--enj-TB-bann-title-mb);flex:var(--enj-TB-bann-title-flex)}.enj-TileBanner--banner article{flex:var(--enj-TB-bann-article-flex)}.enj-TileBanner--banner .enj-FeatureText{display:flex;gap:var(--enj-TB-flex-gap);flex-direction:var(--enj-TB-bann-flex-dir);align-items:var(--enj-TB-bann-align-items)}.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-TileBanner--banner:not(.enj-TileBanner--has-link){padding:var(--enj-TB-banner-pad)}.enj-TileBanner--banner.enj-TileBanner--has-link{padding:0}.enj-TileBanner--banner.enj-TileBanner--has-link a{padding:var(--enj-TB-banner-pad)}.enj-TileBanner--banner.enj-TileBanner-sm{--enj-TB-banner-pad: 0.75rem}.enj-TileBanner--banner.enj-TileBanner-md{--enj-TB-banner-pad: 4rem}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-banner-pad: 6rem}.enj-TileBanner--banner.enj-TileBanner-lg{--enj-TB-flex-gap: 1.2rem}.enj-TileBanner--banner.enj-TileBanner-xlg{--enj-TB-flex-gap: 1.5rem}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-flex-gap: 2rem}.enj-TileBanner--banner.enj-TileBanner-xlg{--enj-TB-bann-flex-dir: row;--enj-TB-bann-align-items: center;--enj-TB-flex-gap: 3.5rem;--enj-TB-bann-title-flex: 0.6;--enj-TB-bann-article-flex: 1}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-bann-flex-dir: row;--enj-TB-bann-align-items: center;--enj-TB-flex-gap: 6rem;--enj-TB-bann-title-flex: 0.6;--enj-TB-bann-article-flex: 1}.enj-TileBanner{background-color:#e3ebf9}.enj-TileBanner .enj-TileBanner-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-TileBanner .enj-TileBanner-icon{margin-top:1rem;width:var(--enj-TB-icon-dimg);height:var(--enj-TB-icon-dimg)}.enj-TileBanner a{text-decoration:none}.enj-TileBanner .enj-TileBanner-title{color:#262626}.enj-TileBanner .enj-TileBanner-title a{color:#262626}.enj-TileBanner .enj-FeatureText-article,.enj-TileBanner .enj-TileBanner-pictogram{color:#525252}.enj-TileBanner .enj-FeatureText-article a,.enj-TileBanner .enj-TileBanner-pictogram a{color:#525252}.enj-TileBanner .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-TileBanner .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-TileBanner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-TileBanner-has-hover-effect,.enj-TileBanner-anchor-tag,.enj-TileBanner--has-modal{display:block}.enj-TileBanner-has-hover-effect:hover,.enj-TileBanner-anchor-tag:hover,.enj-TileBanner--has-modal:hover{cursor:pointer;background-color:#0100c0}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-pictogram,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-pictogram,.enj-TileBanner--has-modal:hover .enj-TileBanner-pictogram{color:#a8c2f2}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-icon-wrapper svg,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-icon-wrapper svg,.enj-TileBanner--has-modal:hover .enj-TileBanner-icon-wrapper svg{color:#a8c2f2}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-title,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-title,.enj-TileBanner--has-modal:hover .enj-TileBanner-title{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-title a,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-title a,.enj-TileBanner--has-modal:hover .enj-TileBanner-title a{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-FeatureText-article,.enj-TileBanner-anchor-tag:hover .enj-FeatureText-article,.enj-TileBanner--has-modal:hover .enj-FeatureText-article{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-FeatureText-article a,.enj-TileBanner-anchor-tag:hover .enj-FeatureText-article a,.enj-TileBanner--has-modal:hover .enj-FeatureText-article a{color:#fff}.enj-TileBanner-icon-wrapper{display:flex;align-items:center}:root{--enj-PTL-bann-flex-dir: column;--enj-PTL-bann-align-items: flex-start;--enj-PTL-bann-flex-gap: 1rem;--enj-PTL-bann-title-mb: 0;--enj-PTL-banner-pad: 4rem;--enj-PTL-bann-title-flex: unset;--enj-PTL-bann-article-flex: unset;--enj-PTL-br-col: #6f6f6f;--enj-PTL-card-pad: 2rem;--enj-PTL-card-withIcon-gap: 1rem;--enj-PTL-icon-dimg: 1.5rem}.enj-postTile{padding:0;background-color:#e3ebf9}.enj-postTile .enj-postTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-postTile .enj-postTile-icon{margin-top:1rem;width:var(--enj-PTL-icon-dimg);height:var(--enj-PTL-icon-dimg);transform:translateX(-4rem);transition:transform 260ms cubic-bezier(0.22, 1, 0.36, 1),fill 220ms ease}.enj-postTile .enj-postTile-link{display:flex;align-items:center;padding:.5rem 1rem;gap:.5rem;font-size:1rem;font-weight:700;text-decoration:underline;background-color:#c7dbff;border-radius:1rem;width:fit-content;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile .enj-postTile-link span{color:#313131}.enj-postTile .enj-postTile-link:hover{color:#c7dbff;background-color:#dc0680;text-decoration:none}.enj-postTile .enj-postTile-link:hover span{color:#c7dbff}.enj-postTile.enj-postTile--card{padding:var(--enj-PTL-card-pad)}.enj-postTile.enj-postTile-sm{--enj-PTL-card-pad: 1rem}.enj-postTile.enj-postTile-md{--enj-PTL-card-pad: 2rem}.enj-postTile.enj-postTile-lg,.enj-postTile.enj-postTile-xlg,.enj-postTile.enj-postTile-max{--enj-PTL-card-pad: 3rem}.enj-postTile a{text-decoration:none}.enj-postTile .enj-postTile-title,.enj-postTile .enj-postTile-title a,.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram,.enj-postTile .enj-postTile-pictogram a{transition:color 220ms ease}.enj-postTile .enj-postTile-title{color:#262626}.enj-postTile .enj-postTile-title a{color:#262626}.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-postTile-pictogram{color:#525252}.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram a{color:#525252}.enj-postTile>.enj-postTile-link{margin-bottom:calc(var(--enj-PTL-card-pad)/3)}.enj-postTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-postTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-postTile{display:block;cursor:pointer;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile:hover{background-color:#0100c0}.enj-postTile:hover .enj-postTile-title{color:#fff}.enj-postTile:hover .enj-postTile-title a{color:#fff}.enj-postTile:hover .enj-FeatureText-article{color:#fff}.enj-postTile:hover .enj-FeatureText-article a{color:#fff}.enj-postTile:hover .enj-postTile-icon{fill:#fff;transform:translateX(0)}:root{--enj-PGL-br-col: #6f6f6f;--enj-PGL-card-img-col-gap: 1.5rem;--enj-PGL-card-withIcon-gap: 1rem;--enj-PGL-icon-dimg: 1.5rem}.enj-PictogramTile{background-color:#e3ebf9}.enj-PictogramTile .enj-PictogramTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-PictogramTile .enj-PictogramTile-icon{margin-top:1rem;width:var(--enj-PGL-icon-dimg);height:var(--enj-PGL-icon-dimg)}.enj-PictogramTile{--enj-PGL-card-pad: 0.75rem;padding:var(--enj-PGL-card-pad)}.enj-PictogramTile.enj-PictogramTile-md{--enj-PGL-card-pad: 1.5rem}.enj-PictogramTile.enj-PictogramTile-md{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-PGL-card-img-col-gap)}.enj-PictogramTile.enj-PictogramTile-md .enj-PictogramTile-icon-wrapper{grid-column:2}.enj-PictogramTile a{text-decoration:none}.enj-PictogramTile .enj-PictogramTile-title{color:#262626}.enj-PictogramTile .enj-PictogramTile-title a{color:#262626}.enj-PictogramTile .enj-FeatureText-article,.enj-PictogramTile .enj-PictogramTile-pictogram{color:#525252}.enj-PictogramTile .enj-FeatureText-article a,.enj-PictogramTile .enj-PictogramTile-pictogram a{color:#525252}.enj-PictogramTile .enj-PictogramTile-pictogram{color:#4a75c6}.enj-PictogramTile .enj-PictogramTile-icon-wrapper svg{color:#0100c0}.enj-PictogramTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-PictogramTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-PictogramTile--has-modal,.enj-PictogramTile-has-hover-effect,.enj-PictogramTile-anchor-tag{display:block}.enj-PictogramTile--has-modal:hover,.enj-PictogramTile-has-hover-effect:hover,.enj-PictogramTile-anchor-tag:hover{cursor:pointer;background-color:#0100c0}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-pictogram,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-pictogram,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-pictogram{color:#a8c2f2}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-icon-wrapper svg,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-icon-wrapper svg,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-icon-wrapper svg{color:#a8c2f2}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-title,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-title,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-title{color:#fff}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-title a,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-title a,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-title a{color:#fff}.enj-PictogramTile--has-modal:hover .enj-FeatureText-article,.enj-PictogramTile-has-hover-effect:hover .enj-FeatureText-article,.enj-PictogramTile-anchor-tag:hover .enj-FeatureText-article{color:#fff}.enj-PictogramTile--has-modal:hover .enj-FeatureText-article a,.enj-PictogramTile-has-hover-effect:hover .enj-FeatureText-article a,.enj-PictogramTile-anchor-tag:hover .enj-FeatureText-article a{color:#fff}.enj-list{padding-left:1.1rem}.enj-list li{line-height:1.5rem}ol.enj-list{list-style:decimal}ul.enj-list{list-style:disc}.enj-CMSRichText{--enj-CMSRichText-ul-pad-left: 1.4rem;--enj-CMSRichText-ul-mb: 1.4rem;--enj-CMSRichText-hr-gap: 1.7rem}.enj-CMSRichText ul{list-style:disc}.enj-CMSRichText ol{list-style:decimal}.enj-CMSRichText ul,.enj-CMSRichText ol{padding-left:var(--enj-CMSRichText-ul-pad-left);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText ul li p,.enj-CMSRichText ol li p{margin-bottom:0}.enj-CMSRichText p{border:1px solid rgba(0,0,0,0);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote{border-left:.6rem solid #0100c0;padding-left:1rem;margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote *{color:#0d3a90}.enj-CMSRichText blockquote p:last-of-type{margin-bottom:0}.enj-CMSRichText blockquote{padding:1rem;background:#e3ebf9}.enj-CMSRichText hr{margin:var(--enj-CMSRichText-hr-gap) 0;border-top:1px solid #9daed2}.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 1rem;padding:var(--enj-CMSRichText-fig-pad);background:#e3ebf9;border:0px solid #99a3b9;margin-bottom:1rem;line-height:1.4rem;font-size:1rem;font-weight:400;font-style:italic}.enj-CMSRichText figure *{color:#0d3a90}.enj-CMSRichText figure .asset-image-wrapper{position:relative;width:100%;aspect-ratio:16/9}@media(min-width: 42rem){.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 1.5rem}}@media(min-width: 66rem){.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 2rem}}.enj-CMSRichText table{border:1px solid #99a3b9}.enj-CMSRichText table th,.enj-CMSRichText table td{padding:1rem}.enj-CMSRichText table th{border:1px solid #9daed2;background:#0d3a90;color:#e3ebf9;font-weight:bold}.enj-CMSRichText table th *{font-weight:bold}.enj-CMSRichText table th p:last-of-type{margin:0;padding:0}.enj-CMSRichText table td{border:1px solid #9daed2}.enj-CMSRichText table td p{margin:0;padding:0}.enj-CMSRichText table tr:nth-child(2n) td{background:#dee5f3}.enj-CMSRichText table tr:nth-child(2n+1) td{background:#e3ebf9}
|
|
1
|
+
:root{--enj-grid-gap: 1rem}.enj-container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;max-width:1280px}:root{--enj-h1-mb: 0.75rem;--enj-h1-ft: 1.75rem;--enj-h2-mb: 0.5rem;--enj-h2-ft: 1.5rem;--enj-h3-mb: 0.75rem;--enj-h3-ft: 1.25rem;--enj-h4-mb: 0.5rem;--enj-h4-ft: 1rem}h1{font-weight:500;font-size:var(--enj-h1-ft);margin-bottom:var(--enj-h1-mb);line-height:1.2}@media(min-width: 42rem){h1{--enj-h1-ft: 2rem;--enj-h1-mb: 1rem}}@media(min-width: 66rem){h1{--enj-h1-ft: 2.825rem}}@media(min-width: 82rem){h1{--enj-h1-ft: 3.1rem}}h2{font-weight:500;font-size:var(--enj-h2-ft);margin-bottom:var(--enj-h2-mb);line-height:1.25}@media(min-width: 42rem){h2{--enj-h2-ft: 1.75rem;--enj-h2-mb: 1.5rem}}@media(min-width: 66rem){h2{--enj-h2-ft: 2rem}}@media(min-width: 82rem){h2{--enj-h2-ft: 2.25rem}}h3{font-weight:500;font-size:var(--enj-h3-ft);margin-bottom:var(--enj-h3-mb);line-height:1.3}@media(min-width: 42rem){h3{--enj-h3-ft: 1.5rem;--enj-h3-mb: 1rem}}@media(min-width: 66rem){h3{--enj-h3-ft: 1.75rem}}h4{font-weight:500;font-size:var(--enj-h4-ft);margin-bottom:var(--enj-h4-mb);line-height:1.4}@media(min-width: 42rem){h4{--enj-h4-ft: 1.25rem;--enj-h4-mb: 0.75rem}}:root{--enj-skeleton-anim-title-h: 24px;--enj-skeleton-anim-text-h: 16px}.skeleton{display:inline-block;background-color:#a8a8a8;border-radius:4px;position:relative;overflow:hidden}.skeleton::after{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{100%{transform:translateX(150%)}}.skeleton-bot-spacing-1{margin-bottom:12px}.skeleton-bot-spacing-2{margin-bottom:5px}.skeleton-title{width:70%;height:var(--enj-skeleton-anim-title-h);margin-bottom:12px}.skeleton-text-wrapper .skeleton-list-item{display:flex;gap:10px}.skeleton-text,.skeleton-list-item,.skeleton-dot{width:100%;height:var(--enj-skeleton-anim-text-h)}.skeleton-dot{width:var(--enj-skeleton-anim-text-h)}.enj-AppHeader{--enj-AppHeader--fs: 1.05rem}.enj-AppHeader .header-inner{display:flex;align-items:center}.enj-AppHeader .cds--header__name,.enj-AppHeader a.cds--header__menu-item{padding:.8rem 1rem}.enj-AppHeader .cds--header__name,.enj-AppHeader a.cds--header__menu-item{font-size:var(--enj-AppHeader--fs)}.enj-AppHeader .cds--header__name:hover,.enj-AppHeader a.cds--header__menu-item:hover{cursor:pointer;color:#fff;background-color:#0100c0}.enj-AppHeader .cds--header__action:active{background-color:#0100c0}.enj-AppHeader .cds--header__action:active svg{fill:#fff}@media(min-width: 42rem){.enj-AppHeader{--enj-AppHeader--fs: 1.1rem}}@media(min-width: 66rem){.enj-AppHeader{--enj-AppHeader--fs: 1.15rem}}@media(min-width: 82rem){.enj-AppHeader{--enj-AppHeader--fs: 1.2rem}}:root{--enj-Banner-gap: 3rem;--enj-Banner-p-font-size: 1.25rem}.enj-Banner.enj-Banner--isHuge{--enj-Banner-jumbotron-padd: var(--enj-Banner-padd-top) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd);--enj-Banner-padd-top: 1.5rem;--enj-Banner-padd-bot: 8.5rem;--enj-Banner-jumbotron-padd: var(--enj-Banner-padd-top) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd)}.enj-Banner.enj-Banner--isHuge.enj-Banner-md{--enj-Banner-padd-top: 2rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-lg p{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.enj-Banner.enj-Banner--isHuge.enj-Banner-lg{--enj-Banner-padd-top: 4rem;--enj-Banner-padd-bot: 12rem }.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg p,.enj-Banner.enj-Banner--isHuge.enj-Banner-max p{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg,.enj-Banner.enj-Banner--isHuge.enj-Banner-max{--enj-Banner-padd-top: 8rem;--enj-Banner-padd-bot: 14.75rem }.enj-Banner h1,.enj-Banner h2,.enj-Banner h3,.enj-Banner h4,.enj-Banner h5,.enj-Banner h6{color:#fff}.enj-Banner p,.enj-Banner span{color:#e0e0e0;font-size:var(--enj-Banner-p-font-size)}.enj-Banner a{color:#20a2ff}.enj-Banner a span{color:#20a2ff}.enj-Banner a:hover{text-decoration:none}.enj-Banner .skeleton{background-color:#8d8d8d}.enj-Banner{background-color:#191947}.enj-Banner .enj-FeatureText-title{margin-top:0;margin-bottom:1rem}.enj-Banner .enj-FeatureText-article>p:last-of-type,.enj-Banner .enj-CMSRichText>p:last-of-type{margin-bottom:0}.enj-Banner{--enj-Banner-padd: var(--enj-Banner-gap) 0 var(--enj-Banner-gap) 0;padding:var(--enj-Banner-padd)}.enj-Banner.enj-Banner-md{--enj-Banner-gap: 5rem}.enj-Banner.enj-Banner-lg{--enj-Banner-gap: 5rem}.enj-Banner.enj-Banner-xlg{--enj-Banner-gap: 6rem}.enj-Banner.enj-Banner-max{--enj-Banner-gap: 6rem}.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-display: none;--enj-Banner-bg-width: 30rem;--enj-Banner-bg-size: 30rem;--enj-Banner-bg-right: -15rem;position:relative;overflow:hidden}.enj-Banner.enj-Banner--hasBgImage .enj-Banner-bgimg{position:absolute;display:var(--enj-Banner-bg-display);top:0;right:var(--enj-Banner-bg-right);bottom:0;width:var(--enj-Banner-bg-width);background-image:var(--banner-bg-image);background-repeat:no-repeat;background-position:top left;background-size:var(--enj-Banner-bg-size);z-index:0}@media(min-width: 42rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-display: block;--enj-Banner-bg-right: max(-280px, calc((100vw - 1584px) / 2))}}@media(min-width: 66rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-width: min(45rem, 100%);--enj-Banner-bg-right: max(-140px, calc((100vw - 1584px) / 2));--enj-Banner-bg-width: 35rem;--enj-Banner-bg-size: 35rem}}@media(min-width: 82rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-width: 40rem;--enj-Banner-bg-size: 40rem}}.enj-BrandLogo{font-weight:bold;text-transform:uppercase}.custom-quotes{--enj-CusQuotes--fs: 22px;--enj-CusQuotes--lh: 36px;--enj-CusQuotes--mg: 12px 20px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.custom-quotes__icon{width:65px;height:65px;color:#0100c0}.custom-quotes__text{font-size:var(--enj-CusQuotes--fs);line-height:var(--enj-CusQuotes--lh);margin:var(--enj-CusQuotes--mg);max-width:800px;font-weight:bold}@media(max-width: 19.98rem){.custom-quotes__text{--enj-CusQuotes--fs: 20px;--enj-CusQuotes--lh: 32px;--enj-CusQuotes--mg: 20px 16px 30px 16px}}@media(max-width: 19.98rem){.custom-quotes__text{--enj-CusQuotes--fs: 18px;--enj-CusQuotes--lh: 28px;--enj-CusQuotes--mg: 15px 12px 25px 12px}}.custom-quotes__text .enj-CMSRichText p,.custom-quotes__text .enj-CMSRichText ul{margin-top:0}.custom-quotes__text .enj-CMSRichText p:last-of-type,.custom-quotes__text .enj-CMSRichText ul:last-of-type{margin-bottom:0}.custom-quotes__hr{border-width:0;width:120px;height:4px;margin:15px 0 0 0;background-color:#0100c0}@media(max-width: 41.98rem){.custom-quotes{padding:80px 0}.custom-quotes__icon{width:55px;height:55px}}@media(max-width: 19.98rem){.custom-quotes{padding:60px 0}.custom-quotes__icon{width:45px;height:45px}}@media(max-width: 19.98rem){.custom-quotes{padding:40px 0}.custom-quotes__icon{width:40px;height:40px}}.enj-contentModal{--enj-contModal-closeBtn-right: 0;--enj-contModal-header-paddInline: 1.5rem;--enj-contModal-header-paddBlockStr: 2rem;--enj-contModal-content-paddInline: 1.5rem;--enj-contModal-h1: 1.75rem;--enj-contModal-h2: 1.5rem;--enj-contModal-h3: 1.25rem}.enj-contentModal .cds--modal-header__heading{color:#0100c0}.enj-contentModal .cds--modal-close-button{top:1rem;right:var(--enj-contModal-closeBtn-right)}.enj-contentModal .cds--modal-header{padding-block-start:var(--enj-contModal-header-paddBlockStr);padding-inline:var(--enj-contModal-header-paddInline)}.enj-contentModal .cds--modal-content{padding-inline:var(--enj-contModal-content-paddInline)}.enj-contentModal h1{font-size:var(--enj-contModal-h1)}.enj-contentModal h2{font-size:var(--enj-contModal-h2)}.enj-contentModal h3{font-size:var(--enj-contModal-h3)}@media(min-width: 42rem){.enj-contentModal{--enj-contModal-closeBtn-right: 1rem;--enj-contModal-header-paddInline: 2rem;--enj-contModal-content-paddInline: 2rem}}@media(min-width: 66rem){.enj-contentModal{--enj-contModal-header-paddInline: 3rem;--enj-contModal-content-paddInline: 3rem}}@media(min-width: 82rem){.enj-contentModal{--enj-contModal-header-paddInline: 4rem;--enj-contModal-content-paddInline: 4rem}}.enj-CustomTile-icon-wrapper{display:flex;align-items:center}.enj-CustomTile{background-color:#e3ebf9}.enj-CustomTile-has-hover-effect,.enj-CustomTile-anchor-tag,.enj-CustomTile--has-modal{display:block}:root{--enj-TB-bann-flex-dir: column;--enj-TB-bann-align-items: flex-start;--enj-TB-flex-gap: 1rem;--enj-TB-bann-title-mb: 0;--enj-TB-banner-pad: 4rem;--enj-TB-bann-title-flex: unset;--enj-TB-bann-article-flex: unset;--enj-TB-br-col: #6f6f6f;--enj-TB-card-pad: 2rem;--enj-TB-card-img-col-gap: 1.5rem;--enj-TB-card-withIcon-gap: 1rem;--enj-TB-icon-dimg: 1.5rem}.enj-TileBanner--banner .enj-TileBanner-title{margin-bottom:var(--enj-TB-bann-title-mb);flex:var(--enj-TB-bann-title-flex)}.enj-TileBanner--banner article{flex:var(--enj-TB-bann-article-flex)}.enj-TileBanner--banner .enj-FeatureText{display:flex;gap:var(--enj-TB-flex-gap);flex-direction:var(--enj-TB-bann-flex-dir);align-items:var(--enj-TB-bann-align-items)}.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-TileBanner--banner:not(.enj-TileBanner--has-link){padding:var(--enj-TB-banner-pad)}.enj-TileBanner--banner.enj-TileBanner--has-link{padding:0}.enj-TileBanner--banner.enj-TileBanner--has-link a{padding:var(--enj-TB-banner-pad)}.enj-TileBanner--banner.enj-TileBanner-sm{--enj-TB-banner-pad: 0.75rem}.enj-TileBanner--banner.enj-TileBanner-md{--enj-TB-banner-pad: 4rem}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-banner-pad: 6rem}.enj-TileBanner--banner.enj-TileBanner-lg{--enj-TB-flex-gap: 1.2rem}.enj-TileBanner--banner.enj-TileBanner-xlg{--enj-TB-flex-gap: 1.5rem}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-flex-gap: 2rem}.enj-TileBanner--banner.enj-TileBanner-xlg{--enj-TB-bann-flex-dir: row;--enj-TB-bann-align-items: center;--enj-TB-flex-gap: 3.5rem;--enj-TB-bann-title-flex: 0.6;--enj-TB-bann-article-flex: 1}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-bann-flex-dir: row;--enj-TB-bann-align-items: center;--enj-TB-flex-gap: 6rem;--enj-TB-bann-title-flex: 0.6;--enj-TB-bann-article-flex: 1}.enj-TileBanner{background-color:#e3ebf9}.enj-TileBanner .enj-TileBanner-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-TileBanner .enj-TileBanner-icon{margin-top:1rem;width:var(--enj-TB-icon-dimg);height:var(--enj-TB-icon-dimg)}.enj-TileBanner a{text-decoration:none}.enj-TileBanner .enj-TileBanner-title{color:#262626}.enj-TileBanner .enj-TileBanner-title a{color:#262626}.enj-TileBanner .enj-FeatureText-article,.enj-TileBanner .enj-TileBanner-pictogram{color:#525252}.enj-TileBanner .enj-FeatureText-article a,.enj-TileBanner .enj-TileBanner-pictogram a{color:#525252}.enj-TileBanner .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-TileBanner .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-TileBanner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-TileBanner-has-hover-effect,.enj-TileBanner-anchor-tag,.enj-TileBanner--has-modal{display:block}.enj-TileBanner-has-hover-effect:hover,.enj-TileBanner-anchor-tag:hover,.enj-TileBanner--has-modal:hover{cursor:pointer;background-color:#0100c0}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-pictogram,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-pictogram,.enj-TileBanner--has-modal:hover .enj-TileBanner-pictogram{color:#a8c2f2}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-icon-wrapper svg,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-icon-wrapper svg,.enj-TileBanner--has-modal:hover .enj-TileBanner-icon-wrapper svg{color:#a8c2f2}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-title,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-title,.enj-TileBanner--has-modal:hover .enj-TileBanner-title{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-title a,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-title a,.enj-TileBanner--has-modal:hover .enj-TileBanner-title a{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-FeatureText-article,.enj-TileBanner-anchor-tag:hover .enj-FeatureText-article,.enj-TileBanner--has-modal:hover .enj-FeatureText-article{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-FeatureText-article a,.enj-TileBanner-anchor-tag:hover .enj-FeatureText-article a,.enj-TileBanner--has-modal:hover .enj-FeatureText-article a{color:#fff}.enj-TileBanner-icon-wrapper{display:flex;align-items:center}:root{--enj-PTL-bann-flex-dir: column;--enj-PTL-bann-align-items: flex-start;--enj-PTL-bann-flex-gap: 1rem;--enj-PTL-bann-title-mb: 0;--enj-PTL-banner-pad: 4rem;--enj-PTL-bann-title-flex: unset;--enj-PTL-bann-article-flex: unset;--enj-PTL-br-col: #6f6f6f;--enj-PTL-card-pad: 2rem;--enj-PTL-card-withIcon-gap: 1rem;--enj-PTL-icon-dimg: 1.5rem}.enj-postTile{padding:0;background-color:#e3ebf9}.enj-postTile .enj-postTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-postTile .enj-postTile-icon{margin-top:1rem;width:var(--enj-PTL-icon-dimg);height:var(--enj-PTL-icon-dimg);transform:translateX(-4rem);transition:transform 260ms cubic-bezier(0.22, 1, 0.36, 1),fill 220ms ease}.enj-postTile .enj-postTile-link{display:flex;align-items:center;padding:.5rem 1rem;gap:.5rem;font-size:1rem;font-weight:700;text-decoration:underline;background-color:#c7dbff;border-radius:1rem;width:fit-content;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile .enj-postTile-link span{color:#313131}.enj-postTile .enj-postTile-link:hover{color:#c7dbff;background-color:#dc0680;text-decoration:none}.enj-postTile .enj-postTile-link:hover span{color:#c7dbff}.enj-postTile.enj-postTile--card{padding:var(--enj-PTL-card-pad)}.enj-postTile.enj-postTile-sm{--enj-PTL-card-pad: 1rem}.enj-postTile.enj-postTile-md{--enj-PTL-card-pad: 2rem}.enj-postTile.enj-postTile-lg,.enj-postTile.enj-postTile-xlg,.enj-postTile.enj-postTile-max{--enj-PTL-card-pad: 3rem}.enj-postTile a{text-decoration:none}.enj-postTile .enj-postTile-title,.enj-postTile .enj-postTile-title a,.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram,.enj-postTile .enj-postTile-pictogram a{transition:color 220ms ease}.enj-postTile .enj-postTile-title{color:#262626}.enj-postTile .enj-postTile-title a{color:#262626}.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-postTile-pictogram{color:#525252}.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram a{color:#525252}.enj-postTile>.enj-postTile-link{margin-bottom:calc(var(--enj-PTL-card-pad)/3)}.enj-postTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-postTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-postTile{display:block;cursor:pointer;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile:hover{background-color:#0100c0}.enj-postTile:hover .enj-postTile-title{color:#fff}.enj-postTile:hover .enj-postTile-title a{color:#fff}.enj-postTile:hover .enj-FeatureText-article{color:#fff}.enj-postTile:hover .enj-FeatureText-article a{color:#fff}.enj-postTile:hover .enj-postTile-icon{fill:#fff;transform:translateX(0)}:root{--enj-PGL-br-col: #6f6f6f;--enj-PGL-card-img-col-gap: 1.5rem;--enj-PGL-card-withIcon-gap: 1rem;--enj-PGL-icon-dimg: 1.5rem}.enj-PictogramTile{background-color:#e3ebf9}.enj-PictogramTile .enj-PictogramTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-PictogramTile .enj-PictogramTile-icon{margin-top:1rem;width:var(--enj-PGL-icon-dimg);height:var(--enj-PGL-icon-dimg)}.enj-PictogramTile{--enj-PGL-card-pad: 0.75rem;padding:var(--enj-PGL-card-pad)}.enj-PictogramTile.enj-PictogramTile-md{--enj-PGL-card-pad: 1.5rem}.enj-PictogramTile.enj-PictogramTile-md{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-PGL-card-img-col-gap)}.enj-PictogramTile.enj-PictogramTile-md .enj-PictogramTile-icon-wrapper{grid-column:2}.enj-PictogramTile a{text-decoration:none}.enj-PictogramTile .enj-PictogramTile-title{color:#262626}.enj-PictogramTile .enj-PictogramTile-title a{color:#262626}.enj-PictogramTile .enj-FeatureText-article,.enj-PictogramTile .enj-PictogramTile-pictogram{color:#525252}.enj-PictogramTile .enj-FeatureText-article a,.enj-PictogramTile .enj-PictogramTile-pictogram a{color:#525252}.enj-PictogramTile .enj-PictogramTile-pictogram{color:#4a75c6}.enj-PictogramTile .enj-PictogramTile-icon-wrapper svg{color:#0100c0}.enj-PictogramTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-PictogramTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-PictogramTile--has-modal,.enj-PictogramTile-has-hover-effect,.enj-PictogramTile-anchor-tag{display:block}.enj-PictogramTile--has-modal:hover,.enj-PictogramTile-has-hover-effect:hover,.enj-PictogramTile-anchor-tag:hover{cursor:pointer;background-color:#0100c0}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-pictogram,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-pictogram,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-pictogram{color:#a8c2f2}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-icon-wrapper svg,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-icon-wrapper svg,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-icon-wrapper svg{color:#a8c2f2}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-title,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-title,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-title{color:#fff}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-title a,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-title a,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-title a{color:#fff}.enj-PictogramTile--has-modal:hover .enj-FeatureText-article,.enj-PictogramTile-has-hover-effect:hover .enj-FeatureText-article,.enj-PictogramTile-anchor-tag:hover .enj-FeatureText-article{color:#fff}.enj-PictogramTile--has-modal:hover .enj-FeatureText-article a,.enj-PictogramTile-has-hover-effect:hover .enj-FeatureText-article a,.enj-PictogramTile-anchor-tag:hover .enj-FeatureText-article a{color:#fff}.enj-TileValue{background-color:#e3ebf9;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:16rem;padding:1.25rem;position:relative;transition:background 300ms cubic-bezier(0.4, 0, 0.2, 1),background-color 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-copy{display:grid;min-height:2.75rem;position:relative}.enj-TileValue-header{align-items:center;display:flex;justify-content:space-between;align-items:end}.enj-TileValue-pictogram{color:#0f62fe;width:50px;height:50px;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-icon-wrapper{align-items:center;display:inline-flex;justify-content:center}.enj-TileValue-icon{color:#161616;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-title{color:#161616;font-size:1.125rem;line-height:1.35;margin:0;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-slug{color:#fff;font-size:1.125rem;left:0;line-height:1.35;margin:0;opacity:0;position:absolute;top:0;transform:translateY(-10px);transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue:hover,.enj-TileValue:focus-visible{background:linear-gradient(90deg, #5354fa 0%, #9630f9 100%)}.enj-TileValue:hover .enj-TileValue-title,.enj-TileValue:focus-visible .enj-TileValue-title{color:#fff;opacity:0;transform:translateY(10px)}.enj-TileValue:hover .enj-TileValue-slug,.enj-TileValue:focus-visible .enj-TileValue-slug{opacity:1;transform:translateY(0);transition-delay:400ms}.enj-TileValue:hover .enj-TileValue-pictogram,.enj-TileValue:focus-visible .enj-TileValue-pictogram,.enj-TileValue:hover .enj-TileValue-icon,.enj-TileValue:focus-visible .enj-TileValue-icon{color:#fff}.enj-list{padding-left:1.1rem}.enj-list li{line-height:1.5rem}ol.enj-list{list-style:decimal}ul.enj-list{list-style:disc}.enj-CMSRichText{--enj-CMSRichText-ul-pad-left: 1.4rem;--enj-CMSRichText-ul-mb: 1.4rem;--enj-CMSRichText-hr-gap: 1.7rem}.enj-CMSRichText ul{list-style:disc}.enj-CMSRichText ol{list-style:decimal}.enj-CMSRichText ul,.enj-CMSRichText ol{padding-left:var(--enj-CMSRichText-ul-pad-left);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText ul li p,.enj-CMSRichText ol li p{margin-bottom:0}.enj-CMSRichText p{border:1px solid rgba(0,0,0,0);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote{border-left:.6rem solid #0100c0;padding-left:1rem;margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote *{color:#0d3a90}.enj-CMSRichText blockquote p:last-of-type{margin-bottom:0}.enj-CMSRichText blockquote{padding:1rem;background:#e3ebf9}.enj-CMSRichText hr{margin:var(--enj-CMSRichText-hr-gap) 0;border-top:1px solid #9daed2}.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 1rem;padding:var(--enj-CMSRichText-fig-pad);background:#e3ebf9;border:0px solid #99a3b9;margin-bottom:1rem;line-height:1.4rem;font-size:1rem;font-weight:400;font-style:italic}.enj-CMSRichText figure *{color:#0d3a90}.enj-CMSRichText figure .asset-image-wrapper{position:relative;width:100%;aspect-ratio:16/9}@media(min-width: 42rem){.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 1.5rem}}@media(min-width: 66rem){.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 2rem}}.enj-CMSRichText table{border:1px solid #99a3b9}.enj-CMSRichText table th,.enj-CMSRichText table td{padding:1rem}.enj-CMSRichText table th{border:1px solid #9daed2;background:#0d3a90;color:#e3ebf9;font-weight:bold}.enj-CMSRichText table th *{font-weight:bold}.enj-CMSRichText table th p:last-of-type{margin:0;padding:0}.enj-CMSRichText table td{border:1px solid #9daed2}.enj-CMSRichText table td p{margin:0;padding:0}.enj-CMSRichText table tr:nth-child(2n) td{background:#dee5f3}.enj-CMSRichText table tr:nth-child(2n+1) td{background:#e3ebf9}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.enj-TileValue{background-color:#e3ebf9;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:16rem;padding:1.25rem;position:relative;transition:background 300ms cubic-bezier(0.4, 0, 0.2, 1),background-color 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-copy{display:grid;min-height:2.75rem;position:relative}.enj-TileValue-header{align-items:center;display:flex;justify-content:space-between;align-items:end}.enj-TileValue-pictogram{color:#0f62fe;width:50px;height:50px;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-icon-wrapper{align-items:center;display:inline-flex;justify-content:center}.enj-TileValue-icon{color:#161616;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-title{color:#161616;font-size:1.125rem;line-height:1.35;margin:0;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-slug{color:#fff;font-size:1.125rem;left:0;line-height:1.35;margin:0;opacity:0;position:absolute;top:0;transform:translateY(-10px);transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue:hover,.enj-TileValue:focus-visible{background:linear-gradient(90deg, #5354fa 0%, #9630f9 100%)}.enj-TileValue:hover .enj-TileValue-title,.enj-TileValue:focus-visible .enj-TileValue-title{color:#fff;opacity:0;transform:translateY(10px)}.enj-TileValue:hover .enj-TileValue-slug,.enj-TileValue:focus-visible .enj-TileValue-slug{opacity:1;transform:translateY(0);transition-delay:400ms}.enj-TileValue:hover .enj-TileValue-pictogram,.enj-TileValue:focus-visible .enj-TileValue-pictogram,.enj-TileValue:hover .enj-TileValue-icon,.enj-TileValue:focus-visible .enj-TileValue-icon{color:#fff}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "enjanga-components-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.98",
|
|
4
4
|
"description": "Reusable component library for Next.js 13+ projects with Carbon design system.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
"./tile-banner.css": "./dist/tile-banner.css",
|
|
32
32
|
"./tile-pictogram.css": "./dist/tile-pictogram.css",
|
|
33
33
|
"./tile-post.css": "./dist/tile-post.css",
|
|
34
|
+
"./tile-value.css": "./dist/tile-value.css",
|
|
34
35
|
"./list.css": "./dist/list.css",
|
|
35
36
|
"./cms-rich-text.css": "./dist/cms-rich-text.css"
|
|
36
37
|
},
|
|
@@ -51,13 +52,14 @@
|
|
|
51
52
|
"dist/tile-banner.css",
|
|
52
53
|
"dist/tile-pictogram.css",
|
|
53
54
|
"dist/tile-post.css",
|
|
55
|
+
"dist/tile-value.css",
|
|
54
56
|
"dist/list.css",
|
|
55
57
|
"dist/cms-rich-text.css"
|
|
56
58
|
],
|
|
57
59
|
"scripts": {
|
|
58
60
|
"prepare": "yarn build",
|
|
59
61
|
"build": "yarn build:css && tsup",
|
|
60
|
-
"build:css": "mkdir -p dist && yarn build:css-full-library && yarn build:css-base && yarn build:css-app-header && yarn build:css-banner && yarn build:css-brand-logo && yarn build:css-custom-quotes && yarn build:css-content-modal && yarn build:css-custom-tile && yarn build:css-tile-banner && yarn build:css-tile-pictogram && yarn build:css-tile-post && yarn build:css-list && yarn build:cms-rich-text",
|
|
62
|
+
"build:css": "mkdir -p dist && yarn build:css-full-library && yarn build:css-base && yarn build:css-app-header && yarn build:css-banner && yarn build:css-brand-logo && yarn build:css-custom-quotes && yarn build:css-content-modal && yarn build:css-custom-tile && yarn build:css-tile-banner && yarn build:css-tile-pictogram && yarn build:css-tile-post && yarn build:css-tile-value && yarn build:css-list && yarn build:cms-rich-text",
|
|
61
63
|
"build:css-full-library": "sass --load-path=node_modules --no-source-map --style=compressed src/styles/index.scss dist/styles.css",
|
|
62
64
|
"build:css-base": "sass --load-path=node_modules --no-source-map --style=compressed src/styles/base.scss dist/styles-base.css",
|
|
63
65
|
"build:css-app-header": "sass --load-path=node_modules --no-source-map --style=compressed src/components/AppHeader/_AppHeader.scss dist/app-header.css",
|
|
@@ -69,6 +71,7 @@
|
|
|
69
71
|
"build:css-tile-banner": "sass --load-path=node_modules --no-source-map --style=compressed src/components/TileBanner/styles/index.scss dist/tile-banner.css",
|
|
70
72
|
"build:css-tile-pictogram": "sass --load-path=node_modules --no-source-map --style=compressed src/components/TilePictogram/styles/index.scss dist/tile-pictogram.css",
|
|
71
73
|
"build:css-tile-post": "sass --load-path=node_modules --no-source-map --style=compressed src/components/TilePost/styles/index.scss dist/tile-post.css",
|
|
74
|
+
"build:css-tile-value": "sass --load-path=node_modules --no-source-map --style=compressed src/components/TileValue/styles/index.scss dist/tile-value.css",
|
|
72
75
|
"build:css-list": "sass --load-path=node_modules --no-source-map --style=compressed src/components/List/_List.scss dist/list.css",
|
|
73
76
|
"build:cms-rich-text": "sass --load-path=node_modules --no-source-map --style=compressed src/components/CMSRichText/styles/index.scss dist/cms-rich-text.css",
|
|
74
77
|
"watch": "concurrently \"yarn watch:ts\" \"yarn watch:css\"",
|