@npm_leadtech/legal-lib-components 5.20.0 → 5.20.2

package/dist/images/componentsSvg/IconWeb.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const IconWeb: React.FC;

package/dist/images/componentsSvg/IconWeb.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const IconWeb = () => {
+    return (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '24', height: '24', viewBox: '0 0 24 24', children: [_jsx("defs", { children: _jsx("path", { id: 'ep7tr2p7ra', d: 'M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z' }) }), _jsx("g", { fill: 'none', fillRule: 'evenodd', children: _jsx("g", { children: _jsx("g", { children: _jsx("g", { children: _jsxs("g", { transform: 'translate(-376.000000, -314.000000) translate(328.000000, 205.000000) translate(32.000000, 90.000000) translate(16.000000, 19.000000)', children: [_jsx("path", { d: 'M0 0H24V24H0z' }), _jsx("mask", { id: '7tvbvoimzb', fill: '#fff', children: _jsx("use", { xlinkHref: '#ep7tr2p7ra' }) }), _jsx("g", { className: 'icon-web-24-p', fill: '#000', mask: 'url(#7tvbvoimzb)', children: _jsx("path", { d: 'M0 0H24V24H0z' }) })] }) }) }) }) })] }));
+};

package/dist/images/componentsSvg/IconWeb.tsx

@@ -0,0 +1,31 @@
+import React from 'react'
+
+export const IconWeb: React.FC = () => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>
+      <defs>
+        <path
+          id='ep7tr2p7ra'
+          d='M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z'
+        />
+      </defs>
+      <g fill='none' fillRule='evenodd'>
+        <g>
+          <g>
+            <g>
+              <g transform='translate(-376.000000, -314.000000) translate(328.000000, 205.000000) translate(32.000000, 90.000000) translate(16.000000, 19.000000)'>
+                <path d='M0 0H24V24H0z' />
+                <mask id='7tvbvoimzb' fill='#fff'>
+                  <use xlinkHref='#ep7tr2p7ra' />
+                </mask>
+                <g className='icon-web-24-p' fill='#000' mask='url(#7tvbvoimzb)'>
+                  <path d='M0 0H24V24H0z' />
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>
+  )
+}

package/dist/images/componentsSvg/PhoneIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const PhoneIcon: React.FC<{
+    width?: number;
+    height?: number;
+    fill?: string;
+}>;

package/dist/images/componentsSvg/PhoneIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const PhoneIcon = ({ width = 24, height = 24, fill = 'none' }) => {
+    return (_jsx("svg", { viewBox: '0 0 24 24', width: width, height: height, fill: fill, xmlns: 'http://www.w3.org/2000/svg', children: _jsx("g", { id: 'Icon/Symbol/phone_24px', children: _jsx("path", { id: 'path', d: 'M20.01 15.38C18.78 15.38 17.59 15.18 16.48 14.82C16.13 14.7 15.74 14.79 15.47 15.06L13.9 17.03C11.07 15.68 8.42 13.13 7.01 10.2L8.96 8.54C9.23 8.26 9.31 7.87 9.2 7.52C8.83 6.41 8.64 5.22 8.64 3.99C8.64 3.45 8.19 3 7.65 3H4.19C3.65 3 3 3.24 3 3.99C3 13.28 10.73 21 20.01 21C20.72 21 21 20.37 21 19.82V16.37C21 15.83 20.55 15.38 20.01 15.38Z' }) }) }));
+};

package/dist/images/componentsSvg/PhoneIcon.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+export const PhoneIcon: React.FC<{ width?: number; height?: number; fill?: string }> = ({
+  width = 24,
+  height = 24,
+  fill = 'none'
+}) => {
+  return (
+    <svg viewBox='0 0 24 24' width={width} height={height} fill={fill} xmlns='http://www.w3.org/2000/svg'>
+      <g id='Icon/Symbol/phone_24px'>
+        <path
+          id='path'
+          d='M20.01 15.38C18.78 15.38 17.59 15.18 16.48 14.82C16.13 14.7 15.74 14.79 15.47 15.06L13.9 17.03C11.07 15.68 8.42 13.13 7.01 10.2L8.96 8.54C9.23 8.26 9.31 7.87 9.2 7.52C8.83 6.41 8.64 5.22 8.64 3.99C8.64 3.45 8.19 3 7.65 3H4.19C3.65 3 3 3.24 3 3.99C3 13.28 10.73 21 20.01 21C20.72 21 21 20.37 21 19.82V16.37C21 15.83 20.55 15.38 20.01 15.38Z'
+        />
+      </g>
+    </svg>
+  )
+}

package/dist/images/componentsSvg/PhoneIcon24px.tsx

@@ -5,12 +5,14 @@ interface PhoneIcon24pxProps {
   className?: string
   width?: string
   height?: string
+  fill?: string
 }
 
 export const PhoneIcon24px: FC<PhoneIcon24pxProps> = ({
   className = '',
   width = '24',
-  height = '24'
+  height = '24',
+  fill = '#000'
 }): React.ReactElement => (
   <svg
     className={className}
@@ -35,7 +37,7 @@ export const PhoneIcon24px: FC<PhoneIcon24pxProps> = ({
               <mask id='7tvbvoimzb' fill='#fff'>
                 <use xlinkHref='#phone-icon-24p' />
               </mask>
-              <g className='icon-web-24-p' fill='#000' mask='url(#7tvbvoimzb)'>
+              <g className='icon-web-24-p' fill={fill} mask='url(#7tvbvoimzb)'>
                 <path d='M0 0H24V24H0z' />
               </g>
             </g>

package/dist/images/svg/facebook.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="12" fill="#DBE1E5"/>
+<path d="M15.0169 12.4698H12.8756V20.3143H9.63144V12.4698H8.0885V9.7129H9.63144V7.92888C9.63144 6.65311 10.2375 4.6554 12.9045 4.6554L15.3076 4.66545V7.34148H13.564C13.278 7.34148 12.8758 7.48437 12.8758 8.09295V9.71547H15.3003L15.0169 12.4698Z" fill="#032A38"/>
+</svg>

package/dist/images/svg/icon-24-px-satisfaction-grey.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7576 7.34174C15.0873 7.71871 15.0873 8.2814 14.7576 8.65837L13.7067 9.86006L13.8529 11.4473C13.899 11.9468 13.5678 12.4031 13.0787 12.5142L11.5267 12.8667L10.7145 14.2377C10.4583 14.6699 9.92123 14.845 9.45955 14.6468L8.00003 14.0201L6.54167 14.6506C6.07961 14.8504 5.54108 14.6755 5.28448 14.2424L4.47336 12.8734L2.92118 12.5208C2.43212 12.4097 2.10099 11.9536 2.14688 11.4541L2.29336 9.86006L1.2414 8.65719C0.912166 8.28074 0.911668 7.71894 1.24023 7.3419L2.29336 6.13339L2.14709 4.54162C2.10111 4.0412 2.43363 3.58439 2.92396 3.47437L4.47336 3.12672L5.28561 1.75579C5.54172 1.32351 6.07883 1.1484 6.54051 1.34666L8.00003 1.97339L9.45843 1.34714C9.92059 1.14868 10.4582 1.32437 10.714 1.75745L11.5267 3.13339L13.0787 3.48591C13.5678 3.59702 13.899 4.05333 13.8529 4.55283L13.7067 6.14006L14.7576 7.34174ZM4.66671 9.07338L6.25338 10.6734C6.52004 10.9334 6.94004 10.9334 7.21338 10.6734L11.16 6.71338C11.42 6.45338 11.42 6.03338 11.16 5.77338L11.1134 5.72671C10.8534 5.46671 10.4267 5.46671 10.1667 5.72671L6.73338 9.16671L5.66004 8.08671C5.40004 7.82671 4.97338 7.82671 4.71338 8.08671L4.66671 8.13338C4.40671 8.39338 4.40671 8.81338 4.66671 9.07338Z" fill="#3D4042"/>
+</svg>

package/dist/images/svg/icon-24-px-security_black.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59386 0.847175C7.85243 0.732257 8.14757 0.732257 8.40614 0.847175L13.4061 3.0694C13.7673 3.2299 14 3.58802 14 3.98321V7.33333C14 10.9481 11.5566 14.3338 8.23626 15.2712C8.08186 15.3147 7.91814 15.3147 7.76374 15.2712C4.44344 14.3338 2 10.9481 2 7.33333V3.98321C2 3.58802 2.23273 3.2299 2.59386 3.0694L7.59386 0.847175ZM12.6667 7.99334H8V2.12667L3.33333 4.2V8H8V13.9533C10.48 13.1867 12.3133 10.74 12.6667 7.99334Z" fill="#3D4042"/>
+</svg>

package/dist/images/svg/linkedin.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#DBE1E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.1757 7.19234C8.44843 6.10142 7.68733 5.16907 6.51395 5.16907C5.74016 5.16907 5.12493 5.53694 4.88392 6.15216C4.49702 7.1416 5.08053 8.15641 6.12706 8.32766C7.11015 8.49257 7.9664 8.01687 8.1757 7.19234ZM12.7742 10.8711C12.8027 10.8394 12.8233 10.8187 12.8392 10.8029C12.855 10.787 12.8661 10.7759 12.8756 10.7632C13.6811 9.58352 14.8355 9.24103 16.1801 9.44399C17.734 9.68501 18.7298 10.7696 18.9835 12.4313C19.0406 12.8246 19.0723 13.2242 19.0723 13.6237C19.0723 14.0376 19.0719 14.4514 19.0715 14.8652C19.0703 16.1068 19.0691 17.3484 19.0787 18.59C19.0787 18.7739 19.0343 18.831 18.844 18.831C17.9751 18.8183 17.1061 18.8183 16.2435 18.831C16.0533 18.831 16.0025 18.7802 16.0089 18.59C16.0152 17.0424 16.0152 15.5011 16.0089 13.9535C16.0089 13.6047 15.9835 13.2559 15.8884 12.9134C15.5712 11.8224 14.3344 11.4419 13.4465 12.1649C12.9708 12.5582 12.7805 13.0719 12.7868 13.6808C12.7911 14.6531 12.7897 15.6226 12.7883 16.593L12.7882 16.5943C12.7875 17.0794 12.7868 17.5648 12.7868 18.0508C12.7868 18.1052 12.7858 18.1596 12.7848 18.2139C12.7822 18.3498 12.7796 18.4858 12.7932 18.6217C12.8059 18.7866 12.7361 18.8183 12.5902 18.8183C11.7086 18.8119 10.8207 18.8119 9.93903 18.8183C9.78047 18.8183 9.72339 18.7866 9.72339 18.609C9.73607 17.2961 9.74242 15.9832 9.74242 14.6703V14.6701C9.74242 13.0528 9.74242 11.4355 9.72973 9.82454C9.72973 9.64695 9.76779 9.59621 9.94538 9.59621C10.827 9.6089 11.715 9.60255 12.5966 9.59621C12.7551 9.59621 12.7995 9.64061 12.7932 9.79917C12.7721 10.0834 12.7729 10.3633 12.7738 10.675L12.7738 10.676C12.774 10.7396 12.7742 10.8045 12.7742 10.8711ZM8.02365 14.2199V14.2204C8.02365 15.679 8.02365 17.1313 8.03 18.5899C8.03 18.7738 7.99194 18.8372 7.79532 18.8309C6.92005 18.8182 6.04478 18.8246 5.1695 18.8309C5.0046 18.8309 4.95386 18.7928 4.95386 18.6216C4.9602 15.685 4.9602 12.7484 4.95386 9.81179C4.95386 9.65957 4.99191 9.60883 5.15048 9.60883C6.04478 9.61517 6.93273 9.61517 7.82704 9.60883C8.00463 9.60883 8.03 9.67225 8.03 9.83082C8.02365 11.2894 8.02365 12.7544 8.02365 14.2194V14.2199Z" fill="#032A38"/>
+</svg>

package/dist/images/svg/pinterest.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9825 0C5.36635 0 0 5.37222 0 12.0044C0 16.9216 6.48466 22.7551 7.17553 23.0026C7.8664 23.25 7.8664 23.25 8.60889 23.51C9.35138 23.7701 10.8288 24 12.0087 24C18.6336 24 24 18.6278 24 11.9956C23.9738 5.37222 18.6074 0 11.9825 0Z" fill="#032A38"/>
+<path d="M11.9825 0C5.36635 0 0 5.37222 0 12.0044C0 16.9216 2.95412 21.1389 7.17553 23.0026C7.14057 22.1626 7.16679 21.1564 7.38529 20.2464C7.61253 19.2752 8.93227 13.7018 8.93227 13.7018C8.93227 13.7018 8.54771 12.9318 8.54771 11.8031C8.54771 10.027 9.57902 8.69705 10.8638 8.69705C11.9563 8.69705 12.4807 9.5195 12.4807 10.4995C12.4807 11.5931 11.7815 13.2381 11.4232 14.7605C11.126 16.0379 12.0612 17.0704 13.3197 17.0704C15.5921 17.0704 17.1216 14.148 17.1216 10.6919C17.1216 8.05833 15.3474 6.08968 12.1311 6.08968C8.49527 6.08968 6.23161 8.80204 6.23161 11.8381C6.23161 12.8881 6.53751 13.623 7.01821 14.1918C7.23671 14.4542 7.27167 14.5592 7.19301 14.8567C7.13183 15.0755 7.00073 15.6092 6.94829 15.8192C6.86963 16.1254 6.62491 16.2304 6.34523 16.1167C4.66715 15.4342 3.88929 13.5968 3.88929 11.5319C3.88929 8.11958 6.76475 4.03354 12.4632 4.03354C17.043 4.03354 20.0583 7.34962 20.0583 10.9107C20.0583 15.6179 17.445 19.1353 13.5907 19.1353C12.2972 19.1353 11.0823 18.4353 10.6628 17.6391C10.6628 17.6391 9.96358 20.4039 9.815 20.9377C9.56154 21.8651 9.06336 22.7838 8.60889 23.51C9.6839 23.825 10.8288 24 12.0087 24C18.6336 24 24 18.6278 24 11.9956C23.9738 5.37222 18.6074 0 11.9825 0Z" fill="#DBE1E5"/>
+</svg>

package/dist/images/svg/x.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#DBE1E5"/>
+<path d="M5.28225 5.625L10.3995 12.4671L5.25 18.03H6.40903L10.9175 13.1595L14.56 18.03H18.504L13.0987 10.8031L17.8919 5.625H16.7328L12.5809 10.1105L9.22619 5.625H5.28225ZM6.98665 6.47865H8.79848L16.7994 17.1764H14.9875L6.98665 6.47865Z" fill="#032A38"/>
+</svg>

package/dist/src/components/atoms/FixedFooter/FixedFooter.d.ts

@@ -0,0 +1,3 @@
+import { FixedFooterProps } from './FixedFooterProps';
+import React from 'react';
+export declare const FixedFooter: React.FC<FixedFooterProps>;

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

@@ -0,0 +1,73 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../Button';
+import { ContactBox } from '../../molecules/ContactBox';
+import { Disclaimer } from '../Disclaimer';
+import { FixedFooterStyled } from './FixedFooter.styled';
+import { IconWeb } from '../../../../images/componentsSvg/IconWeb';
+import { Logo } from '../Logo';
+import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
+import { WideInfoBar } from '../WideInfoBar';
+import facebook from '../../../../images/svg/facebook.svg';
+import guaranteeIconGrey from '../../../../images/svg/icon-24-px-satisfaction-grey.svg';
+import linkedin from '../../../../images/svg/linkedin.svg';
+import pinterest from '../../../../images/svg/pinterest.svg';
+import securityIconBlack from '../../../../images/svg/icon-24-px-security_black.svg';
+import x from '../../../../images/svg/x.svg';
+export const FixedFooter = ({ config = {
+    siteName: 'LawDistrict',
+    sitePhone: '123-456-7890',
+    siteSchedule: 'Monday - Friday, 9am - 5pm',
+    siteUrl: 'https://www.lawdistrict.com',
+    hasGrav: true,
+    hasCookieMessage: true,
+    hasContactBar: false,
+    hasTrustPilot: true,
+    isJonSnow: false,
+    isSEMPage: false,
+    isMobile: false,
+    isTablet: false,
+    isDesktop: true,
+    isAnonymousPayment: false,
+    hide: false,
+    noFooter: false
+}, footer = {
+    disclaimerText: '',
+    guaranteeText: '',
+    securityText: '',
+    bottomFixedBlock: _jsx(_Fragment, {}),
+    createDocumentBlock: _jsx(_Fragment, {}),
+    trustPilotWidget: _jsx(_Fragment, {})
+}, preFooter = {
+    show: true,
+    title: 'Try LawDistrict Now',
+    columns: [
+        'Instant and complete access to our entire library of legal forms',
+        'Edit, download and print in PDF and Word format from any device',
+        'Save time and money on legal document creation'
+    ],
+    hasButton: true,
+    buttonLabel: 'Get Unlimited Access Now',
+    buttonLink: './',
+    buttonClick: () => { }
+}, productsBlock = {
+    title: 'Products',
+    productsCategories: _jsx(_Fragment, {}),
+    allProductsLink: _jsx(_Fragment, {})
+}, popularDocumentsBlock = {
+    title: 'Popular Documents',
+    popularDocuments: _jsx(_Fragment, {})
+}, companyBlock = {
+    title: 'Company',
+    links: _jsx(_Fragment, {})
+}, helpBlock = {
+    title: 'Help',
+    links: _jsx(_Fragment, {})
+}, resourcesBlock = {
+    title: 'Resources',
+    links: _jsx(_Fragment, {})
+}, languageSelector = {
+    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: "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_phone-button', label: config.sitePhone, dataQa: 'footer_contact_box' })] })] })), _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', 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 })] })] }) })), _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.styled.d.ts

@@ -0,0 +1 @@
+export declare const FixedFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,394 @@
+import styled from 'styled-components';
+export const FixedFooterStyled = styled.div `
+  .footer {
+    margin-top: auto;
+    left: 0;
+    bottom: 0;
+    position: static;
+    width: 100%;
+    background-color: var(--primary-main-dark-2);
+    color: var(--primary-main-light-6);
+  }
+
+  .language-selector-mobile-container {
+    max-width: 1200px;
+    margin: auto;
+    padding: 2.75rem 1rem 1rem;
+  }
+
+  @media (min-width: 720px) {
+    .language-selector-mobile-container {
+      display: none;
+    }
+  }
+
+  .footer a {
+    color: var(--primary-main-light-6);
+    text-decoration: none;
+  }
+
+  .footer li {
+    margin-bottom: 1.25rem;
+  }
+
+  .footer li a {
+    padding: 0.5rem 0;
+  }
+
+  .footer li:last-child {
+    margin-bottom: 0;
+  }
+
+  .footer__wrapper {
+    display: flex;
+    flex-flow: row wrap;
+    max-width: 1200px;
+    width: 100%;
+    justify-content: center;
+    margin: 0 auto;
+    padding: 1rem 1rem 2.75rem;
+    grid-row-gap: 32px;
+  }
+
+  @media (min-width: 960px) {
+    .footer__wrapper {
+      padding: 2.75rem 0;
+    }
+  }
+
+  .footer__wrapper__logo {
+    width: 45%;
+    max-width: 45%;
+    display: flex;
+    align-items: baseline;
+  }
+
+  @media (min-width: 720px) {
+    .footer__wrapper__logo {
+      width: 100%;
+      max-width: 100%;
+    }
+  }
+
+  .sem-footer__wrapper {
+    display: flex;
+    flex-flow: column wrap;
+    width: 100%;
+    max-width: 1200px;
+    justify-content: space-between;
+    margin: auto;
+    padding: 1rem 1rem 2.75rem;
+    grid-row-gap: 32px;
+  }
+
+  @media (min-width: 960px) {
+    .sem-footer__wrapper {
+      flex-flow: row wrap;
+      padding: 1.5rem 1rem;
+    }
+  }
+
+  .sem-footer__legal-links {
+    display: flex;
+    flex-flow: row wrap;
+    align-items: center;
+    gap: 1rem;
+  }
+
+  .sem-footer__legal-links li {
+    margin-bottom: 0;
+  }
+
+  .sem-footer__contact-info {
+    display: flex;
+    flex-flow: column;
+    column-gap: 0.5rem;
+    row-gap: 0.25rem;
+  }
+
+  @media (min-width: 575px) {
+    .sem-footer__contact-info {
+      flex-flow: row;
+    }
+  }
+
+  .sem-footer__contact-info__phone {
+    display: flex;
+    align-items: center;
+    font-size: 0.8rem;
+  }
+
+  .sem-footer__contact-info__schedule {
+    font-size: 0.75rem;
+  }
+
+  .fixed-container {
+    position: fixed;
+    bottom: 0;
+    z-index: 3;
+    width: 100%;
+  }
+
+  .footer__products,
+  .footer__popular-documents,
+  .footer__company {
+    width: 100%;
+    max-width: 50%;
+    display: flex;
+    flex-flow: column wrap;
+    justify-content: flex-start;
+  }
+
+  .footer__products p,
+  .footer__popular-documents p,
+  .footer__company p {
+    margin-bottom: 1.5rem;
+  }
+
+  @media (min-width: 575px) {
+    .footer__products,
+    .footer__popular-documents,
+    .footer__company {
+      max-width: 28%;
+      padding-right: 1.5rem;
+    }
+  }
+
+  @media (min-width: 960px) {
+    .footer__products,
+    .footer__popular-documents,
+    .footer__company {
+      max-width: 20%;
+    }
+  }
+
+  @media (max-width: 575px) {
+    .footer__products,
+    .footer__popular-documents,
+    .footer__company {
+      max-width: 100%;
+    }
+  }
+
+  .footer__company__resources__findUs .footer__resources,
+  .footer__help__resources .footer__resources {
+    margin-top: 22px;
+  }
+
+  .footer__help__resources,
+  .footer__company {
+    display: flex;
+    flex-flow: column wrap;
+    justify-content: flex-start;
+    margin-bottom: 0;
+    max-width: 50%;
+    width: 100%;
+  }
+
+  @media (min-width: 575px) and (max-width: 960px) {
+    .footer__help__resources,
+    .footer__company {
+      display: block;
+    }
+  }
+
+  .footer__help__resources p,
+  .footer__company p {
+    margin-bottom: 1.5rem;
+  }
+
+  @media (min-width: 575px) {
+    .footer__help__resources,
+    .footer__company {
+      max-width: 22.5%;
+      padding-right: 1rem;
+    }
+  }
+
+  @media (min-width: 960px) {
+    .footer__help__resources,
+    .footer__company {
+      max-width: 15%;
+    }
+  }
+
+  .footer__findUs {
+    display: flex;
+    flex-flow: row nowrap;
+    flex-direction: column;
+    max-width: 100%;
+  }
+
+  .footer__findUs .trustpilot-widget {
+    margin-top: 0;
+  }
+
+  @media (min-width: 575px) {
+    .footer__findUs .trustpilot-widget {
+      margin-top: 22px;
+    }
+  }
+
+  @media (min-width: 720px) {
+    .footer__findUs {
+      display: block;
+      max-width: 20%;
+    }
+  }
+
+  @media (min-width: 960px) {
+    .footer__findUs {
+      max-width: 15%;
+    }
+  }
+
+  @media (max-width: 575px) {
+    .footer__findUs {
+      width: 100%;
+    }
+  }
+
+  .footer__findUs ul {
+    display: flex;
+    flex-direction: row;
+  }
+
+  .footer__findUs ul li {
+    margin-right: 0.4rem;
+  }
+
+  .footer-links__title {
+    width: 100%;
+    text-transform: uppercase;
+    font-weight: bold;
+    color: var(--primary-main-light-4);
+  }
+
+  .product-categories {
+    cursor: pointer;
+    display: flex;
+    flex-flow: row wrap;
+    align-items: flex-start;
+    flex-direction: row;
+    justify-content: space-between;
+    list-style-type: none;
+    font-family: 'Inter', sans-serif;
+    font-size: 12px;
+    font-weight: bold;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: 1.33;
+    letter-spacing: -0.3px;
+    padding-top: 1rem;
+    width: 100%;
+    padding-bottom: 0.6rem;
+  }
+
+  .product-categories:not(:last-child) {
+    border-bottom: 1px solid var(--primary-main);
+  }
+
+  .product-categories:has(.open) {
+    padding-bottom: 0;
+  }
+
+  .expand-icon {
+    width: 10px;
+    height: 13px;
+    transform: rotate(90deg);
+    margin-right: 8px;
+  }
+
+  .expand-icon:before,
+  .expand-icon:after {
+    width: 2px;
+    background-color: var(--others-white);
+  }
+
+  .expand-icon.open {
+    transform: rotate(-90deg);
+  }
+
+  .rotate {
+    transform: rotate(180deg);
+  }
+
+  .list-box {
+    background-color: var(--primary-main-dark-1);
+    width: 100%;
+    padding-left: 0.5rem;
+    margin-top: 0.6rem;
+  }
+
+  .list-products {
+    margin: 14px 0;
+  }
+
+  .footer__media__logos__wrapper {
+    width: 84%;
+    display: flex;
+    justify-content: space-around;
+    padding-bottom: 35px;
+    flex-wrap: wrap;
+    flex-direction: row;
+  }
+
+  .footer__media__logos__wrapper .logo {
+    display: inline-flex;
+    padding-left: 20px;
+    align-items: center;
+    height: 59px;
+  }
+
+  .footer__media__logos__wrapper .logo:first-child {
+    padding-left: 0;
+  }
+
+  @media (max-width: 720px) {
+    .footer__media__logos__wrapper {
+      width: 100%;
+      padding-bottom: 15px;
+      flex-wrap: wrap;
+    }
+
+    .footer__media__logos__wrapper .logo {
+      width: 50%;
+    }
+  }
+
+  .separator {
+    display: block;
+    width: 84%;
+    height: 1px;
+    background-color: var(--primary-main-light-1);
+    margin-bottom: 30px;
+  }
+
+  @media (max-width: 720px) {
+    .separator {
+      width: 100%;
+    }
+  }
+
+  .footer-trustpilot {
+    display: none;
+  }
+
+  @media (min-width: 720px) {
+    .footer-trustpilot {
+      display: flex;
+    }
+  }
+
+  .footer-trustpilot-mobile {
+    display: flex;
+    width: 100%;
+    margin: 1rem 0 2rem 0;
+  }
+
+  @media (min-width: 720px) {
+    .footer-trustpilot-mobile {
+      display: none;
+    }
+  }
+`;