@npm_leadtech/legal-lib-components 7.66.0 → 7.67.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/css/styles.css +38 -7
  2. package/dist/src/components/atoms/FixedFooter/FixedFooter.js +1 -1
  3. package/dist/src/components/atoms/FixedFooter/FixedFooter.tsx +1 -1
  4. package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.js +1 -1
  5. package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.styled.js +1 -1
  6. package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.styled.ts +1 -1
  7. package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.tsx +2 -2
  8. package/dist/src/components/organisms/BottomFooter/BottomFooter.js +1 -1
  9. package/dist/src/components/organisms/BottomFooter/BottomFooter.tsx +1 -8
  10. package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.js +1 -1
  11. package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.js +1 -1
  12. package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.ts +1 -1
  13. package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.tsx +3 -3
  14. package/dist/src/globalStyles/animations.scss +8 -3
  15. package/dist/src/globalStyles/themes.scss +27 -0
  16. package/dist/src/globalStyles/variablesCss.scss +17 -0
  17. package/package.json +1 -1
package/dist/css/styles.css CHANGED
@@ -93,6 +93,19 @@ html {
93
93
  --box-shadow-container: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
94
94
  --global-gap: 1rem;
95
95
  }
96
+ html[data-theme=legalfinity] {
97
+ --font-sans: "Poppins", sans-serif;
98
+ --font-serif: "Poppins", serif;
99
+ --s-border-radius: 0.25rem;
100
+ --m-border-radius: 0.5rem;
101
+ --l-border-radius: 1rem;
102
+ --box-shadow-small: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
103
+ --box-shadow-medium: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
104
+ --box-shadow-menu: 0 0.25rem 0.5rem -0.5rem rgba(var(--primary-main-dark-1-rgb), 0.2);
105
+ --box-shadow-tippy-box: 0 0.25rem 0.5rem 0.25rem rgba(var(--primary-main-dark-1-rgb), 0.2);
106
+ --box-shadow-container: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
107
+ --global-gap: 1rem;
108
+ }
96
109
  *,
97
110
  *::before,
98
111
  *::after {
@@ -262,6 +275,8 @@ html {
262
275
  --others-white: #fff;
263
276
  --others-disabled: #6b7280;
264
277
  --others-black: #000;
278
+ --font-main: "Inter", sans-serif;
279
+ --font-secondary: "Lora", serif;
265
280
  }
266
281
  html[data-theme=districtlaws] {
267
282
  --primary-main-light-6: #fff5ee;
@@ -298,6 +313,8 @@ html[data-theme=districtlaws] {
298
313
  --others-white: #fff;
299
314
  --others-disabled: #6b7280;
300
315
  --others-black: #000;
316
+ --font-main: "Inter", sans-serif;
317
+ --font-secondary: "Lora", serif;
301
318
  }
302
319
  html[data-theme=lawdistricts] {
303
320
  --primary-main-light-6: #f9f9ff;
@@ -334,6 +351,8 @@ html[data-theme=lawdistricts] {
334
351
  --others-white: #fff;
335
352
  --others-disabled: #6b7280;
336
353
  --others-black: #000;
354
+ --font-main: "Inter", sans-serif;
355
+ --font-secondary: "Lora", serif;
337
356
  }
338
357
  html[data-theme=lawdistrict] {
339
358
  --primary-main-light-6: #eff7f5;
@@ -370,6 +389,8 @@ html[data-theme=lawdistrict] {
370
389
  --others-white: #fff;
371
390
  --others-disabled: #6b7280;
372
391
  --others-black: #000;
392
+ --font-main: "Inter", sans-serif;
393
+ --font-secondary: "Lora", serif;
373
394
  }
374
395
  html[data-theme=lawdistrict] .document-status.--in-progress {
375
396
  background-color: var(--secondary-main-light-4);
@@ -422,6 +443,8 @@ html[data-theme=lawsdistrict] {
422
443
  --others-white: #fff;
423
444
  --others-disabled: #6b7280;
424
445
  --others-black: #000;
446
+ --font-main: "Inter", sans-serif;
447
+ --font-secondary: "Lora", serif;
425
448
  }
426
449
  html[data-theme=lawdistrictinfo] {
427
450
  --primary-main-light-6: #f1fff7;
@@ -458,6 +481,8 @@ html[data-theme=lawdistrictinfo] {
458
481
  --others-white: #fff;
459
482
  --others-disabled: #6b7280;
460
483
  --others-black: #000;
484
+ --font-main: "Inter", sans-serif;
485
+ --font-secondary: "Lora", serif;
461
486
  }
462
487
  html[data-theme=uslawdistrict] {
463
488
  --primary-main-light-6: #fffbf2;
@@ -494,6 +519,8 @@ html[data-theme=uslawdistrict] {
494
519
  --others-white: #fff;
495
520
  --others-disabled: #6b7280;
496
521
  --others-black: #000;
522
+ --font-main: "Inter", sans-serif;
523
+ --font-secondary: "Lora", serif;
497
524
  }
498
525
  html[data-theme=lawdistrictonline] {
499
526
  --primary-main-light-6: #f9ffea;
@@ -530,6 +557,8 @@ html[data-theme=lawdistrictonline] {
530
557
  --others-white: #fff;
531
558
  --others-disabled: #6b7280;
532
559
  --others-black: #000;
560
+ --font-main: "Inter", sans-serif;
561
+ --font-secondary: "Lora", serif;
533
562
  }
534
563
  html[data-theme=legalfinity] {
535
564
  --button: #1039f5;
@@ -583,6 +612,8 @@ html[data-theme=legalfinity] {
583
612
  --others-white: #ffffff;
584
613
  --others-disabled: #6b7280;
585
614
  --others-black: #000;
615
+ --font-main: "Poppins", sans-serif;
616
+ --font-secondary: "Poppins", sans-serif;
586
617
  }
587
618
  body {
588
619
  min-height: calc(100vh - 3.25rem);
@@ -709,17 +740,17 @@ body {
709
740
  background:
710
741
  radial-gradient(
711
742
  90.31% 103.09% at 74.2% -62.04%,
712
- rgba(7, 128, 128, 0.3) 0%,
713
- #062f3c 100%),
743
+ var(--primary-main-dark-2) 0%,
744
+ var(--primary-main-dark-1) 100%),
714
745
  radial-gradient(
715
746
  80.63% 44.37% at 73.54% 70.76%,
716
- #078080 0%,
717
- #052a37 100%),
747
+ var(--primary-main) 0%,
748
+ var(--primary-main-dark-2) 100%),
718
749
  radial-gradient(
719
750
  92.19% 33.51% at 0% 0%,
720
- #078080 0%,
721
- #042b39 100%),
722
- #032a38;
751
+ var(--primary-main) 0%,
752
+ var(--primary-main-dark-1) 100%),
753
+ var(--primary-main-dark-2);
723
754
  background-blend-mode:
724
755
  lighten,
725
756
  lighten,
package/dist/src/components/atoms/FixedFooter/FixedFooter.js CHANGED
@@ -74,5 +74,5 @@ export const FixedFooter = ({ footerData = {
74
74
  show: false,
75
75
  content: _jsx(_Fragment, {})
76
76
  } }) => {
77
- 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] }));
77
+ 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] }));
78
78
  };
package/dist/src/components/atoms/FixedFooter/FixedFooter.tsx CHANGED
@@ -249,7 +249,7 @@ export const FixedFooter: React.FC<FixedFooterProps> = ({
249
249
  )}
250
250
  <div className={'footer__logo'}>
251
251
  <Logo
252
- className='footer__lawdistrict'
252
+ className='footer__logo-image'
253
253
  siteName={config.siteName}
254
254
  width='138'
255
255
  height='24'
package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.js CHANGED
@@ -3,6 +3,6 @@ import { WhyLawDistrictItemsStyled } from './WhyLawDistrictItems.styled';
3
3
  export const WhyLawDistrictItems = ({ items }) => {
4
4
  if (items.length === 0)
5
5
  return null;
6
- return (_jsx(WhyLawDistrictItemsStyled, { className: 'whyLawDistrictItems', children: items.map((item) => (_jsx("li", { className: 'whyLawDistrictItems__item', children: item.reasons }, item.id))) }));
6
+ return (_jsx(WhyLawDistrictItemsStyled, { className: 'whyItems', children: items.map((item) => (_jsx("li", { className: 'whyItems__item', children: item.reasons }, item.id))) }));
7
7
  };
8
8
  export default WhyLawDistrictItems;
package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.styled.js CHANGED
@@ -13,7 +13,7 @@ export const WhyLawDistrictItemsStyled = styled.ul `
13
13
  padding: 0 1rem;
14
14
  }
15
15
 
16
- .whyLawDistrictItems {
16
+ .whyItems {
17
17
  &__item {
18
18
  max-width: 100%;
19
19
  color: var(--neutral-neutral-2);
package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.styled.ts CHANGED
@@ -14,7 +14,7 @@ export const WhyLawDistrictItemsStyled = styled.ul`
14
14
  padding: 0 1rem;
15
15
  }
16
16
 
17
- .whyLawDistrictItems {
17
+ .whyItems {
18
18
  &__item {
19
19
  max-width: 100%;
20
20
  color: var(--neutral-neutral-2);
package/dist/src/components/atoms/WhyLawDistrictItems/WhyLawDistrictItems.tsx CHANGED
@@ -7,9 +7,9 @@ export const WhyLawDistrictItems: React.FC<WhyLawDistrictItemsProps> = ({ items
7
7
  if (items.length === 0) return null
8
8
 
9
9
  return (
10
- <WhyLawDistrictItemsStyled className={'whyLawDistrictItems'}>
10
+ <WhyLawDistrictItemsStyled className={'whyItems'}>
11
11
  {items.map((item) => (
12
- <li className={'whyLawDistrictItems__item'} key={item.id}>
12
+ <li className={'whyItems__item'} key={item.id}>
13
13
  {item.reasons}
14
14
  </li>
15
15
  ))}
package/dist/src/components/organisms/BottomFooter/BottomFooter.js CHANGED
@@ -3,5 +3,5 @@ import { BottomFooterStyled, BottomFooterText, BottomFooterWrapper, CompanyLink,
3
3
  import { Logo } from '../../atoms/Logo/Logo';
4
4
  import { SocialLinks } from '../../molecules/SocialLinks';
5
5
  export const BottomFooter = ({ siteName, companyLinks, socialLinks, disclaimerText, copyrightText }) => {
6
- 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 })] }) }));
6
+ 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 })] }) }));
7
7
  };
package/dist/src/components/organisms/BottomFooter/BottomFooter.tsx CHANGED
@@ -22,14 +22,7 @@ export const BottomFooter: React.FC<BottomFooterProps> = ({
22
22
  <BottomFooterWrapper>
23
23
  <BottomFooterStyled>
24
24
  <LogoSocialsWrapper className={'footer__logo'}>
25
- <Logo
26
- className='footer__lawdistrict'
27
- siteName={siteName}
28
- width='138'
29
- height='24'
30
- type='white'
31
- isLoadingLazy
32
- />
25
+ <Logo className='footer__logo-image' siteName={siteName} width='138' height='24' type='white' isLoadingLazy />
33
26
  {socialLinks && <SocialLinks links={socialLinks} />}
34
27
  </LogoSocialsWrapper>
35
28
  <div>
package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.js CHANGED
@@ -10,6 +10,6 @@ export const WhyLawDistrictSection = ({ title, items, userActive, link }) => {
10
10
  useEffect(() => {
11
11
  setIsUserActive(userActive);
12
12
  }, [userActive]);
13
- 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 }))] }));
13
+ 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 }))] }));
14
14
  };
15
15
  export default WhyLawDistrictSection;
package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.js CHANGED
@@ -18,7 +18,7 @@ export const WhyLawDistrictSectionStyled = styled.section `
18
18
  display: block;
19
19
  }
20
20
 
21
- .whyLawDistrictSection {
21
+ .whySection {
22
22
  &__title {
23
23
  padding: 0 1.5rem;
24
24
  @media ${device.laptop} {
package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.ts CHANGED
@@ -19,7 +19,7 @@ export const WhyLawDistrictSectionStyled = styled.section`
19
19
  display: block;
20
20
  }
21
21
 
22
- .whyLawDistrictSection {
22
+ .whySection {
23
23
  &__title {
24
24
  padding: 0 1.5rem;
25
25
  @media ${device.laptop} {
package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.tsx CHANGED
@@ -15,13 +15,13 @@ export const WhyLawDistrictSection: React.FC<WhyLawDistrictSectionProps> = ({ ti
15
15
  }, [userActive])
16
16
 
17
17
  return (
18
- <WhyLawDistrictSectionStyled className={'whyLawDistrictSection'}>
19
- <h2 className={'why-lawDistrict__title serif --hero'}>{title}</h2>
18
+ <WhyLawDistrictSectionStyled className={'whySection'}>
19
+ <h2 className={'whySection__title serif --hero'}>{title}</h2>
20
20
  <WhyLawDistrictItems items={items} />
21
21
 
22
22
  {!isUserActive && (
23
23
  <Button
24
- givenClass='whyLawDistrictSection__button'
24
+ givenClass='whySection__button'
25
25
  label={link.cta}
26
26
  link={link.url}
27
27
  onClick={link.onClick}
package/dist/src/globalStyles/animations.scss CHANGED
@@ -55,9 +55,14 @@
55
55
  }
56
56
 
57
57
  .background-ratafia-animation {
58
- background: radial-gradient(90.31% 103.09% at 74.2% -62.04%, rgba(7, 128, 128, 0.3) 0%, #062f3c 100%),
59
- radial-gradient(80.63% 44.37% at 73.54% 70.76%, #078080 0%, #052a37 100%),
60
- radial-gradient(92.19% 33.51% at 0% 0%, #078080 0%, #042b39 100%), #032a38;
58
+ background: radial-gradient(
59
+ 90.31% 103.09% at 74.2% -62.04%,
60
+ var(--primary-main-dark-2) 0%,
61
+ var(--primary-main-dark-1) 100%
62
+ ),
63
+ radial-gradient(80.63% 44.37% at 73.54% 70.76%, var(--primary-main) 0%, var(--primary-main-dark-2) 100%),
64
+ radial-gradient(92.19% 33.51% at 0% 0%, var(--primary-main) 0%, var(--primary-main-dark-1) 100%),
65
+ var(--primary-main-dark-2);
61
66
  background-blend-mode: lighten, lighten, lighten, normal;
62
67
  background-size: 150% 150%;
63
68
  animation: gradientAnimation 4s ease infinite;
package/dist/src/globalStyles/themes.scss CHANGED
@@ -52,6 +52,9 @@ html {
52
52
  --others-white: #fff;
53
53
  --others-disabled: #6b7280;
54
54
  --others-black: #000;
55
+
56
+ --font-main: 'Inter', sans-serif;
57
+ --font-secondary: 'Lora', serif;
55
58
  }
56
59
 
57
60
  html[data-theme='districtlaws'] {
@@ -86,6 +89,9 @@ html[data-theme='districtlaws'] {
86
89
  --others-white: #fff;
87
90
  --others-disabled: #6b7280;
88
91
  --others-black: #000;
92
+
93
+ --font-main: 'Inter', sans-serif;
94
+ --font-secondary: 'Lora', serif;
89
95
  }
90
96
 
91
97
  html[data-theme='lawdistricts'] {
@@ -120,6 +126,9 @@ html[data-theme='lawdistricts'] {
120
126
  --others-white: #fff;
121
127
  --others-disabled: #6b7280;
122
128
  --others-black: #000;
129
+
130
+ --font-main: 'Inter', sans-serif;
131
+ --font-secondary: 'Lora', serif;
123
132
  }
124
133
 
125
134
  html[data-theme='lawdistrict'] {
@@ -154,6 +163,9 @@ html[data-theme='lawdistrict'] {
154
163
  --others-white: #fff;
155
164
  --others-disabled: #6b7280;
156
165
  --others-black: #000;
166
+
167
+ --font-main: 'Inter', sans-serif;
168
+ --font-secondary: 'Lora', serif;
157
169
  }
158
170
 
159
171
  html[data-theme='lawdistrict'] {
@@ -214,6 +226,9 @@ html[data-theme='lawsdistrict'] {
214
226
  --others-white: #fff;
215
227
  --others-disabled: #6b7280;
216
228
  --others-black: #000;
229
+
230
+ --font-main: 'Inter', sans-serif;
231
+ --font-secondary: 'Lora', serif;
217
232
  }
218
233
 
219
234
  html[data-theme='lawdistrictinfo'] {
@@ -248,6 +263,9 @@ html[data-theme='lawdistrictinfo'] {
248
263
  --others-white: #fff;
249
264
  --others-disabled: #6b7280;
250
265
  --others-black: #000;
266
+
267
+ --font-main: 'Inter', sans-serif;
268
+ --font-secondary: 'Lora', serif;
251
269
  }
252
270
 
253
271
  html[data-theme='uslawdistrict'] {
@@ -282,6 +300,9 @@ html[data-theme='uslawdistrict'] {
282
300
  --others-white: #fff;
283
301
  --others-disabled: #6b7280;
284
302
  --others-black: #000;
303
+
304
+ --font-main: 'Inter', sans-serif;
305
+ --font-secondary: 'Lora', serif;
285
306
  }
286
307
 
287
308
  html[data-theme='lawdistrictonline'] {
@@ -316,6 +337,9 @@ html[data-theme='lawdistrictonline'] {
316
337
  --others-white: #fff;
317
338
  --others-disabled: #6b7280;
318
339
  --others-black: #000;
340
+
341
+ --font-main: 'Inter', sans-serif;
342
+ --font-secondary: 'Lora', serif;
319
343
  }
320
344
 
321
345
  html[data-theme='legalfinity'] {
@@ -368,4 +392,7 @@ html[data-theme='legalfinity'] {
368
392
  --others-white: #ffffff;
369
393
  --others-disabled: #6b7280;
370
394
  --others-black: #000;
395
+
396
+ --font-main: 'Poppins', sans-serif;
397
+ --font-secondary: 'Poppins', sans-serif;
371
398
  }
package/dist/src/globalStyles/variablesCss.scss CHANGED
@@ -14,3 +14,20 @@ html {
14
14
 
15
15
  --global-gap: 1rem;
16
16
  }
17
+
18
+ html[data-theme='legalfinity'] {
19
+ --font-sans: 'Poppins', sans-serif;
20
+ --font-serif: 'Poppins', serif;
21
+
22
+ --s-border-radius: 0.25rem;
23
+ --m-border-radius: 0.5rem;
24
+ --l-border-radius: 1rem;
25
+
26
+ --box-shadow-small: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
27
+ --box-shadow-medium: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
28
+ --box-shadow-menu: 0 0.25rem 0.5rem -0.5rem rgba(var(--primary-main-dark-1-rgb), 0.2);
29
+ --box-shadow-tippy-box: 0 0.25rem 0.5rem 0.25rem rgba(var(--primary-main-dark-1-rgb), 0.2);
30
+ --box-shadow-container: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
31
+
32
+ --global-gap: 1rem;
33
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.66.0",
3
+ "version": "7.67.1",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",