@npm_leadtech/legal-lib-components 5.26.2 → 5.26.3-f

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 (7) hide show
  1. package/dist/src/components/atoms/FixedFooter/FixedFooter.js +2 -2
  2. package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.js +157 -0
  3. package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.ts +157 -0
  4. package/dist/src/components/atoms/FixedFooter/FixedFooter.tsx +2 -1
  5. package/dist/src/components/atoms/FixedFooter/FixedFooterProps.d.ts +3 -0
  6. package/dist/src/components/atoms/FixedFooter/FixedFooterProps.ts +3 -0
  7. package/package.json +1 -1
package/dist/src/components/atoms/FixedFooter/FixedFooter.js CHANGED
@@ -13,7 +13,7 @@ import linkedin from '../../../../images/svg/linkedin.svg';
13
13
  import pinterest from '../../../../images/svg/pinterest.svg';
14
14
  import securityIconBlack from '../../../../images/svg/icon-24-px-security_black.svg';
15
15
  import x from '../../../../images/svg/x.svg';
16
- export const FixedFooter = ({ config = {
16
+ export const FixedFooter = ({ footerData = {}, config = {
17
17
  siteName: 'LawDistrict',
18
18
  sitePhone: '123-456-7890',
19
19
  siteSchedule: 'Monday - Friday, 9am - 5pm',
@@ -69,5 +69,5 @@ export const FixedFooter = ({ config = {
69
69
  show: false,
70
70
  content: _jsx(_Fragment, {})
71
71
  } }) => {
72
- 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: "Find us" }), _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 })] })] })), _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 && (_jsx("div", { className: 'footer-mobile-contact-box', children: _jsx(ContactBox, { mobile: true, phone: config.sitePhone, schedule: config.siteSchedule, mobileGtmTag: 'clicked_phone_footer', dataQa: 'footer_contact_box', darkMode: true }) }))] })] })) : 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] }));
72
+ 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 })] })] })), _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 && (_jsx("div", { className: 'footer-mobile-contact-box', children: _jsx(ContactBox, { mobile: true, phone: config.sitePhone, schedule: config.siteSchedule, mobileGtmTag: 'clicked_phone_footer', dataQa: 'footer_contact_box', darkMode: true }) }))] })] })) : 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] }));
73
73
  };
package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.js CHANGED
@@ -810,4 +810,161 @@ export const FixedFooterStyled = styled.div `
810
810
  }
811
811
  }
812
812
  }
813
+ @media (min-width: 720px) {
814
+ .footer-contact-box-button,
815
+ .footer-mobile-contact-box-button {
816
+ display: none !important;
817
+ }
818
+ }
819
+ .footer-contact-box_phone,
820
+ .footer-mobile-contact-box_phone {
821
+ display: none;
822
+ font-size: 0.9rem;
823
+ font-weight: bold;
824
+ }
825
+ @media (min-width: 720px) {
826
+ .footer-contact-box_phone,
827
+ .footer-mobile-contact-box_phone {
828
+ display: flex;
829
+ }
830
+ }
831
+ footer .footer-contact-box_schedule {
832
+ color: var(--others-white);
833
+ padding-bottom: 1rem;
834
+ }
835
+ .footer-contact-box_schedule,
836
+ .footer-mobile-contact-box_schedule {
837
+ color: var(--neutral-neutral-3);
838
+ font-size: 1rem;
839
+ text-align: center;
840
+ margin: 0.5rem 0;
841
+ }
842
+ @media (min-width: 720px) {
843
+ .footer-contact-box_schedule,
844
+ .footer-mobile-contact-box_schedule {
845
+ font-size: 0.8rem;
846
+ text-align: left;
847
+ margin: 0;
848
+ max-width: 12rem;
849
+ }
850
+ }
851
+ .footer-mobile-contact-box {
852
+ display: flex;
853
+ }
854
+ @media (min-width: 720px) {
855
+ .footer-mobile-contact-box {
856
+ display: none;
857
+ }
858
+ }
859
+ footer .expand-icon:before,
860
+ footer .expand-icon:after {
861
+ width: 2px;
862
+ background-color: var(--others-white);
863
+ left: 50%;
864
+ height: 64%;
865
+ }
866
+ .icon-arrow:before {
867
+ top: 0;
868
+ transform: rotate(-45deg);
869
+ }
870
+ .icon-arrow:after {
871
+ bottom: 0;
872
+ transform: rotate(45deg);
873
+ }
874
+ .icon-arrow:before,
875
+ .icon-arrow:after {
876
+ left: 50%;
877
+ height: 64%;
878
+ }
879
+ .icon:before,
880
+ .icon-cross:before,
881
+ .icon-arrow:before,
882
+ .icon:after,
883
+ .icon-cross:after,
884
+ .icon-arrow:after {
885
+ content: '';
886
+ position: absolute;
887
+ background-color: black;
888
+ width: 3px;
889
+ height: 100%;
890
+ }
891
+ .footer-contact-box {
892
+ display: none;
893
+ }
894
+ @media (min-width: 720px) {
895
+ .footer-contact-box {
896
+ display: flex;
897
+ }
898
+ }
899
+
900
+ .footer-mobile-contact-box {
901
+ display: flex;
902
+ }
903
+ @media (min-width: 720px) {
904
+ .footer-mobile-contact-box {
905
+ display: none;
906
+ }
907
+ }
908
+
909
+ .footer-contact-box,
910
+ .footer-mobile-contact-box {
911
+ flex-flow: column;
912
+ width: 100%;
913
+ margin-bottom: 16px;
914
+ }
915
+ @media (min-width: 720px) {
916
+ .footer-contact-box,
917
+ .footer-mobile-contact-box {
918
+ width: auto;
919
+ margin-bottom: 6px;
920
+ }
921
+ }
922
+ .footer-contact-box_phone,
923
+ .footer-mobile-contact-box_phone {
924
+ display: none;
925
+ font-size: 0.9rem;
926
+ font-weight: bold;
927
+ }
928
+ @media (min-width: 720px) {
929
+ .footer-contact-box_phone,
930
+ .footer-mobile-contact-box_phone {
931
+ display: flex;
932
+ }
933
+ }
934
+ .footer-contact-box-button,
935
+ .footer-mobile-contact-box-button {
936
+ display: flex;
937
+ justify-content: center;
938
+ width: 100%;
939
+ }
940
+ .footer-contact-box-button:before,
941
+ .footer-mobile-contact-box-button:before {
942
+ content: '';
943
+ width: 20px;
944
+ height: 20px;
945
+ background: url('../../../assets/images/svg/icon-web-24-p.svg');
946
+ margin-right: 0.5rem;
947
+ }
948
+ @media (min-width: 720px) {
949
+ .footer-contact-box-button,
950
+ .footer-mobile-contact-box-button {
951
+ display: none !important;
952
+ }
953
+ }
954
+ .footer-contact-box_schedule,
955
+ .footer-mobile-contact-box_schedule {
956
+ color: var(--neutral-neutral-3);
957
+ font-size: 1rem;
958
+ text-align: center;
959
+ margin: 0.5rem 0;
960
+ }
961
+ @media (min-width: 720px) {
962
+ .footer-contact-box_schedule,
963
+ .footer-mobile-contact-box_schedule {
964
+ font-size: 0.8rem;
965
+ text-align: left;
966
+ margin: 0;
967
+ max-width: 12rem;
968
+ }
969
+ }
813
970
  `;
package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.ts CHANGED
@@ -811,4 +811,161 @@ export const FixedFooterStyled = styled.div`
811
811
  }
812
812
  }
813
813
  }
814
+ @media (min-width: 720px) {
815
+ .footer-contact-box-button,
816
+ .footer-mobile-contact-box-button {
817
+ display: none !important;
818
+ }
819
+ }
820
+ .footer-contact-box_phone,
821
+ .footer-mobile-contact-box_phone {
822
+ display: none;
823
+ font-size: 0.9rem;
824
+ font-weight: bold;
825
+ }
826
+ @media (min-width: 720px) {
827
+ .footer-contact-box_phone,
828
+ .footer-mobile-contact-box_phone {
829
+ display: flex;
830
+ }
831
+ }
832
+ footer .footer-contact-box_schedule {
833
+ color: var(--others-white);
834
+ padding-bottom: 1rem;
835
+ }
836
+ .footer-contact-box_schedule,
837
+ .footer-mobile-contact-box_schedule {
838
+ color: var(--neutral-neutral-3);
839
+ font-size: 1rem;
840
+ text-align: center;
841
+ margin: 0.5rem 0;
842
+ }
843
+ @media (min-width: 720px) {
844
+ .footer-contact-box_schedule,
845
+ .footer-mobile-contact-box_schedule {
846
+ font-size: 0.8rem;
847
+ text-align: left;
848
+ margin: 0;
849
+ max-width: 12rem;
850
+ }
851
+ }
852
+ .footer-mobile-contact-box {
853
+ display: flex;
854
+ }
855
+ @media (min-width: 720px) {
856
+ .footer-mobile-contact-box {
857
+ display: none;
858
+ }
859
+ }
860
+ footer .expand-icon:before,
861
+ footer .expand-icon:after {
862
+ width: 2px;
863
+ background-color: var(--others-white);
864
+ left: 50%;
865
+ height: 64%;
866
+ }
867
+ .icon-arrow:before {
868
+ top: 0;
869
+ transform: rotate(-45deg);
870
+ }
871
+ .icon-arrow:after {
872
+ bottom: 0;
873
+ transform: rotate(45deg);
874
+ }
875
+ .icon-arrow:before,
876
+ .icon-arrow:after {
877
+ left: 50%;
878
+ height: 64%;
879
+ }
880
+ .icon:before,
881
+ .icon-cross:before,
882
+ .icon-arrow:before,
883
+ .icon:after,
884
+ .icon-cross:after,
885
+ .icon-arrow:after {
886
+ content: '';
887
+ position: absolute;
888
+ background-color: black;
889
+ width: 3px;
890
+ height: 100%;
891
+ }
892
+ .footer-contact-box {
893
+ display: none;
894
+ }
895
+ @media (min-width: 720px) {
896
+ .footer-contact-box {
897
+ display: flex;
898
+ }
899
+ }
900
+
901
+ .footer-mobile-contact-box {
902
+ display: flex;
903
+ }
904
+ @media (min-width: 720px) {
905
+ .footer-mobile-contact-box {
906
+ display: none;
907
+ }
908
+ }
909
+
910
+ .footer-contact-box,
911
+ .footer-mobile-contact-box {
912
+ flex-flow: column;
913
+ width: 100%;
914
+ margin-bottom: 16px;
915
+ }
916
+ @media (min-width: 720px) {
917
+ .footer-contact-box,
918
+ .footer-mobile-contact-box {
919
+ width: auto;
920
+ margin-bottom: 6px;
921
+ }
922
+ }
923
+ .footer-contact-box_phone,
924
+ .footer-mobile-contact-box_phone {
925
+ display: none;
926
+ font-size: 0.9rem;
927
+ font-weight: bold;
928
+ }
929
+ @media (min-width: 720px) {
930
+ .footer-contact-box_phone,
931
+ .footer-mobile-contact-box_phone {
932
+ display: flex;
933
+ }
934
+ }
935
+ .footer-contact-box-button,
936
+ .footer-mobile-contact-box-button {
937
+ display: flex;
938
+ justify-content: center;
939
+ width: 100%;
940
+ }
941
+ .footer-contact-box-button:before,
942
+ .footer-mobile-contact-box-button:before {
943
+ content: '';
944
+ width: 20px;
945
+ height: 20px;
946
+ background: url('../../../assets/images/svg/icon-web-24-p.svg');
947
+ margin-right: 0.5rem;
948
+ }
949
+ @media (min-width: 720px) {
950
+ .footer-contact-box-button,
951
+ .footer-mobile-contact-box-button {
952
+ display: none !important;
953
+ }
954
+ }
955
+ .footer-contact-box_schedule,
956
+ .footer-mobile-contact-box_schedule {
957
+ color: var(--neutral-neutral-3);
958
+ font-size: 1rem;
959
+ text-align: center;
960
+ margin: 0.5rem 0;
961
+ }
962
+ @media (min-width: 720px) {
963
+ .footer-contact-box_schedule,
964
+ .footer-mobile-contact-box_schedule {
965
+ font-size: 0.8rem;
966
+ text-align: left;
967
+ margin: 0;
968
+ max-width: 12rem;
969
+ }
970
+ }
814
971
  `
package/dist/src/components/atoms/FixedFooter/FixedFooter.tsx CHANGED
@@ -16,6 +16,7 @@ import securityIconBlack from '../../../../images/svg/icon-24-px-security_black.
16
16
  import x from '../../../../images/svg/x.svg'
17
17
 
18
18
  export const FixedFooter: React.FC<FixedFooterProps> = ({
19
+ footerData = {},
19
20
  config = {
20
21
  siteName: 'LawDistrict',
21
22
  sitePhone: '123-456-7890',
@@ -189,7 +190,7 @@ export const FixedFooter: React.FC<FixedFooterProps> = ({
189
190
  {!config.isJonSnow && (
190
191
  <>
191
192
  <div className='find-us-content'>
192
- <p className={'sans-serif --small footer-links__title'}>Find us</p>
193
+ <p className={'sans-serif --small footer-links__title'}>{footerData?.findUs}</p>
193
194
  <ul>
194
195
  <li>
195
196
  <a
package/dist/src/components/atoms/FixedFooter/FixedFooterProps.d.ts CHANGED
@@ -5,6 +5,9 @@ export interface Link {
5
5
  onClick: () => void;
6
6
  }
7
7
  export interface FixedFooterProps {
8
+ footerData: {
9
+ findUs: string;
10
+ };
8
11
  config: {
9
12
  siteName: string;
10
13
  sitePhone: string;
package/dist/src/components/atoms/FixedFooter/FixedFooterProps.ts CHANGED
@@ -7,6 +7,9 @@ export interface Link {
7
7
  }
8
8
 
9
9
  export interface FixedFooterProps {
10
+ footerData: {
11
+ findUs: string
12
+ }
10
13
  config: {
11
14
  siteName: string
12
15
  sitePhone: string
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.26.2",
3
+ "version": "5.26.3f",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",