@npm_leadtech/legal-lib-components 7.68.1 → 7.69.0

package/dist/src/components/atoms/BenefitCard/BenefitCard.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BenefitCardStyled } from './BenefitCardStyled.styled';
-import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor';
 export const BenefitCard = ({ description, hasShadow = true, hasBigFontSize = true, title, image }) => {
-    return (_jsxs(BenefitCardStyled, { className: `benefit-card ${hasShadow && 'has-shadow'}`, children: [image && (_jsx("div", { className: `benefit-card__icon ${hasShadow && 'has-shadow'}`, children: _jsx(IconSvgURLWithThemeColor, { url: image, height: '32', width: '32' }) })), _jsxs("div", { className: 'benefit-card__content', children: [_jsx("div", { className: `sans-serif ${hasBigFontSize && '--big'} --bold-weight benefit-card__content__title`, children: title }), _jsx("p", { className: 'sans-serif --medium benefit-ratafia-card__content__description', children: description })] })] }));
+    return (_jsxs(BenefitCardStyled, { className: `benefit-card ${hasShadow && 'has-shadow'}`, children: [image !== null && _jsx("div", { className: `benefit-card__icon ${hasShadow && 'has-shadow'}`, children: image }), _jsxs("div", { className: 'benefit-card__content', children: [_jsx("div", { className: `sans-serif ${hasBigFontSize && '--big'} --bold-weight benefit-card__content__title`, children: title }), _jsx("p", { className: 'sans-serif --medium benefit-ratafia-card__content__description', children: description })] })] }));
 };

package/dist/src/components/atoms/BenefitCard/BenefitCard.tsx

@@ -2,7 +2,6 @@ import React from 'react'
 
 import { type BenefitCardProps } from './BenefitCardProps.types'
 import { BenefitCardStyled } from './BenefitCardStyled.styled'
-import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor'
 
 export const BenefitCard: React.FC<BenefitCardProps> = ({
   description,
@@ -13,12 +12,7 @@ export const BenefitCard: React.FC<BenefitCardProps> = ({
 }) => {
   return (
     <BenefitCardStyled className={`benefit-card ${hasShadow && 'has-shadow'}`}>
-      {image && (
-        <div className={`benefit-card__icon ${hasShadow && 'has-shadow'}`}>
-          <IconSvgURLWithThemeColor url={image} height='32' width='32' />
-        </div>
-      )}
-
+      {image !== null && <div className={`benefit-card__icon ${hasShadow && 'has-shadow'}`}>{image}</div>}
       <div className='benefit-card__content'>
         <div className={`sans-serif ${hasBigFontSize && '--big'} --bold-weight benefit-card__content__title`}>
           {title}

package/dist/src/components/atoms/BenefitCard/BenefitCardProps.types.d.ts

@@ -1,7 +1,7 @@
 export interface BenefitCardProps {
     id: string;
     title: string;
-    image?: string;
+    image?: React.ReactNode;
     description: string;
     hasShadow?: boolean;
     hasBigFontSize?: boolean;

package/dist/src/components/atoms/BenefitCard/BenefitCardProps.types.ts

@@ -1,7 +1,7 @@
 export interface BenefitCardProps {
   id: string
   title: string
-  image?: string
+  image?: React.ReactNode
   description: string
   hasShadow?: boolean
   hasBigFontSize?: boolean

package/dist/src/components/atoms/BenefitCard/BenefitCardStyled.styled.js

@@ -37,6 +37,11 @@ export const BenefitCardStyled = styled.div `
       &.has-shadow {
         box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
       }
+
+      img {
+        min-width: 32px;
+        min-height: 32px;
+      }
     }
     &__content {
       display: flex;

package/dist/src/components/atoms/BenefitCard/BenefitCardStyled.styled.ts

@@ -38,6 +38,11 @@ export const BenefitCardStyled = styled.div`
       &.has-shadow {
         box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
       }
+
+      img {
+        min-width: 32px;
+        min-height: 32px;
+      }
     }
     &__content {
       display: flex;

package/dist/src/components/atoms/FixedFooter/FixedFooter.js

@@ -74,5 +74,5 @@ export const FixedFooter = ({ footerData = {
     show: false,
     content: _jsx(_Fragment, {})
 } }) => {
-    return (_jsxs(FixedFooterStyled, { children: [preFooter.show && (_jsx("section", { className: 'prefooter', children: _jsx("div", { className: 'wrapper', children: _jsxs("div", { className: 'prefooter-container', children: [_jsx("div", { className: 'serif --hero prefooter__title', children: preFooter.title }), _jsx("div", { className: 'prefooter--columns', children: preFooter.columns.map((column, index) => (_jsx("p", { className: 'prefooter--columns__text', children: column }, index))) }), preFooter.hasButton && (_jsx(Button, { label: preFooter.buttonLabel, onClick: preFooter.buttonClick, link: preFooter.buttonLink, dataQa: 'cta-footer', isExternal: true, hasNoFollow: true }))] }) }) })), config.isSEMPage && config.isMobile && (_jsx("footer", { className: 'sem-footer', children: _jsxs("section", { className: 'sem-footer__wrapper', children: [_jsx("ul", { className: 'sem-footer__legal-links', children: companyBlock.links }), _jsxs("div", { className: 'sem-footer__contact-info', children: [_jsxs("div", { className: 'sem-footer__contact-info__phone', children: [_jsx(PhoneIcon, { width: 20, height: 20, fill: 'white' }), _jsxs("b", { children: [config.sitePhone, " "] })] }), _jsx("div", { className: 'sem-footer__contact-info__schedule', children: config.siteSchedule })] }), _jsx("div", { className: 'fixed-container', children: footer.createDocumentBlock })] }) })), !config.isSEMPage && (_jsxs("footer", { children: [!config.hide && !config.noFooter ? (_jsxs(_Fragment, { children: [_jsx("div", { className: 'language-selector-mobile-container', children: languageSelector.show === true && languageSelector.content }), _jsxs("section", { className: 'footer__wrapper', children: [_jsxs("div", { className: 'footer__products', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: productsBlock.title }), productsBlock.productsCategories, _jsx("div", { className: 'sans-serif --extra-small product-categories', children: productsBlock.allProductsLink })] }), _jsxs("div", { className: 'footer__popular-documents', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: popularDocumentsBlock.title }), _jsx("ul", { children: popularDocumentsBlock.popularDocuments }), config.isTablet && (_jsxs("div", { className: 'footer__help__tablet', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: helpBlock.title }), _jsx("ul", { children: helpBlock.links })] }))] }), (config.isMobile || config.isDesktop) && (_jsxs("div", { className: 'footer__company', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: companyBlock.title }), _jsx("ul", { children: companyBlock.links })] })), _jsx("div", { className: 'footer__company__resources__findUs', children: config.isTablet && (_jsxs(_Fragment, { children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: companyBlock.title }), _jsx("ul", { children: companyBlock.links }), !config.isJonSnow && config.hasGrav && config.isTablet && (_jsxs("div", { className: 'footer__resources', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: resourcesBlock.title }), _jsx("ul", { children: resourcesBlock.links })] }))] })) }), !config.isTablet && (_jsx("div", { className: 'footer__help__resources', children: _jsxs("div", { children: [_jsxs("div", { className: 'footer__help', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: helpBlock.title }), _jsx("ul", { children: helpBlock.links })] }), !config.isJonSnow && config.hasGrav && (_jsxs("div", { className: 'footer__resources', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: resourcesBlock.title }), _jsx("ul", { children: resourcesBlock.links })] }))] }) })), _jsxs("div", { className: 'footer__findUs', children: [_jsxs("div", { className: 'find-us-container', children: [!config.isJonSnow && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'find-us-content', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: footerData?.findUs }), _jsxs("ul", { children: [_jsx("li", { children: _jsx("a", { href: 'https://www.facebook.com/lawdistrictlegal', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: facebook, alt: 'Facebook logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://twitter.com/district_law', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: x, alt: 'Twitter logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://www.linkedin.com/company/law-district/', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: linkedin, alt: 'Linkedin logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://www.pinterest.com/lawdistrict/', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: pinterest, alt: 'Pinterest logo', width: '32', height: '32' }) }) })] })] }), _jsxs("div", { className: 'footer-contact-box', children: [_jsx("span", { className: 'footer-contact-box_phone', children: config.sitePhone }), _jsx(Button, { centered: true, isExternal: true, link: `tel:${config.sitePhone}`, givenClass: 'footer-contact-box-button', label: config.sitePhone, dataQa: 'footer_contact_box' }), _jsx("span", { className: 'footer-contact-box_schedule', children: config.siteSchedule.replace(/(\d)/, '\n$1') })] })] })), _jsx("div", { className: 'footer__logo', children: _jsx(Logo, { className: 'footer__lawdistrict', siteName: config.siteName, width: '138', height: '24', type: 'white' }) })] }), config.hasTrustPilot && footer.trustPilotWidget] }), !config.isJonSnow && (_jsxs("div", { className: 'footer-mobile-contact-box', children: [_jsx("span", { className: 'footer-mobile-contact-box_phone', children: config.sitePhone }), _jsx(Button, { centered: true, isExternal: true, link: `tel:${config.sitePhone}`, givenClass: 'footer-mobile-contact-box-button', label: config.sitePhone, dataQa: 'footer_contact_box' }), config.siteSchedule && (_jsx("p", { className: 'footer-mobile-contact-box_schedule', children: config.siteSchedule }))] }))] })] })) : null, config.hasContactBar && (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs("div", { className: `contact-bar-wrapper ${(config.isJonSnow || config.isAnonymousPayment) && 'hidden'}`, children: [_jsx(IconWeb, {}), _jsxs("div", { className: 'contact-bar-wrapper__text', children: [_jsxs("div", { className: 'is-mobile', children: [_jsx("a", { className: 'phone', href: `tel:${config.sitePhone}`, children: _jsx("strong", { children: config.sitePhone }) }), ` - ${config.siteSchedule}`] }), _jsxs("div", { className: 'no-mobile', children: [_jsx("strong", { children: config.sitePhone }), " - ", config.siteSchedule] })] })] }), _jsxs("div", { className: 'contact-bar-wrapper', children: [_jsx("img", { src: securityIconBlack, alt: '' }), _jsx("p", { className: 'contact-bar-wrapper__text', children: footer.securityText })] }), _jsxs("div", { className: 'contact-bar-wrapper', children: [_jsx("img", { src: guaranteeIconGrey, alt: '' }), _jsx("p", { className: 'contact-bar-wrapper__text', children: footer.guaranteeText })] })] }) })), footer.disclaimerText && _jsx(Disclaimer, { text: footer.disclaimerText, siteUrl: config.siteUrl }), _jsx("div", { className: 'fixed-container', children: footer.createDocumentBlock })] })), footer.bottomFixedBlock] }));
+    return (_jsxs(FixedFooterStyled, { children: [preFooter.show && (_jsx("section", { className: 'prefooter', children: _jsx("div", { className: 'wrapper', children: _jsxs("div", { className: 'prefooter-container', children: [_jsx("div", { className: 'serif --hero prefooter__title', children: preFooter.title }), _jsx("div", { className: 'prefooter--columns', children: preFooter.columns.map((column, index) => (_jsx("p", { className: 'prefooter--columns__text', children: column }, index))) }), preFooter.hasButton && (_jsx(Button, { label: preFooter.buttonLabel, onClick: preFooter.buttonClick, link: preFooter.buttonLink, dataQa: 'cta-footer', isExternal: true, hasNoFollow: true }))] }) }) })), config.isSEMPage && config.isMobile && (_jsx("footer", { className: 'sem-footer', children: _jsxs("section", { className: 'sem-footer__wrapper', children: [_jsx("ul", { className: 'sem-footer__legal-links', children: companyBlock.links }), _jsxs("div", { className: 'sem-footer__contact-info', children: [_jsxs("div", { className: 'sem-footer__contact-info__phone', children: [_jsx(PhoneIcon, { width: 20, height: 20, fill: 'white' }), _jsxs("b", { children: [config.sitePhone, " "] })] }), _jsx("div", { className: 'sem-footer__contact-info__schedule', children: config.siteSchedule })] }), _jsx("div", { className: 'fixed-container', children: footer.createDocumentBlock })] }) })), !config.isSEMPage && (_jsxs("footer", { children: [!config.hide && !config.noFooter ? (_jsxs(_Fragment, { children: [_jsx("div", { className: 'language-selector-mobile-container', children: languageSelector.show === true && languageSelector.content }), _jsxs("section", { className: 'footer__wrapper', children: [_jsxs("div", { className: 'footer__products', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: productsBlock.title }), productsBlock.productsCategories, _jsx("div", { className: 'sans-serif --extra-small product-categories', children: productsBlock.allProductsLink })] }), _jsxs("div", { className: 'footer__popular-documents', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: popularDocumentsBlock.title }), _jsx("ul", { children: popularDocumentsBlock.popularDocuments }), config.isTablet && (_jsxs("div", { className: 'footer__help__tablet', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: helpBlock.title }), _jsx("ul", { children: helpBlock.links })] }))] }), (config.isMobile || config.isDesktop) && (_jsxs("div", { className: 'footer__company', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: companyBlock.title }), _jsx("ul", { children: companyBlock.links })] })), _jsx("div", { className: 'footer__company__resources__findUs', children: config.isTablet && (_jsxs(_Fragment, { children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: companyBlock.title }), _jsx("ul", { children: companyBlock.links }), !config.isJonSnow && config.hasGrav && config.isTablet && (_jsxs("div", { className: 'footer__resources', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: resourcesBlock.title }), _jsx("ul", { children: resourcesBlock.links })] }))] })) }), !config.isTablet && (_jsx("div", { className: 'footer__help__resources', children: _jsxs("div", { children: [_jsxs("div", { className: 'footer__help', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: helpBlock.title }), _jsx("ul", { children: helpBlock.links })] }), !config.isJonSnow && config.hasGrav && (_jsxs("div", { className: 'footer__resources', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: resourcesBlock.title }), _jsx("ul", { children: resourcesBlock.links })] }))] }) })), _jsxs("div", { className: 'footer__findUs', children: [_jsxs("div", { className: 'find-us-container', children: [!config.isJonSnow && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'find-us-content', children: [_jsx("p", { className: 'sans-serif --small footer-links__title', children: footerData?.findUs }), _jsxs("ul", { children: [_jsx("li", { children: _jsx("a", { href: 'https://www.facebook.com/lawdistrictlegal', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: facebook, alt: 'Facebook logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://twitter.com/district_law', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: x, alt: 'Twitter logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://www.linkedin.com/company/law-district/', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: linkedin, alt: 'Linkedin logo', width: '32', height: '32' }) }) }), _jsx("li", { children: _jsx("a", { href: 'https://www.pinterest.com/lawdistrict/', rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: pinterest, alt: 'Pinterest logo', width: '32', height: '32' }) }) })] })] }), _jsxs("div", { className: 'footer-contact-box', children: [_jsx("span", { className: 'footer-contact-box_phone', children: config.sitePhone }), _jsx(Button, { centered: true, isExternal: true, link: `tel:${config.sitePhone}`, givenClass: 'footer-contact-box-button', label: config.sitePhone, dataQa: 'footer_contact_box' }), _jsx("span", { className: 'footer-contact-box_schedule', children: config.siteSchedule.replace(/(\d)/, '\n$1') })] })] })), _jsx("div", { className: 'footer__logo', children: _jsx(Logo, { className: 'footer__logo-image', siteName: config.siteName, width: '138', height: '24', type: 'white' }) })] }), config.hasTrustPilot && footer.trustPilotWidget] }), !config.isJonSnow && (_jsxs("div", { className: 'footer-mobile-contact-box', children: [_jsx("span", { className: 'footer-mobile-contact-box_phone', children: config.sitePhone }), _jsx(Button, { centered: true, isExternal: true, link: `tel:${config.sitePhone}`, givenClass: 'footer-mobile-contact-box-button', label: config.sitePhone, dataQa: 'footer_contact_box' }), config.siteSchedule && (_jsx("p", { className: 'footer-mobile-contact-box_schedule', children: config.siteSchedule }))] }))] })] })) : null, config.hasContactBar && (_jsx(WideInfoBar, { children: _jsxs(_Fragment, { children: [_jsxs("div", { className: `contact-bar-wrapper ${(config.isJonSnow || config.isAnonymousPayment) && 'hidden'}`, children: [_jsx(IconWeb, {}), _jsxs("div", { className: 'contact-bar-wrapper__text', children: [_jsxs("div", { className: 'is-mobile', children: [_jsx("a", { className: 'phone', href: `tel:${config.sitePhone}`, children: _jsx("strong", { children: config.sitePhone }) }), ` - ${config.siteSchedule}`] }), _jsxs("div", { className: 'no-mobile', children: [_jsx("strong", { children: config.sitePhone }), " - ", config.siteSchedule] })] })] }), _jsxs("div", { className: 'contact-bar-wrapper', children: [_jsx("img", { src: securityIconBlack, alt: '' }), _jsx("p", { className: 'contact-bar-wrapper__text', children: footer.securityText })] }), _jsxs("div", { className: 'contact-bar-wrapper', children: [_jsx("img", { src: guaranteeIconGrey, alt: '' }), _jsx("p", { className: 'contact-bar-wrapper__text', children: footer.guaranteeText })] })] }) })), footer.disclaimerText && _jsx(Disclaimer, { text: footer.disclaimerText, siteUrl: config.siteUrl }), _jsx("div", { className: 'fixed-container', children: footer.createDocumentBlock })] })), footer.bottomFixedBlock] }));
 };

package/dist/src/components/atoms/FixedFooter/FixedFooter.tsx

@@ -249,7 +249,7 @@ export const FixedFooter: React.FC<FixedFooterProps> = ({
                     )}
                     <div className={'footer__logo'}>
                       <Logo
-                        className='footer__lawdistrict'
+                        className='footer__logo-image'
                         siteName={config.siteName}
                         width='138'
                         height='24'

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor';
 import { StepRatafiaCardStyled } from './StepRatafiaCard.styled';
 export const StepRatafiaCard = ({ title, icon, description }) => {
-    return (_jsxs(StepRatafiaCardStyled, { className: 'step-ratafia-card', children: [_jsxs("div", { className: 'step-ratafia-card__title', children: [icon && _jsx(IconSvgURLWithThemeColor, { url: icon, height: '20', width: '20' }), _jsx("h3", { className: 'sans-serif --medium --bold-weight step-ratafia-card__title__text', children: title })] }), _jsx("p", { className: 'sans-serif --small step-ratafia-card__description', children: description })] }));
+    return (_jsxs(StepRatafiaCardStyled, { className: 'step-ratafia-card', children: [_jsxs("div", { className: 'step-ratafia-card__title', children: [icon !== null && _jsx("div", { className: 'step-ratafia-card__title__icon', children: icon }), _jsx("h3", { className: 'sans-serif --medium --bold-weight step-ratafia-card__title__text', children: title })] }), _jsx("p", { className: 'sans-serif --small step-ratafia-card__description', children: description })] }));
 };
 export default StepRatafiaCard;

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.styled.js

@@ -18,6 +18,11 @@ export const StepRatafiaCardStyled = styled.div `
       align-self: stretch;
 
       color: var(--neutral-neutral-1);
+
+      &__icon {
+        width: 20px;
+        height: 20px;
+      }
     }
   }
 `;

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.styled.ts

@@ -19,6 +19,11 @@ export const StepRatafiaCardStyled = styled.div`
       align-self: stretch;
 
       color: var(--neutral-neutral-1);
+
+      &__icon {
+        width: 20px;
+        height: 20px;
+      }
     }
   }
 `

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCard.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 
-import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor'
 import { type StepRatafiaCardProps } from './StepRatafiaCardProps.types'
 import { StepRatafiaCardStyled } from './StepRatafiaCard.styled'
 
@@ -8,7 +7,7 @@ export const StepRatafiaCard: React.FC<StepRatafiaCardProps> = ({ title, icon, d
   return (
     <StepRatafiaCardStyled className='step-ratafia-card'>
       <div className='step-ratafia-card__title'>
-        {icon && <IconSvgURLWithThemeColor url={icon} height='20' width='20' />}
+        {icon !== null && <div className='step-ratafia-card__title__icon'>{icon}</div>}
         <h3 className='sans-serif --medium --bold-weight step-ratafia-card__title__text'>{title}</h3>
       </div>
       <p className='sans-serif --small step-ratafia-card__description'>{description}</p>

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCardProps.types.d.ts

@@ -1,6 +1,6 @@
 export interface StepRatafiaCardProps {
     id: string;
     title: string;
-    icon?: string;
+    icon?: React.ReactNode;
     description: string;
 }

package/dist/src/components/atoms/StepRatafiaCard/StepRatafiaCardProps.types.ts

@@ -1,6 +1,6 @@
 export interface StepRatafiaCardProps {
   id: string
   title: string
-  icon?: string
+  icon?: React.ReactNode
   description: string
 }

package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.js

@@ -3,6 +3,6 @@ import { WhyLawDistrictItemsStyled } from './WhyLawDistrictItems.styled';
 export const WhyLawDistrictItems = ({ items }) => {
     if (items.length === 0)
         return null;
-    return (_jsx(WhyLawDistrictItemsStyled, { className: 'whyLawDistrictItems', children: items.map((item) => (_jsx("li", { className: 'whyLawDistrictItems__item', children: item.reasons }, item.id))) }));
+    return (_jsx(WhyLawDistrictItemsStyled, { className: 'whyItems', children: items.map((item) => (_jsx("li", { className: 'whyItems__item', children: item.reasons }, item.id))) }));
 };
 export default WhyLawDistrictItems;

package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.styled.js

@@ -13,7 +13,7 @@ export const WhyLawDistrictItemsStyled = styled.ul `
     padding: 0 1rem;
   }
 
-  .whyLawDistrictItems {
+  .whyItems {
     &__item {
       max-width: 100%;
       color: var(--neutral-neutral-2);

package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.styled.ts

@@ -14,7 +14,7 @@ export const WhyLawDistrictItemsStyled = styled.ul`
     padding: 0 1rem;
   }
 
-  .whyLawDistrictItems {
+  .whyItems {
     &__item {
       max-width: 100%;
       color: var(--neutral-neutral-2);

package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.tsx

@@ -7,9 +7,9 @@ export const WhyLawDistrictItems: React.FC<WhyLawDistrictItemsProps> = ({ items
   if (items.length === 0) return null
 
   return (
-    <WhyLawDistrictItemsStyled className={'whyLawDistrictItems'}>
+    <WhyLawDistrictItemsStyled className={'whyItems'}>
       {items.map((item) => (
-        <li className={'whyLawDistrictItems__item'} key={item.id}>
+        <li className={'whyItems__item'} key={item.id}>
           {item.reasons}
         </li>
       ))}

package/dist/src/components/organisms/BottomFooter/BottomFooter.js

@@ -3,5 +3,5 @@ import { BottomFooterStyled, BottomFooterText, BottomFooterWrapper, CompanyLink,
 import { Logo } from '../../atoms/Logo/Logo';
 import { SocialLinks } from '../../molecules/SocialLinks';
 export const BottomFooter = ({ siteName, companyLinks, socialLinks, disclaimerText, copyrightText }) => {
-    return (_jsx(BottomFooterWrapper, { children: _jsxs(BottomFooterStyled, { children: [_jsxs(LogoSocialsWrapper, { className: 'footer__logo', children: [_jsx(Logo, { className: 'footer__lawdistrict', siteName: siteName, width: '138', height: '24', type: 'white', isLoadingLazy: true }), socialLinks && _jsx(SocialLinks, { links: socialLinks })] }), _jsx("div", { children: _jsx(CompanyList, { children: companyLinks?.map((link) => (_jsx("li", { children: _jsx(CompanyLink, { href: link.url, className: 'sans-serif --extra-small', "data-qa": link.dataQa, rel: link.rel, children: link.name }) }, link.url))) }) }), _jsx(BottomFooterText, { className: 'sans-serif --extra-small', children: disclaimerText }), _jsx(BottomFooterText, { className: 'sans-serif --extra-small', children: copyrightText })] }) }));
+    return (_jsx(BottomFooterWrapper, { children: _jsxs(BottomFooterStyled, { children: [_jsxs(LogoSocialsWrapper, { className: 'footer__logo', children: [_jsx(Logo, { className: 'footer__logo-image', siteName: siteName, width: '138', height: '24', type: 'white', isLoadingLazy: true }), socialLinks && _jsx(SocialLinks, { links: socialLinks })] }), _jsx("div", { children: _jsx(CompanyList, { children: companyLinks?.map((link) => (_jsx("li", { children: _jsx(CompanyLink, { href: link.url, className: 'sans-serif --extra-small', "data-qa": link.dataQa, rel: link.rel, children: link.name }) }, link.url))) }) }), _jsx(BottomFooterText, { className: 'sans-serif --extra-small', children: disclaimerText }), _jsx(BottomFooterText, { className: 'sans-serif --extra-small', children: copyrightText })] }) }));
 };

package/dist/src/components/organisms/BottomFooter/BottomFooter.tsx

@@ -22,14 +22,7 @@ export const BottomFooter: React.FC<BottomFooterProps> = ({
     <BottomFooterWrapper>
       <BottomFooterStyled>
         <LogoSocialsWrapper className={'footer__logo'}>
-          <Logo
-            className='footer__lawdistrict'
-            siteName={siteName}
-            width='138'
-            height='24'
-            type='white'
-            isLoadingLazy
-          />
+          <Logo className='footer__logo-image' siteName={siteName} width='138' height='24' type='white' isLoadingLazy />
           {socialLinks && <SocialLinks links={socialLinks} />}
         </LogoSocialsWrapper>
         <div>

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.js

@@ -10,6 +10,6 @@ export const WhyLawDistrictSection = ({ title, items, userActive, link }) => {
     useEffect(() => {
         setIsUserActive(userActive);
     }, [userActive]);
-    return (_jsxs(WhyLawDistrictSectionStyled, { className: 'whyLawDistrictSection', children: [_jsx("h2", { className: 'why-lawDistrict__title serif --hero', children: title }), _jsx(WhyLawDistrictItems, { items: items }), !isUserActive && (_jsx(Button, { givenClass: 'whyLawDistrictSection__button', label: link.cta, link: link.url, onClick: link.onClick, dataQa: link.dataQa, isExternal: true, hasNoFollow: true }))] }));
+    return (_jsxs(WhyLawDistrictSectionStyled, { className: 'whySection', children: [_jsx("h2", { className: 'whySection__title serif --hero', children: title }), _jsx(WhyLawDistrictItems, { items: items }), !isUserActive && (_jsx(Button, { givenClass: 'whySection__button', label: link.cta, link: link.url, onClick: link.onClick, dataQa: link.dataQa, isExternal: true, hasNoFollow: true }))] }));
 };
 export default WhyLawDistrictSection;

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.js

@@ -18,7 +18,7 @@ export const WhyLawDistrictSectionStyled = styled.section `
     display: block;
   }
 
-  .whyLawDistrictSection {
+  .whySection {
     &__title {
       padding: 0 1.5rem;
       @media ${device.laptop} {

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.ts

@@ -19,7 +19,7 @@ export const WhyLawDistrictSectionStyled = styled.section`
     display: block;
   }
 
-  .whyLawDistrictSection {
+  .whySection {
     &__title {
       padding: 0 1.5rem;
       @media ${device.laptop} {

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.tsx

@@ -15,13 +15,13 @@ export const WhyLawDistrictSection: React.FC<WhyLawDistrictSectionProps> = ({ ti
   }, [userActive])
 
   return (
-    <WhyLawDistrictSectionStyled className={'whyLawDistrictSection'}>
-      <h2 className={'why-lawDistrict__title serif --hero'}>{title}</h2>
+    <WhyLawDistrictSectionStyled className={'whySection'}>
+      <h2 className={'whySection__title serif --hero'}>{title}</h2>
       <WhyLawDistrictItems items={items} />
 
       {!isUserActive && (
         <Button
-          givenClass='whyLawDistrictSection__button'
+          givenClass='whySection__button'
           label={link.cta}
           link={link.url}
           onClick={link.onClick}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.68.1",
+  "version": "7.69.0",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",