enjanga-components-library 1.0.65 → 1.0.67
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 +28 -10
- package/dist/index.d.ts +28 -10
- package/dist/index.js +132 -0
- package/dist/index.mjs +132 -1
- package/dist/post-tile.css +1 -0
- package/dist/styles.css +1 -1
- package/package.json +5 -2
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { Node } from '@contentful/rich-text-types';
|
|
3
|
-
import * as
|
|
3
|
+
import * as React$1 from 'react';
|
|
4
4
|
import { ComponentType, SVGProps } from 'react';
|
|
5
5
|
|
|
6
6
|
interface AH_propsType {
|
|
@@ -128,7 +128,7 @@ declare const CustomQuotes: ({ className, quotes, rotationTimer }: CQ_propsType)
|
|
|
128
128
|
type ErrorMessage<T extends string> = `🚨 Prop Validation Error: ${T}`;
|
|
129
129
|
/** Normal link props (default case, modalIsAvailable omitted or false) */
|
|
130
130
|
interface LinkProps {
|
|
131
|
-
linksTo?: CTL_valid_linkTo;
|
|
131
|
+
linksTo?: CTL_valid_linkTo$1;
|
|
132
132
|
linkTarget?: CTL_LinkTargetType;
|
|
133
133
|
modalIsAvailable?: false;
|
|
134
134
|
}
|
|
@@ -147,22 +147,22 @@ type CTL_LayoutStyleType = (typeof CTL_LayoutStyleOpt)[number];
|
|
|
147
147
|
type CTL_LinkTargetType = (typeof CTL_LinkTargetOpt)[number];
|
|
148
148
|
type CTL_MediaType = (typeof CTL_MediaOpt)[number];
|
|
149
149
|
|
|
150
|
-
type CTL_mediaImg = {
|
|
150
|
+
type CTL_mediaImg$1 = {
|
|
151
151
|
url: string;
|
|
152
152
|
alt: string;
|
|
153
153
|
width?: number;
|
|
154
154
|
height?: number;
|
|
155
155
|
};
|
|
156
|
-
type ValidRoute = `/${string}`;
|
|
157
|
-
type ExternalLink = `https://${string}` | `http://${string}`;
|
|
158
|
-
type CTL_valid_linkTo = ValidRoute | ExternalLink;
|
|
156
|
+
type ValidRoute$1 = `/${string}`;
|
|
157
|
+
type ExternalLink$1 = `https://${string}` | `http://${string}`;
|
|
158
|
+
type CTL_valid_linkTo$1 = ValidRoute$1 | ExternalLink$1;
|
|
159
159
|
type CTL_propsType = {
|
|
160
160
|
className?: string;
|
|
161
161
|
featuredText: FTX_propsType;
|
|
162
162
|
layoutStyle?: CTL_LayoutStyleType;
|
|
163
163
|
media?: CTL_MediaType;
|
|
164
164
|
mediaPictogram?: CP_nameType;
|
|
165
|
-
mediaImage?: CTL_mediaImg;
|
|
165
|
+
mediaImage?: CTL_mediaImg$1;
|
|
166
166
|
modalIsAvailable?: boolean;
|
|
167
167
|
modalPlainDescription?: string;
|
|
168
168
|
modalRichDescription?: {
|
|
@@ -170,12 +170,30 @@ type CTL_propsType = {
|
|
|
170
170
|
content: Node[];
|
|
171
171
|
};
|
|
172
172
|
};
|
|
173
|
-
linksTo?: CTL_valid_linkTo;
|
|
173
|
+
linksTo?: CTL_valid_linkTo$1;
|
|
174
174
|
linkTarget?: CTL_LinkTargetType;
|
|
175
175
|
} & CTL_propsType1Validation;
|
|
176
176
|
|
|
177
177
|
declare const CustomTile: ({ className, featuredText, layoutStyle, media, mediaPictogram, mediaImage, modalIsAvailable, modalPlainDescription, modalRichDescription, linksTo, linkTarget, }: CTL_propsType) => react_jsx_runtime.JSX.Element;
|
|
178
178
|
|
|
179
|
+
type CTL_mediaImg = {
|
|
180
|
+
url: string;
|
|
181
|
+
alt: string;
|
|
182
|
+
width?: number;
|
|
183
|
+
height?: number;
|
|
184
|
+
};
|
|
185
|
+
type ValidRoute = `/${string}`;
|
|
186
|
+
type ExternalLink = `https://${string}` | `http://${string}`;
|
|
187
|
+
type CTL_valid_linkTo = ValidRoute | ExternalLink;
|
|
188
|
+
type PTL_propsType = {
|
|
189
|
+
className?: string;
|
|
190
|
+
featuredText: FTX_propsType;
|
|
191
|
+
mediaImage?: CTL_mediaImg;
|
|
192
|
+
linksTo?: CTL_valid_linkTo;
|
|
193
|
+
};
|
|
194
|
+
|
|
195
|
+
declare const PostTile: ({ className, featuredText, mediaImage, linksTo, }: PTL_propsType) => react_jsx_runtime.JSX.Element;
|
|
196
|
+
|
|
179
197
|
declare const CustomTabs: () => react_jsx_runtime.JSX.Element;
|
|
180
198
|
|
|
181
199
|
interface LIT_propsType {
|
|
@@ -258,8 +276,8 @@ interface UseContainerSizeOptions {
|
|
|
258
276
|
defaultSize?: SizeClass;
|
|
259
277
|
}
|
|
260
278
|
declare const useContainerSize: <T extends HTMLElement>(options?: UseContainerSizeOptions) => {
|
|
261
|
-
containerRef:
|
|
279
|
+
containerRef: React$1.RefObject<T | null>;
|
|
262
280
|
activeBreakpoint: SizeClass;
|
|
263
281
|
};
|
|
264
282
|
|
|
265
|
-
export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, CustomTile, FeatureText, HeadlinedList, List, SmartText, useContainerSize };
|
|
283
|
+
export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo$1 as CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, CustomTile, FeatureText, HeadlinedList, List, PostTile, SmartText, useContainerSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { Node } from '@contentful/rich-text-types';
|
|
3
|
-
import * as
|
|
3
|
+
import * as React$1 from 'react';
|
|
4
4
|
import { ComponentType, SVGProps } from 'react';
|
|
5
5
|
|
|
6
6
|
interface AH_propsType {
|
|
@@ -128,7 +128,7 @@ declare const CustomQuotes: ({ className, quotes, rotationTimer }: CQ_propsType)
|
|
|
128
128
|
type ErrorMessage<T extends string> = `🚨 Prop Validation Error: ${T}`;
|
|
129
129
|
/** Normal link props (default case, modalIsAvailable omitted or false) */
|
|
130
130
|
interface LinkProps {
|
|
131
|
-
linksTo?: CTL_valid_linkTo;
|
|
131
|
+
linksTo?: CTL_valid_linkTo$1;
|
|
132
132
|
linkTarget?: CTL_LinkTargetType;
|
|
133
133
|
modalIsAvailable?: false;
|
|
134
134
|
}
|
|
@@ -147,22 +147,22 @@ type CTL_LayoutStyleType = (typeof CTL_LayoutStyleOpt)[number];
|
|
|
147
147
|
type CTL_LinkTargetType = (typeof CTL_LinkTargetOpt)[number];
|
|
148
148
|
type CTL_MediaType = (typeof CTL_MediaOpt)[number];
|
|
149
149
|
|
|
150
|
-
type CTL_mediaImg = {
|
|
150
|
+
type CTL_mediaImg$1 = {
|
|
151
151
|
url: string;
|
|
152
152
|
alt: string;
|
|
153
153
|
width?: number;
|
|
154
154
|
height?: number;
|
|
155
155
|
};
|
|
156
|
-
type ValidRoute = `/${string}`;
|
|
157
|
-
type ExternalLink = `https://${string}` | `http://${string}`;
|
|
158
|
-
type CTL_valid_linkTo = ValidRoute | ExternalLink;
|
|
156
|
+
type ValidRoute$1 = `/${string}`;
|
|
157
|
+
type ExternalLink$1 = `https://${string}` | `http://${string}`;
|
|
158
|
+
type CTL_valid_linkTo$1 = ValidRoute$1 | ExternalLink$1;
|
|
159
159
|
type CTL_propsType = {
|
|
160
160
|
className?: string;
|
|
161
161
|
featuredText: FTX_propsType;
|
|
162
162
|
layoutStyle?: CTL_LayoutStyleType;
|
|
163
163
|
media?: CTL_MediaType;
|
|
164
164
|
mediaPictogram?: CP_nameType;
|
|
165
|
-
mediaImage?: CTL_mediaImg;
|
|
165
|
+
mediaImage?: CTL_mediaImg$1;
|
|
166
166
|
modalIsAvailable?: boolean;
|
|
167
167
|
modalPlainDescription?: string;
|
|
168
168
|
modalRichDescription?: {
|
|
@@ -170,12 +170,30 @@ type CTL_propsType = {
|
|
|
170
170
|
content: Node[];
|
|
171
171
|
};
|
|
172
172
|
};
|
|
173
|
-
linksTo?: CTL_valid_linkTo;
|
|
173
|
+
linksTo?: CTL_valid_linkTo$1;
|
|
174
174
|
linkTarget?: CTL_LinkTargetType;
|
|
175
175
|
} & CTL_propsType1Validation;
|
|
176
176
|
|
|
177
177
|
declare const CustomTile: ({ className, featuredText, layoutStyle, media, mediaPictogram, mediaImage, modalIsAvailable, modalPlainDescription, modalRichDescription, linksTo, linkTarget, }: CTL_propsType) => react_jsx_runtime.JSX.Element;
|
|
178
178
|
|
|
179
|
+
type CTL_mediaImg = {
|
|
180
|
+
url: string;
|
|
181
|
+
alt: string;
|
|
182
|
+
width?: number;
|
|
183
|
+
height?: number;
|
|
184
|
+
};
|
|
185
|
+
type ValidRoute = `/${string}`;
|
|
186
|
+
type ExternalLink = `https://${string}` | `http://${string}`;
|
|
187
|
+
type CTL_valid_linkTo = ValidRoute | ExternalLink;
|
|
188
|
+
type PTL_propsType = {
|
|
189
|
+
className?: string;
|
|
190
|
+
featuredText: FTX_propsType;
|
|
191
|
+
mediaImage?: CTL_mediaImg;
|
|
192
|
+
linksTo?: CTL_valid_linkTo;
|
|
193
|
+
};
|
|
194
|
+
|
|
195
|
+
declare const PostTile: ({ className, featuredText, mediaImage, linksTo, }: PTL_propsType) => react_jsx_runtime.JSX.Element;
|
|
196
|
+
|
|
179
197
|
declare const CustomTabs: () => react_jsx_runtime.JSX.Element;
|
|
180
198
|
|
|
181
199
|
interface LIT_propsType {
|
|
@@ -258,8 +276,8 @@ interface UseContainerSizeOptions {
|
|
|
258
276
|
defaultSize?: SizeClass;
|
|
259
277
|
}
|
|
260
278
|
declare const useContainerSize: <T extends HTMLElement>(options?: UseContainerSizeOptions) => {
|
|
261
|
-
containerRef:
|
|
279
|
+
containerRef: React$1.RefObject<T | null>;
|
|
262
280
|
activeBreakpoint: SizeClass;
|
|
263
281
|
};
|
|
264
282
|
|
|
265
|
-
export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, CustomTile, FeatureText, HeadlinedList, List, SmartText, useContainerSize };
|
|
283
|
+
export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo$1 as CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, CustomTile, FeatureText, HeadlinedList, List, PostTile, SmartText, useContainerSize };
|
package/dist/index.js
CHANGED
|
@@ -1304,6 +1304,137 @@ var CustomTile_default = CustomTile;
|
|
|
1304
1304
|
|
|
1305
1305
|
// src/components/CustomTile/index.ts
|
|
1306
1306
|
React.memo(CustomTile_default);
|
|
1307
|
+
var getPostTileCSSClasses = () => clsx2__default.default("enj-postTile", `enj-postTile--card`, {
|
|
1308
|
+
"enj-postTile--has-link": true,
|
|
1309
|
+
// Indicates that component opens a link
|
|
1310
|
+
"enj-postTile--has-icon": true,
|
|
1311
|
+
"enj-postTile--has-img": true
|
|
1312
|
+
});
|
|
1313
|
+
var getIconContent2 = ({
|
|
1314
|
+
title,
|
|
1315
|
+
iconName
|
|
1316
|
+
}) => {
|
|
1317
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "enj-postTile-icon-wrapper", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1318
|
+
ArrowIcon,
|
|
1319
|
+
{
|
|
1320
|
+
className: "enj-postTile-icon",
|
|
1321
|
+
title,
|
|
1322
|
+
name: iconName
|
|
1323
|
+
}
|
|
1324
|
+
) });
|
|
1325
|
+
};
|
|
1326
|
+
var getTileContent2 = ({
|
|
1327
|
+
featuredText,
|
|
1328
|
+
mediaImage,
|
|
1329
|
+
iconContent
|
|
1330
|
+
}) => {
|
|
1331
|
+
const featuredTextLocalProps = {
|
|
1332
|
+
...featuredText,
|
|
1333
|
+
heading: {
|
|
1334
|
+
...featuredText.heading,
|
|
1335
|
+
className: "enj-postTile-title"
|
|
1336
|
+
}
|
|
1337
|
+
};
|
|
1338
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1339
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1340
|
+
default3__default.default,
|
|
1341
|
+
{
|
|
1342
|
+
className: "enj-postTile-image object-cover",
|
|
1343
|
+
width: mediaImage?.width,
|
|
1344
|
+
height: mediaImage?.height,
|
|
1345
|
+
src: mediaImage?.url,
|
|
1346
|
+
alt: mediaImage?.alt,
|
|
1347
|
+
"aria-hidden": "true"
|
|
1348
|
+
}
|
|
1349
|
+
),
|
|
1350
|
+
/* @__PURE__ */ jsxRuntime.jsx(FeatureText_default, { ...featuredTextLocalProps }),
|
|
1351
|
+
iconContent && iconContent
|
|
1352
|
+
] });
|
|
1353
|
+
};
|
|
1354
|
+
var getLinkWrapper2 = ({
|
|
1355
|
+
heading,
|
|
1356
|
+
linksTo
|
|
1357
|
+
}) => {
|
|
1358
|
+
const customProps = {
|
|
1359
|
+
className: "enj-postTile-anchor-tag",
|
|
1360
|
+
"aria-label": `Navigate to ${heading}`
|
|
1361
|
+
};
|
|
1362
|
+
return linksTo ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1363
|
+
"a",
|
|
1364
|
+
{
|
|
1365
|
+
href: linksTo,
|
|
1366
|
+
target: "_self",
|
|
1367
|
+
...customProps
|
|
1368
|
+
}
|
|
1369
|
+
) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
1370
|
+
};
|
|
1371
|
+
var getHeadingContent2 = (featuredText) => stripNonAlphanumeric2(featuredText?.heading?.children);
|
|
1372
|
+
var stripNonAlphanumeric2 = (prop) => {
|
|
1373
|
+
const extractTextFromNode = (node) => {
|
|
1374
|
+
if (typeof node === "string") {
|
|
1375
|
+
return node;
|
|
1376
|
+
}
|
|
1377
|
+
if (typeof node === "number" || typeof node === "boolean") {
|
|
1378
|
+
return String(node);
|
|
1379
|
+
}
|
|
1380
|
+
if (React__default.default.isValidElement(node)) {
|
|
1381
|
+
if (node.props.children) {
|
|
1382
|
+
if (Array.isArray(node.props.children)) {
|
|
1383
|
+
return node.props.children.map(extractTextFromNode).join("");
|
|
1384
|
+
}
|
|
1385
|
+
return extractTextFromNode(node.props.children);
|
|
1386
|
+
}
|
|
1387
|
+
return "";
|
|
1388
|
+
}
|
|
1389
|
+
if (Array.isArray(node)) {
|
|
1390
|
+
return node.map(extractTextFromNode).join("");
|
|
1391
|
+
}
|
|
1392
|
+
return "";
|
|
1393
|
+
};
|
|
1394
|
+
const fullText = extractTextFromNode(prop);
|
|
1395
|
+
return fullText.replace(/[^a-zA-Z0-9\s]/g, "");
|
|
1396
|
+
};
|
|
1397
|
+
var PostTile = ({
|
|
1398
|
+
className,
|
|
1399
|
+
featuredText,
|
|
1400
|
+
mediaImage,
|
|
1401
|
+
linksTo
|
|
1402
|
+
}) => {
|
|
1403
|
+
const componentTitle = getHeadingContent2(featuredText);
|
|
1404
|
+
const LinkWrapper = getLinkWrapper2({
|
|
1405
|
+
heading: componentTitle,
|
|
1406
|
+
linksTo
|
|
1407
|
+
});
|
|
1408
|
+
const wrapperClassNames = getPostTileCSSClasses();
|
|
1409
|
+
const iconContent = getIconContent2({
|
|
1410
|
+
title: getHeadingContent2(featuredText),
|
|
1411
|
+
iconName: "Right"
|
|
1412
|
+
});
|
|
1413
|
+
const tileContent = getTileContent2({
|
|
1414
|
+
featuredText,
|
|
1415
|
+
mediaImage,
|
|
1416
|
+
iconContent
|
|
1417
|
+
});
|
|
1418
|
+
const {
|
|
1419
|
+
containerRef,
|
|
1420
|
+
// Reference to component wrapper
|
|
1421
|
+
activeBreakpoint
|
|
1422
|
+
// Closest possible breakpoint to wrapper's width
|
|
1423
|
+
} = useContainerSize();
|
|
1424
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "enj-postTile-wrapper", ref: containerRef, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1425
|
+
react.Tile,
|
|
1426
|
+
{
|
|
1427
|
+
className: `${wrapperClassNames} ${className} enj-postTile-${activeBreakpoint}`,
|
|
1428
|
+
"aria-label": `${componentTitle} tile`,
|
|
1429
|
+
role: "article",
|
|
1430
|
+
children: React__default.default.cloneElement(LinkWrapper, {}, tileContent)
|
|
1431
|
+
}
|
|
1432
|
+
) });
|
|
1433
|
+
};
|
|
1434
|
+
var PostTile_default = PostTile;
|
|
1435
|
+
|
|
1436
|
+
// src/components/PostTile/index.ts
|
|
1437
|
+
React.memo(PostTile_default);
|
|
1307
1438
|
var CustomTabs = () => {
|
|
1308
1439
|
const [selected, setSelected] = React.useState(0);
|
|
1309
1440
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Tabs, { selectedIndex: selected, onChange: ({ selectedIndex }) => setSelected(selectedIndex), children: [
|
|
@@ -1380,5 +1511,6 @@ exports.CustomTile = CustomTile_default;
|
|
|
1380
1511
|
exports.FeatureText = FeatureText_default;
|
|
1381
1512
|
exports.HeadlinedList = HeadlinedList_default;
|
|
1382
1513
|
exports.List = List_default;
|
|
1514
|
+
exports.PostTile = PostTile_default;
|
|
1383
1515
|
exports.SmartText = SmartText_default;
|
|
1384
1516
|
exports.useContainerSize = useContainerSize;
|
package/dist/index.mjs
CHANGED
|
@@ -1277,6 +1277,137 @@ var CustomTile_default = CustomTile;
|
|
|
1277
1277
|
|
|
1278
1278
|
// src/components/CustomTile/index.ts
|
|
1279
1279
|
memo(CustomTile_default);
|
|
1280
|
+
var getPostTileCSSClasses = () => clsx2("enj-postTile", `enj-postTile--card`, {
|
|
1281
|
+
"enj-postTile--has-link": true,
|
|
1282
|
+
// Indicates that component opens a link
|
|
1283
|
+
"enj-postTile--has-icon": true,
|
|
1284
|
+
"enj-postTile--has-img": true
|
|
1285
|
+
});
|
|
1286
|
+
var getIconContent2 = ({
|
|
1287
|
+
title,
|
|
1288
|
+
iconName
|
|
1289
|
+
}) => {
|
|
1290
|
+
return /* @__PURE__ */ jsx("div", { className: "enj-postTile-icon-wrapper", children: /* @__PURE__ */ jsx(
|
|
1291
|
+
ArrowIcon,
|
|
1292
|
+
{
|
|
1293
|
+
className: "enj-postTile-icon",
|
|
1294
|
+
title,
|
|
1295
|
+
name: iconName
|
|
1296
|
+
}
|
|
1297
|
+
) });
|
|
1298
|
+
};
|
|
1299
|
+
var getTileContent2 = ({
|
|
1300
|
+
featuredText,
|
|
1301
|
+
mediaImage,
|
|
1302
|
+
iconContent
|
|
1303
|
+
}) => {
|
|
1304
|
+
const featuredTextLocalProps = {
|
|
1305
|
+
...featuredText,
|
|
1306
|
+
heading: {
|
|
1307
|
+
...featuredText.heading,
|
|
1308
|
+
className: "enj-postTile-title"
|
|
1309
|
+
}
|
|
1310
|
+
};
|
|
1311
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1312
|
+
/* @__PURE__ */ jsx(
|
|
1313
|
+
default3,
|
|
1314
|
+
{
|
|
1315
|
+
className: "enj-postTile-image object-cover",
|
|
1316
|
+
width: mediaImage?.width,
|
|
1317
|
+
height: mediaImage?.height,
|
|
1318
|
+
src: mediaImage?.url,
|
|
1319
|
+
alt: mediaImage?.alt,
|
|
1320
|
+
"aria-hidden": "true"
|
|
1321
|
+
}
|
|
1322
|
+
),
|
|
1323
|
+
/* @__PURE__ */ jsx(FeatureText_default, { ...featuredTextLocalProps }),
|
|
1324
|
+
iconContent && iconContent
|
|
1325
|
+
] });
|
|
1326
|
+
};
|
|
1327
|
+
var getLinkWrapper2 = ({
|
|
1328
|
+
heading,
|
|
1329
|
+
linksTo
|
|
1330
|
+
}) => {
|
|
1331
|
+
const customProps = {
|
|
1332
|
+
className: "enj-postTile-anchor-tag",
|
|
1333
|
+
"aria-label": `Navigate to ${heading}`
|
|
1334
|
+
};
|
|
1335
|
+
return linksTo ? /* @__PURE__ */ jsx(
|
|
1336
|
+
"a",
|
|
1337
|
+
{
|
|
1338
|
+
href: linksTo,
|
|
1339
|
+
target: "_self",
|
|
1340
|
+
...customProps
|
|
1341
|
+
}
|
|
1342
|
+
) : /* @__PURE__ */ jsx(Fragment, {});
|
|
1343
|
+
};
|
|
1344
|
+
var getHeadingContent2 = (featuredText) => stripNonAlphanumeric2(featuredText?.heading?.children);
|
|
1345
|
+
var stripNonAlphanumeric2 = (prop) => {
|
|
1346
|
+
const extractTextFromNode = (node) => {
|
|
1347
|
+
if (typeof node === "string") {
|
|
1348
|
+
return node;
|
|
1349
|
+
}
|
|
1350
|
+
if (typeof node === "number" || typeof node === "boolean") {
|
|
1351
|
+
return String(node);
|
|
1352
|
+
}
|
|
1353
|
+
if (React.isValidElement(node)) {
|
|
1354
|
+
if (node.props.children) {
|
|
1355
|
+
if (Array.isArray(node.props.children)) {
|
|
1356
|
+
return node.props.children.map(extractTextFromNode).join("");
|
|
1357
|
+
}
|
|
1358
|
+
return extractTextFromNode(node.props.children);
|
|
1359
|
+
}
|
|
1360
|
+
return "";
|
|
1361
|
+
}
|
|
1362
|
+
if (Array.isArray(node)) {
|
|
1363
|
+
return node.map(extractTextFromNode).join("");
|
|
1364
|
+
}
|
|
1365
|
+
return "";
|
|
1366
|
+
};
|
|
1367
|
+
const fullText = extractTextFromNode(prop);
|
|
1368
|
+
return fullText.replace(/[^a-zA-Z0-9\s]/g, "");
|
|
1369
|
+
};
|
|
1370
|
+
var PostTile = ({
|
|
1371
|
+
className,
|
|
1372
|
+
featuredText,
|
|
1373
|
+
mediaImage,
|
|
1374
|
+
linksTo
|
|
1375
|
+
}) => {
|
|
1376
|
+
const componentTitle = getHeadingContent2(featuredText);
|
|
1377
|
+
const LinkWrapper = getLinkWrapper2({
|
|
1378
|
+
heading: componentTitle,
|
|
1379
|
+
linksTo
|
|
1380
|
+
});
|
|
1381
|
+
const wrapperClassNames = getPostTileCSSClasses();
|
|
1382
|
+
const iconContent = getIconContent2({
|
|
1383
|
+
title: getHeadingContent2(featuredText),
|
|
1384
|
+
iconName: "Right"
|
|
1385
|
+
});
|
|
1386
|
+
const tileContent = getTileContent2({
|
|
1387
|
+
featuredText,
|
|
1388
|
+
mediaImage,
|
|
1389
|
+
iconContent
|
|
1390
|
+
});
|
|
1391
|
+
const {
|
|
1392
|
+
containerRef,
|
|
1393
|
+
// Reference to component wrapper
|
|
1394
|
+
activeBreakpoint
|
|
1395
|
+
// Closest possible breakpoint to wrapper's width
|
|
1396
|
+
} = useContainerSize();
|
|
1397
|
+
return /* @__PURE__ */ jsx("div", { className: "enj-postTile-wrapper", ref: containerRef, children: /* @__PURE__ */ jsx(
|
|
1398
|
+
Tile,
|
|
1399
|
+
{
|
|
1400
|
+
className: `${wrapperClassNames} ${className} enj-postTile-${activeBreakpoint}`,
|
|
1401
|
+
"aria-label": `${componentTitle} tile`,
|
|
1402
|
+
role: "article",
|
|
1403
|
+
children: React.cloneElement(LinkWrapper, {}, tileContent)
|
|
1404
|
+
}
|
|
1405
|
+
) });
|
|
1406
|
+
};
|
|
1407
|
+
var PostTile_default = PostTile;
|
|
1408
|
+
|
|
1409
|
+
// src/components/PostTile/index.ts
|
|
1410
|
+
memo(PostTile_default);
|
|
1280
1411
|
var CustomTabs = () => {
|
|
1281
1412
|
const [selected, setSelected] = useState(0);
|
|
1282
1413
|
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Tabs, { selectedIndex: selected, onChange: ({ selectedIndex }) => setSelected(selectedIndex), children: [
|
|
@@ -1339,4 +1470,4 @@ var HeadlinedList_default = HeadlinedList;
|
|
|
1339
1470
|
memo(HeadlinedList_default);
|
|
1340
1471
|
memo(List_default);
|
|
1341
1472
|
|
|
1342
|
-
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, CustomTile_default as CustomTile, FeatureText_default as FeatureText, HeadlinedList_default as HeadlinedList, List_default as List, SmartText_default as SmartText, useContainerSize };
|
|
1473
|
+
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, CustomTile_default as CustomTile, FeatureText_default as FeatureText, HeadlinedList_default as HeadlinedList, List_default as List, PostTile_default as PostTile, SmartText_default as SmartText, useContainerSize };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
: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-img-col-gap: 1.5rem;--enj-PTL-card-withIcon-gap: 1rem;--enj-PTL-icon-dimg: 1.5rem}.enj-postTile--card .enj-postTile-image{object-fit:cover}.enj-postTile--card.enj-postTile--has-img.enj-postTile--has-link{display:block}.enj-postTile--card.enj-postTile--has-img{padding-top:var(--enj-postTile-md-img-height)}.enj-postTile--card.enj-postTile--has-img.enj-postTile-sm{--enj-postTile-md-img-height: 150px}.enj-postTile--card.enj-postTile--has-img:not(.enj-postTile--has-link){padding-top:calc(var(--enj-postTile-md-img-height) + var(--enj-postTile-md-img-gap))}.enj-postTile--card.enj-postTile--has-img .enj-postTile-image{width:100%;max-height:var(--enj-postTile-md-img-height)}.enj-postTile--card.enj-postTile--has-img .enj-postTile-image{position:absolute;top:0;left:0}.enj-postTile--card.enj-postTile--has-img.enj-postTile--has-icon.enj-postTile-lg .enj-postTile-icon-wrapper,.enj-postTile--card.enj-postTile--has-img.enj-postTile--has-icon.enj-postTile-xlg .enj-postTile-icon-wrapper,.enj-postTile--card.enj-postTile--has-img.enj-postTile--has-icon.enj-postTile-max .enj-postTile-icon-wrapper{position:absolute;bottom:var(--enj-PTL-card-pad);right:var(--enj-PTL-card-pad)}.enj-postTile--card.enj-postTile--has-img{--enj-postTile-md-img-height: 200px;--enj-postTile-lg-img-width: 30%;--enj-postTile-xlg-img-width: 35%;--enj-postTile-max-img-width: 35%;--enj-postTile-md-img-gap: 1.25rem;--enj-postTile-lg-img-gap: 1.5rem;--enj-postTile-xlg-img-gap: 3.125rem;--enj-postTile-max-img-gap: 4.063rem}.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)}.enj-postTile a{text-decoration:none}.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-anchor-tag{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{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-FeatureText .enj-FeatureText-article p:last-of-type,.enj-postTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-postTile-has-hover-effect,.enj-postTile-anchor-tag{display:block}.enj-postTile-has-hover-effect:hover,.enj-postTile-anchor-tag:hover{cursor:pointer;background-color:#0100c0}.enj-postTile-has-hover-effect:hover .enj-postTile-title,.enj-postTile-anchor-tag:hover .enj-postTile-title{color:#fff}.enj-postTile-has-hover-effect:hover .enj-postTile-title a,.enj-postTile-anchor-tag:hover .enj-postTile-title a{color:#fff}.enj-postTile-has-hover-effect:hover .enj-FeatureText-article,.enj-postTile-anchor-tag:hover .enj-FeatureText-article{color:#fff}.enj-postTile-has-hover-effect:hover .enj-FeatureText-article a,.enj-postTile-anchor-tag:hover .enj-FeatureText-article a{color:#fff}
|
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-gap) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd);--enj-Banner-padd-top: var(--enj-Banner-gap);--enj-Banner-padd-bot: 10rem;--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-sm{--enj-Banner-padd-bot: 11.5rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-md{--enj-Banner-padd-bot: 12.25rem}.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-bot: 13.25rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg,.enj-Banner.enj-Banner--isHuge.enj-Banner-max{--enj-Banner-padd-top: 8rem}.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-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}}:root{--enj-CTL-bann-flex-dir: column;--enj-CTL-bann-align-items: flex-start;--enj-CTL-bann-flex-gap: 1rem;--enj-CTL-bann-title-mb: 0;--enj-CTL-banner-pad: 4rem;--enj-CTL-bann-title-flex: unset;--enj-CTL-bann-article-flex: unset;--enj-CTL-br-col: #6f6f6f;--enj-CTL-card-pad: 2rem;--enj-CTL-card-img-col-gap: 1.5rem;--enj-CTL-card-withIcon-gap: 1rem;--enj-CTL-icon-dimg: 1.5rem}.enj-CustomTile--card{padding:var(--enj-CTL-card-pad)}.enj-CustomTile--card.enj-CustomTile-sm{--enj-CTL-card-pad: 0.75rem}.enj-CustomTile--card.enj-CustomTile-md{--enj-CTL-card-pad: 1.5rem}.enj-CustomTile--banner .enj-CustomTile-title{margin-bottom:var(--enj-CTL-bann-title-mb);flex:var(--enj-CTL-bann-title-flex)}.enj-CustomTile--banner article{flex:var(--enj-CTL-bann-article-flex)}.enj-CustomTile--banner .enj-FeatureText{display:flex;gap:var(--enj-CTL-bann-flex-gap);flex-direction:var(--enj-CTL-bann-flex-dir);align-items:var(--enj-CTL-bann-align-items)}.enj-CustomTile--banner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-CustomTile--banner{padding:var(--enj-CTL-banner-pad)}.enj-CustomTile--banner.enj-CustomTile-sm{--enj-CTL-banner-pad: 0.75rem}.enj-CustomTile--banner.enj-CustomTile-md{--enj-CTL-banner-pad: 2rem}.enj-CustomTile--banner.enj-CustomTile-max{--enj-CTL-banner-pad: 6rem}.enj-CustomTile--banner.enj-CustomTile-lg{--enj-CTL-bann-flex-gap: 1.2rem}.enj-CustomTile--banner.enj-CustomTile-xlg{--enj-CTL-bann-flex-gap: 1.5rem}.enj-CustomTile--banner.enj-CustomTile-max{--enj-CTL-bann-flex-gap: 2rem}.enj-CustomTile--banner.enj-CustomTile-xlg{--enj-CTL-bann-flex-dir: row;--enj-CTL-bann-align-items: center;--enj-CTL-bann-flex-gap: 3.5rem;--enj-CTL-bann-title-flex: 0.6;--enj-CTL-bann-article-flex: 1}.enj-CustomTile--banner.enj-CustomTile-max{--enj-CTL-bann-flex-dir: row;--enj-CTL-bann-align-items: center;--enj-CTL-bann-flex-gap: 6rem;--enj-CTL-bann-title-flex: 0.6;--enj-CTL-bann-article-flex: 1}.enj-CustomTile-wrapper .cds--modal-container{max-width:47rem}.enj-CustomTile--has-link.enj-CustomTile--card,.enj-CustomTile--has-link.enj-CustomTile--banner{padding:0}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag{padding:var(--enj-CTL-banner-pad)}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-sm,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-sm{--enj-CTL-banner-pad: 0.75rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-md,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-md{--enj-CTL-banner-pad: 2rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-max,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-max{--enj-CTL-banner-pad: 6rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--card .enj-CustomTile-anchor-tag,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--card .enj-CustomTile-anchor-tag{padding:var(--enj-CTL-card-pad)}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-sm,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-sm{--enj-CTL-card-pad: 0.75rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-md,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-md{--enj-CTL-card-pad: 1.5rem}.enj-CustomTile--has-link a,.enj-CustomTile--has-modal a{text-decoration:none}.enj-CustomTile--has-link .enj-CustomTile-title,.enj-CustomTile--has-modal .enj-CustomTile-title{color:#262626}.enj-CustomTile--has-link .enj-CustomTile-title a,.enj-CustomTile--has-modal .enj-CustomTile-title a{color:#262626}.enj-CustomTile--has-link .enj-FeatureText-article,.enj-CustomTile--has-link .enj-CustomTile-pictogram,.enj-CustomTile--has-modal .enj-FeatureText-article,.enj-CustomTile--has-modal .enj-CustomTile-pictogram{color:#525252}.enj-CustomTile--has-link .enj-FeatureText-article a,.enj-CustomTile--has-link .enj-CustomTile-pictogram a,.enj-CustomTile--has-modal .enj-FeatureText-article a,.enj-CustomTile--has-modal .enj-CustomTile-pictogram a{color:#525252}.enj-CustomTile--card .enj-CustomTile-image{object-fit:cover}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-sm .enj-CustomTile-image{display:none}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max{grid-template:auto auto/auto 1.5rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-CustomTile-image{grid-row:3 span;height:100%}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-FeatureText{display:flex;flex-direction:column;justify-content:center;grid-row:2 span}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg{--enj-CTL-card-img-col-gap: 3rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max{--enj-CTL-card-img-col-gap: 4.5rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link{display:block}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag{grid-template:auto auto/auto 1.5rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-CustomTile-image{grid-row:3 span;height:100%}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-FeatureText{display:flex;flex-direction:column;justify-content:center;grid-row:2 span}.enj-CustomTile--card.enj-CustomTile--has-img .enj-CustomTile-image{position:absolute;top:0;left:0}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-icon.enj-CustomTile-lg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-icon.enj-CustomTile-xlg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-icon.enj-CustomTile-max .enj-CustomTile-icon-wrapper{position:absolute;bottom:var(--enj-CTL-card-pad);right:var(--enj-CTL-card-pad)}.enj-CustomTile--card.enj-CustomTile--has-img{--enj-CustomTile-md-img-height: 200px;--enj-CustomTile-lg-img-width: 30%;--enj-CustomTile-xlg-img-width: 35%;--enj-CustomTile-max-img-width: 35%;--enj-CustomTile-md-img-gap: 1.25rem;--enj-CustomTile-lg-img-gap: 1.5rem;--enj-CustomTile-xlg-img-gap: 3.125rem;--enj-CustomTile-max-img-gap: 4.063rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-md{padding-top:var(--enj-CustomTile-md-img-height)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-md:not(.enj-CustomTile--has-link){padding-top:calc(var(--enj-CustomTile-md-img-height) + var(--enj-CustomTile-md-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-md .enj-CustomTile-image{width:100%;max-height:var(--enj-CustomTile-md-img-height)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-CustomTile-image{width:var(--enj-CustomTile-lg-img-width)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-FeatureText{margin-left:calc(var(--enj-CustomTile-lg-img-width) + var(--enj-CustomTile-lg-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-CustomTile-image{width:var(--enj-CustomTile-xlg-img-width)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-FeatureText{margin-left:calc(var(--enj-CustomTile-xlg-img-width) + var(--enj-CustomTile-xlg-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-CustomTile-image{width:var(--enj-CustomTile-max-img-width)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-FeatureText{margin-left:calc(var(--enj-CustomTile-max-img-width) + var(--enj-CustomTile-max-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-md{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-md .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-lg,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-xlg,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-max{--enj-CTL-card-withIcon-gap: 2rem;display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-lg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-xlg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-max .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link{display:block}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-md .enj-CustomTile-anchor-tag{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-md .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag{--enj-CTL-card-withIcon-gap: 2rem;display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile{background-color:#e3ebf9}.enj-CustomTile .enj-CustomTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-CustomTile .enj-CustomTile-icon{margin-top:1rem;width:var(--enj-CTL-icon-dimg);height:var(--enj-CTL-icon-dimg)}.enj-CustomTile a{text-decoration:none}.enj-CustomTile .enj-CustomTile-title{color:#262626}.enj-CustomTile .enj-CustomTile-title a{color:#262626}.enj-CustomTile .enj-FeatureText-article,.enj-CustomTile .enj-CustomTile-pictogram{color:#525252}.enj-CustomTile .enj-FeatureText-article a,.enj-CustomTile .enj-CustomTile-pictogram a{color:#525252}.enj-CustomTile .enj-CustomTile-pictogram{color:#4a75c6}.enj-CustomTile .enj-CustomTile-icon-wrapper svg{color:#0100c0}.enj-CustomTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-CustomTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-CustomTile-has-hover-effect,.enj-CustomTile-anchor-tag,.enj-CustomTile--has-modal{display:block}.enj-CustomTile-has-hover-effect:hover,.enj-CustomTile-anchor-tag:hover,.enj-CustomTile--has-modal:hover{cursor:pointer;background-color:#0100c0}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-pictogram,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-pictogram,.enj-CustomTile--has-modal:hover .enj-CustomTile-pictogram{color:#a8c2f2}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-icon-wrapper svg,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-icon-wrapper svg,.enj-CustomTile--has-modal:hover .enj-CustomTile-icon-wrapper svg{color:#a8c2f2}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-title,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-title,.enj-CustomTile--has-modal:hover .enj-CustomTile-title{color:#fff}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-title a,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-title a,.enj-CustomTile--has-modal:hover .enj-CustomTile-title a{color:#fff}.enj-CustomTile-has-hover-effect:hover .enj-FeatureText-article,.enj-CustomTile-anchor-tag:hover .enj-FeatureText-article,.enj-CustomTile--has-modal:hover .enj-FeatureText-article{color:#fff}.enj-CustomTile-has-hover-effect:hover .enj-FeatureText-article a,.enj-CustomTile-anchor-tag:hover .enj-FeatureText-article a,.enj-CustomTile--has-modal: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-gap) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd);--enj-Banner-padd-top: var(--enj-Banner-gap);--enj-Banner-padd-bot: 10rem;--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-sm{--enj-Banner-padd-bot: 11.5rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-md{--enj-Banner-padd-bot: 12.25rem}.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-bot: 13.25rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg,.enj-Banner.enj-Banner--isHuge.enj-Banner-max{--enj-Banner-padd-top: 8rem}.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-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}}:root{--enj-CTL-bann-flex-dir: column;--enj-CTL-bann-align-items: flex-start;--enj-CTL-bann-flex-gap: 1rem;--enj-CTL-bann-title-mb: 0;--enj-CTL-banner-pad: 4rem;--enj-CTL-bann-title-flex: unset;--enj-CTL-bann-article-flex: unset;--enj-CTL-br-col: #6f6f6f;--enj-CTL-card-pad: 2rem;--enj-CTL-card-img-col-gap: 1.5rem;--enj-CTL-card-withIcon-gap: 1rem;--enj-CTL-icon-dimg: 1.5rem}.enj-CustomTile--card{padding:var(--enj-CTL-card-pad)}.enj-CustomTile--card.enj-CustomTile-sm{--enj-CTL-card-pad: 0.75rem}.enj-CustomTile--card.enj-CustomTile-md{--enj-CTL-card-pad: 1.5rem}.enj-CustomTile--banner .enj-CustomTile-title{margin-bottom:var(--enj-CTL-bann-title-mb);flex:var(--enj-CTL-bann-title-flex)}.enj-CustomTile--banner article{flex:var(--enj-CTL-bann-article-flex)}.enj-CustomTile--banner .enj-FeatureText{display:flex;gap:var(--enj-CTL-bann-flex-gap);flex-direction:var(--enj-CTL-bann-flex-dir);align-items:var(--enj-CTL-bann-align-items)}.enj-CustomTile--banner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-CustomTile--banner{padding:var(--enj-CTL-banner-pad)}.enj-CustomTile--banner.enj-CustomTile-sm{--enj-CTL-banner-pad: 0.75rem}.enj-CustomTile--banner.enj-CustomTile-md{--enj-CTL-banner-pad: 2rem}.enj-CustomTile--banner.enj-CustomTile-max{--enj-CTL-banner-pad: 6rem}.enj-CustomTile--banner.enj-CustomTile-lg{--enj-CTL-bann-flex-gap: 1.2rem}.enj-CustomTile--banner.enj-CustomTile-xlg{--enj-CTL-bann-flex-gap: 1.5rem}.enj-CustomTile--banner.enj-CustomTile-max{--enj-CTL-bann-flex-gap: 2rem}.enj-CustomTile--banner.enj-CustomTile-xlg{--enj-CTL-bann-flex-dir: row;--enj-CTL-bann-align-items: center;--enj-CTL-bann-flex-gap: 3.5rem;--enj-CTL-bann-title-flex: 0.6;--enj-CTL-bann-article-flex: 1}.enj-CustomTile--banner.enj-CustomTile-max{--enj-CTL-bann-flex-dir: row;--enj-CTL-bann-align-items: center;--enj-CTL-bann-flex-gap: 6rem;--enj-CTL-bann-title-flex: 0.6;--enj-CTL-bann-article-flex: 1}.enj-CustomTile-wrapper .cds--modal-container{max-width:47rem}.enj-CustomTile--has-link.enj-CustomTile--card,.enj-CustomTile--has-link.enj-CustomTile--banner{padding:0}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag{padding:var(--enj-CTL-banner-pad)}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-sm,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-sm{--enj-CTL-banner-pad: 0.75rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-md,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-md{--enj-CTL-banner-pad: 2rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-max,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-max{--enj-CTL-banner-pad: 6rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--card .enj-CustomTile-anchor-tag,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--card .enj-CustomTile-anchor-tag{padding:var(--enj-CTL-card-pad)}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-sm,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-sm{--enj-CTL-card-pad: 0.75rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-md,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-md{--enj-CTL-card-pad: 1.5rem}.enj-CustomTile--has-link a,.enj-CustomTile--has-modal a{text-decoration:none}.enj-CustomTile--has-link .enj-CustomTile-title,.enj-CustomTile--has-modal .enj-CustomTile-title{color:#262626}.enj-CustomTile--has-link .enj-CustomTile-title a,.enj-CustomTile--has-modal .enj-CustomTile-title a{color:#262626}.enj-CustomTile--has-link .enj-FeatureText-article,.enj-CustomTile--has-link .enj-CustomTile-pictogram,.enj-CustomTile--has-modal .enj-FeatureText-article,.enj-CustomTile--has-modal .enj-CustomTile-pictogram{color:#525252}.enj-CustomTile--has-link .enj-FeatureText-article a,.enj-CustomTile--has-link .enj-CustomTile-pictogram a,.enj-CustomTile--has-modal .enj-FeatureText-article a,.enj-CustomTile--has-modal .enj-CustomTile-pictogram a{color:#525252}.enj-CustomTile--card .enj-CustomTile-image{object-fit:cover}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-sm .enj-CustomTile-image{display:none}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max{grid-template:auto auto/auto 1.5rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-CustomTile-image{grid-row:3 span;height:100%}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-FeatureText{display:flex;flex-direction:column;justify-content:center;grid-row:2 span}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg{--enj-CTL-card-img-col-gap: 3rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max{--enj-CTL-card-img-col-gap: 4.5rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link{display:block}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag{grid-template:auto auto/auto 1.5rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-CustomTile-image{grid-row:3 span;height:100%}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-FeatureText{display:flex;flex-direction:column;justify-content:center;grid-row:2 span}.enj-CustomTile--card.enj-CustomTile--has-img .enj-CustomTile-image{position:absolute;top:0;left:0}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-icon.enj-CustomTile-lg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-icon.enj-CustomTile-xlg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-icon.enj-CustomTile-max .enj-CustomTile-icon-wrapper{position:absolute;bottom:var(--enj-CTL-card-pad);right:var(--enj-CTL-card-pad)}.enj-CustomTile--card.enj-CustomTile--has-img{--enj-CustomTile-md-img-height: 200px;--enj-CustomTile-lg-img-width: 30%;--enj-CustomTile-xlg-img-width: 35%;--enj-CustomTile-max-img-width: 35%;--enj-CustomTile-md-img-gap: 1.25rem;--enj-CustomTile-lg-img-gap: 1.5rem;--enj-CustomTile-xlg-img-gap: 3.125rem;--enj-CustomTile-max-img-gap: 4.063rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-md{padding-top:var(--enj-CustomTile-md-img-height)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-md:not(.enj-CustomTile--has-link){padding-top:calc(var(--enj-CustomTile-md-img-height) + var(--enj-CustomTile-md-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-md .enj-CustomTile-image{width:100%;max-height:var(--enj-CustomTile-md-img-height)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-CustomTile-image{width:var(--enj-CustomTile-lg-img-width)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-FeatureText{margin-left:calc(var(--enj-CustomTile-lg-img-width) + var(--enj-CustomTile-lg-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-CustomTile-image{width:var(--enj-CustomTile-xlg-img-width)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-FeatureText{margin-left:calc(var(--enj-CustomTile-xlg-img-width) + var(--enj-CustomTile-xlg-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-CustomTile-image{width:var(--enj-CustomTile-max-img-width)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-FeatureText{margin-left:calc(var(--enj-CustomTile-max-img-width) + var(--enj-CustomTile-max-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-md{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-md .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-lg,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-xlg,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-max{--enj-CTL-card-withIcon-gap: 2rem;display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-lg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-xlg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-max .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link{display:block}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-md .enj-CustomTile-anchor-tag{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-md .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag{--enj-CTL-card-withIcon-gap: 2rem;display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile{background-color:#e3ebf9}.enj-CustomTile .enj-CustomTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-CustomTile .enj-CustomTile-icon{margin-top:1rem;width:var(--enj-CTL-icon-dimg);height:var(--enj-CTL-icon-dimg)}.enj-CustomTile a{text-decoration:none}.enj-CustomTile .enj-CustomTile-title{color:#262626}.enj-CustomTile .enj-CustomTile-title a{color:#262626}.enj-CustomTile .enj-FeatureText-article,.enj-CustomTile .enj-CustomTile-pictogram{color:#525252}.enj-CustomTile .enj-FeatureText-article a,.enj-CustomTile .enj-CustomTile-pictogram a{color:#525252}.enj-CustomTile .enj-CustomTile-pictogram{color:#4a75c6}.enj-CustomTile .enj-CustomTile-icon-wrapper svg{color:#0100c0}.enj-CustomTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-CustomTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-CustomTile-has-hover-effect,.enj-CustomTile-anchor-tag,.enj-CustomTile--has-modal{display:block}.enj-CustomTile-has-hover-effect:hover,.enj-CustomTile-anchor-tag:hover,.enj-CustomTile--has-modal:hover{cursor:pointer;background-color:#0100c0}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-pictogram,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-pictogram,.enj-CustomTile--has-modal:hover .enj-CustomTile-pictogram{color:#a8c2f2}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-icon-wrapper svg,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-icon-wrapper svg,.enj-CustomTile--has-modal:hover .enj-CustomTile-icon-wrapper svg{color:#a8c2f2}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-title,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-title,.enj-CustomTile--has-modal:hover .enj-CustomTile-title{color:#fff}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-title a,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-title a,.enj-CustomTile--has-modal:hover .enj-CustomTile-title a{color:#fff}.enj-CustomTile-has-hover-effect:hover .enj-FeatureText-article,.enj-CustomTile-anchor-tag:hover .enj-FeatureText-article,.enj-CustomTile--has-modal:hover .enj-FeatureText-article{color:#fff}.enj-CustomTile-has-hover-effect:hover .enj-FeatureText-article a,.enj-CustomTile-anchor-tag:hover .enj-FeatureText-article a,.enj-CustomTile--has-modal:hover .enj-FeatureText-article a{color:#fff}: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-img-col-gap: 1.5rem;--enj-PTL-card-withIcon-gap: 1rem;--enj-PTL-icon-dimg: 1.5rem}.enj-postTile--card .enj-postTile-image{object-fit:cover}.enj-postTile--card.enj-postTile--has-img.enj-postTile--has-link{display:block}.enj-postTile--card.enj-postTile--has-img{padding-top:var(--enj-postTile-md-img-height)}.enj-postTile--card.enj-postTile--has-img.enj-postTile-sm{--enj-postTile-md-img-height: 150px}.enj-postTile--card.enj-postTile--has-img:not(.enj-postTile--has-link){padding-top:calc(var(--enj-postTile-md-img-height) + var(--enj-postTile-md-img-gap))}.enj-postTile--card.enj-postTile--has-img .enj-postTile-image{width:100%;max-height:var(--enj-postTile-md-img-height)}.enj-postTile--card.enj-postTile--has-img .enj-postTile-image{position:absolute;top:0;left:0}.enj-postTile--card.enj-postTile--has-img.enj-postTile--has-icon.enj-postTile-lg .enj-postTile-icon-wrapper,.enj-postTile--card.enj-postTile--has-img.enj-postTile--has-icon.enj-postTile-xlg .enj-postTile-icon-wrapper,.enj-postTile--card.enj-postTile--has-img.enj-postTile--has-icon.enj-postTile-max .enj-postTile-icon-wrapper{position:absolute;bottom:var(--enj-PTL-card-pad);right:var(--enj-PTL-card-pad)}.enj-postTile--card.enj-postTile--has-img{--enj-postTile-md-img-height: 200px;--enj-postTile-lg-img-width: 30%;--enj-postTile-xlg-img-width: 35%;--enj-postTile-max-img-width: 35%;--enj-postTile-md-img-gap: 1.25rem;--enj-postTile-lg-img-gap: 1.5rem;--enj-postTile-xlg-img-gap: 3.125rem;--enj-postTile-max-img-gap: 4.063rem}.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)}.enj-postTile a{text-decoration:none}.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-anchor-tag{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{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-FeatureText .enj-FeatureText-article p:last-of-type,.enj-postTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-postTile-has-hover-effect,.enj-postTile-anchor-tag{display:block}.enj-postTile-has-hover-effect:hover,.enj-postTile-anchor-tag:hover{cursor:pointer;background-color:#0100c0}.enj-postTile-has-hover-effect:hover .enj-postTile-title,.enj-postTile-anchor-tag:hover .enj-postTile-title{color:#fff}.enj-postTile-has-hover-effect:hover .enj-postTile-title a,.enj-postTile-anchor-tag:hover .enj-postTile-title a{color:#fff}.enj-postTile-has-hover-effect:hover .enj-FeatureText-article,.enj-postTile-anchor-tag:hover .enj-FeatureText-article{color:#fff}.enj-postTile-has-hover-effect:hover .enj-FeatureText-article a,.enj-postTile-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}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "enjanga-components-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.67",
|
|
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",
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
"./custom-quotes.css": "./dist/custom-quotes.css",
|
|
29
29
|
"./content-modal.css": "./dist/content-modal.css",
|
|
30
30
|
"./custom-tile.css": "./dist/custom-tile.css",
|
|
31
|
+
"./post-tile.css": "./dist/post-tile.css",
|
|
31
32
|
"./list.css": "./dist/list.css",
|
|
32
33
|
"./cms-rich-text.css": "./dist/cms-rich-text.css"
|
|
33
34
|
},
|
|
@@ -45,13 +46,14 @@
|
|
|
45
46
|
"dist/custom-quotes.css",
|
|
46
47
|
"dist/content-modal.css",
|
|
47
48
|
"dist/custom-tile.css",
|
|
49
|
+
"dist/post-tile.css",
|
|
48
50
|
"dist/list.css",
|
|
49
51
|
"dist/cms-rich-text.css"
|
|
50
52
|
],
|
|
51
53
|
"scripts": {
|
|
52
54
|
"prepare": "yarn build",
|
|
53
55
|
"build": "yarn build:css && tsup",
|
|
54
|
-
"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-list && yarn build:cms-rich-text",
|
|
56
|
+
"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-post-tile && yarn build:css-list && yarn build:cms-rich-text",
|
|
55
57
|
"build:css-full-library": "sass --load-path=node_modules --no-source-map --style=compressed src/styles/index.scss dist/styles.css",
|
|
56
58
|
"build:css-base": "sass --load-path=node_modules --no-source-map --style=compressed src/styles/base.scss dist/styles-base.css",
|
|
57
59
|
"build:css-app-header": "sass --load-path=node_modules --no-source-map --style=compressed src/components/AppHeader/_AppHeader.scss dist/app-header.css",
|
|
@@ -60,6 +62,7 @@
|
|
|
60
62
|
"build:css-custom-quotes": "sass --load-path=node_modules --no-source-map --style=compressed src/components/CustomQuotes/_CustomQuotes.scss dist/custom-quotes.css",
|
|
61
63
|
"build:css-content-modal": "sass --load-path=node_modules --no-source-map --style=compressed src/components/ContentModal/_ContentModal.scss dist/content-modal.css",
|
|
62
64
|
"build:css-custom-tile": "sass --load-path=node_modules --no-source-map --style=compressed src/components/CustomTile/styles/index.scss dist/custom-tile.css",
|
|
65
|
+
"build:css-post-tile": "sass --load-path=node_modules --no-source-map --style=compressed src/components/PostTile/styles/index.scss dist/post-tile.css",
|
|
63
66
|
"build:css-list": "sass --load-path=node_modules --no-source-map --style=compressed src/components/List/_List.scss dist/list.css",
|
|
64
67
|
"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",
|
|
65
68
|
"watch": "concurrently \"yarn watch:ts\" \"yarn watch:css\"",
|