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.
@@ -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
+ }