enjanga-components-library 1.0.84 → 1.0.87

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.
Files changed (7) hide show
  1. package/dist/index.d.mts +19 -26
  2. package/dist/index.d.ts +19 -26
  3. package/dist/index.js +68 -71
  4. package/dist/index.mjs +59 -62
  5. package/dist/styles.css +1 -1
  6. package/dist/tile-post.css +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { Node } from '@contentful/rich-text-types';
3
3
  import * as React$1 from 'react';
4
- import { ComponentType, SVGProps } from 'react';
4
+ import React__default, { ComponentType, SVGProps } from 'react';
5
5
 
6
6
  interface AH_propsType {
7
7
  brandLabel: string;
@@ -124,22 +124,22 @@ type CTL_LayoutStyleType = (typeof CTL_LayoutStyleOpt)[number];
124
124
  type CTL_LinkTargetType = (typeof CTL_LinkTargetOpt)[number];
125
125
  type CTL_MediaType = (typeof CTL_MediaOpt)[number];
126
126
 
127
- type CTL_mediaImg$1 = {
127
+ type CTL_mediaImg = {
128
128
  url: string;
129
129
  alt: string;
130
130
  width?: number;
131
131
  height?: number;
132
132
  };
133
- type ValidRoute$3 = `/${string}`;
134
- type ExternalLink$3 = `https://${string}` | `http://${string}`;
135
- type CTL_valid_linkTo$1 = ValidRoute$3 | ExternalLink$3;
133
+ type ValidRoute$2 = `/${string}`;
134
+ type ExternalLink$2 = `https://${string}` | `http://${string}`;
135
+ type CTL_valid_linkTo = ValidRoute$2 | ExternalLink$2;
136
136
  type CTL_propsType = {
137
137
  className?: string;
138
138
  featuredText: FTX_propsType;
139
139
  layoutStyle?: CTL_LayoutStyleType;
140
140
  media?: CTL_MediaType;
141
141
  mediaPictogram?: CP_nameType;
142
- mediaImage?: CTL_mediaImg$1;
142
+ mediaImage?: CTL_mediaImg;
143
143
  modalIsAvailable?: boolean;
144
144
  modalPlainDescription?: string;
145
145
  modalRichDescription?: {
@@ -147,7 +147,7 @@ type CTL_propsType = {
147
147
  content: Node[];
148
148
  };
149
149
  };
150
- linksTo?: CTL_valid_linkTo$1;
150
+ linksTo?: CTL_valid_linkTo;
151
151
  linkTarget?: CTL_LinkTargetType;
152
152
  };
153
153
 
@@ -156,9 +156,9 @@ declare const TileVariants: ({ className, featuredText, layoutStyle, media, medi
156
156
  declare const TBN_LinkTargetOpt: readonly ["_blank", "_self"];
157
157
  type TBN_LinkTargetType = (typeof TBN_LinkTargetOpt)[number];
158
158
 
159
- type ValidRoute$2 = `/${string}`;
160
- type ExternalLink$2 = `https://${string}` | `http://${string}`;
161
- type TBN_valid_linkTo = ValidRoute$2 | ExternalLink$2;
159
+ type ValidRoute$1 = `/${string}`;
160
+ type ExternalLink$1 = `https://${string}` | `http://${string}`;
161
+ type TBN_valid_linkTo = ValidRoute$1 | ExternalLink$1;
162
162
  type TBN_propsType = {
163
163
  className?: string;
164
164
  featuredText: FTX_propsType;
@@ -170,9 +170,9 @@ declare const TileBanner: ({ className, featuredText, linksTo, linkTarget, }: TB
170
170
 
171
171
  type PGL_propsType1Validation = {};
172
172
 
173
- type ValidRoute$1 = `/${string}`;
174
- type ExternalLink$1 = `https://${string}` | `http://${string}`;
175
- type PGL_valid_linkTo = ValidRoute$1 | ExternalLink$1;
173
+ type ValidRoute = `/${string}`;
174
+ type ExternalLink = `https://${string}` | `http://${string}`;
175
+ type PGL_valid_linkTo = ValidRoute | ExternalLink;
176
176
 
177
177
  interface PGL_modalPropsType {
178
178
  plainDescription?: string;
@@ -191,23 +191,16 @@ type PGL_propsType = {
191
191
 
192
192
  declare const TilePictogram: ({ className, featuredText, pictogram, modal, }: PGL_propsType) => react_jsx_runtime.JSX.Element;
193
193
 
194
- type CTL_mediaImg = {
195
- url: string;
196
- alt: string;
197
- width?: number;
198
- height?: number;
199
- };
200
- type ValidRoute = `/${string}`;
201
- type ExternalLink = `https://${string}` | `http://${string}`;
202
- type CTL_valid_linkTo = ValidRoute | ExternalLink;
203
194
  type PTL_propsType = {
204
195
  className?: string;
205
196
  featuredText: FTX_propsType;
206
- mediaImage?: CTL_mediaImg;
207
- linksTo?: CTL_valid_linkTo;
197
+ onClick?: React__default.MouseEventHandler<HTMLElement>;
198
+ orgTitle: string;
199
+ orgSlug: string;
200
+ orgPictogramName: string;
208
201
  };
209
202
 
210
- declare const TilePost: ({ className, featuredText, mediaImage, linksTo, }: PTL_propsType) => react_jsx_runtime.JSX.Element;
203
+ declare const TilePost: ({ className, featuredText, onClick, orgTitle, orgSlug, orgPictogramName, }: PTL_propsType) => react_jsx_runtime.JSX.Element;
211
204
 
212
205
  declare const CustomTabs: () => react_jsx_runtime.JSX.Element;
213
206
 
@@ -295,4 +288,4 @@ declare const useContainerSize: <T extends HTMLElement>(options?: UseContainerSi
295
288
  activeBreakpoint: SizeClass;
296
289
  };
297
290
 
298
- 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, FeatureText, HeadlinedList, List, type PGL_valid_linkTo, type PTL_propsType, SmartText, TileBanner, TilePictogram, TilePost, TileVariants, useContainerSize };
291
+ 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 };
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { Node } from '@contentful/rich-text-types';
3
3
  import * as React$1 from 'react';
4
- import { ComponentType, SVGProps } from 'react';
4
+ import React__default, { ComponentType, SVGProps } from 'react';
5
5
 
6
6
  interface AH_propsType {
7
7
  brandLabel: string;
@@ -124,22 +124,22 @@ type CTL_LayoutStyleType = (typeof CTL_LayoutStyleOpt)[number];
124
124
  type CTL_LinkTargetType = (typeof CTL_LinkTargetOpt)[number];
125
125
  type CTL_MediaType = (typeof CTL_MediaOpt)[number];
126
126
 
127
- type CTL_mediaImg$1 = {
127
+ type CTL_mediaImg = {
128
128
  url: string;
129
129
  alt: string;
130
130
  width?: number;
131
131
  height?: number;
132
132
  };
133
- type ValidRoute$3 = `/${string}`;
134
- type ExternalLink$3 = `https://${string}` | `http://${string}`;
135
- type CTL_valid_linkTo$1 = ValidRoute$3 | ExternalLink$3;
133
+ type ValidRoute$2 = `/${string}`;
134
+ type ExternalLink$2 = `https://${string}` | `http://${string}`;
135
+ type CTL_valid_linkTo = ValidRoute$2 | ExternalLink$2;
136
136
  type CTL_propsType = {
137
137
  className?: string;
138
138
  featuredText: FTX_propsType;
139
139
  layoutStyle?: CTL_LayoutStyleType;
140
140
  media?: CTL_MediaType;
141
141
  mediaPictogram?: CP_nameType;
142
- mediaImage?: CTL_mediaImg$1;
142
+ mediaImage?: CTL_mediaImg;
143
143
  modalIsAvailable?: boolean;
144
144
  modalPlainDescription?: string;
145
145
  modalRichDescription?: {
@@ -147,7 +147,7 @@ type CTL_propsType = {
147
147
  content: Node[];
148
148
  };
149
149
  };
150
- linksTo?: CTL_valid_linkTo$1;
150
+ linksTo?: CTL_valid_linkTo;
151
151
  linkTarget?: CTL_LinkTargetType;
152
152
  };
153
153
 
@@ -156,9 +156,9 @@ declare const TileVariants: ({ className, featuredText, layoutStyle, media, medi
156
156
  declare const TBN_LinkTargetOpt: readonly ["_blank", "_self"];
157
157
  type TBN_LinkTargetType = (typeof TBN_LinkTargetOpt)[number];
158
158
 
159
- type ValidRoute$2 = `/${string}`;
160
- type ExternalLink$2 = `https://${string}` | `http://${string}`;
161
- type TBN_valid_linkTo = ValidRoute$2 | ExternalLink$2;
159
+ type ValidRoute$1 = `/${string}`;
160
+ type ExternalLink$1 = `https://${string}` | `http://${string}`;
161
+ type TBN_valid_linkTo = ValidRoute$1 | ExternalLink$1;
162
162
  type TBN_propsType = {
163
163
  className?: string;
164
164
  featuredText: FTX_propsType;
@@ -170,9 +170,9 @@ declare const TileBanner: ({ className, featuredText, linksTo, linkTarget, }: TB
170
170
 
171
171
  type PGL_propsType1Validation = {};
172
172
 
173
- type ValidRoute$1 = `/${string}`;
174
- type ExternalLink$1 = `https://${string}` | `http://${string}`;
175
- type PGL_valid_linkTo = ValidRoute$1 | ExternalLink$1;
173
+ type ValidRoute = `/${string}`;
174
+ type ExternalLink = `https://${string}` | `http://${string}`;
175
+ type PGL_valid_linkTo = ValidRoute | ExternalLink;
176
176
 
177
177
  interface PGL_modalPropsType {
178
178
  plainDescription?: string;
@@ -191,23 +191,16 @@ type PGL_propsType = {
191
191
 
192
192
  declare const TilePictogram: ({ className, featuredText, pictogram, modal, }: PGL_propsType) => react_jsx_runtime.JSX.Element;
193
193
 
194
- type CTL_mediaImg = {
195
- url: string;
196
- alt: string;
197
- width?: number;
198
- height?: number;
199
- };
200
- type ValidRoute = `/${string}`;
201
- type ExternalLink = `https://${string}` | `http://${string}`;
202
- type CTL_valid_linkTo = ValidRoute | ExternalLink;
203
194
  type PTL_propsType = {
204
195
  className?: string;
205
196
  featuredText: FTX_propsType;
206
- mediaImage?: CTL_mediaImg;
207
- linksTo?: CTL_valid_linkTo;
197
+ onClick?: React__default.MouseEventHandler<HTMLElement>;
198
+ orgTitle: string;
199
+ orgSlug: string;
200
+ orgPictogramName: string;
208
201
  };
209
202
 
210
- declare const TilePost: ({ className, featuredText, mediaImage, linksTo, }: PTL_propsType) => react_jsx_runtime.JSX.Element;
203
+ declare const TilePost: ({ className, featuredText, onClick, orgTitle, orgSlug, orgPictogramName, }: PTL_propsType) => react_jsx_runtime.JSX.Element;
211
204
 
212
205
  declare const CustomTabs: () => react_jsx_runtime.JSX.Element;
213
206
 
@@ -295,4 +288,4 @@ declare const useContainerSize: <T extends HTMLElement>(options?: UseContainerSi
295
288
  activeBreakpoint: SizeClass;
296
289
  };
297
290
 
298
- 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, FeatureText, HeadlinedList, List, type PGL_valid_linkTo, type PTL_propsType, SmartText, TileBanner, TilePictogram, TilePost, TileVariants, useContainerSize };
291
+ 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 };
package/dist/index.js CHANGED
@@ -8,7 +8,7 @@ var React = require('react');
8
8
  var jsxRuntime = require('react/jsx-runtime');
9
9
  var clsx2 = require('clsx');
10
10
  var richTextTypes = require('@contentful/rich-text-types');
11
- var iconsReact = require('@carbon/icons-react');
11
+ var CarbonIcons = require('@carbon/icons-react');
12
12
  var pictogramsReact = require('@carbon/pictograms-react');
13
13
 
14
14
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -36,6 +36,7 @@ var default3__default = /*#__PURE__*/_interopDefault(default3);
36
36
  var navigation_star__namespace = /*#__PURE__*/_interopNamespace(navigation_star);
37
37
  var React__default = /*#__PURE__*/_interopDefault(React);
38
38
  var clsx2__default = /*#__PURE__*/_interopDefault(clsx2);
39
+ var CarbonIcons__namespace = /*#__PURE__*/_interopNamespace(CarbonIcons);
39
40
 
40
41
  var __defProp = Object.defineProperty;
41
42
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -66,10 +67,9 @@ __export(next_exports, {
66
67
  __reExport(next_exports, navigation_star__namespace);
67
68
 
68
69
  // node_modules/@carbon/layout/es/index.js
69
- var baseFontSize = 16;
70
- function rem(px) {
71
- return "".concat(px / baseFontSize, "rem");
72
- }
70
+ var rem = (px) => {
71
+ return `${px / 16}rem`;
72
+ };
73
73
  var breakpoints = {
74
74
  sm: {
75
75
  width: rem(320)},
@@ -380,28 +380,40 @@ var renderContentfulNode = (node, key, options = {}) => {
380
380
  case richTextTypes.BLOCKS.EMBEDDED_ASSET: {
381
381
  const assetId = node.data?.target?.sys?.id || "";
382
382
  const asset = options.assets?.[assetId];
383
- if (!asset) return null;
384
- const isVideo = asset.url?.match(/\.(mp4|webm|ogg)$/i);
383
+ if (!asset?.url) return null;
384
+ const isVideo = asset.url.match(/\.(mp4|webm|ogg)$/i);
385
385
  const w = asset.width ?? 16;
386
386
  const h = asset.height ?? 9;
387
+ const caption = asset.title || asset.description;
388
+ const imageAlt = asset.description || asset.title || "";
387
389
  return /* @__PURE__ */ jsxRuntime.jsxs("figure", { children: [
388
- isVideo ? /* @__PURE__ */ jsxRuntime.jsxs(
389
- "video",
390
- {
391
- controls: true,
392
- playsInline: true,
393
- preload: "metadata",
394
- style: { maxWidth: "100%", height: "auto" },
395
- children: [
396
- /* @__PURE__ */ jsxRuntime.jsx("source", { src: asset.url, type: "video/mp4" }),
397
- "Your browser does not support the video tag."
398
- ]
399
- }
400
- ) : /* @__PURE__ */ jsxRuntime.jsx(
390
+ isVideo ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
391
+ /* @__PURE__ */ jsxRuntime.jsxs(
392
+ "video",
393
+ {
394
+ controls: true,
395
+ playsInline: true,
396
+ preload: "metadata",
397
+ style: { maxWidth: "100%", height: "auto" },
398
+ "aria-label": asset.title || "Embedded video",
399
+ "aria-describedby": asset.description ? `asset-desc-${assetId}` : void 0,
400
+ children: [
401
+ /* @__PURE__ */ jsxRuntime.jsx("source", { src: asset.url, type: "video/mp4" }),
402
+ "Your browser does not support the video tag."
403
+ ]
404
+ }
405
+ ),
406
+ asset.description && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `asset-desc-${assetId}`, className: "sr-only", children: asset.description })
407
+ ] }) : /* @__PURE__ */ jsxRuntime.jsx(
401
408
  "div",
402
409
  {
403
410
  className: "asset-image-wrapper",
404
- style: { aspectRatio: `${w} / ${h}`, position: "relative", width: "100%", marginBottom: "1rem" },
411
+ style: {
412
+ aspectRatio: `${w} / ${h}`,
413
+ position: "relative",
414
+ width: "100%",
415
+ marginBottom: "1rem"
416
+ },
405
417
  children: /* @__PURE__ */ jsxRuntime.jsx(
406
418
  default3__default.default,
407
419
  {
@@ -410,12 +422,12 @@ var renderContentfulNode = (node, key, options = {}) => {
410
422
  sizes: "100vw",
411
423
  style: { objectFit: "cover" },
412
424
  src: asset.url,
413
- alt: asset.title || asset.description || ""
425
+ alt: imageAlt
414
426
  }
415
427
  )
416
428
  }
417
429
  ),
418
- asset.title && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { children: asset.title })
430
+ caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { children: caption })
419
431
  ] }, key);
420
432
  }
421
433
  case richTextTypes.INLINES.HYPERLINK: {
@@ -781,10 +793,10 @@ var ContactModal = ({
781
793
  };
782
794
  var ContactModal_default = ContactModal;
783
795
  var iconComponents = {
784
- Email: iconsReact.Email,
785
- Chat: iconsReact.Chat,
786
- CustomerService: iconsReact.CustomerService,
787
- CommunicationUnified: iconsReact.CommunicationUnified
796
+ Email: CarbonIcons.Email,
797
+ Chat: CarbonIcons.Chat,
798
+ CustomerService: CarbonIcons.CustomerService,
799
+ CommunicationUnified: CarbonIcons.CommunicationUnified
788
800
  };
789
801
  var ContactButton = ({
790
802
  btnText = "Contact",
@@ -987,7 +999,7 @@ var CustomQuotes = ({
987
999
  return /* @__PURE__ */ jsxRuntime.jsx(SkeletonAnimation_default, { part: "body" });
988
1000
  }
989
1001
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx2__default.default(className, "custom-quotes"), children: [
990
- /* @__PURE__ */ jsxRuntime.jsx(iconsReact.Quotes, { className: "custom-quotes__icon" }),
1002
+ /* @__PURE__ */ jsxRuntime.jsx(CarbonIcons.Quotes, { className: "custom-quotes__icon" }),
991
1003
  /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "custom-quotes__text", children: currentQuote ? /* @__PURE__ */ jsxRuntime.jsx(CMSRichText_default, { data: currentQuote.description }) : /* @__PURE__ */ jsxRuntime.jsx(SkeletonAnimation_default, { part: "body" }) }),
992
1004
  /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "custom-quotes__hr" })
993
1005
  ] });
@@ -1173,7 +1185,7 @@ var stripNonAlphanumeric = (prop) => {
1173
1185
  // src/components/TileVariants/lib/mix.ts
1174
1186
  var isValidLinkTo = (value) => value ? value.startsWith("/") || value.startsWith("https://") || value.startsWith("http://") : false;
1175
1187
  var ArrowIcon = ({ className, title, name }) => {
1176
- const C = name === "Right" ? iconsReact.ArrowRight : iconsReact.ArrowUpRight;
1188
+ const C = name === "Right" ? CarbonIcons.ArrowRight : CarbonIcons.ArrowUpRight;
1177
1189
  return /* @__PURE__ */ jsxRuntime.jsx(
1178
1190
  C,
1179
1191
  {
@@ -1199,7 +1211,7 @@ var getIconContent = ({
1199
1211
  name: iconName
1200
1212
  }
1201
1213
  ),
1202
- modalIsAvailable && /* @__PURE__ */ jsxRuntime.jsx(iconsReact.Information, { className: "enj-CustomTile-icon", "aria-label": title })
1214
+ modalIsAvailable && /* @__PURE__ */ jsxRuntime.jsx(CarbonIcons.Information, { className: "enj-CustomTile-icon", "aria-label": title })
1203
1215
  ] });
1204
1216
  };
1205
1217
 
@@ -1454,7 +1466,7 @@ var getTileContent3 = ({
1454
1466
  }
1455
1467
  ),
1456
1468
  /* @__PURE__ */ jsxRuntime.jsx(FeatureText_default, { ...featuredTextLocalProps }),
1457
- modalIsAvailable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "enj-PictogramTile-icon-wrapper", children: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.Information, { className: "enj-PictogramTile-icon" }) })
1469
+ modalIsAvailable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "enj-PictogramTile-icon-wrapper", children: /* @__PURE__ */ jsxRuntime.jsx(CarbonIcons.Information, { className: "enj-PictogramTile-icon" }) })
1458
1470
  ] });
1459
1471
  };
1460
1472
 
@@ -1573,8 +1585,7 @@ var TilePictogram_default = TilePictogram;
1573
1585
  React.memo(TilePictogram_default);
1574
1586
  var getPostTileCSSClasses = () => clsx2__default.default("enj-postTile", `enj-postTile--card`, {
1575
1587
  "enj-postTile--has-link": true,
1576
- "enj-postTile--has-icon": true,
1577
- "enj-postTile--has-img": true
1588
+ "enj-postTile--has-icon": true
1578
1589
  });
1579
1590
  var getIconContent3 = ({
1580
1591
  title,
@@ -1591,7 +1602,6 @@ var getIconContent3 = ({
1591
1602
  };
1592
1603
  var getTileContent4 = ({
1593
1604
  featuredText,
1594
- mediaImage,
1595
1605
  iconContent
1596
1606
  }) => {
1597
1607
  const featuredTextLocalProps = {
@@ -1602,38 +1612,10 @@ var getTileContent4 = ({
1602
1612
  }
1603
1613
  };
1604
1614
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1605
- /* @__PURE__ */ jsxRuntime.jsx(
1606
- default3__default.default,
1607
- {
1608
- className: "enj-postTile-image object-cover",
1609
- width: mediaImage?.width,
1610
- height: mediaImage?.height,
1611
- src: mediaImage?.url,
1612
- alt: mediaImage?.alt,
1613
- "aria-hidden": "true"
1614
- }
1615
- ),
1616
1615
  /* @__PURE__ */ jsxRuntime.jsx(FeatureText_default, { ...featuredTextLocalProps }),
1617
1616
  iconContent && iconContent
1618
1617
  ] });
1619
1618
  };
1620
- var getLinkWrapper3 = ({
1621
- heading,
1622
- linksTo
1623
- }) => {
1624
- const customProps = {
1625
- className: "enj-postTile-anchor-tag",
1626
- "aria-label": `Navigate to ${heading}`
1627
- };
1628
- return linksTo ? /* @__PURE__ */ jsxRuntime.jsx(
1629
- "a",
1630
- {
1631
- href: linksTo,
1632
- target: "_self",
1633
- ...customProps
1634
- }
1635
- ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
1636
- };
1637
1619
  var getHeadingContent4 = (featuredText) => stripNonAlphanumeric4(featuredText?.heading?.children);
1638
1620
  var stripNonAlphanumeric4 = (prop) => {
1639
1621
  const extractTextFromNode = (node) => {
@@ -1663,14 +1645,12 @@ var stripNonAlphanumeric4 = (prop) => {
1663
1645
  var TilePost = ({
1664
1646
  className,
1665
1647
  featuredText,
1666
- mediaImage,
1667
- linksTo
1648
+ onClick,
1649
+ orgTitle,
1650
+ orgSlug,
1651
+ orgPictogramName
1668
1652
  }) => {
1669
1653
  const componentTitle = getHeadingContent4(featuredText);
1670
- const LinkWrapper = getLinkWrapper3({
1671
- heading: componentTitle,
1672
- linksTo
1673
- });
1674
1654
  const wrapperClassNames = getPostTileCSSClasses();
1675
1655
  const iconContent = getIconContent3({
1676
1656
  title: getHeadingContent4(featuredText),
@@ -1678,17 +1658,34 @@ var TilePost = ({
1678
1658
  });
1679
1659
  const tileContent = getTileContent4({
1680
1660
  featuredText,
1681
- mediaImage,
1682
1661
  iconContent
1683
1662
  });
1684
1663
  const { containerRef, activeBreakpoint } = useContainerSize();
1685
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "enj-postTile-wrapper", ref: containerRef, children: /* @__PURE__ */ jsxRuntime.jsx(
1664
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "enj-postTile-wrapper", ref: containerRef, children: /* @__PURE__ */ jsxRuntime.jsxs(
1686
1665
  react.Tile,
1687
1666
  {
1688
1667
  className: `${wrapperClassNames} ${className} enj-postTile-${activeBreakpoint}`,
1689
1668
  "aria-label": `${componentTitle} tile`,
1690
1669
  role: "article",
1691
- children: React__default.default.cloneElement(LinkWrapper, {}, tileContent)
1670
+ onClick,
1671
+ children: [
1672
+ /* @__PURE__ */ jsxRuntime.jsxs(
1673
+ default2__default.default,
1674
+ {
1675
+ href: `/experience/${orgSlug}`,
1676
+ className: "enj-postTile-link",
1677
+ "aria-label": `Navigate to ${orgTitle}`,
1678
+ children: [
1679
+ (() => {
1680
+ const Icon = CarbonIcons__namespace[orgPictogramName];
1681
+ return Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { width: "1.5rem", height: "1.5rem", "aria-hidden": "true" }) : null;
1682
+ })(),
1683
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: orgTitle })
1684
+ ]
1685
+ }
1686
+ ),
1687
+ tileContent
1688
+ ]
1692
1689
  }
1693
1690
  ) });
1694
1691
  };
package/dist/index.mjs CHANGED
@@ -7,6 +7,7 @@ import React, { memo, useState, useRef, useEffect, useMemo } from 'react';
7
7
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
8
8
  import clsx2 from 'clsx';
9
9
  import { BLOCKS, MARKS, INLINES } from '@contentful/rich-text-types';
10
+ import * as CarbonIcons from '@carbon/icons-react';
10
11
  import { Information, ArrowRight, ArrowUpRight, CommunicationUnified, CustomerService, Chat, Email, Quotes } from '@carbon/icons-react';
11
12
  import { Presenter, AssetManagement, PoughkeepsieBridge, Multitask, Carbon, Teacher, TransactionalTrust, Goals, Networking_04, Transform_01, Presentation, Collaboration, UserInterface, User, MagicWand, CodeExplanation, DevicePairing, Leadership, AppDeveloper, Hills, Question } from '@carbon/pictograms-react';
12
13
 
@@ -39,10 +40,9 @@ __export(next_exports, {
39
40
  __reExport(next_exports, navigation_star);
40
41
 
41
42
  // node_modules/@carbon/layout/es/index.js
42
- var baseFontSize = 16;
43
- function rem(px) {
44
- return "".concat(px / baseFontSize, "rem");
45
- }
43
+ var rem = (px) => {
44
+ return `${px / 16}rem`;
45
+ };
46
46
  var breakpoints = {
47
47
  sm: {
48
48
  width: rem(320)},
@@ -353,28 +353,40 @@ var renderContentfulNode = (node, key, options = {}) => {
353
353
  case BLOCKS.EMBEDDED_ASSET: {
354
354
  const assetId = node.data?.target?.sys?.id || "";
355
355
  const asset = options.assets?.[assetId];
356
- if (!asset) return null;
357
- const isVideo = asset.url?.match(/\.(mp4|webm|ogg)$/i);
356
+ if (!asset?.url) return null;
357
+ const isVideo = asset.url.match(/\.(mp4|webm|ogg)$/i);
358
358
  const w = asset.width ?? 16;
359
359
  const h = asset.height ?? 9;
360
+ const caption = asset.title || asset.description;
361
+ const imageAlt = asset.description || asset.title || "";
360
362
  return /* @__PURE__ */ jsxs("figure", { children: [
361
- isVideo ? /* @__PURE__ */ jsxs(
362
- "video",
363
- {
364
- controls: true,
365
- playsInline: true,
366
- preload: "metadata",
367
- style: { maxWidth: "100%", height: "auto" },
368
- children: [
369
- /* @__PURE__ */ jsx("source", { src: asset.url, type: "video/mp4" }),
370
- "Your browser does not support the video tag."
371
- ]
372
- }
373
- ) : /* @__PURE__ */ jsx(
363
+ isVideo ? /* @__PURE__ */ jsxs(Fragment, { children: [
364
+ /* @__PURE__ */ jsxs(
365
+ "video",
366
+ {
367
+ controls: true,
368
+ playsInline: true,
369
+ preload: "metadata",
370
+ style: { maxWidth: "100%", height: "auto" },
371
+ "aria-label": asset.title || "Embedded video",
372
+ "aria-describedby": asset.description ? `asset-desc-${assetId}` : void 0,
373
+ children: [
374
+ /* @__PURE__ */ jsx("source", { src: asset.url, type: "video/mp4" }),
375
+ "Your browser does not support the video tag."
376
+ ]
377
+ }
378
+ ),
379
+ asset.description && /* @__PURE__ */ jsx("p", { id: `asset-desc-${assetId}`, className: "sr-only", children: asset.description })
380
+ ] }) : /* @__PURE__ */ jsx(
374
381
  "div",
375
382
  {
376
383
  className: "asset-image-wrapper",
377
- style: { aspectRatio: `${w} / ${h}`, position: "relative", width: "100%", marginBottom: "1rem" },
384
+ style: {
385
+ aspectRatio: `${w} / ${h}`,
386
+ position: "relative",
387
+ width: "100%",
388
+ marginBottom: "1rem"
389
+ },
378
390
  children: /* @__PURE__ */ jsx(
379
391
  default3,
380
392
  {
@@ -383,12 +395,12 @@ var renderContentfulNode = (node, key, options = {}) => {
383
395
  sizes: "100vw",
384
396
  style: { objectFit: "cover" },
385
397
  src: asset.url,
386
- alt: asset.title || asset.description || ""
398
+ alt: imageAlt
387
399
  }
388
400
  )
389
401
  }
390
402
  ),
391
- asset.title && /* @__PURE__ */ jsx("figcaption", { children: asset.title })
403
+ caption && /* @__PURE__ */ jsx("figcaption", { children: caption })
392
404
  ] }, key);
393
405
  }
394
406
  case INLINES.HYPERLINK: {
@@ -1546,8 +1558,7 @@ var TilePictogram_default = TilePictogram;
1546
1558
  memo(TilePictogram_default);
1547
1559
  var getPostTileCSSClasses = () => clsx2("enj-postTile", `enj-postTile--card`, {
1548
1560
  "enj-postTile--has-link": true,
1549
- "enj-postTile--has-icon": true,
1550
- "enj-postTile--has-img": true
1561
+ "enj-postTile--has-icon": true
1551
1562
  });
1552
1563
  var getIconContent3 = ({
1553
1564
  title,
@@ -1564,7 +1575,6 @@ var getIconContent3 = ({
1564
1575
  };
1565
1576
  var getTileContent4 = ({
1566
1577
  featuredText,
1567
- mediaImage,
1568
1578
  iconContent
1569
1579
  }) => {
1570
1580
  const featuredTextLocalProps = {
@@ -1575,38 +1585,10 @@ var getTileContent4 = ({
1575
1585
  }
1576
1586
  };
1577
1587
  return /* @__PURE__ */ jsxs(Fragment, { children: [
1578
- /* @__PURE__ */ jsx(
1579
- default3,
1580
- {
1581
- className: "enj-postTile-image object-cover",
1582
- width: mediaImage?.width,
1583
- height: mediaImage?.height,
1584
- src: mediaImage?.url,
1585
- alt: mediaImage?.alt,
1586
- "aria-hidden": "true"
1587
- }
1588
- ),
1589
1588
  /* @__PURE__ */ jsx(FeatureText_default, { ...featuredTextLocalProps }),
1590
1589
  iconContent && iconContent
1591
1590
  ] });
1592
1591
  };
1593
- var getLinkWrapper3 = ({
1594
- heading,
1595
- linksTo
1596
- }) => {
1597
- const customProps = {
1598
- className: "enj-postTile-anchor-tag",
1599
- "aria-label": `Navigate to ${heading}`
1600
- };
1601
- return linksTo ? /* @__PURE__ */ jsx(
1602
- "a",
1603
- {
1604
- href: linksTo,
1605
- target: "_self",
1606
- ...customProps
1607
- }
1608
- ) : /* @__PURE__ */ jsx(Fragment, {});
1609
- };
1610
1592
  var getHeadingContent4 = (featuredText) => stripNonAlphanumeric4(featuredText?.heading?.children);
1611
1593
  var stripNonAlphanumeric4 = (prop) => {
1612
1594
  const extractTextFromNode = (node) => {
@@ -1636,14 +1618,12 @@ var stripNonAlphanumeric4 = (prop) => {
1636
1618
  var TilePost = ({
1637
1619
  className,
1638
1620
  featuredText,
1639
- mediaImage,
1640
- linksTo
1621
+ onClick,
1622
+ orgTitle,
1623
+ orgSlug,
1624
+ orgPictogramName
1641
1625
  }) => {
1642
1626
  const componentTitle = getHeadingContent4(featuredText);
1643
- const LinkWrapper = getLinkWrapper3({
1644
- heading: componentTitle,
1645
- linksTo
1646
- });
1647
1627
  const wrapperClassNames = getPostTileCSSClasses();
1648
1628
  const iconContent = getIconContent3({
1649
1629
  title: getHeadingContent4(featuredText),
@@ -1651,17 +1631,34 @@ var TilePost = ({
1651
1631
  });
1652
1632
  const tileContent = getTileContent4({
1653
1633
  featuredText,
1654
- mediaImage,
1655
1634
  iconContent
1656
1635
  });
1657
1636
  const { containerRef, activeBreakpoint } = useContainerSize();
1658
- return /* @__PURE__ */ jsx("div", { className: "enj-postTile-wrapper", ref: containerRef, children: /* @__PURE__ */ jsx(
1637
+ return /* @__PURE__ */ jsx("div", { className: "enj-postTile-wrapper", ref: containerRef, children: /* @__PURE__ */ jsxs(
1659
1638
  Tile,
1660
1639
  {
1661
1640
  className: `${wrapperClassNames} ${className} enj-postTile-${activeBreakpoint}`,
1662
1641
  "aria-label": `${componentTitle} tile`,
1663
1642
  role: "article",
1664
- children: React.cloneElement(LinkWrapper, {}, tileContent)
1643
+ onClick,
1644
+ children: [
1645
+ /* @__PURE__ */ jsxs(
1646
+ default2,
1647
+ {
1648
+ href: `/experience/${orgSlug}`,
1649
+ className: "enj-postTile-link",
1650
+ "aria-label": `Navigate to ${orgTitle}`,
1651
+ children: [
1652
+ (() => {
1653
+ const Icon = CarbonIcons[orgPictogramName];
1654
+ return Icon ? /* @__PURE__ */ jsx(Icon, { width: "1.5rem", height: "1.5rem", "aria-hidden": "true" }) : null;
1655
+ })(),
1656
+ /* @__PURE__ */ jsx("span", { children: orgTitle })
1657
+ ]
1658
+ }
1659
+ ),
1660
+ tileContent
1661
+ ]
1665
1662
  }
1666
1663
  ) });
1667
1664
  };
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-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}: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:.25rem;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)/4)}.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}
package/dist/tile-post.css CHANGED
@@ -1 +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}
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-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:.25rem;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)/4)}.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)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "enjanga-components-library",
3
- "version": "1.0.84",
3
+ "version": "1.0.87",
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",