enjanga-components-library 1.0.95 → 1.0.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +101 -8
  2. package/dist/index.d.ts +101 -8
  3. package/dist/index.js +71 -3
  4. package/dist/index.mjs +68 -4
  5. package/dist/styles.css +1 -1
  6. package/dist/tile-value.css +1 -0
  7. package/package.json +5 -2
package/dist/index.d.mts CHANGED
@@ -34,14 +34,53 @@ type HDG_propsType = {
34
34
  children?: React.ReactNode;
35
35
  };
36
36
 
37
+ type SmartTextRichText = {
38
+ json: {
39
+ content: Node[];
40
+ };
41
+ links?: {
42
+ assets?: {
43
+ block: {
44
+ sys: {
45
+ id: string;
46
+ };
47
+ url: string;
48
+ title: string;
49
+ description?: string;
50
+ width: number;
51
+ height: number;
52
+ }[];
53
+ };
54
+ entries?: {
55
+ inline?: {
56
+ sys: {
57
+ id: string;
58
+ };
59
+ __typename: string;
60
+ slug: string;
61
+ }[];
62
+ hyperlink?: {
63
+ sys: {
64
+ id: string;
65
+ };
66
+ __typename: string;
67
+ slug: string;
68
+ }[];
69
+ resourceHyperlink?: {
70
+ sys: {
71
+ id: string;
72
+ urn: string;
73
+ };
74
+ __typename: string;
75
+ slug: string;
76
+ }[];
77
+ };
78
+ };
79
+ };
37
80
  interface SMT_propsType {
38
81
  className?: string;
39
82
  plainText?: string;
40
- richText?: {
41
- json: {
42
- content: Node[];
43
- };
44
- };
83
+ richText?: SmartTextRichText;
45
84
  }
46
85
 
47
86
  interface FTX_propsType {
@@ -81,7 +120,7 @@ interface CBNN_propsType {
81
120
 
82
121
  declare const ContactButton: ({ btnText, btnIcon, btnKind, btnSize, modalLabel, modalHeading, modalSubHeading, modalPrimaryButtonText, modalSecondaryButtonText, }: CBNN_propsType) => react_jsx_runtime.JSX.Element;
83
122
 
84
- declare const CP_nameOpt: readonly ["Hills", "App Developer", "Leadership", "DevicePairing", "CodeExplanation", "MagicWand", "Question", "User", "UserInterface", "Collaboration", "Presentation", "Transform_01", "Networking_04", "Goals", "TransactionalTrust", "Teacher", "Carbon", "Multitask", "PoughkeepsieBridge", "AssetManagement", "Presenter"];
123
+ declare const CP_nameOpt: readonly ["Hills", "App Developer", "Leadership", "DevicePairing", "CodeExplanation", "MagicWand", "Question", "User", "UserInterface", "Collaboration", "Presentation", "Transform_01", "Networking_04", "Goals", "TransactionalTrust", "Teacher", "Carbon", "Multitask", "PoughkeepsieBridge", "AssetManagement", "Presenter", "Containers_02", "DataStore", "DataPrivacyKey"];
85
124
  declare const CP_sizeOpt: readonly ["sm", "md", "lg", "xl"];
86
125
  type CP_nameType = (typeof CP_nameOpt)[number];
87
126
  type CP_sizeType = (typeof CP_sizeOpt)[number];
@@ -202,6 +241,59 @@ type PTL_propsType = {
202
241
 
203
242
  declare const TilePost: ({ className, featuredText, onClick, orgTitle, orgSlug, orgPictogramName, }: PTL_propsType) => react_jsx_runtime.JSX.Element;
204
243
 
244
+ interface TVL_descriptionType {
245
+ json: {
246
+ content: Node[];
247
+ };
248
+ links?: {
249
+ assets?: {
250
+ block: {
251
+ sys: {
252
+ id: string;
253
+ };
254
+ url: string;
255
+ title: string;
256
+ description?: string;
257
+ width: number;
258
+ height: number;
259
+ }[];
260
+ };
261
+ entries?: {
262
+ inline?: {
263
+ sys: {
264
+ id: string;
265
+ };
266
+ __typename: string;
267
+ slug: string;
268
+ }[];
269
+ hyperlink?: {
270
+ sys: {
271
+ id: string;
272
+ };
273
+ __typename: string;
274
+ slug: string;
275
+ }[];
276
+ resourceHyperlink?: {
277
+ sys: {
278
+ id: string;
279
+ urn: string;
280
+ };
281
+ __typename: string;
282
+ slug: string;
283
+ }[];
284
+ };
285
+ };
286
+ }
287
+ interface TVL_propsType {
288
+ className?: string;
289
+ pictogramName: CP_nameType;
290
+ title: string;
291
+ slug: string;
292
+ description: TVL_descriptionType;
293
+ }
294
+
295
+ declare const TileValue: ({ className, pictogramName, title, slug, description, }: TVL_propsType) => react_jsx_runtime.JSX.Element;
296
+
205
297
  declare const CustomTabs: () => react_jsx_runtime.JSX.Element;
206
298
 
207
299
  interface LIT_propsType {
@@ -265,7 +357,7 @@ interface CRT_propsType {
265
357
  content: Node[];
266
358
  };
267
359
  links?: {
268
- assets: {
360
+ assets?: {
269
361
  block: {
270
362
  sys: {
271
363
  id: string;
@@ -278,6 +370,7 @@ interface CRT_propsType {
278
370
  }[];
279
371
  };
280
372
  entries?: {
373
+ inline?: CRT_EntryHyperlink[];
281
374
  hyperlink?: CRT_EntryHyperlink[];
282
375
  resourceHyperlink?: CRT_ResourceHyperlink[];
283
376
  };
@@ -311,4 +404,4 @@ declare const useContainerSize: <T extends HTMLElement>(options?: UseContainerSi
311
404
  activeBreakpoint: SizeClass;
312
405
  };
313
406
 
314
- export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, FeatureText, HeadlinedList, List, type PGL_valid_linkTo, type PTL_propsType, SmartText, TileBanner, TilePictogram, TilePost, TileVariants, useContainerSize };
407
+ export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, FeatureText, HeadlinedList, List, type PGL_valid_linkTo, type PTL_propsType, SmartText, type TVL_propsType, TileBanner, TilePictogram, TilePost, TileValue, TileVariants, useContainerSize };
package/dist/index.d.ts CHANGED
@@ -34,14 +34,53 @@ type HDG_propsType = {
34
34
  children?: React.ReactNode;
35
35
  };
36
36
 
37
+ type SmartTextRichText = {
38
+ json: {
39
+ content: Node[];
40
+ };
41
+ links?: {
42
+ assets?: {
43
+ block: {
44
+ sys: {
45
+ id: string;
46
+ };
47
+ url: string;
48
+ title: string;
49
+ description?: string;
50
+ width: number;
51
+ height: number;
52
+ }[];
53
+ };
54
+ entries?: {
55
+ inline?: {
56
+ sys: {
57
+ id: string;
58
+ };
59
+ __typename: string;
60
+ slug: string;
61
+ }[];
62
+ hyperlink?: {
63
+ sys: {
64
+ id: string;
65
+ };
66
+ __typename: string;
67
+ slug: string;
68
+ }[];
69
+ resourceHyperlink?: {
70
+ sys: {
71
+ id: string;
72
+ urn: string;
73
+ };
74
+ __typename: string;
75
+ slug: string;
76
+ }[];
77
+ };
78
+ };
79
+ };
37
80
  interface SMT_propsType {
38
81
  className?: string;
39
82
  plainText?: string;
40
- richText?: {
41
- json: {
42
- content: Node[];
43
- };
44
- };
83
+ richText?: SmartTextRichText;
45
84
  }
46
85
 
47
86
  interface FTX_propsType {
@@ -81,7 +120,7 @@ interface CBNN_propsType {
81
120
 
82
121
  declare const ContactButton: ({ btnText, btnIcon, btnKind, btnSize, modalLabel, modalHeading, modalSubHeading, modalPrimaryButtonText, modalSecondaryButtonText, }: CBNN_propsType) => react_jsx_runtime.JSX.Element;
83
122
 
84
- declare const CP_nameOpt: readonly ["Hills", "App Developer", "Leadership", "DevicePairing", "CodeExplanation", "MagicWand", "Question", "User", "UserInterface", "Collaboration", "Presentation", "Transform_01", "Networking_04", "Goals", "TransactionalTrust", "Teacher", "Carbon", "Multitask", "PoughkeepsieBridge", "AssetManagement", "Presenter"];
123
+ declare const CP_nameOpt: readonly ["Hills", "App Developer", "Leadership", "DevicePairing", "CodeExplanation", "MagicWand", "Question", "User", "UserInterface", "Collaboration", "Presentation", "Transform_01", "Networking_04", "Goals", "TransactionalTrust", "Teacher", "Carbon", "Multitask", "PoughkeepsieBridge", "AssetManagement", "Presenter", "Containers_02", "DataStore", "DataPrivacyKey"];
85
124
  declare const CP_sizeOpt: readonly ["sm", "md", "lg", "xl"];
86
125
  type CP_nameType = (typeof CP_nameOpt)[number];
87
126
  type CP_sizeType = (typeof CP_sizeOpt)[number];
@@ -202,6 +241,59 @@ type PTL_propsType = {
202
241
 
203
242
  declare const TilePost: ({ className, featuredText, onClick, orgTitle, orgSlug, orgPictogramName, }: PTL_propsType) => react_jsx_runtime.JSX.Element;
204
243
 
244
+ interface TVL_descriptionType {
245
+ json: {
246
+ content: Node[];
247
+ };
248
+ links?: {
249
+ assets?: {
250
+ block: {
251
+ sys: {
252
+ id: string;
253
+ };
254
+ url: string;
255
+ title: string;
256
+ description?: string;
257
+ width: number;
258
+ height: number;
259
+ }[];
260
+ };
261
+ entries?: {
262
+ inline?: {
263
+ sys: {
264
+ id: string;
265
+ };
266
+ __typename: string;
267
+ slug: string;
268
+ }[];
269
+ hyperlink?: {
270
+ sys: {
271
+ id: string;
272
+ };
273
+ __typename: string;
274
+ slug: string;
275
+ }[];
276
+ resourceHyperlink?: {
277
+ sys: {
278
+ id: string;
279
+ urn: string;
280
+ };
281
+ __typename: string;
282
+ slug: string;
283
+ }[];
284
+ };
285
+ };
286
+ }
287
+ interface TVL_propsType {
288
+ className?: string;
289
+ pictogramName: CP_nameType;
290
+ title: string;
291
+ slug: string;
292
+ description: TVL_descriptionType;
293
+ }
294
+
295
+ declare const TileValue: ({ className, pictogramName, title, slug, description, }: TVL_propsType) => react_jsx_runtime.JSX.Element;
296
+
205
297
  declare const CustomTabs: () => react_jsx_runtime.JSX.Element;
206
298
 
207
299
  interface LIT_propsType {
@@ -265,7 +357,7 @@ interface CRT_propsType {
265
357
  content: Node[];
266
358
  };
267
359
  links?: {
268
- assets: {
360
+ assets?: {
269
361
  block: {
270
362
  sys: {
271
363
  id: string;
@@ -278,6 +370,7 @@ interface CRT_propsType {
278
370
  }[];
279
371
  };
280
372
  entries?: {
373
+ inline?: CRT_EntryHyperlink[];
281
374
  hyperlink?: CRT_EntryHyperlink[];
282
375
  resourceHyperlink?: CRT_ResourceHyperlink[];
283
376
  };
@@ -311,4 +404,4 @@ declare const useContainerSize: <T extends HTMLElement>(options?: UseContainerSi
311
404
  activeBreakpoint: SizeClass;
312
405
  };
313
406
 
314
- export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, FeatureText, HeadlinedList, List, type PGL_valid_linkTo, type PTL_propsType, SmartText, TileBanner, TilePictogram, TilePost, TileVariants, useContainerSize };
407
+ export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CQ_quote_propsType, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomQuotes, CustomTabs, FeatureText, HeadlinedList, List, type PGL_valid_linkTo, type PTL_propsType, SmartText, type TVL_propsType, TileBanner, TilePictogram, TilePost, TileValue, TileVariants, useContainerSize };
package/dist/index.js CHANGED
@@ -10,6 +10,9 @@ var clsx2 = require('clsx');
10
10
  var richTextTypes = require('@contentful/rich-text-types');
11
11
  var CarbonIcons = require('@carbon/icons-react');
12
12
  var pictogramsReact = require('@carbon/pictograms-react');
13
+ var Containers_02 = require('@carbon/pictograms-react/lib/containers--02');
14
+ var DataStore = require('@carbon/pictograms-react/lib/data--store');
15
+ var DataPrivacyKey = require('@carbon/pictograms-react/lib/data--privacy--key');
13
16
 
14
17
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
15
18
 
@@ -37,6 +40,9 @@ var navigation_star__namespace = /*#__PURE__*/_interopNamespace(navigation_star)
37
40
  var React__default = /*#__PURE__*/_interopDefault(React);
38
41
  var clsx2__default = /*#__PURE__*/_interopDefault(clsx2);
39
42
  var CarbonIcons__namespace = /*#__PURE__*/_interopNamespace(CarbonIcons);
43
+ var Containers_02__default = /*#__PURE__*/_interopDefault(Containers_02);
44
+ var DataStore__default = /*#__PURE__*/_interopDefault(DataStore);
45
+ var DataPrivacyKey__default = /*#__PURE__*/_interopDefault(DataPrivacyKey);
40
46
 
41
47
  var __defProp = Object.defineProperty;
42
48
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -591,10 +597,13 @@ var CMSRichText = ({ data, className }) => {
591
597
  return /* @__PURE__ */ jsxRuntime.jsx(CMSRichTextSkeleton_default, {});
592
598
  }
593
599
  const assetsMap = {};
594
- data.links?.assets.block.forEach((asset) => {
600
+ data.links?.assets?.block?.forEach((asset) => {
595
601
  assetsMap[asset.sys.id] = asset;
596
602
  });
597
603
  const entriesMap = {};
604
+ data.links?.entries?.inline?.forEach((entry) => {
605
+ entriesMap[entry.sys.id] = entry;
606
+ });
598
607
  data.links?.entries?.hyperlink?.forEach((entry) => {
599
608
  entriesMap[entry.sys.id] = entry;
600
609
  });
@@ -912,7 +921,10 @@ var CP_nameOpt = [
912
921
  "Multitask",
913
922
  "PoughkeepsieBridge",
914
923
  "AssetManagement",
915
- "Presenter"
924
+ "Presenter",
925
+ "Containers_02",
926
+ "DataStore",
927
+ "DataPrivacyKey"
916
928
  ];
917
929
 
918
930
  // src/components/CustomPictogram/libs/helpers.tsx
@@ -943,7 +955,10 @@ var CP_pictogramMap = {
943
955
  Multitask: pictogramsReact.Multitask,
944
956
  PoughkeepsieBridge: pictogramsReact.PoughkeepsieBridge,
945
957
  AssetManagement: pictogramsReact.AssetManagement,
946
- Presenter: pictogramsReact.Presenter
958
+ Presenter: pictogramsReact.Presenter,
959
+ Containers_02: Containers_02__default.default,
960
+ DataStore: DataStore__default.default,
961
+ DataPrivacyKey: DataPrivacyKey__default.default
947
962
  };
948
963
  var CP_getPictogram = ({
949
964
  name
@@ -1749,6 +1764,58 @@ var TilePost_default = TilePost;
1749
1764
 
1750
1765
  // src/components/TilePost/index.ts
1751
1766
  React.memo(TilePost_default);
1767
+ var TileValue = ({
1768
+ className,
1769
+ pictogramName,
1770
+ title,
1771
+ slug,
1772
+ description
1773
+ }) => {
1774
+ const [isModalOpen, setIsModalOpen] = React.useState(false);
1775
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1776
+ /* @__PURE__ */ jsxRuntime.jsxs(
1777
+ react.Tile,
1778
+ {
1779
+ className: `enj-TileValue ${className ?? ""}`.trim(),
1780
+ "aria-label": `${title} tile`,
1781
+ role: "article",
1782
+ "data-slug": slug,
1783
+ onClick: () => setIsModalOpen(true),
1784
+ children: [
1785
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "enj-TileValue-copy", children: [
1786
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "enj-TileValue-title", children: title }),
1787
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "enj-TileValue-slug", children: slug })
1788
+ ] }),
1789
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "enj-TileValue-header", children: [
1790
+ /* @__PURE__ */ jsxRuntime.jsx(
1791
+ CustomPictogram_default,
1792
+ {
1793
+ name: pictogramName,
1794
+ className: "enj-TileValue-pictogram",
1795
+ size: "sm"
1796
+ }
1797
+ ),
1798
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "enj-TileValue-icon-wrapper", children: /* @__PURE__ */ jsxRuntime.jsx(CarbonIcons.Information, { className: "enj-TileValue-icon", "aria-hidden": "true" }) })
1799
+ ] })
1800
+ ]
1801
+ }
1802
+ ),
1803
+ /* @__PURE__ */ jsxRuntime.jsx(
1804
+ ContentModal,
1805
+ {
1806
+ isOpen: !!isModalOpen,
1807
+ setIsOpen: setIsModalOpen,
1808
+ modalHeading: title,
1809
+ modalSecondaryButtonText: "Close",
1810
+ children: /* @__PURE__ */ jsxRuntime.jsx(SmartText_default, { richText: description })
1811
+ }
1812
+ )
1813
+ ] });
1814
+ };
1815
+ var TileValue_default = TileValue;
1816
+
1817
+ // src/components/TileValue/index.ts
1818
+ React.memo(TileValue_default);
1752
1819
  var CustomTabs = () => {
1753
1820
  const [selected, setSelected] = React.useState(0);
1754
1821
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Tabs, { selectedIndex: selected, onChange: ({ selectedIndex }) => setSelected(selectedIndex), children: [
@@ -1828,5 +1895,6 @@ exports.SmartText = SmartText_default;
1828
1895
  exports.TileBanner = TileBanner_default;
1829
1896
  exports.TilePictogram = TilePictogram_default;
1830
1897
  exports.TilePost = TilePost_default;
1898
+ exports.TileValue = TileValue_default;
1831
1899
  exports.TileVariants = TileVariants_default;
1832
1900
  exports.useContainerSize = useContainerSize;
package/dist/index.mjs CHANGED
@@ -10,6 +10,9 @@ import { BLOCKS, MARKS, INLINES } from '@contentful/rich-text-types';
10
10
  import * as CarbonIcons from '@carbon/icons-react';
11
11
  import { Information, ArrowRight, ArrowUpRight, CommunicationUnified, CustomerService, Chat, Email, Quotes } from '@carbon/icons-react';
12
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';
13
+ import Containers_02 from '@carbon/pictograms-react/lib/containers--02';
14
+ import DataStore from '@carbon/pictograms-react/lib/data--store';
15
+ import DataPrivacyKey from '@carbon/pictograms-react/lib/data--privacy--key';
13
16
 
14
17
  var __defProp = Object.defineProperty;
15
18
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -564,10 +567,13 @@ var CMSRichText = ({ data, className }) => {
564
567
  return /* @__PURE__ */ jsx(CMSRichTextSkeleton_default, {});
565
568
  }
566
569
  const assetsMap = {};
567
- data.links?.assets.block.forEach((asset) => {
570
+ data.links?.assets?.block?.forEach((asset) => {
568
571
  assetsMap[asset.sys.id] = asset;
569
572
  });
570
573
  const entriesMap = {};
574
+ data.links?.entries?.inline?.forEach((entry) => {
575
+ entriesMap[entry.sys.id] = entry;
576
+ });
571
577
  data.links?.entries?.hyperlink?.forEach((entry) => {
572
578
  entriesMap[entry.sys.id] = entry;
573
579
  });
@@ -885,7 +891,10 @@ var CP_nameOpt = [
885
891
  "Multitask",
886
892
  "PoughkeepsieBridge",
887
893
  "AssetManagement",
888
- "Presenter"
894
+ "Presenter",
895
+ "Containers_02",
896
+ "DataStore",
897
+ "DataPrivacyKey"
889
898
  ];
890
899
 
891
900
  // src/components/CustomPictogram/libs/helpers.tsx
@@ -916,7 +925,10 @@ var CP_pictogramMap = {
916
925
  Multitask,
917
926
  PoughkeepsieBridge,
918
927
  AssetManagement,
919
- Presenter
928
+ Presenter,
929
+ Containers_02,
930
+ DataStore,
931
+ DataPrivacyKey
920
932
  };
921
933
  var CP_getPictogram = ({
922
934
  name
@@ -1722,6 +1734,58 @@ var TilePost_default = TilePost;
1722
1734
 
1723
1735
  // src/components/TilePost/index.ts
1724
1736
  memo(TilePost_default);
1737
+ var TileValue = ({
1738
+ className,
1739
+ pictogramName,
1740
+ title,
1741
+ slug,
1742
+ description
1743
+ }) => {
1744
+ const [isModalOpen, setIsModalOpen] = useState(false);
1745
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
1746
+ /* @__PURE__ */ jsxs(
1747
+ Tile,
1748
+ {
1749
+ className: `enj-TileValue ${className ?? ""}`.trim(),
1750
+ "aria-label": `${title} tile`,
1751
+ role: "article",
1752
+ "data-slug": slug,
1753
+ onClick: () => setIsModalOpen(true),
1754
+ children: [
1755
+ /* @__PURE__ */ jsxs("div", { className: "enj-TileValue-copy", children: [
1756
+ /* @__PURE__ */ jsx("h3", { className: "enj-TileValue-title", children: title }),
1757
+ /* @__PURE__ */ jsx("span", { className: "enj-TileValue-slug", children: slug })
1758
+ ] }),
1759
+ /* @__PURE__ */ jsxs("div", { className: "enj-TileValue-header", children: [
1760
+ /* @__PURE__ */ jsx(
1761
+ CustomPictogram_default,
1762
+ {
1763
+ name: pictogramName,
1764
+ className: "enj-TileValue-pictogram",
1765
+ size: "sm"
1766
+ }
1767
+ ),
1768
+ /* @__PURE__ */ jsx("div", { className: "enj-TileValue-icon-wrapper", children: /* @__PURE__ */ jsx(Information, { className: "enj-TileValue-icon", "aria-hidden": "true" }) })
1769
+ ] })
1770
+ ]
1771
+ }
1772
+ ),
1773
+ /* @__PURE__ */ jsx(
1774
+ ContentModal,
1775
+ {
1776
+ isOpen: !!isModalOpen,
1777
+ setIsOpen: setIsModalOpen,
1778
+ modalHeading: title,
1779
+ modalSecondaryButtonText: "Close",
1780
+ children: /* @__PURE__ */ jsx(SmartText_default, { richText: description })
1781
+ }
1782
+ )
1783
+ ] });
1784
+ };
1785
+ var TileValue_default = TileValue;
1786
+
1787
+ // src/components/TileValue/index.ts
1788
+ memo(TileValue_default);
1725
1789
  var CustomTabs = () => {
1726
1790
  const [selected, setSelected] = useState(0);
1727
1791
  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Tabs, { selectedIndex: selected, onChange: ({ selectedIndex }) => setSelected(selectedIndex), children: [
@@ -1784,4 +1848,4 @@ var HeadlinedList_default = HeadlinedList;
1784
1848
  memo(HeadlinedList_default);
1785
1849
  memo(List_default);
1786
1850
 
1787
- export { AppHeader_default as AppHeader, Banner_default as Banner, BrandLogo_default as BrandLogo, CMSRichText_default as CMSRichText, CP_getPictogram, CP_pictogramMap, ContactButton_default as ContactButton, CustomPictogram_default as CustomPictogram, CustomQuotes_default as CustomQuotes, CustomTabs_default as CustomTabs, FeatureText_default as FeatureText, HeadlinedList_default as HeadlinedList, List_default as List, SmartText_default as SmartText, TileBanner_default as TileBanner, TilePictogram_default as TilePictogram, TilePost_default as TilePost, TileVariants_default as TileVariants, useContainerSize };
1851
+ export { AppHeader_default as AppHeader, Banner_default as Banner, BrandLogo_default as BrandLogo, CMSRichText_default as CMSRichText, CP_getPictogram, CP_pictogramMap, ContactButton_default as ContactButton, CustomPictogram_default as CustomPictogram, CustomQuotes_default as CustomQuotes, CustomTabs_default as CustomTabs, FeatureText_default as FeatureText, HeadlinedList_default as HeadlinedList, List_default as List, SmartText_default as SmartText, TileBanner_default as TileBanner, TilePictogram_default as TilePictogram, TilePost_default as TilePost, TileValue_default as TileValue, TileVariants_default as TileVariants, useContainerSize };
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- :root{--enj-grid-gap: 1rem}.enj-container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;max-width:1280px}:root{--enj-h1-mb: 0.75rem;--enj-h1-ft: 1.75rem;--enj-h2-mb: 0.5rem;--enj-h2-ft: 1.5rem;--enj-h3-mb: 0.75rem;--enj-h3-ft: 1.25rem;--enj-h4-mb: 0.5rem;--enj-h4-ft: 1rem}h1{font-weight:500;font-size:var(--enj-h1-ft);margin-bottom:var(--enj-h1-mb);line-height:1.2}@media(min-width: 42rem){h1{--enj-h1-ft: 2rem;--enj-h1-mb: 1rem}}@media(min-width: 66rem){h1{--enj-h1-ft: 2.825rem}}@media(min-width: 82rem){h1{--enj-h1-ft: 3.1rem}}h2{font-weight:500;font-size:var(--enj-h2-ft);margin-bottom:var(--enj-h2-mb);line-height:1.25}@media(min-width: 42rem){h2{--enj-h2-ft: 1.75rem;--enj-h2-mb: 1.5rem}}@media(min-width: 66rem){h2{--enj-h2-ft: 2rem}}@media(min-width: 82rem){h2{--enj-h2-ft: 2.25rem}}h3{font-weight:500;font-size:var(--enj-h3-ft);margin-bottom:var(--enj-h3-mb);line-height:1.3}@media(min-width: 42rem){h3{--enj-h3-ft: 1.5rem;--enj-h3-mb: 1rem}}@media(min-width: 66rem){h3{--enj-h3-ft: 1.75rem}}h4{font-weight:500;font-size:var(--enj-h4-ft);margin-bottom:var(--enj-h4-mb);line-height:1.4}@media(min-width: 42rem){h4{--enj-h4-ft: 1.25rem;--enj-h4-mb: 0.75rem}}:root{--enj-skeleton-anim-title-h: 24px;--enj-skeleton-anim-text-h: 16px}.skeleton{display:inline-block;background-color:#a8a8a8;border-radius:4px;position:relative;overflow:hidden}.skeleton::after{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{100%{transform:translateX(150%)}}.skeleton-bot-spacing-1{margin-bottom:12px}.skeleton-bot-spacing-2{margin-bottom:5px}.skeleton-title{width:70%;height:var(--enj-skeleton-anim-title-h);margin-bottom:12px}.skeleton-text-wrapper .skeleton-list-item{display:flex;gap:10px}.skeleton-text,.skeleton-list-item,.skeleton-dot{width:100%;height:var(--enj-skeleton-anim-text-h)}.skeleton-dot{width:var(--enj-skeleton-anim-text-h)}.enj-AppHeader{--enj-AppHeader--fs: 1.05rem}.enj-AppHeader .header-inner{display:flex;align-items:center}.enj-AppHeader .cds--header__name,.enj-AppHeader a.cds--header__menu-item{padding:.8rem 1rem}.enj-AppHeader .cds--header__name,.enj-AppHeader a.cds--header__menu-item{font-size:var(--enj-AppHeader--fs)}.enj-AppHeader .cds--header__name:hover,.enj-AppHeader a.cds--header__menu-item:hover{cursor:pointer;color:#fff;background-color:#0100c0}.enj-AppHeader .cds--header__action:active{background-color:#0100c0}.enj-AppHeader .cds--header__action:active svg{fill:#fff}@media(min-width: 42rem){.enj-AppHeader{--enj-AppHeader--fs: 1.1rem}}@media(min-width: 66rem){.enj-AppHeader{--enj-AppHeader--fs: 1.15rem}}@media(min-width: 82rem){.enj-AppHeader{--enj-AppHeader--fs: 1.2rem}}:root{--enj-Banner-gap: 3rem;--enj-Banner-p-font-size: 1.25rem}.enj-Banner.enj-Banner--isHuge{--enj-Banner-jumbotron-padd: var(--enj-Banner-padd-top) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd);--enj-Banner-padd-top: 1.5rem;--enj-Banner-padd-bot: 8.5rem;--enj-Banner-jumbotron-padd: var(--enj-Banner-padd-top) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd)}.enj-Banner.enj-Banner--isHuge.enj-Banner-md{--enj-Banner-padd-top: 2rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-lg p{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.enj-Banner.enj-Banner--isHuge.enj-Banner-lg{--enj-Banner-padd-top: 4rem;--enj-Banner-padd-bot: 12rem }.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg p,.enj-Banner.enj-Banner--isHuge.enj-Banner-max p{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg,.enj-Banner.enj-Banner--isHuge.enj-Banner-max{--enj-Banner-padd-top: 8rem;--enj-Banner-padd-bot: 14.75rem }.enj-Banner h1,.enj-Banner h2,.enj-Banner h3,.enj-Banner h4,.enj-Banner h5,.enj-Banner h6{color:#fff}.enj-Banner p,.enj-Banner span{color:#e0e0e0;font-size:var(--enj-Banner-p-font-size)}.enj-Banner a{color:#20a2ff}.enj-Banner a span{color:#20a2ff}.enj-Banner a:hover{text-decoration:none}.enj-Banner .skeleton{background-color:#8d8d8d}.enj-Banner{background-color:#191947}.enj-Banner .enj-FeatureText-title{margin-top:0;margin-bottom:1rem}.enj-Banner .enj-FeatureText-article>p:last-of-type,.enj-Banner .enj-CMSRichText>p:last-of-type{margin-bottom:0}.enj-Banner{--enj-Banner-padd: var(--enj-Banner-gap) 0 var(--enj-Banner-gap) 0;padding:var(--enj-Banner-padd)}.enj-Banner.enj-Banner-md{--enj-Banner-gap: 5rem}.enj-Banner.enj-Banner-lg{--enj-Banner-gap: 5rem}.enj-Banner.enj-Banner-xlg{--enj-Banner-gap: 6rem}.enj-Banner.enj-Banner-max{--enj-Banner-gap: 6rem}.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-display: none;--enj-Banner-bg-width: 30rem;--enj-Banner-bg-size: 30rem;--enj-Banner-bg-right: -15rem;position:relative;overflow:hidden}.enj-Banner.enj-Banner--hasBgImage .enj-Banner-bgimg{position:absolute;display:var(--enj-Banner-bg-display);top:0;right:var(--enj-Banner-bg-right);bottom:0;width:var(--enj-Banner-bg-width);background-image:var(--banner-bg-image);background-repeat:no-repeat;background-position:top left;background-size:var(--enj-Banner-bg-size);z-index:0}@media(min-width: 42rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-display: block;--enj-Banner-bg-right: max(-280px, calc((100vw - 1584px) / 2))}}@media(min-width: 66rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-width: min(45rem, 100%);--enj-Banner-bg-right: max(-140px, calc((100vw - 1584px) / 2));--enj-Banner-bg-width: 35rem;--enj-Banner-bg-size: 35rem}}@media(min-width: 82rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-width: 40rem;--enj-Banner-bg-size: 40rem}}.enj-BrandLogo{font-weight:bold;text-transform:uppercase}.custom-quotes{--enj-CusQuotes--fs: 22px;--enj-CusQuotes--lh: 36px;--enj-CusQuotes--mg: 12px 20px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.custom-quotes__icon{width:65px;height:65px;color:#0100c0}.custom-quotes__text{font-size:var(--enj-CusQuotes--fs);line-height:var(--enj-CusQuotes--lh);margin:var(--enj-CusQuotes--mg);max-width:800px;font-weight:bold}@media(max-width: 19.98rem){.custom-quotes__text{--enj-CusQuotes--fs: 20px;--enj-CusQuotes--lh: 32px;--enj-CusQuotes--mg: 20px 16px 30px 16px}}@media(max-width: 19.98rem){.custom-quotes__text{--enj-CusQuotes--fs: 18px;--enj-CusQuotes--lh: 28px;--enj-CusQuotes--mg: 15px 12px 25px 12px}}.custom-quotes__text .enj-CMSRichText p,.custom-quotes__text .enj-CMSRichText ul{margin-top:0}.custom-quotes__text .enj-CMSRichText p:last-of-type,.custom-quotes__text .enj-CMSRichText ul:last-of-type{margin-bottom:0}.custom-quotes__hr{border-width:0;width:120px;height:4px;margin:15px 0 0 0;background-color:#0100c0}@media(max-width: 41.98rem){.custom-quotes{padding:80px 0}.custom-quotes__icon{width:55px;height:55px}}@media(max-width: 19.98rem){.custom-quotes{padding:60px 0}.custom-quotes__icon{width:45px;height:45px}}@media(max-width: 19.98rem){.custom-quotes{padding:40px 0}.custom-quotes__icon{width:40px;height:40px}}.enj-contentModal{--enj-contModal-closeBtn-right: 0;--enj-contModal-header-paddInline: 1.5rem;--enj-contModal-header-paddBlockStr: 2rem;--enj-contModal-content-paddInline: 1.5rem;--enj-contModal-h1: 1.75rem;--enj-contModal-h2: 1.5rem;--enj-contModal-h3: 1.25rem}.enj-contentModal .cds--modal-header__heading{color:#0100c0}.enj-contentModal .cds--modal-close-button{top:1rem;right:var(--enj-contModal-closeBtn-right)}.enj-contentModal .cds--modal-header{padding-block-start:var(--enj-contModal-header-paddBlockStr);padding-inline:var(--enj-contModal-header-paddInline)}.enj-contentModal .cds--modal-content{padding-inline:var(--enj-contModal-content-paddInline)}.enj-contentModal h1{font-size:var(--enj-contModal-h1)}.enj-contentModal h2{font-size:var(--enj-contModal-h2)}.enj-contentModal h3{font-size:var(--enj-contModal-h3)}@media(min-width: 42rem){.enj-contentModal{--enj-contModal-closeBtn-right: 1rem;--enj-contModal-header-paddInline: 2rem;--enj-contModal-content-paddInline: 2rem}}@media(min-width: 66rem){.enj-contentModal{--enj-contModal-header-paddInline: 3rem;--enj-contModal-content-paddInline: 3rem}}@media(min-width: 82rem){.enj-contentModal{--enj-contModal-header-paddInline: 4rem;--enj-contModal-content-paddInline: 4rem}}.enj-CustomTile-icon-wrapper{display:flex;align-items:center}.enj-CustomTile{background-color:#e3ebf9}.enj-CustomTile-has-hover-effect,.enj-CustomTile-anchor-tag,.enj-CustomTile--has-modal{display:block}:root{--enj-TB-bann-flex-dir: column;--enj-TB-bann-align-items: flex-start;--enj-TB-flex-gap: 1rem;--enj-TB-bann-title-mb: 0;--enj-TB-banner-pad: 4rem;--enj-TB-bann-title-flex: unset;--enj-TB-bann-article-flex: unset;--enj-TB-br-col: #6f6f6f;--enj-TB-card-pad: 2rem;--enj-TB-card-img-col-gap: 1.5rem;--enj-TB-card-withIcon-gap: 1rem;--enj-TB-icon-dimg: 1.5rem}.enj-TileBanner--banner .enj-TileBanner-title{margin-bottom:var(--enj-TB-bann-title-mb);flex:var(--enj-TB-bann-title-flex)}.enj-TileBanner--banner article{flex:var(--enj-TB-bann-article-flex)}.enj-TileBanner--banner .enj-FeatureText{display:flex;gap:var(--enj-TB-flex-gap);flex-direction:var(--enj-TB-bann-flex-dir);align-items:var(--enj-TB-bann-align-items)}.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-TileBanner--banner:not(.enj-TileBanner--has-link){padding:var(--enj-TB-banner-pad)}.enj-TileBanner--banner.enj-TileBanner--has-link{padding:0}.enj-TileBanner--banner.enj-TileBanner--has-link a{padding:var(--enj-TB-banner-pad)}.enj-TileBanner--banner.enj-TileBanner-sm{--enj-TB-banner-pad: 0.75rem}.enj-TileBanner--banner.enj-TileBanner-md{--enj-TB-banner-pad: 4rem}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-banner-pad: 6rem}.enj-TileBanner--banner.enj-TileBanner-lg{--enj-TB-flex-gap: 1.2rem}.enj-TileBanner--banner.enj-TileBanner-xlg{--enj-TB-flex-gap: 1.5rem}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-flex-gap: 2rem}.enj-TileBanner--banner.enj-TileBanner-xlg{--enj-TB-bann-flex-dir: row;--enj-TB-bann-align-items: center;--enj-TB-flex-gap: 3.5rem;--enj-TB-bann-title-flex: 0.6;--enj-TB-bann-article-flex: 1}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-bann-flex-dir: row;--enj-TB-bann-align-items: center;--enj-TB-flex-gap: 6rem;--enj-TB-bann-title-flex: 0.6;--enj-TB-bann-article-flex: 1}.enj-TileBanner{background-color:#e3ebf9}.enj-TileBanner .enj-TileBanner-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-TileBanner .enj-TileBanner-icon{margin-top:1rem;width:var(--enj-TB-icon-dimg);height:var(--enj-TB-icon-dimg)}.enj-TileBanner a{text-decoration:none}.enj-TileBanner .enj-TileBanner-title{color:#262626}.enj-TileBanner .enj-TileBanner-title a{color:#262626}.enj-TileBanner .enj-FeatureText-article,.enj-TileBanner .enj-TileBanner-pictogram{color:#525252}.enj-TileBanner .enj-FeatureText-article a,.enj-TileBanner .enj-TileBanner-pictogram a{color:#525252}.enj-TileBanner .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-TileBanner .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-TileBanner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-TileBanner-has-hover-effect,.enj-TileBanner-anchor-tag,.enj-TileBanner--has-modal{display:block}.enj-TileBanner-has-hover-effect:hover,.enj-TileBanner-anchor-tag:hover,.enj-TileBanner--has-modal:hover{cursor:pointer;background-color:#0100c0}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-pictogram,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-pictogram,.enj-TileBanner--has-modal:hover .enj-TileBanner-pictogram{color:#a8c2f2}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-icon-wrapper svg,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-icon-wrapper svg,.enj-TileBanner--has-modal:hover .enj-TileBanner-icon-wrapper svg{color:#a8c2f2}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-title,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-title,.enj-TileBanner--has-modal:hover .enj-TileBanner-title{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-title a,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-title a,.enj-TileBanner--has-modal:hover .enj-TileBanner-title a{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-FeatureText-article,.enj-TileBanner-anchor-tag:hover .enj-FeatureText-article,.enj-TileBanner--has-modal:hover .enj-FeatureText-article{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-FeatureText-article a,.enj-TileBanner-anchor-tag:hover .enj-FeatureText-article a,.enj-TileBanner--has-modal:hover .enj-FeatureText-article a{color:#fff}.enj-TileBanner-icon-wrapper{display:flex;align-items:center}:root{--enj-PTL-bann-flex-dir: column;--enj-PTL-bann-align-items: flex-start;--enj-PTL-bann-flex-gap: 1rem;--enj-PTL-bann-title-mb: 0;--enj-PTL-banner-pad: 4rem;--enj-PTL-bann-title-flex: unset;--enj-PTL-bann-article-flex: unset;--enj-PTL-br-col: #6f6f6f;--enj-PTL-card-pad: 2rem;--enj-PTL-card-withIcon-gap: 1rem;--enj-PTL-icon-dimg: 1.5rem}.enj-postTile{padding:0;background-color:#e3ebf9}.enj-postTile .enj-postTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-postTile .enj-postTile-icon{margin-top:1rem;width:var(--enj-PTL-icon-dimg);height:var(--enj-PTL-icon-dimg);transform:translateX(-4rem);transition:transform 260ms cubic-bezier(0.22, 1, 0.36, 1),fill 220ms ease}.enj-postTile .enj-postTile-link{display:flex;align-items:center;padding:.5rem 1rem;gap:.5rem;font-size:1rem;font-weight:700;text-decoration:underline;background-color:#c7dbff;border-radius:1rem;width:fit-content;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile .enj-postTile-link span{color:#313131}.enj-postTile .enj-postTile-link:hover{color:#c7dbff;background-color:#dc0680;text-decoration:none}.enj-postTile .enj-postTile-link:hover span{color:#c7dbff}.enj-postTile.enj-postTile--card{padding:var(--enj-PTL-card-pad)}.enj-postTile.enj-postTile-sm{--enj-PTL-card-pad: 1rem}.enj-postTile.enj-postTile-md{--enj-PTL-card-pad: 2rem}.enj-postTile.enj-postTile-lg,.enj-postTile.enj-postTile-xlg,.enj-postTile.enj-postTile-max{--enj-PTL-card-pad: 3rem}.enj-postTile a{text-decoration:none}.enj-postTile .enj-postTile-title,.enj-postTile .enj-postTile-title a,.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram,.enj-postTile .enj-postTile-pictogram a{transition:color 220ms ease}.enj-postTile .enj-postTile-title{color:#262626}.enj-postTile .enj-postTile-title a{color:#262626}.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-postTile-pictogram{color:#525252}.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram a{color:#525252}.enj-postTile>.enj-postTile-link{margin-bottom:calc(var(--enj-PTL-card-pad)/3)}.enj-postTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-postTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-postTile{display:block;cursor:pointer;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile:hover{background-color:#0100c0}.enj-postTile:hover .enj-postTile-title{color:#fff}.enj-postTile:hover .enj-postTile-title a{color:#fff}.enj-postTile:hover .enj-FeatureText-article{color:#fff}.enj-postTile:hover .enj-FeatureText-article a{color:#fff}.enj-postTile:hover .enj-postTile-icon{fill:#fff;transform:translateX(0)}:root{--enj-PGL-br-col: #6f6f6f;--enj-PGL-card-img-col-gap: 1.5rem;--enj-PGL-card-withIcon-gap: 1rem;--enj-PGL-icon-dimg: 1.5rem}.enj-PictogramTile{background-color:#e3ebf9}.enj-PictogramTile .enj-PictogramTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-PictogramTile .enj-PictogramTile-icon{margin-top:1rem;width:var(--enj-PGL-icon-dimg);height:var(--enj-PGL-icon-dimg)}.enj-PictogramTile{--enj-PGL-card-pad: 0.75rem;padding:var(--enj-PGL-card-pad)}.enj-PictogramTile.enj-PictogramTile-md{--enj-PGL-card-pad: 1.5rem}.enj-PictogramTile.enj-PictogramTile-md{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-PGL-card-img-col-gap)}.enj-PictogramTile.enj-PictogramTile-md .enj-PictogramTile-icon-wrapper{grid-column:2}.enj-PictogramTile a{text-decoration:none}.enj-PictogramTile .enj-PictogramTile-title{color:#262626}.enj-PictogramTile .enj-PictogramTile-title a{color:#262626}.enj-PictogramTile .enj-FeatureText-article,.enj-PictogramTile .enj-PictogramTile-pictogram{color:#525252}.enj-PictogramTile .enj-FeatureText-article a,.enj-PictogramTile .enj-PictogramTile-pictogram a{color:#525252}.enj-PictogramTile .enj-PictogramTile-pictogram{color:#4a75c6}.enj-PictogramTile .enj-PictogramTile-icon-wrapper svg{color:#0100c0}.enj-PictogramTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-PictogramTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-PictogramTile--has-modal,.enj-PictogramTile-has-hover-effect,.enj-PictogramTile-anchor-tag{display:block}.enj-PictogramTile--has-modal:hover,.enj-PictogramTile-has-hover-effect:hover,.enj-PictogramTile-anchor-tag:hover{cursor:pointer;background-color:#0100c0}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-pictogram,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-pictogram,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-pictogram{color:#a8c2f2}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-icon-wrapper svg,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-icon-wrapper svg,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-icon-wrapper svg{color:#a8c2f2}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-title,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-title,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-title{color:#fff}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-title a,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-title a,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-title a{color:#fff}.enj-PictogramTile--has-modal:hover .enj-FeatureText-article,.enj-PictogramTile-has-hover-effect:hover .enj-FeatureText-article,.enj-PictogramTile-anchor-tag:hover .enj-FeatureText-article{color:#fff}.enj-PictogramTile--has-modal:hover .enj-FeatureText-article a,.enj-PictogramTile-has-hover-effect:hover .enj-FeatureText-article a,.enj-PictogramTile-anchor-tag:hover .enj-FeatureText-article a{color:#fff}.enj-list{padding-left:1.1rem}.enj-list li{line-height:1.5rem}ol.enj-list{list-style:decimal}ul.enj-list{list-style:disc}.enj-CMSRichText{--enj-CMSRichText-ul-pad-left: 1.4rem;--enj-CMSRichText-ul-mb: 1.4rem;--enj-CMSRichText-hr-gap: 1.7rem}.enj-CMSRichText ul{list-style:disc}.enj-CMSRichText ol{list-style:decimal}.enj-CMSRichText ul,.enj-CMSRichText ol{padding-left:var(--enj-CMSRichText-ul-pad-left);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText ul li p,.enj-CMSRichText ol li p{margin-bottom:0}.enj-CMSRichText p{border:1px solid rgba(0,0,0,0);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote{border-left:.6rem solid #0100c0;padding-left:1rem;margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote *{color:#0d3a90}.enj-CMSRichText blockquote p:last-of-type{margin-bottom:0}.enj-CMSRichText blockquote{padding:1rem;background:#e3ebf9}.enj-CMSRichText hr{margin:var(--enj-CMSRichText-hr-gap) 0;border-top:1px solid #9daed2}.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 1rem;padding:var(--enj-CMSRichText-fig-pad);background:#e3ebf9;border:0px solid #99a3b9;margin-bottom:1rem;line-height:1.4rem;font-size:1rem;font-weight:400;font-style:italic}.enj-CMSRichText figure *{color:#0d3a90}.enj-CMSRichText figure .asset-image-wrapper{position:relative;width:100%;aspect-ratio:16/9}@media(min-width: 42rem){.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 1.5rem}}@media(min-width: 66rem){.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 2rem}}.enj-CMSRichText table{border:1px solid #99a3b9}.enj-CMSRichText table th,.enj-CMSRichText table td{padding:1rem}.enj-CMSRichText table th{border:1px solid #9daed2;background:#0d3a90;color:#e3ebf9;font-weight:bold}.enj-CMSRichText table th *{font-weight:bold}.enj-CMSRichText table th p:last-of-type{margin:0;padding:0}.enj-CMSRichText table td{border:1px solid #9daed2}.enj-CMSRichText table td p{margin:0;padding:0}.enj-CMSRichText table tr:nth-child(2n) td{background:#dee5f3}.enj-CMSRichText table tr:nth-child(2n+1) td{background:#e3ebf9}
1
+ :root{--enj-grid-gap: 1rem}.enj-container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;max-width:1280px}:root{--enj-h1-mb: 0.75rem;--enj-h1-ft: 1.75rem;--enj-h2-mb: 0.5rem;--enj-h2-ft: 1.5rem;--enj-h3-mb: 0.75rem;--enj-h3-ft: 1.25rem;--enj-h4-mb: 0.5rem;--enj-h4-ft: 1rem}h1{font-weight:500;font-size:var(--enj-h1-ft);margin-bottom:var(--enj-h1-mb);line-height:1.2}@media(min-width: 42rem){h1{--enj-h1-ft: 2rem;--enj-h1-mb: 1rem}}@media(min-width: 66rem){h1{--enj-h1-ft: 2.825rem}}@media(min-width: 82rem){h1{--enj-h1-ft: 3.1rem}}h2{font-weight:500;font-size:var(--enj-h2-ft);margin-bottom:var(--enj-h2-mb);line-height:1.25}@media(min-width: 42rem){h2{--enj-h2-ft: 1.75rem;--enj-h2-mb: 1.5rem}}@media(min-width: 66rem){h2{--enj-h2-ft: 2rem}}@media(min-width: 82rem){h2{--enj-h2-ft: 2.25rem}}h3{font-weight:500;font-size:var(--enj-h3-ft);margin-bottom:var(--enj-h3-mb);line-height:1.3}@media(min-width: 42rem){h3{--enj-h3-ft: 1.5rem;--enj-h3-mb: 1rem}}@media(min-width: 66rem){h3{--enj-h3-ft: 1.75rem}}h4{font-weight:500;font-size:var(--enj-h4-ft);margin-bottom:var(--enj-h4-mb);line-height:1.4}@media(min-width: 42rem){h4{--enj-h4-ft: 1.25rem;--enj-h4-mb: 0.75rem}}:root{--enj-skeleton-anim-title-h: 24px;--enj-skeleton-anim-text-h: 16px}.skeleton{display:inline-block;background-color:#a8a8a8;border-radius:4px;position:relative;overflow:hidden}.skeleton::after{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{100%{transform:translateX(150%)}}.skeleton-bot-spacing-1{margin-bottom:12px}.skeleton-bot-spacing-2{margin-bottom:5px}.skeleton-title{width:70%;height:var(--enj-skeleton-anim-title-h);margin-bottom:12px}.skeleton-text-wrapper .skeleton-list-item{display:flex;gap:10px}.skeleton-text,.skeleton-list-item,.skeleton-dot{width:100%;height:var(--enj-skeleton-anim-text-h)}.skeleton-dot{width:var(--enj-skeleton-anim-text-h)}.enj-AppHeader{--enj-AppHeader--fs: 1.05rem}.enj-AppHeader .header-inner{display:flex;align-items:center}.enj-AppHeader .cds--header__name,.enj-AppHeader a.cds--header__menu-item{padding:.8rem 1rem}.enj-AppHeader .cds--header__name,.enj-AppHeader a.cds--header__menu-item{font-size:var(--enj-AppHeader--fs)}.enj-AppHeader .cds--header__name:hover,.enj-AppHeader a.cds--header__menu-item:hover{cursor:pointer;color:#fff;background-color:#0100c0}.enj-AppHeader .cds--header__action:active{background-color:#0100c0}.enj-AppHeader .cds--header__action:active svg{fill:#fff}@media(min-width: 42rem){.enj-AppHeader{--enj-AppHeader--fs: 1.1rem}}@media(min-width: 66rem){.enj-AppHeader{--enj-AppHeader--fs: 1.15rem}}@media(min-width: 82rem){.enj-AppHeader{--enj-AppHeader--fs: 1.2rem}}:root{--enj-Banner-gap: 3rem;--enj-Banner-p-font-size: 1.25rem}.enj-Banner.enj-Banner--isHuge{--enj-Banner-jumbotron-padd: var(--enj-Banner-padd-top) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd);--enj-Banner-padd-top: 1.5rem;--enj-Banner-padd-bot: 8.5rem;--enj-Banner-jumbotron-padd: var(--enj-Banner-padd-top) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd)}.enj-Banner.enj-Banner--isHuge.enj-Banner-md{--enj-Banner-padd-top: 2rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-lg p{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.enj-Banner.enj-Banner--isHuge.enj-Banner-lg{--enj-Banner-padd-top: 4rem;--enj-Banner-padd-bot: 12rem }.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg p,.enj-Banner.enj-Banner--isHuge.enj-Banner-max p{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0)}.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg,.enj-Banner.enj-Banner--isHuge.enj-Banner-max{--enj-Banner-padd-top: 8rem;--enj-Banner-padd-bot: 14.75rem }.enj-Banner h1,.enj-Banner h2,.enj-Banner h3,.enj-Banner h4,.enj-Banner h5,.enj-Banner h6{color:#fff}.enj-Banner p,.enj-Banner span{color:#e0e0e0;font-size:var(--enj-Banner-p-font-size)}.enj-Banner a{color:#20a2ff}.enj-Banner a span{color:#20a2ff}.enj-Banner a:hover{text-decoration:none}.enj-Banner .skeleton{background-color:#8d8d8d}.enj-Banner{background-color:#191947}.enj-Banner .enj-FeatureText-title{margin-top:0;margin-bottom:1rem}.enj-Banner .enj-FeatureText-article>p:last-of-type,.enj-Banner .enj-CMSRichText>p:last-of-type{margin-bottom:0}.enj-Banner{--enj-Banner-padd: var(--enj-Banner-gap) 0 var(--enj-Banner-gap) 0;padding:var(--enj-Banner-padd)}.enj-Banner.enj-Banner-md{--enj-Banner-gap: 5rem}.enj-Banner.enj-Banner-lg{--enj-Banner-gap: 5rem}.enj-Banner.enj-Banner-xlg{--enj-Banner-gap: 6rem}.enj-Banner.enj-Banner-max{--enj-Banner-gap: 6rem}.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-display: none;--enj-Banner-bg-width: 30rem;--enj-Banner-bg-size: 30rem;--enj-Banner-bg-right: -15rem;position:relative;overflow:hidden}.enj-Banner.enj-Banner--hasBgImage .enj-Banner-bgimg{position:absolute;display:var(--enj-Banner-bg-display);top:0;right:var(--enj-Banner-bg-right);bottom:0;width:var(--enj-Banner-bg-width);background-image:var(--banner-bg-image);background-repeat:no-repeat;background-position:top left;background-size:var(--enj-Banner-bg-size);z-index:0}@media(min-width: 42rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-display: block;--enj-Banner-bg-right: max(-280px, calc((100vw - 1584px) / 2))}}@media(min-width: 66rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-width: min(45rem, 100%);--enj-Banner-bg-right: max(-140px, calc((100vw - 1584px) / 2));--enj-Banner-bg-width: 35rem;--enj-Banner-bg-size: 35rem}}@media(min-width: 82rem){.enj-Banner.enj-Banner--hasBgImage{--enj-Banner-bg-width: 40rem;--enj-Banner-bg-size: 40rem}}.enj-BrandLogo{font-weight:bold;text-transform:uppercase}.custom-quotes{--enj-CusQuotes--fs: 22px;--enj-CusQuotes--lh: 36px;--enj-CusQuotes--mg: 12px 20px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.custom-quotes__icon{width:65px;height:65px;color:#0100c0}.custom-quotes__text{font-size:var(--enj-CusQuotes--fs);line-height:var(--enj-CusQuotes--lh);margin:var(--enj-CusQuotes--mg);max-width:800px;font-weight:bold}@media(max-width: 19.98rem){.custom-quotes__text{--enj-CusQuotes--fs: 20px;--enj-CusQuotes--lh: 32px;--enj-CusQuotes--mg: 20px 16px 30px 16px}}@media(max-width: 19.98rem){.custom-quotes__text{--enj-CusQuotes--fs: 18px;--enj-CusQuotes--lh: 28px;--enj-CusQuotes--mg: 15px 12px 25px 12px}}.custom-quotes__text .enj-CMSRichText p,.custom-quotes__text .enj-CMSRichText ul{margin-top:0}.custom-quotes__text .enj-CMSRichText p:last-of-type,.custom-quotes__text .enj-CMSRichText ul:last-of-type{margin-bottom:0}.custom-quotes__hr{border-width:0;width:120px;height:4px;margin:15px 0 0 0;background-color:#0100c0}@media(max-width: 41.98rem){.custom-quotes{padding:80px 0}.custom-quotes__icon{width:55px;height:55px}}@media(max-width: 19.98rem){.custom-quotes{padding:60px 0}.custom-quotes__icon{width:45px;height:45px}}@media(max-width: 19.98rem){.custom-quotes{padding:40px 0}.custom-quotes__icon{width:40px;height:40px}}.enj-contentModal{--enj-contModal-closeBtn-right: 0;--enj-contModal-header-paddInline: 1.5rem;--enj-contModal-header-paddBlockStr: 2rem;--enj-contModal-content-paddInline: 1.5rem;--enj-contModal-h1: 1.75rem;--enj-contModal-h2: 1.5rem;--enj-contModal-h3: 1.25rem}.enj-contentModal .cds--modal-header__heading{color:#0100c0}.enj-contentModal .cds--modal-close-button{top:1rem;right:var(--enj-contModal-closeBtn-right)}.enj-contentModal .cds--modal-header{padding-block-start:var(--enj-contModal-header-paddBlockStr);padding-inline:var(--enj-contModal-header-paddInline)}.enj-contentModal .cds--modal-content{padding-inline:var(--enj-contModal-content-paddInline)}.enj-contentModal h1{font-size:var(--enj-contModal-h1)}.enj-contentModal h2{font-size:var(--enj-contModal-h2)}.enj-contentModal h3{font-size:var(--enj-contModal-h3)}@media(min-width: 42rem){.enj-contentModal{--enj-contModal-closeBtn-right: 1rem;--enj-contModal-header-paddInline: 2rem;--enj-contModal-content-paddInline: 2rem}}@media(min-width: 66rem){.enj-contentModal{--enj-contModal-header-paddInline: 3rem;--enj-contModal-content-paddInline: 3rem}}@media(min-width: 82rem){.enj-contentModal{--enj-contModal-header-paddInline: 4rem;--enj-contModal-content-paddInline: 4rem}}.enj-CustomTile-icon-wrapper{display:flex;align-items:center}.enj-CustomTile{background-color:#e3ebf9}.enj-CustomTile-has-hover-effect,.enj-CustomTile-anchor-tag,.enj-CustomTile--has-modal{display:block}:root{--enj-TB-bann-flex-dir: column;--enj-TB-bann-align-items: flex-start;--enj-TB-flex-gap: 1rem;--enj-TB-bann-title-mb: 0;--enj-TB-banner-pad: 4rem;--enj-TB-bann-title-flex: unset;--enj-TB-bann-article-flex: unset;--enj-TB-br-col: #6f6f6f;--enj-TB-card-pad: 2rem;--enj-TB-card-img-col-gap: 1.5rem;--enj-TB-card-withIcon-gap: 1rem;--enj-TB-icon-dimg: 1.5rem}.enj-TileBanner--banner .enj-TileBanner-title{margin-bottom:var(--enj-TB-bann-title-mb);flex:var(--enj-TB-bann-title-flex)}.enj-TileBanner--banner article{flex:var(--enj-TB-bann-article-flex)}.enj-TileBanner--banner .enj-FeatureText{display:flex;gap:var(--enj-TB-flex-gap);flex-direction:var(--enj-TB-bann-flex-dir);align-items:var(--enj-TB-bann-align-items)}.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-TileBanner--banner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-TileBanner--banner:not(.enj-TileBanner--has-link){padding:var(--enj-TB-banner-pad)}.enj-TileBanner--banner.enj-TileBanner--has-link{padding:0}.enj-TileBanner--banner.enj-TileBanner--has-link a{padding:var(--enj-TB-banner-pad)}.enj-TileBanner--banner.enj-TileBanner-sm{--enj-TB-banner-pad: 0.75rem}.enj-TileBanner--banner.enj-TileBanner-md{--enj-TB-banner-pad: 4rem}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-banner-pad: 6rem}.enj-TileBanner--banner.enj-TileBanner-lg{--enj-TB-flex-gap: 1.2rem}.enj-TileBanner--banner.enj-TileBanner-xlg{--enj-TB-flex-gap: 1.5rem}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-flex-gap: 2rem}.enj-TileBanner--banner.enj-TileBanner-xlg{--enj-TB-bann-flex-dir: row;--enj-TB-bann-align-items: center;--enj-TB-flex-gap: 3.5rem;--enj-TB-bann-title-flex: 0.6;--enj-TB-bann-article-flex: 1}.enj-TileBanner--banner.enj-TileBanner-max{--enj-TB-bann-flex-dir: row;--enj-TB-bann-align-items: center;--enj-TB-flex-gap: 6rem;--enj-TB-bann-title-flex: 0.6;--enj-TB-bann-article-flex: 1}.enj-TileBanner{background-color:#e3ebf9}.enj-TileBanner .enj-TileBanner-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-TileBanner .enj-TileBanner-icon{margin-top:1rem;width:var(--enj-TB-icon-dimg);height:var(--enj-TB-icon-dimg)}.enj-TileBanner a{text-decoration:none}.enj-TileBanner .enj-TileBanner-title{color:#262626}.enj-TileBanner .enj-TileBanner-title a{color:#262626}.enj-TileBanner .enj-FeatureText-article,.enj-TileBanner .enj-TileBanner-pictogram{color:#525252}.enj-TileBanner .enj-FeatureText-article a,.enj-TileBanner .enj-TileBanner-pictogram a{color:#525252}.enj-TileBanner .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-TileBanner .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-TileBanner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-TileBanner-has-hover-effect,.enj-TileBanner-anchor-tag,.enj-TileBanner--has-modal{display:block}.enj-TileBanner-has-hover-effect:hover,.enj-TileBanner-anchor-tag:hover,.enj-TileBanner--has-modal:hover{cursor:pointer;background-color:#0100c0}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-pictogram,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-pictogram,.enj-TileBanner--has-modal:hover .enj-TileBanner-pictogram{color:#a8c2f2}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-icon-wrapper svg,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-icon-wrapper svg,.enj-TileBanner--has-modal:hover .enj-TileBanner-icon-wrapper svg{color:#a8c2f2}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-title,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-title,.enj-TileBanner--has-modal:hover .enj-TileBanner-title{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-TileBanner-title a,.enj-TileBanner-anchor-tag:hover .enj-TileBanner-title a,.enj-TileBanner--has-modal:hover .enj-TileBanner-title a{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-FeatureText-article,.enj-TileBanner-anchor-tag:hover .enj-FeatureText-article,.enj-TileBanner--has-modal:hover .enj-FeatureText-article{color:#fff}.enj-TileBanner-has-hover-effect:hover .enj-FeatureText-article a,.enj-TileBanner-anchor-tag:hover .enj-FeatureText-article a,.enj-TileBanner--has-modal:hover .enj-FeatureText-article a{color:#fff}.enj-TileBanner-icon-wrapper{display:flex;align-items:center}:root{--enj-PTL-bann-flex-dir: column;--enj-PTL-bann-align-items: flex-start;--enj-PTL-bann-flex-gap: 1rem;--enj-PTL-bann-title-mb: 0;--enj-PTL-banner-pad: 4rem;--enj-PTL-bann-title-flex: unset;--enj-PTL-bann-article-flex: unset;--enj-PTL-br-col: #6f6f6f;--enj-PTL-card-pad: 2rem;--enj-PTL-card-withIcon-gap: 1rem;--enj-PTL-icon-dimg: 1.5rem}.enj-postTile{padding:0;background-color:#e3ebf9}.enj-postTile .enj-postTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-postTile .enj-postTile-icon{margin-top:1rem;width:var(--enj-PTL-icon-dimg);height:var(--enj-PTL-icon-dimg);transform:translateX(-4rem);transition:transform 260ms cubic-bezier(0.22, 1, 0.36, 1),fill 220ms ease}.enj-postTile .enj-postTile-link{display:flex;align-items:center;padding:.5rem 1rem;gap:.5rem;font-size:1rem;font-weight:700;text-decoration:underline;background-color:#c7dbff;border-radius:1rem;width:fit-content;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile .enj-postTile-link span{color:#313131}.enj-postTile .enj-postTile-link:hover{color:#c7dbff;background-color:#dc0680;text-decoration:none}.enj-postTile .enj-postTile-link:hover span{color:#c7dbff}.enj-postTile.enj-postTile--card{padding:var(--enj-PTL-card-pad)}.enj-postTile.enj-postTile-sm{--enj-PTL-card-pad: 1rem}.enj-postTile.enj-postTile-md{--enj-PTL-card-pad: 2rem}.enj-postTile.enj-postTile-lg,.enj-postTile.enj-postTile-xlg,.enj-postTile.enj-postTile-max{--enj-PTL-card-pad: 3rem}.enj-postTile a{text-decoration:none}.enj-postTile .enj-postTile-title,.enj-postTile .enj-postTile-title a,.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram,.enj-postTile .enj-postTile-pictogram a{transition:color 220ms ease}.enj-postTile .enj-postTile-title{color:#262626}.enj-postTile .enj-postTile-title a{color:#262626}.enj-postTile .enj-FeatureText-article,.enj-postTile .enj-postTile-pictogram{color:#525252}.enj-postTile .enj-FeatureText-article a,.enj-postTile .enj-postTile-pictogram a{color:#525252}.enj-postTile>.enj-postTile-link{margin-bottom:calc(var(--enj-PTL-card-pad)/3)}.enj-postTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-postTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-postTile{display:block;cursor:pointer;transition:background-color 660ms cubic-bezier(0.22, 1, 0.36, 1)}.enj-postTile:hover{background-color:#0100c0}.enj-postTile:hover .enj-postTile-title{color:#fff}.enj-postTile:hover .enj-postTile-title a{color:#fff}.enj-postTile:hover .enj-FeatureText-article{color:#fff}.enj-postTile:hover .enj-FeatureText-article a{color:#fff}.enj-postTile:hover .enj-postTile-icon{fill:#fff;transform:translateX(0)}:root{--enj-PGL-br-col: #6f6f6f;--enj-PGL-card-img-col-gap: 1.5rem;--enj-PGL-card-withIcon-gap: 1rem;--enj-PGL-icon-dimg: 1.5rem}.enj-PictogramTile{background-color:#e3ebf9}.enj-PictogramTile .enj-PictogramTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-PictogramTile .enj-PictogramTile-icon{margin-top:1rem;width:var(--enj-PGL-icon-dimg);height:var(--enj-PGL-icon-dimg)}.enj-PictogramTile{--enj-PGL-card-pad: 0.75rem;padding:var(--enj-PGL-card-pad)}.enj-PictogramTile.enj-PictogramTile-md{--enj-PGL-card-pad: 1.5rem}.enj-PictogramTile.enj-PictogramTile-md{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-PGL-card-img-col-gap)}.enj-PictogramTile.enj-PictogramTile-md .enj-PictogramTile-icon-wrapper{grid-column:2}.enj-PictogramTile a{text-decoration:none}.enj-PictogramTile .enj-PictogramTile-title{color:#262626}.enj-PictogramTile .enj-PictogramTile-title a{color:#262626}.enj-PictogramTile .enj-FeatureText-article,.enj-PictogramTile .enj-PictogramTile-pictogram{color:#525252}.enj-PictogramTile .enj-FeatureText-article a,.enj-PictogramTile .enj-PictogramTile-pictogram a{color:#525252}.enj-PictogramTile .enj-PictogramTile-pictogram{color:#4a75c6}.enj-PictogramTile .enj-PictogramTile-icon-wrapper svg{color:#0100c0}.enj-PictogramTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-PictogramTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-PictogramTile--has-modal,.enj-PictogramTile-has-hover-effect,.enj-PictogramTile-anchor-tag{display:block}.enj-PictogramTile--has-modal:hover,.enj-PictogramTile-has-hover-effect:hover,.enj-PictogramTile-anchor-tag:hover{cursor:pointer;background-color:#0100c0}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-pictogram,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-pictogram,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-pictogram{color:#a8c2f2}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-icon-wrapper svg,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-icon-wrapper svg,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-icon-wrapper svg{color:#a8c2f2}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-title,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-title,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-title{color:#fff}.enj-PictogramTile--has-modal:hover .enj-PictogramTile-title a,.enj-PictogramTile-has-hover-effect:hover .enj-PictogramTile-title a,.enj-PictogramTile-anchor-tag:hover .enj-PictogramTile-title a{color:#fff}.enj-PictogramTile--has-modal:hover .enj-FeatureText-article,.enj-PictogramTile-has-hover-effect:hover .enj-FeatureText-article,.enj-PictogramTile-anchor-tag:hover .enj-FeatureText-article{color:#fff}.enj-PictogramTile--has-modal:hover .enj-FeatureText-article a,.enj-PictogramTile-has-hover-effect:hover .enj-FeatureText-article a,.enj-PictogramTile-anchor-tag:hover .enj-FeatureText-article a{color:#fff}.enj-TileValue{background-color:#e3ebf9;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:16rem;padding:1.25rem;position:relative;transition:background 300ms cubic-bezier(0.4, 0, 0.2, 1),background-color 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-copy{display:grid;min-height:2.75rem;position:relative}.enj-TileValue-header{align-items:center;display:flex;justify-content:space-between;align-items:end}.enj-TileValue-pictogram{color:#0f62fe;width:50px;height:50px;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-icon-wrapper{align-items:center;display:inline-flex;justify-content:center}.enj-TileValue-icon{color:#161616;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-title{color:#161616;font-size:1.125rem;line-height:1.35;margin:0;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-slug{color:#fff;font-size:1.125rem;left:0;line-height:1.35;margin:0;opacity:0;position:absolute;top:0;transform:translateY(-10px);transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue:hover,.enj-TileValue:focus-visible{background:linear-gradient(90deg, #5354fa 0%, #9630f9 100%)}.enj-TileValue:hover .enj-TileValue-title,.enj-TileValue:focus-visible .enj-TileValue-title{color:#fff;opacity:0;transform:translateY(10px)}.enj-TileValue:hover .enj-TileValue-slug,.enj-TileValue:focus-visible .enj-TileValue-slug{opacity:1;transform:translateY(0);transition-delay:300ms}.enj-TileValue:hover .enj-TileValue-pictogram,.enj-TileValue:focus-visible .enj-TileValue-pictogram,.enj-TileValue:hover .enj-TileValue-icon,.enj-TileValue:focus-visible .enj-TileValue-icon{color:#fff}.enj-list{padding-left:1.1rem}.enj-list li{line-height:1.5rem}ol.enj-list{list-style:decimal}ul.enj-list{list-style:disc}.enj-CMSRichText{--enj-CMSRichText-ul-pad-left: 1.4rem;--enj-CMSRichText-ul-mb: 1.4rem;--enj-CMSRichText-hr-gap: 1.7rem}.enj-CMSRichText ul{list-style:disc}.enj-CMSRichText ol{list-style:decimal}.enj-CMSRichText ul,.enj-CMSRichText ol{padding-left:var(--enj-CMSRichText-ul-pad-left);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText ul li p,.enj-CMSRichText ol li p{margin-bottom:0}.enj-CMSRichText p{border:1px solid rgba(0,0,0,0);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote{border-left:.6rem solid #0100c0;padding-left:1rem;margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote *{color:#0d3a90}.enj-CMSRichText blockquote p:last-of-type{margin-bottom:0}.enj-CMSRichText blockquote{padding:1rem;background:#e3ebf9}.enj-CMSRichText hr{margin:var(--enj-CMSRichText-hr-gap) 0;border-top:1px solid #9daed2}.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 1rem;padding:var(--enj-CMSRichText-fig-pad);background:#e3ebf9;border:0px solid #99a3b9;margin-bottom:1rem;line-height:1.4rem;font-size:1rem;font-weight:400;font-style:italic}.enj-CMSRichText figure *{color:#0d3a90}.enj-CMSRichText figure .asset-image-wrapper{position:relative;width:100%;aspect-ratio:16/9}@media(min-width: 42rem){.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 1.5rem}}@media(min-width: 66rem){.enj-CMSRichText figure{--enj-CMSRichText-fig-pad: 2rem}}.enj-CMSRichText table{border:1px solid #99a3b9}.enj-CMSRichText table th,.enj-CMSRichText table td{padding:1rem}.enj-CMSRichText table th{border:1px solid #9daed2;background:#0d3a90;color:#e3ebf9;font-weight:bold}.enj-CMSRichText table th *{font-weight:bold}.enj-CMSRichText table th p:last-of-type{margin:0;padding:0}.enj-CMSRichText table td{border:1px solid #9daed2}.enj-CMSRichText table td p{margin:0;padding:0}.enj-CMSRichText table tr:nth-child(2n) td{background:#dee5f3}.enj-CMSRichText table tr:nth-child(2n+1) td{background:#e3ebf9}
package/dist/tile-value.css ADDED
@@ -0,0 +1 @@
1
+ .enj-TileValue{background-color:#e3ebf9;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:16rem;padding:1.25rem;position:relative;transition:background 300ms cubic-bezier(0.4, 0, 0.2, 1),background-color 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-copy{display:grid;min-height:2.75rem;position:relative}.enj-TileValue-header{align-items:center;display:flex;justify-content:space-between;align-items:end}.enj-TileValue-pictogram{color:#0f62fe;width:50px;height:50px;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-icon-wrapper{align-items:center;display:inline-flex;justify-content:center}.enj-TileValue-icon{color:#161616;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-title{color:#161616;font-size:1.125rem;line-height:1.35;margin:0;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue-slug{color:#fff;font-size:1.125rem;left:0;line-height:1.35;margin:0;opacity:0;position:absolute;top:0;transform:translateY(-10px);transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),transform 300ms cubic-bezier(0.4, 0, 0.2, 1),color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.enj-TileValue:hover,.enj-TileValue:focus-visible{background:linear-gradient(90deg, #5354fa 0%, #9630f9 100%)}.enj-TileValue:hover .enj-TileValue-title,.enj-TileValue:focus-visible .enj-TileValue-title{color:#fff;opacity:0;transform:translateY(10px)}.enj-TileValue:hover .enj-TileValue-slug,.enj-TileValue:focus-visible .enj-TileValue-slug{opacity:1;transform:translateY(0);transition-delay:300ms}.enj-TileValue:hover .enj-TileValue-pictogram,.enj-TileValue:focus-visible .enj-TileValue-pictogram,.enj-TileValue:hover .enj-TileValue-icon,.enj-TileValue:focus-visible .enj-TileValue-icon{color:#fff}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "enjanga-components-library",
3
- "version": "1.0.95",
3
+ "version": "1.0.100",
4
4
  "description": "Reusable component library for Next.js 13+ projects with Carbon design system.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -31,6 +31,7 @@
31
31
  "./tile-banner.css": "./dist/tile-banner.css",
32
32
  "./tile-pictogram.css": "./dist/tile-pictogram.css",
33
33
  "./tile-post.css": "./dist/tile-post.css",
34
+ "./tile-value.css": "./dist/tile-value.css",
34
35
  "./list.css": "./dist/list.css",
35
36
  "./cms-rich-text.css": "./dist/cms-rich-text.css"
36
37
  },
@@ -51,13 +52,14 @@
51
52
  "dist/tile-banner.css",
52
53
  "dist/tile-pictogram.css",
53
54
  "dist/tile-post.css",
55
+ "dist/tile-value.css",
54
56
  "dist/list.css",
55
57
  "dist/cms-rich-text.css"
56
58
  ],
57
59
  "scripts": {
58
60
  "prepare": "yarn build",
59
61
  "build": "yarn build:css && tsup",
60
- "build:css": "mkdir -p dist && yarn build:css-full-library && yarn build:css-base && yarn build:css-app-header && yarn build:css-banner && yarn build:css-brand-logo && yarn build:css-custom-quotes && yarn build:css-content-modal && yarn build:css-custom-tile && yarn build:css-tile-banner && yarn build:css-tile-pictogram && yarn build:css-tile-post && yarn build:css-list && yarn build:cms-rich-text",
62
+ "build:css": "mkdir -p dist && yarn build:css-full-library && yarn build:css-base && yarn build:css-app-header && yarn build:css-banner && yarn build:css-brand-logo && yarn build:css-custom-quotes && yarn build:css-content-modal && yarn build:css-custom-tile && yarn build:css-tile-banner && yarn build:css-tile-pictogram && yarn build:css-tile-post && yarn build:css-tile-value && yarn build:css-list && yarn build:cms-rich-text",
61
63
  "build:css-full-library": "sass --load-path=node_modules --no-source-map --style=compressed src/styles/index.scss dist/styles.css",
62
64
  "build:css-base": "sass --load-path=node_modules --no-source-map --style=compressed src/styles/base.scss dist/styles-base.css",
63
65
  "build:css-app-header": "sass --load-path=node_modules --no-source-map --style=compressed src/components/AppHeader/_AppHeader.scss dist/app-header.css",
@@ -69,6 +71,7 @@
69
71
  "build:css-tile-banner": "sass --load-path=node_modules --no-source-map --style=compressed src/components/TileBanner/styles/index.scss dist/tile-banner.css",
70
72
  "build:css-tile-pictogram": "sass --load-path=node_modules --no-source-map --style=compressed src/components/TilePictogram/styles/index.scss dist/tile-pictogram.css",
71
73
  "build:css-tile-post": "sass --load-path=node_modules --no-source-map --style=compressed src/components/TilePost/styles/index.scss dist/tile-post.css",
74
+ "build:css-tile-value": "sass --load-path=node_modules --no-source-map --style=compressed src/components/TileValue/styles/index.scss dist/tile-value.css",
72
75
  "build:css-list": "sass --load-path=node_modules --no-source-map --style=compressed src/components/List/_List.scss dist/list.css",
73
76
  "build:cms-rich-text": "sass --load-path=node_modules --no-source-map --style=compressed src/components/CMSRichText/styles/index.scss dist/cms-rich-text.css",
74
77
  "watch": "concurrently \"yarn watch:ts\" \"yarn watch:css\"",