enjanga-components-library 1.0.4 → 1.0.12
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/README.md +48 -6
- package/dist/index.js +2901 -91
- package/dist/index.mjs +2837 -53
- package/package.json +46 -118
- package/dist/styles.css +0 -1
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "enjanga-components-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.12",
|
|
4
4
|
"description": "Reusable component library for Next.js 13+ projects with Carbon design system.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
|
-
"style": "dist/styles.css",
|
|
7
6
|
"module": "dist/index.mjs",
|
|
8
7
|
"types": "dist/index.d.ts",
|
|
8
|
+
"style": "dist/styles.css",
|
|
9
9
|
"typesVersions": {
|
|
10
10
|
"*": {
|
|
11
11
|
"*": [
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
".": {
|
|
18
18
|
"import": "./dist/index.mjs",
|
|
19
19
|
"require": "./dist/index.js",
|
|
20
|
-
"types": "./dist/index.d.ts"
|
|
20
|
+
"types": "./dist/index.d.ts",
|
|
21
|
+
"default": "./dist/index.mjs"
|
|
21
22
|
},
|
|
22
|
-
"./styles.css": "./dist/styles.css"
|
|
23
|
-
"./*.css": "./dist/*.css"
|
|
23
|
+
"./styles.css": "./dist/styles.css"
|
|
24
24
|
},
|
|
25
25
|
"sideEffects": [
|
|
26
26
|
"**/*.css",
|
|
@@ -29,141 +29,69 @@
|
|
|
29
29
|
"files": [
|
|
30
30
|
"dist"
|
|
31
31
|
],
|
|
32
|
-
"private": false,
|
|
33
|
-
"license": "Apache-2.0",
|
|
34
|
-
"repository": {
|
|
35
|
-
"type": "git",
|
|
36
|
-
"url": "https://github.com/ericnjanga/enjanga-components-library.git"
|
|
37
|
-
},
|
|
38
|
-
"bugs": {
|
|
39
|
-
"url": "https://github.com/ericnjanga/enjanga-components-library/issues"
|
|
40
|
-
},
|
|
41
|
-
"homepage": "https://github.com/ericnjanga/enjanga-components-library#readme",
|
|
42
32
|
"scripts": {
|
|
43
33
|
"prepare": "yarn build",
|
|
44
|
-
"build": "yarn build:css && tsup src/index.ts --dts --
|
|
45
|
-
"build:css": "sass -
|
|
34
|
+
"build": "yarn build:css && tsup src/index.ts --dts --format esm,cjs --out-dir dist --external react --external react-dom --external @carbon/react --external clsx",
|
|
35
|
+
"build:css": "mkdir -p dist && sass --load-path=node_modules --no-source-map --style=compressed src/styles/index.scss dist/styles.css",
|
|
46
36
|
"watch": "concurrently \"yarn watch:ts\" \"yarn watch:css\"",
|
|
47
|
-
"watch:ts": "tsup src/index.ts --dts --
|
|
37
|
+
"watch:ts": "tsup src/index.ts --dts --format esm,cjs --out-dir dist --watch --external react --external react-dom --external @carbon/react --external clsx",
|
|
48
38
|
"watch:css": "sass -I node_modules --no-source-map --watch src/styles/index.scss dist/styles.css",
|
|
49
|
-
"dev": "next dev",
|
|
50
|
-
"start": "next start",
|
|
51
|
-
"lint": "next lint && tsc --noEmit",
|
|
52
|
-
"ci-check": "yarn format:diff",
|
|
53
|
-
"clean": "yarn cache clean && yarn install",
|
|
54
|
-
"format": "prettier --write \"**/*.{js,ts,md,scss}\"",
|
|
55
|
-
"format:diff": "prettier --list-different \"**/*.{js,ts,md,scss}\"",
|
|
56
39
|
"storybook": "storybook dev -p 6006",
|
|
57
40
|
"build-storybook": "storybook build",
|
|
58
|
-
"
|
|
41
|
+
"release": "yarn build && npm version patch && npm publish"
|
|
59
42
|
},
|
|
60
43
|
"peerDependencies": {
|
|
44
|
+
"@carbon/react": "^1",
|
|
61
45
|
"next": "^13.0.0 || ^14.0.0 || ^15.0.0",
|
|
62
|
-
"react": "^
|
|
63
|
-
"react-dom": "^
|
|
64
|
-
},
|
|
65
|
-
"dependencies": {
|
|
66
|
-
"@carbon/pictograms-react": "^11.79.0",
|
|
67
|
-
"@carbon/react": "^1.90.0",
|
|
68
|
-
"@contentful/rich-text-types": "^17.1.0",
|
|
69
|
-
"clsx": "^2.1.1",
|
|
70
|
-
"next": "^15.3.4",
|
|
71
|
-
"sass": "^1.89.2",
|
|
72
|
-
"smoothscroll-polyfill": "^0.4.4",
|
|
73
|
-
"usehooks-ts": "^3.1.1"
|
|
46
|
+
"react": "^18.0.0",
|
|
47
|
+
"react-dom": "^18.0.0"
|
|
74
48
|
},
|
|
75
49
|
"devDependencies": {
|
|
76
|
-
"@
|
|
77
|
-
"@
|
|
78
|
-
"@
|
|
79
|
-
"@
|
|
80
|
-
"@
|
|
81
|
-
"@storybook/addon-a11y": "^
|
|
82
|
-
"@storybook/addon-docs": "^
|
|
83
|
-
"@storybook/addon-essentials": "^
|
|
84
|
-
"@storybook/addon-
|
|
85
|
-
"@storybook/addon-
|
|
86
|
-
"@storybook/
|
|
87
|
-
"@storybook/
|
|
88
|
-
"@storybook/
|
|
89
|
-
"@
|
|
90
|
-
"@storybook/blocks": "^8.6.14",
|
|
91
|
-
"@storybook/builder-webpack5": "^9.0.12",
|
|
92
|
-
"@storybook/manager-api": "^8.6.14",
|
|
93
|
-
"@storybook/nextjs": "^9.0.12",
|
|
94
|
-
"@storybook/nextjs-vite": "9.0.12",
|
|
95
|
-
"@storybook/preset-scss": "^1.0.3",
|
|
96
|
-
"@storybook/react": "^9.0.12",
|
|
97
|
-
"@storybook/test": "^8.6.14",
|
|
98
|
-
"@storybook/theming": "^9.0.12",
|
|
99
|
-
"@storybook/types": "^9.0.12",
|
|
100
|
-
"@types/css-modules": "^1.0.5",
|
|
101
|
-
"@types/node": "^24.0.3",
|
|
50
|
+
"@babel/core": "^7.28.4",
|
|
51
|
+
"@babel/preset-env": "^7.28.3",
|
|
52
|
+
"@babel/preset-react": "^7.27.1",
|
|
53
|
+
"@babel/preset-typescript": "^7.27.1",
|
|
54
|
+
"@carbon/react": "^1.39.0",
|
|
55
|
+
"@storybook/addon-a11y": "^8.6.14",
|
|
56
|
+
"@storybook/addon-docs": "^8.6.14",
|
|
57
|
+
"@storybook/addon-essentials": "^8.6.14",
|
|
58
|
+
"@storybook/addon-mdx-gfm": "^8.6.14",
|
|
59
|
+
"@storybook/addon-themes": "^8.6.14",
|
|
60
|
+
"@storybook/react": "^8.6.14",
|
|
61
|
+
"@storybook/react-webpack5": "^8.6.14",
|
|
62
|
+
"@storybook/types": "^8.6.14",
|
|
63
|
+
"@types/node": "^24.5.2",
|
|
102
64
|
"@types/react": "^18.2.0",
|
|
103
65
|
"@types/react-dom": "^18.2.0",
|
|
104
|
-
"@types/
|
|
105
|
-
"
|
|
106
|
-
"
|
|
107
|
-
"autoprefixer": "^10.4.21",
|
|
108
|
-
"chromatic": "^13.0.1",
|
|
66
|
+
"@types/webpack": "^5.28.5",
|
|
67
|
+
"babel-loader": "^10.0.0",
|
|
68
|
+
"clsx": "^2.1.1",
|
|
109
69
|
"concurrently": "^9.1.2",
|
|
110
70
|
"css-loader": "^7.1.2",
|
|
111
|
-
"
|
|
112
|
-
"eslint-config-next": "13.4.9",
|
|
113
|
-
"eslint-plugin-storybook": "^9.0.12",
|
|
114
|
-
"husky": "1.3.1",
|
|
115
|
-
"lint-staged": "8.1.5",
|
|
116
|
-
"playwright": "^1.53.0",
|
|
117
|
-
"postcss": "^8.5.6",
|
|
118
|
-
"prettier": "^2.8.8",
|
|
71
|
+
"react": "^18.1.1",
|
|
119
72
|
"react-docgen-typescript": "^2.4.0",
|
|
73
|
+
"react-dom": "^18.1.1",
|
|
74
|
+
"sass": "^1.93.0",
|
|
120
75
|
"sass-loader": "^16.0.5",
|
|
121
|
-
"storybook": "^
|
|
76
|
+
"storybook": "^8.6.14",
|
|
122
77
|
"style-loader": "^4.0.0",
|
|
123
78
|
"tsup": "^8.5.0",
|
|
124
|
-
"typescript": "^5.0.0"
|
|
125
|
-
"vitest": "^3.2.4"
|
|
79
|
+
"typescript": "^5.0.0"
|
|
126
80
|
},
|
|
127
|
-
"
|
|
128
|
-
"
|
|
129
|
-
"not dead",
|
|
130
|
-
"not ie <= 11",
|
|
131
|
-
"not op_mini all"
|
|
132
|
-
],
|
|
133
|
-
"husky": {
|
|
134
|
-
"hooks": {
|
|
135
|
-
"commit-msg": "commitlint -e $HUSKY_GIT_PARAMS",
|
|
136
|
-
"pre-commit": "lint-staged"
|
|
137
|
-
}
|
|
138
|
-
},
|
|
139
|
-
"commitlint": {
|
|
140
|
-
"extends": [
|
|
141
|
-
"@commitlint/config-conventional"
|
|
142
|
-
]
|
|
81
|
+
"dependencies": {
|
|
82
|
+
"enjanga-core-setup": "^1.0.17"
|
|
143
83
|
},
|
|
144
|
-
"
|
|
145
|
-
"
|
|
146
|
-
|
|
147
|
-
"git add"
|
|
148
|
-
],
|
|
149
|
-
"*.{scss,css}": [
|
|
150
|
-
"prettier --cache --write",
|
|
151
|
-
"git add"
|
|
152
|
-
],
|
|
153
|
-
"*.md": [
|
|
154
|
-
"prettier --cache --write",
|
|
155
|
-
"git add"
|
|
156
|
-
]
|
|
84
|
+
"repository": {
|
|
85
|
+
"type": "git",
|
|
86
|
+
"url": "https://github.com/ericnjanga/enjanga-components-library.git"
|
|
157
87
|
},
|
|
158
|
-
"
|
|
159
|
-
"
|
|
160
|
-
"printWidth": 80,
|
|
161
|
-
"singleQuote": true,
|
|
162
|
-
"trailingComma": "es5"
|
|
88
|
+
"bugs": {
|
|
89
|
+
"url": "https://github.com/ericnjanga/enjanga-components-library/issues"
|
|
163
90
|
},
|
|
164
|
-
"
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
91
|
+
"homepage": "https://github.com/ericnjanga/enjanga-components-library#readme",
|
|
92
|
+
"license": "Apache-2.0",
|
|
93
|
+
"publishConfig": {
|
|
94
|
+
"access": "public",
|
|
95
|
+
"registry": "https://registry.npmjs.org/"
|
|
168
96
|
}
|
|
169
97
|
}
|
package/dist/styles.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
: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)}.img-fluid{max-width:100%;height:auto}.enj-AppHeader .header-inner{max-width:95rem;margin:0 auto;display:flex;align-items:center;width:100%}:root{--enj-Banner-gap: 3rem;--enj-Banner-p-font-size: 1.25rem}.enj-Banner.enj-Banner--isHuge{--enj-Banner-jumbotron-padd: var(--enj-Banner-gap) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd);--enj-Banner-padd-bot: 10rem;--enj-Banner-jumbotron-padd: var(--enj-Banner-gap) 0 var(--enj-Banner-padd-bot) 0;padding:var(--enj-Banner-jumbotron-padd)}.enj-Banner.enj-Banner--isHuge.enj-Banner-sm{--enj-Banner-padd-bot: 11.5rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-md{--enj-Banner-padd-bot: 12.25rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-lg{--enj-Banner-padd-bot: 13.25rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-lg p{font-size:1.25rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg{--enj-Banner-padd-bot: 14.75rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-xlg p{font-size:1.25rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-max{--enj-Banner-padd-bot: 16.25rem}.enj-Banner.enj-Banner--isHuge.enj-Banner-max p{font-size:1.25rem}.enj-Banner h1,.enj-Banner h2,.enj-Banner h3,.enj-Banner h4,.enj-Banner h5,.enj-Banner h6{color:var(--cds-text-on-color, #ffffff)}.enj-Banner p,.enj-Banner span{color:#e0e0e0;font-size:var(--enj-Banner-p-font-size)}.enj-Banner a{color:#fb00ff}.enj-Banner a span{color:#fb00ff}.enj-Banner a:hover{text-decoration:none}.enj-Banner .skeleton{background-color:#8d8d8d}.enj-Banner{background-color:#21272a;--enj-Banner-padd: var(--enj-Banner-gap) 0 var(--enj-Banner-gap) 0;padding:var(--enj-Banner-padd)}.enj-Banner .enj-FeatureText-title{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-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-BrandLogo{font-weight:bold;text-transform:uppercase}:root{--enj-CTL-bann-flex-dir: column;--enj-CTL-bann-align-items: flex-start;--enj-CTL-bann-flex-gap: 1rem;--enj-CTL-bann-title-mb: 0;--enj-CTL-banner-pad: 4rem;--enj-CTL-bann-title-flex: unset;--enj-CTL-bann-article-flex: unset;--enj-CTL-br-col: #6f6f6f;--enj-CTL-card-pad: 2rem;--enj-CTL-card-img-col-gap: 1.5rem;--enj-CTL-card-withIcon-gap: 1rem;--enj-CTL-icon-dimg: 1.5rem}.enj-CustomTile--card{padding:var(--enj-CTL-card-pad)}.enj-CustomTile--card.enj-CustomTile-sm{--enj-CTL-card-pad: 0.75rem}.enj-CustomTile--card.enj-CustomTile-md{--enj-CTL-card-pad: 1.5rem}.enj-CustomTile--banner{padding:var(--enj-CTL-banner-pad)}.enj-CustomTile--banner .enj-CustomTile-title{margin-bottom:var(--enj-CTL-bann-title-mb);flex:var(--enj-CTL-bann-title-flex)}.enj-CustomTile--banner article{flex:var(--enj-CTL-bann-article-flex)}.enj-CustomTile--banner .enj-FeatureText{display:flex;gap:var(--enj-CTL-bann-flex-gap);flex-direction:var(--enj-CTL-bann-flex-dir);align-items:var(--enj-CTL-bann-align-items)}.enj-CustomTile--banner .enj-FeatureText .enj-FeatureText-article *{font-size:1.2rem}.enj-CustomTile--banner.enj-CustomTile-sm{--enj-CTL-banner-pad: 0.75rem}.enj-CustomTile--banner.enj-CustomTile-md{--enj-CTL-banner-pad: 2rem}.enj-CustomTile--banner.enj-CustomTile-max{--enj-CTL-banner-pad: 6rem}.enj-CustomTile--banner.enj-CustomTile-lg{--enj-CTL-bann-flex-gap: 1.2rem}.enj-CustomTile--banner.enj-CustomTile-xlg{--enj-CTL-bann-flex-gap: 1.5rem}.enj-CustomTile--banner.enj-CustomTile-max{--enj-CTL-bann-flex-gap: 2rem}.enj-CustomTile--banner.enj-CustomTile-xlg{--enj-CTL-bann-flex-dir: row;--enj-CTL-bann-align-items: center;--enj-CTL-bann-flex-gap: 3.5rem;--enj-CTL-bann-title-flex: 0.6;--enj-CTL-bann-article-flex: 1}.enj-CustomTile--banner.enj-CustomTile-max{--enj-CTL-bann-flex-dir: row;--enj-CTL-bann-align-items: center;--enj-CTL-bann-flex-gap: 6rem;--enj-CTL-bann-title-flex: 0.6;--enj-CTL-bann-article-flex: 1}.enj-CustomTile-wrapper .cds--modal-container{max-width:47rem}.enj-CustomTile--has-link.enj-CustomTile--card,.enj-CustomTile--has-link.enj-CustomTile--banner{padding:0}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag{padding:var(--enj-CTL-banner-pad)}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-sm,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-sm{--enj-CTL-banner-pad: 0.75rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-md,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-md{--enj-CTL-banner-pad: 2rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-max,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--banner .enj-CustomTile-anchor-tag.enj-CustomTile-max{--enj-CTL-banner-pad: 6rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--card .enj-CustomTile-anchor-tag,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--card .enj-CustomTile-anchor-tag{padding:var(--enj-CTL-card-pad)}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-sm,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-sm{--enj-CTL-card-pad: 0.75rem}.enj-CustomTile--has-link.enj-CustomTile--card.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-md,.enj-CustomTile--has-link.enj-CustomTile--banner.enj-CustomTile--card .enj-CustomTile-anchor-tag.enj-CustomTile-md{--enj-CTL-card-pad: 1.5rem}.enj-CustomTile--has-link a,.enj-CustomTile--has-modal a{text-decoration:none}.enj-CustomTile--has-link .enj-CustomTile-title,.enj-CustomTile--has-modal .enj-CustomTile-title{color:#262626}.enj-CustomTile--has-link .enj-CustomTile-title a,.enj-CustomTile--has-modal .enj-CustomTile-title a{color:#262626}.enj-CustomTile--has-link .enj-FeatureText-article,.enj-CustomTile--has-link .enj-CustomTile-pictogram,.enj-CustomTile--has-modal .enj-FeatureText-article,.enj-CustomTile--has-modal .enj-CustomTile-pictogram{color:#525252}.enj-CustomTile--has-link .enj-FeatureText-article a,.enj-CustomTile--has-link .enj-CustomTile-pictogram a,.enj-CustomTile--has-modal .enj-FeatureText-article a,.enj-CustomTile--has-modal .enj-CustomTile-pictogram a{color:#525252}.enj-CustomTile--card .enj-CustomTile-image{object-fit:cover}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-sm .enj-CustomTile-image{display:none}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap);grid-template:auto auto/auto 1.5rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-CustomTile-image{grid-row:3 span;height:100%}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-FeatureText{display:flex;flex-direction:column;justify-content:center;grid-row:2 span}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg{--enj-CTL-card-img-col-gap: 3rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max{--enj-CTL-card-img-col-gap: 4.5rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link{display:block}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap);grid-template:auto auto/auto 1.5rem}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-CustomTile-image,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-CustomTile-image{grid-row:3 span;height:100%}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-FeatureText,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-FeatureText{display:flex;flex-direction:column;justify-content:center;grid-row:2 span}.enj-CustomTile--card.enj-CustomTile--has-img{--enj-CustomTile-md-img-height: 200px;--enj-CustomTile-lg-img-width: 30%;--enj-CustomTile-xlg-img-width: 35%;--enj-CustomTile-max-img-width: 35%;--enj-CustomTile-md-img-gap: 1.25rem;--enj-CustomTile-lg-img-gap: 1.5rem;--enj-CustomTile-xlg-img-gap: 3.125rem;--enj-CustomTile-max-img-gap: 4.063rem}.enj-CustomTile--card.enj-CustomTile--has-img .enj-CustomTile-image{position:absolute;top:0;left:0}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-icon.enj-CustomTile-lg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-icon.enj-CustomTile-xlg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile--has-icon.enj-CustomTile-max .enj-CustomTile-icon-wrapper{position:absolute;bottom:var(--enj-CTL-card-pad);right:var(--enj-CTL-card-pad)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-md{padding-top:var(--enj-CustomTile-md-img-height)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-md:not(.enj-CustomTile--has-link){padding-top:calc(var(--enj-CustomTile-md-img-height) + var(--enj-CustomTile-md-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-md .enj-CustomTile-image{width:100%;max-height:var(--enj-CustomTile-md-img-height)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-CustomTile-image{width:var(--enj-CustomTile-lg-img-width)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-lg .enj-FeatureText{margin-left:calc(var(--enj-CustomTile-lg-img-width) + var(--enj-CustomTile-lg-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-CustomTile-image{width:var(--enj-CustomTile-xlg-img-width)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-xlg .enj-FeatureText{margin-left:calc(var(--enj-CustomTile-xlg-img-width) + var(--enj-CustomTile-xlg-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-CustomTile-image{width:var(--enj-CustomTile-max-img-width)}.enj-CustomTile--card.enj-CustomTile--has-img.enj-CustomTile-max .enj-FeatureText{margin-left:calc(var(--enj-CustomTile-max-img-width) + var(--enj-CustomTile-max-img-gap))}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-md{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-md .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-lg,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-xlg,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-max{--enj-CTL-card-withIcon-gap: 2rem;display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-lg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-xlg .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile-max .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link{display:block}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-md .enj-CustomTile-anchor-tag{display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-md .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag{--enj-CTL-card-withIcon-gap: 2rem;display:grid;grid-template:auto auto/3rem auto;column-gap:var(--enj-CTL-card-img-col-gap)}.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-lg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-xlg .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper,.enj-CustomTile--card.enj-CustomTile--has-pictogram.enj-CustomTile--has-link.enj-CustomTile-max .enj-CustomTile-anchor-tag .enj-CustomTile-icon-wrapper{grid-column:2}.enj-CustomTile{border:1px solid #8d8d8d}.enj-CustomTile .enj-CustomTile-icon-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}.enj-CustomTile .enj-CustomTile-icon{margin-top:1rem;width:var(--enj-CTL-icon-dimg);height:var(--enj-CTL-icon-dimg);color:#0f62fe}.enj-CustomTile a{text-decoration:none}.enj-CustomTile .enj-CustomTile-title{color:#262626}.enj-CustomTile .enj-CustomTile-title a{color:#262626}.enj-CustomTile .enj-FeatureText-article,.enj-CustomTile .enj-CustomTile-pictogram{color:#525252}.enj-CustomTile .enj-FeatureText-article a,.enj-CustomTile .enj-CustomTile-pictogram a{color:#525252}.enj-CustomTile .enj-CustomTile-pictogram{color:#0f62fe}.enj-CustomTile .enj-CustomTile-icon-wrapper svg{color:#8d8d8d}.enj-CustomTile .enj-FeatureText .enj-FeatureText-article p:last-of-type,.enj-CustomTile .enj-FeatureText .enj-FeatureText-article blockquote{margin-bottom:0}.enj-CustomTile-has-hover-effect,.enj-CustomTile-anchor-tag,.enj-CustomTile--has-modal{display:block}.enj-CustomTile-has-hover-effect:hover,.enj-CustomTile-anchor-tag:hover,.enj-CustomTile--has-modal:hover{cursor:pointer;background-color:#491d8b}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-pictogram,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-pictogram,.enj-CustomTile--has-modal:hover .enj-CustomTile-pictogram{color:#a6c8ff}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-icon-wrapper svg,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-icon-wrapper svg,.enj-CustomTile--has-modal:hover .enj-CustomTile-icon-wrapper svg{color:#ee5396}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-title,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-title,.enj-CustomTile--has-modal:hover .enj-CustomTile-title{color:#fff}.enj-CustomTile-has-hover-effect:hover .enj-CustomTile-title a,.enj-CustomTile-anchor-tag:hover .enj-CustomTile-title a,.enj-CustomTile--has-modal:hover .enj-CustomTile-title a{color:#fff}.enj-CustomTile-has-hover-effect:hover .enj-FeatureText-article,.enj-CustomTile-anchor-tag:hover .enj-FeatureText-article,.enj-CustomTile--has-modal:hover .enj-FeatureText-article{color:#fff}.enj-CustomTile-has-hover-effect:hover .enj-FeatureText-article a,.enj-CustomTile-anchor-tag:hover .enj-FeatureText-article a,.enj-CustomTile--has-modal:hover .enj-FeatureText-article a{color:#fff}.enj-list{padding-left:1.1rem}.enj-list li{line-height:1.5rem}ol.enj-list{list-style:decimal}ul.enj-list{list-style:disc}.enj-CMSRichText{--enj-CMSRichText-ul-pad-left: 1.4rem;--enj-CMSRichText-ul-mb: 1.4rem;--enj-CMSRichText-hr-gap: 1.7rem}.enj-CMSRichText ul{list-style:disc}.enj-CMSRichText ol{list-style:decimal}.enj-CMSRichText ul,.enj-CMSRichText ol{padding-left:var(--enj-CMSRichText-ul-pad-left);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText ul li p,.enj-CMSRichText ol li p{margin-bottom:0}.enj-CMSRichText p{border:1px solid rgba(0,0,0,0);margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote{border-left:.6rem solid #a8a8a8;padding-left:1rem;margin-bottom:var(--enj-CMSRichText-ul-mb)}.enj-CMSRichText blockquote p:last-of-type{margin-bottom:0}.enj-CMSRichText hr{margin:var(--enj-CMSRichText-hr-gap) 0}.enj-CMSRichText figure{padding:2rem;background:#f4f1f6;border:1px solid #cec5d3;margin-bottom:1rem;line-height:1.4rem;font-size:1rem;font-style:italic}.enj-CMSRichText figure img{max-width:100%;margin-bottom:1rem}
|