enjanga-components-library 1.0.85 → 1.0.88

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 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;
@@ -792,10 +793,10 @@ var ContactModal = ({
792
793
  };
793
794
  var ContactModal_default = ContactModal;
794
795
  var iconComponents = {
795
- Email: iconsReact.Email,
796
- Chat: iconsReact.Chat,
797
- CustomerService: iconsReact.CustomerService,
798
- CommunicationUnified: iconsReact.CommunicationUnified
796
+ Email: CarbonIcons.Email,
797
+ Chat: CarbonIcons.Chat,
798
+ CustomerService: CarbonIcons.CustomerService,
799
+ CommunicationUnified: CarbonIcons.CommunicationUnified
799
800
  };
800
801
  var ContactButton = ({
801
802
  btnText = "Contact",
@@ -998,7 +999,7 @@ var CustomQuotes = ({
998
999
  return /* @__PURE__ */ jsxRuntime.jsx(SkeletonAnimation_default, { part: "body" });
999
1000
  }
1000
1001
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx2__default.default(className, "custom-quotes"), children: [
1001
- /* @__PURE__ */ jsxRuntime.jsx(iconsReact.Quotes, { className: "custom-quotes__icon" }),
1002
+ /* @__PURE__ */ jsxRuntime.jsx(CarbonIcons.Quotes, { className: "custom-quotes__icon" }),
1002
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" }) }),
1003
1004
  /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "custom-quotes__hr" })
1004
1005
  ] });
@@ -1184,7 +1185,7 @@ var stripNonAlphanumeric = (prop) => {
1184
1185
  // src/components/TileVariants/lib/mix.ts
1185
1186
  var isValidLinkTo = (value) => value ? value.startsWith("/") || value.startsWith("https://") || value.startsWith("http://") : false;
1186
1187
  var ArrowIcon = ({ className, title, name }) => {
1187
- const C = name === "Right" ? iconsReact.ArrowRight : iconsReact.ArrowUpRight;
1188
+ const C = name === "Right" ? CarbonIcons.ArrowRight : CarbonIcons.ArrowUpRight;
1188
1189
  return /* @__PURE__ */ jsxRuntime.jsx(
1189
1190
  C,
1190
1191
  {
@@ -1210,7 +1211,7 @@ var getIconContent = ({
1210
1211
  name: iconName
1211
1212
  }
1212
1213
  ),
1213
- 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 })
1214
1215
  ] });
1215
1216
  };
1216
1217
 
@@ -1465,7 +1466,7 @@ var getTileContent3 = ({
1465
1466
  }
1466
1467
  ),
1467
1468
  /* @__PURE__ */ jsxRuntime.jsx(FeatureText_default, { ...featuredTextLocalProps }),
1468
- 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" }) })
1469
1470
  ] });
1470
1471
  };
1471
1472
 
@@ -1584,8 +1585,7 @@ var TilePictogram_default = TilePictogram;
1584
1585
  React.memo(TilePictogram_default);
1585
1586
  var getPostTileCSSClasses = () => clsx2__default.default("enj-postTile", `enj-postTile--card`, {
1586
1587
  "enj-postTile--has-link": true,
1587
- "enj-postTile--has-icon": true,
1588
- "enj-postTile--has-img": true
1588
+ "enj-postTile--has-icon": true
1589
1589
  });
1590
1590
  var getIconContent3 = ({
1591
1591
  title,
@@ -1602,7 +1602,6 @@ var getIconContent3 = ({
1602
1602
  };
1603
1603
  var getTileContent4 = ({
1604
1604
  featuredText,
1605
- mediaImage,
1606
1605
  iconContent
1607
1606
  }) => {
1608
1607
  const featuredTextLocalProps = {
@@ -1613,38 +1612,10 @@ var getTileContent4 = ({
1613
1612
  }
1614
1613
  };
1615
1614
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1616
- /* @__PURE__ */ jsxRuntime.jsx(
1617
- default3__default.default,
1618
- {
1619
- className: "enj-postTile-image object-cover",
1620
- width: mediaImage?.width,
1621
- height: mediaImage?.height,
1622
- src: mediaImage?.url,
1623
- alt: mediaImage?.alt,
1624
- "aria-hidden": "true"
1625
- }
1626
- ),
1627
1615
  /* @__PURE__ */ jsxRuntime.jsx(FeatureText_default, { ...featuredTextLocalProps }),
1628
1616
  iconContent && iconContent
1629
1617
  ] });
1630
1618
  };
1631
- var getLinkWrapper3 = ({
1632
- heading,
1633
- linksTo
1634
- }) => {
1635
- const customProps = {
1636
- className: "enj-postTile-anchor-tag",
1637
- "aria-label": `Navigate to ${heading}`
1638
- };
1639
- return linksTo ? /* @__PURE__ */ jsxRuntime.jsx(
1640
- "a",
1641
- {
1642
- href: linksTo,
1643
- target: "_self",
1644
- ...customProps
1645
- }
1646
- ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
1647
- };
1648
1619
  var getHeadingContent4 = (featuredText) => stripNonAlphanumeric4(featuredText?.heading?.children);
1649
1620
  var stripNonAlphanumeric4 = (prop) => {
1650
1621
  const extractTextFromNode = (node) => {
@@ -1674,14 +1645,12 @@ var stripNonAlphanumeric4 = (prop) => {
1674
1645
  var TilePost = ({
1675
1646
  className,
1676
1647
  featuredText,
1677
- mediaImage,
1678
- linksTo
1648
+ onClick,
1649
+ orgTitle,
1650
+ orgSlug,
1651
+ orgPictogramName
1679
1652
  }) => {
1680
1653
  const componentTitle = getHeadingContent4(featuredText);
1681
- const LinkWrapper = getLinkWrapper3({
1682
- heading: componentTitle,
1683
- linksTo
1684
- });
1685
1654
  const wrapperClassNames = getPostTileCSSClasses();
1686
1655
  const iconContent = getIconContent3({
1687
1656
  title: getHeadingContent4(featuredText),
@@ -1689,17 +1658,34 @@ var TilePost = ({
1689
1658
  });
1690
1659
  const tileContent = getTileContent4({
1691
1660
  featuredText,
1692
- mediaImage,
1693
1661
  iconContent
1694
1662
  });
1695
1663
  const { containerRef, activeBreakpoint } = useContainerSize();
1696
- 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(
1697
1665
  react.Tile,
1698
1666
  {
1699
1667
  className: `${wrapperClassNames} ${className} enj-postTile-${activeBreakpoint}`,
1700
1668
  "aria-label": `${componentTitle} tile`,
1701
1669
  role: "article",
1702
- 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
+ ]
1703
1689
  }
1704
1690
  ) });
1705
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
 
@@ -1557,8 +1558,7 @@ var TilePictogram_default = TilePictogram;
1557
1558
  memo(TilePictogram_default);
1558
1559
  var getPostTileCSSClasses = () => clsx2("enj-postTile", `enj-postTile--card`, {
1559
1560
  "enj-postTile--has-link": true,
1560
- "enj-postTile--has-icon": true,
1561
- "enj-postTile--has-img": true
1561
+ "enj-postTile--has-icon": true
1562
1562
  });
1563
1563
  var getIconContent3 = ({
1564
1564
  title,
@@ -1575,7 +1575,6 @@ var getIconContent3 = ({
1575
1575
  };
1576
1576
  var getTileContent4 = ({
1577
1577
  featuredText,
1578
- mediaImage,
1579
1578
  iconContent
1580
1579
  }) => {
1581
1580
  const featuredTextLocalProps = {
@@ -1586,38 +1585,10 @@ var getTileContent4 = ({
1586
1585
  }
1587
1586
  };
1588
1587
  return /* @__PURE__ */ jsxs(Fragment, { children: [
1589
- /* @__PURE__ */ jsx(
1590
- default3,
1591
- {
1592
- className: "enj-postTile-image object-cover",
1593
- width: mediaImage?.width,
1594
- height: mediaImage?.height,
1595
- src: mediaImage?.url,
1596
- alt: mediaImage?.alt,
1597
- "aria-hidden": "true"
1598
- }
1599
- ),
1600
1588
  /* @__PURE__ */ jsx(FeatureText_default, { ...featuredTextLocalProps }),
1601
1589
  iconContent && iconContent
1602
1590
  ] });
1603
1591
  };
1604
- var getLinkWrapper3 = ({
1605
- heading,
1606
- linksTo
1607
- }) => {
1608
- const customProps = {
1609
- className: "enj-postTile-anchor-tag",
1610
- "aria-label": `Navigate to ${heading}`
1611
- };
1612
- return linksTo ? /* @__PURE__ */ jsx(
1613
- "a",
1614
- {
1615
- href: linksTo,
1616
- target: "_self",
1617
- ...customProps
1618
- }
1619
- ) : /* @__PURE__ */ jsx(Fragment, {});
1620
- };
1621
1592
  var getHeadingContent4 = (featuredText) => stripNonAlphanumeric4(featuredText?.heading?.children);
1622
1593
  var stripNonAlphanumeric4 = (prop) => {
1623
1594
  const extractTextFromNode = (node) => {
@@ -1647,14 +1618,12 @@ var stripNonAlphanumeric4 = (prop) => {
1647
1618
  var TilePost = ({
1648
1619
  className,
1649
1620
  featuredText,
1650
- mediaImage,
1651
- linksTo
1621
+ onClick,
1622
+ orgTitle,
1623
+ orgSlug,
1624
+ orgPictogramName
1652
1625
  }) => {
1653
1626
  const componentTitle = getHeadingContent4(featuredText);
1654
- const LinkWrapper = getLinkWrapper3({
1655
- heading: componentTitle,
1656
- linksTo
1657
- });
1658
1627
  const wrapperClassNames = getPostTileCSSClasses();
1659
1628
  const iconContent = getIconContent3({
1660
1629
  title: getHeadingContent4(featuredText),
@@ -1662,17 +1631,34 @@ var TilePost = ({
1662
1631
  });
1663
1632
  const tileContent = getTileContent4({
1664
1633
  featuredText,
1665
- mediaImage,
1666
1634
  iconContent
1667
1635
  });
1668
1636
  const { containerRef, activeBreakpoint } = useContainerSize();
1669
- 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(
1670
1638
  Tile,
1671
1639
  {
1672
1640
  className: `${wrapperClassNames} ${className} enj-postTile-${activeBreakpoint}`,
1673
1641
  "aria-label": `${componentTitle} tile`,
1674
1642
  role: "article",
1675
- 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
+ ]
1676
1662
  }
1677
1663
  ) });
1678
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:none;background-color:#c7dbff;border-radius:1rem;width:fit-content;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile .enj-postTile-link span{color:#313131}.enj-postTile .enj-postTile-link:hover{color:#c7dbff;background-color:#dc0680;text-decoration:none}.enj-postTile .enj-postTile-link:hover span{color:#c7dbff}.enj-postTile.enj-postTile--card{padding:var(--enj-PTL-card-pad)}.enj-postTile.enj-postTile-sm{--enj-PTL-card-pad: 1rem}.enj-postTile.enj-postTile-md{--enj-PTL-card-pad: 2rem}.enj-postTile.enj-postTile-lg,.enj-postTile.enj-postTile-xlg,.enj-postTile.enj-postTile-max{--enj-PTL-card-pad: 3rem}.enj-postTile a{text-decoration:none}.enj-postTile .enj-postTile-title,.enj-postTile .enj-postTile-title a,.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram,.enj-postTile .enj-postTile-pictogram a{transition:color 220ms ease}.enj-postTile .enj-postTile-title{color:#262626}.enj-postTile .enj-postTile-title a{color:#262626}.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-postTile-pictogram{color:#525252}.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram a{color:#525252}.enj-postTile>.enj-postTile-link{margin-bottom:calc(var(--enj-PTL-card-pad)/3)}.enj-postTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-postTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-postTile{display:block;cursor:pointer;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile:hover{background-color:#0100c0}.enj-postTile:hover .enj-postTile-title{color:#fff}.enj-postTile:hover .enj-postTile-title a{color:#fff}.enj-postTile:hover .enj-FeatureText-article{color:#fff}.enj-postTile:hover .enj-FeatureText-article a{color:#fff}.enj-postTile:hover .enj-postTile-icon{fill:#fff;transform:translateX(0)}:root{--enj-PGL-br-col: #6f6f6f;--enj-PGL-card-img-col-gap: 1.5rem;--enj-PGL-card-withIcon-gap: 1rem;--enj-PGL-icon-dimg: 1.5rem}.enj-PictogramTile{background-color:#e3ebf9}.enj-PictogramTile .enj-PictogramTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-PictogramTile .enj-PictogramTile-icon{margin-top:1rem;width:var(--enj-PGL-icon-dimg);height:var(--enj-PGL-icon-dimg)}.enj-PictogramTile{--enj-PGL-card-pad: 0.75rem;padding:var(--enj-PGL-card-pad)}.enj-PictogramTile.enj-PictogramTile-md{--enj-PGL-card-pad: 1.5rem}.enj-PictogramTile.enj-PictogramTile-md{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-PGL-card-img-col-gap)}.enj-PictogramTile.enj-PictogramTile-md .enj-PictogramTile-icon-wrapper{grid-column:2}.enj-PictogramTile a{text-decoration:none}.enj-PictogramTile .enj-PictogramTile-title{color:#262626}.enj-PictogramTile .enj-PictogramTile-title a{color:#262626}.enj-PictogramTile .enj-FeatureText-article,.enj-PictogramTile .enj-PictogramTile-pictogram{color:#525252}.enj-PictogramTile .enj-FeatureText-article a,.enj-PictogramTile .enj-PictogramTile-pictogram a{color:#525252}.enj-PictogramTile .enj-PictogramTile-pictogram{color:#4a75c6}.enj-PictogramTile .enj-PictogramTile-icon-wrapper svg{color:#0100c0}.enj-PictogramTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-PictogramTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-PictogramTile--has-modal,.enj-PictogramTile-has-hover-effect,.enj-PictogramTile-anchor-tag{display:block}.enj-PictogramTile--has-modal:hover,.enj-PictogramTile-has-hover-effect:hover,.enj-PictogramTile-anchor-tag:hover{cursor:pointer;background-color:#0100c0}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-pictogram,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-pictogram,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-pictogram{color:#a8c2f2}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-icon-wrapper svg,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-icon-wrapper svg,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-icon-wrapper svg{color:#a8c2f2}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-title,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-title,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-title{color:#fff}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-title a,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-title a,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-title a{color:#fff}.enj-PictogramTile--has-modal:hover .enj-FeatureText-article,.enj-PictogramTile-has-hover-effect:hover .enj-FeatureText-article,.enj-PictogramTile-anchor-tag:hover .enj-FeatureText-article{color:#fff}.enj-PictogramTile--has-modal:hover .enj-FeatureText-article a,.enj-PictogramTile-has-hover-effect:hover .enj-FeatureText-article a,.enj-PictogramTile-anchor-tag:hover .enj-FeatureText-article a{color:#fff}.enj-list{padding-left:1.1rem}.enj-list li{line-height:1.5rem}ol.enj-list{list-style:decimal}ul.enj-list{list-style:disc}.enj-CMSRichText{--enj-CMSRichText-ul-pad-left: 1.4rem;--enj-CMSRichText-ul-mb: 1.4rem;--enj-CMSRichText-hr-gap: 1.7rem}.enj-CMSRichText ul{list-style:disc}.enj-CMSRichText ol{list-style:decimal}.enj-CMSRichText ul,.enj-CMSRichText ol{padding-left:var(--enj-CMSRichText-ul-pad-left);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText ul li p,.enj-CMSRichText ol li p{margin-bottom:0}.enj-CMSRichText p{border:1px solid rgba(0,0,0,0);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote{border-left:.6rem solid #0100c0;padding-left:1rem;margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote *{color:#0d3a90}.enj-CMSRichText blockquote p:last-of-type{margin-bottom:0}.enj-CMSRichText blockquote{padding:1rem;background:#e3ebf9}.enj-CMSRichText hr{margin:var(--enj-CMSRichText-hr-gap) 0;border-top:1px solid #9daed2}.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 1rem;padding:var(--enj-CMSRichText-fig-pad);background:#e3ebf9;border:0px solid #99a3b9;margin-bottom:1rem;line-height:1.4rem;font-size:1rem;font-weight:400;font-style:italic}.enj-CMSRichText figure *{color:#0d3a90}.enj-CMSRichText figure .asset-image-wrapper{position:relative;width:100%;aspect-ratio:16/9}@media(min-width: 42rem){.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 1.5rem}}@media(min-width: 66rem){.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 2rem}}.enj-CMSRichText table{border:1px solid #99a3b9}.enj-CMSRichText table th,.enj-CMSRichText table td{padding:1rem}.enj-CMSRichText table th{border:1px solid #9daed2;background:#0d3a90;color:#e3ebf9;font-weight:bold}.enj-CMSRichText table th *{font-weight:bold}.enj-CMSRichText table th p:last-of-type{margin:0;padding:0}.enj-CMSRichText table td{border:1px solid #9daed2}.enj-CMSRichText table td p{margin:0;padding:0}.enj-CMSRichText table tr:nth-child(2n) td{background:#dee5f3}.enj-CMSRichText table tr:nth-child(2n+1) td{background:#e3ebf9}
@@ -1 +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:none;background-color:#c7dbff;border-radius:1rem;width:fit-content;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile .enj-postTile-link span{color:#313131}.enj-postTile .enj-postTile-link:hover{color:#c7dbff;background-color:#dc0680;text-decoration:none}.enj-postTile .enj-postTile-link:hover span{color:#c7dbff}.enj-postTile.enj-postTile--card{padding:var(--enj-PTL-card-pad)}.enj-postTile.enj-postTile-sm{--enj-PTL-card-pad: 1rem}.enj-postTile.enj-postTile-md{--enj-PTL-card-pad: 2rem}.enj-postTile.enj-postTile-lg,.enj-postTile.enj-postTile-xlg,.enj-postTile.enj-postTile-max{--enj-PTL-card-pad: 3rem}.enj-postTile a{text-decoration:none}.enj-postTile .enj-postTile-title,.enj-postTile .enj-postTile-title a,.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram,.enj-postTile .enj-postTile-pictogram a{transition:color 220ms ease}.enj-postTile .enj-postTile-title{color:#262626}.enj-postTile .enj-postTile-title a{color:#262626}.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-postTile-pictogram{color:#525252}.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram a{color:#525252}.enj-postTile>.enj-postTile-link{margin-bottom:calc(var(--enj-PTL-card-pad)/3)}.enj-postTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-postTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-postTile{display:block;cursor:pointer;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile:hover{background-color:#0100c0}.enj-postTile:hover .enj-postTile-title{color:#fff}.enj-postTile:hover .enj-postTile-title a{color:#fff}.enj-postTile:hover .enj-FeatureText-article{color:#fff}.enj-postTile:hover .enj-FeatureText-article a{color:#fff}.enj-postTile:hover .enj-postTile-icon{fill:#fff;transform:translateX(0)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "enjanga-components-library",
3
- "version": "1.0.85",
3
+ "version": "1.0.88",
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",