enjanga-components-library 1.0.85 → 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.
- package/dist/index.d.mts +19 -26
- package/dist/index.d.ts +19 -26
- package/dist/index.js +35 -49
- package/dist/index.mjs +26 -40
- package/dist/styles.css +1 -1
- package/dist/tile-post.css +1 -1
- 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
|
|
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$
|
|
134
|
-
type ExternalLink$
|
|
135
|
-
type CTL_valid_linkTo
|
|
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
|
|
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
|
|
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$
|
|
160
|
-
type ExternalLink$
|
|
161
|
-
type TBN_valid_linkTo = ValidRoute$
|
|
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
|
|
174
|
-
type ExternalLink
|
|
175
|
-
type PGL_valid_linkTo = ValidRoute
|
|
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
|
-
|
|
207
|
-
|
|
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,
|
|
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
|
|
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
|
|
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$
|
|
134
|
-
type ExternalLink$
|
|
135
|
-
type CTL_valid_linkTo
|
|
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
|
|
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
|
|
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$
|
|
160
|
-
type ExternalLink$
|
|
161
|
-
type TBN_valid_linkTo = ValidRoute$
|
|
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
|
|
174
|
-
type ExternalLink
|
|
175
|
-
type PGL_valid_linkTo = ValidRoute
|
|
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
|
-
|
|
207
|
-
|
|
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,
|
|
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
|
|
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
|
|
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:
|
|
796
|
-
Chat:
|
|
797
|
-
CustomerService:
|
|
798
|
-
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(
|
|
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" ?
|
|
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(
|
|
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(
|
|
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
|
-
|
|
1678
|
-
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
1651
|
-
|
|
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__ */
|
|
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
|
-
|
|
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: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-
|
|
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