enjanga-components-library 1.0.4
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 +159 -0
- package/dist/index.d.mts +208 -0
- package/dist/index.d.ts +208 -0
- package/dist/index.js +21604 -0
- package/dist/index.mjs +21626 -0
- package/dist/styles.css +1 -0
- package/package.json +169 -0
package/dist/styles.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
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}
|
package/package.json
ADDED
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "enjanga-components-library",
|
|
3
|
+
"version": "1.0.4",
|
|
4
|
+
"description": "Reusable component library for Next.js 13+ projects with Carbon design system.",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"style": "dist/styles.css",
|
|
7
|
+
"module": "dist/index.mjs",
|
|
8
|
+
"types": "dist/index.d.ts",
|
|
9
|
+
"typesVersions": {
|
|
10
|
+
"*": {
|
|
11
|
+
"*": [
|
|
12
|
+
"dist/*"
|
|
13
|
+
]
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
"exports": {
|
|
17
|
+
".": {
|
|
18
|
+
"import": "./dist/index.mjs",
|
|
19
|
+
"require": "./dist/index.js",
|
|
20
|
+
"types": "./dist/index.d.ts"
|
|
21
|
+
},
|
|
22
|
+
"./styles.css": "./dist/styles.css",
|
|
23
|
+
"./*.css": "./dist/*.css"
|
|
24
|
+
},
|
|
25
|
+
"sideEffects": [
|
|
26
|
+
"**/*.css",
|
|
27
|
+
"**/*.scss"
|
|
28
|
+
],
|
|
29
|
+
"files": [
|
|
30
|
+
"dist"
|
|
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
|
+
"scripts": {
|
|
43
|
+
"prepare": "yarn build",
|
|
44
|
+
"build": "yarn build:css && tsup src/index.ts --dts --dts-resolve --format esm,cjs --out-dir dist --external react --external @carbon/react --external clsx",
|
|
45
|
+
"build:css": "sass -I node_modules --no-source-map --style=compressed src/styles/index.scss dist/styles.css",
|
|
46
|
+
"watch": "concurrently \"yarn watch:ts\" \"yarn watch:css\"",
|
|
47
|
+
"watch:ts": "tsup src/index.ts --dts --dts-resolve --format esm,cjs --out-dir dist --watch --external react --external @carbon/react --external clsx",
|
|
48
|
+
"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
|
+
"storybook": "storybook dev -p 6006",
|
|
57
|
+
"build-storybook": "storybook build",
|
|
58
|
+
"chromatic": "npx chromatic --project-token=chpt_7ebec659e451720"
|
|
59
|
+
},
|
|
60
|
+
"peerDependencies": {
|
|
61
|
+
"next": "^13.0.0 || ^14.0.0 || ^15.0.0",
|
|
62
|
+
"react": "^17.0.0 || ^18.0.0",
|
|
63
|
+
"react-dom": "^17.0.0 || ^18.0.0"
|
|
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"
|
|
74
|
+
},
|
|
75
|
+
"devDependencies": {
|
|
76
|
+
"@carbon/styles": "^1.84.0",
|
|
77
|
+
"@chromatic-com/storybook": "^4.0.0",
|
|
78
|
+
"@commitlint/cli": "7.5.2",
|
|
79
|
+
"@commitlint/config-conventional": "7.5.0",
|
|
80
|
+
"@mdx-js/react": "^3.1.0",
|
|
81
|
+
"@storybook/addon-a11y": "^9.0.12",
|
|
82
|
+
"@storybook/addon-docs": "^9.0.15",
|
|
83
|
+
"@storybook/addon-essentials": "^9.0.12",
|
|
84
|
+
"@storybook/addon-interactions": "^9.0.12",
|
|
85
|
+
"@storybook/addon-links": "^9.0.12",
|
|
86
|
+
"@storybook/addon-mdx-gfm": "^9.0.12",
|
|
87
|
+
"@storybook/addon-styling-webpack": "^2.0.0",
|
|
88
|
+
"@storybook/addon-themes": "^9.0.12",
|
|
89
|
+
"@storybook/addon-vitest": "^9.0.12",
|
|
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",
|
|
102
|
+
"@types/react": "^18.2.0",
|
|
103
|
+
"@types/react-dom": "^18.2.0",
|
|
104
|
+
"@types/smoothscroll-polyfill": "^0.3.4",
|
|
105
|
+
"@vitest/browser": "^3.2.4",
|
|
106
|
+
"@vitest/coverage-v8": "^3.2.4",
|
|
107
|
+
"autoprefixer": "^10.4.21",
|
|
108
|
+
"chromatic": "^13.0.1",
|
|
109
|
+
"concurrently": "^9.1.2",
|
|
110
|
+
"css-loader": "^7.1.2",
|
|
111
|
+
"eslint": "8.44.0",
|
|
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",
|
|
119
|
+
"react-docgen-typescript": "^2.4.0",
|
|
120
|
+
"sass-loader": "^16.0.5",
|
|
121
|
+
"storybook": "^9.0.12",
|
|
122
|
+
"style-loader": "^4.0.0",
|
|
123
|
+
"tsup": "^8.5.0",
|
|
124
|
+
"typescript": "^5.0.0",
|
|
125
|
+
"vitest": "^3.2.4"
|
|
126
|
+
},
|
|
127
|
+
"browserslist": [
|
|
128
|
+
">0.2%",
|
|
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
|
+
]
|
|
143
|
+
},
|
|
144
|
+
"lint-staged": {
|
|
145
|
+
"*.{js,ts,tsx}": [
|
|
146
|
+
"prettier --cache --write",
|
|
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
|
+
]
|
|
157
|
+
},
|
|
158
|
+
"prettier": {
|
|
159
|
+
"jsxBracketSameLine": true,
|
|
160
|
+
"printWidth": 80,
|
|
161
|
+
"singleQuote": true,
|
|
162
|
+
"trailingComma": "es5"
|
|
163
|
+
},
|
|
164
|
+
"eslintConfig": {
|
|
165
|
+
"extends": [
|
|
166
|
+
"plugin:storybook/recommended"
|
|
167
|
+
]
|
|
168
|
+
}
|
|
169
|
+
}
|