@npm_leadtech/legal-lib-components 5.17.1 → 5.18.1

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

@@ -1,68 +0,0 @@
-import React from 'react';
-export interface Link {
-    label: string;
-    url: string;
-    onClick: () => void;
-}
-export interface FixedFooterProps {
-    config: {
-        siteName: string;
-        sitePhone: string;
-        siteSchedule: string;
-        siteUrl: string;
-        hasGrav: boolean;
-        hasCookieMessage: boolean;
-        hasContactBar: boolean;
-        hasTrustPilot: boolean;
-        isJonSnow: boolean;
-        isSEMPage: boolean;
-        isMobile: boolean;
-        isTablet: boolean;
-        isDesktop: boolean;
-        isAnonymousPayment: boolean;
-        hide: boolean;
-        noFooter: boolean;
-    };
-    footer: {
-        disclaimerText: string;
-        guaranteeText: string;
-        securityText: string;
-        bottomFixedBlock: React.ReactNode;
-        createDocumentBlock: React.ReactNode;
-        trustPilotWidget: React.ReactNode;
-    };
-    preFooter: {
-        show: boolean;
-        title: string;
-        columns: string[];
-        hasButton: boolean;
-        buttonLabel: string;
-        buttonLink: string;
-        buttonClick: () => void;
-    };
-    productsBlock: {
-        title: string;
-        productsCategories: React.ReactNode;
-        allProductsLink: React.ReactNode;
-    };
-    popularDocumentsBlock: {
-        title: string;
-        popularDocuments: React.ReactNode;
-    };
-    companyBlock: {
-        title: string;
-        links: React.ReactNode;
-    };
-    helpBlock: {
-        title: string;
-        links: React.ReactNode;
-    };
-    resourcesBlock: {
-        title: string;
-        links: React.ReactNode;
-    };
-    languageSelector: {
-        show: boolean;
-        content: React.ReactNode;
-    };
-}

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,79 +0,0 @@
-import React from 'react'
-
-export interface Link {
-  label: string
-  url: string
-  onClick: () => void
-}
-
-interface LanguageSelectorProps {
-  currentLanguage: string
-  languages: {
-    code: string
-    name: string
-  }[]
-  onLanguageChange: (language: string) => void
-}
-
-export interface FixedFooterProps {
-  config: {
-    siteName: string
-    sitePhone: string
-    siteSchedule: string
-    siteUrl: string
-    hasGrav: boolean
-    hasCookieMessage: boolean
-    hasContactBar: boolean
-    hasTrustPilot: boolean
-    isJonSnow: boolean
-    isSEMPage: boolean
-    isMobile: boolean
-    isTablet: boolean
-    isDesktop: boolean
-    isAnonymousPayment: boolean
-    hide: boolean
-    noFooter: boolean
-  }
-  footer: {
-    disclaimerText: string
-    guaranteeText: string
-    securityText: string
-    bottomFixedBlock: React.ReactNode
-    createDocumentBlock: React.ReactNode
-    trustPilotWidget: React.ReactNode
-  }
-  preFooter: {
-    show: boolean
-    title: string
-    columns: string[]
-    hasButton: boolean
-    buttonLabel: string
-    buttonLink: string
-    buttonClick: () => void
-  }
-  productsBlock: {
-    title: string
-    productsCategories: React.ReactNode
-    allProductsLink: React.ReactNode
-  }
-  popularDocumentsBlock: {
-    title: string
-    popularDocuments: React.ReactNode
-  }
-  companyBlock: {
-    title: string
-    links: React.ReactNode
-  }
-  helpBlock: {
-    title: string
-    links: React.ReactNode
-  }
-  resourcesBlock: {
-    title: string
-    links: React.ReactNode
-  }
-  languageSelector: {
-    show: boolean
-    content: React.ReactNode
-  }
-}

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

@@ -1,2 +0,0 @@
-export * from './FixedFooter';
-export * from './FixedFooterProps';

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

@@ -1,2 +0,0 @@
-export * from './FixedFooter';
-export * from './FixedFooterProps';

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

@@ -1,2 +0,0 @@
-export * from './FixedFooter'
-export * from './FixedFooterProps'

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

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

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

@@ -1,8 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '../Button';
-import { PreFooterStyled } from './PreFooter.styled';
-export const PreFooter = ({ siteName, content, ctaLabel, ctaOnClick, ctaDataQa, ctaLink }) => {
-    return (_jsx(PreFooterStyled, { children: _jsx("div", { className: 'wrapper', children: _jsxs("div", { className: 'prefooter', children: [_jsxs("div", { className: 'serif --hero prefooter__title', children: ["Try ", siteName, " Now"] }), _jsx("div", { className: 'prefooter__columns', children: content.map((text, index) => {
-                            return (_jsx("p", { className: 'prefooter__columns__text', children: text }, index));
-                        }) }), _jsx(Button, { label: ctaLabel, onClick: ctaOnClick, link: ctaLink, dataQa: ctaDataQa, isExternal: true, hasNoFollow: true })] }) }) }));
-};

package/dist/src/components/atoms/PreFooter/PreFooter.styled.d.ts

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

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

@@ -1,43 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PreFooterStyled = styled.section `
-  background-color: var(--primary-main-light-6);
-  text-align: center;
-
-  .prefooter {
-    margin: 0 1.5rem;
-
-    @media ${device['landscape-tablets']} {
-      margin: 0;
-    }
-
-    &__title {
-      color: var(--neutral-neutral-1);
-      display: inline-block;
-      margin: 2rem 0 0;
-    }
-
-    &__columns {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: space-between;
-
-      @media ${device['landscape-tablets']} {
-        flex-direction: row;
-        margin: 0 1rem;
-        align-items: flex-start;
-      }
-
-      &__text {
-        width: 16.375rem;
-        color: var(--neutral-neutral-1);
-        margin: 2rem 0.5rem 0 0.5rem;
-      }
-    }
-    .e-button {
-      display: inline-block;
-      margin: 2rem 0;
-    }
-  }
-`;

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

@@ -1,43 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-export const PreFooterStyled = styled.section`
-  background-color: var(--primary-main-light-6);
-  text-align: center;
-
-  .prefooter {
-    margin: 0 1.5rem;
-
-    @media ${device['landscape-tablets']} {
-      margin: 0;
-    }
-
-    &__title {
-      color: var(--neutral-neutral-1);
-      display: inline-block;
-      margin: 2rem 0 0;
-    }
-
-    &__columns {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: space-between;
-
-      @media ${device['landscape-tablets']} {
-        flex-direction: row;
-        margin: 0 1rem;
-        align-items: flex-start;
-      }
-
-      &__text {
-        width: 16.375rem;
-        color: var(--neutral-neutral-1);
-        margin: 2rem 0.5rem 0 0.5rem;
-      }
-    }
-    .e-button {
-      display: inline-block;
-      margin: 2rem 0;
-    }
-  }
-`

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

@@ -1,34 +0,0 @@
-import React from 'react'
-
-import { Button } from '../Button'
-import { PreFooterProps } from './PreFooterProps'
-import { PreFooterStyled } from './PreFooter.styled'
-
-export const PreFooter: React.FC<PreFooterProps> = ({
-  siteName,
-  content,
-  ctaLabel,
-  ctaOnClick,
-  ctaDataQa,
-  ctaLink
-}) => {
-  return (
-    <PreFooterStyled>
-      <div className='wrapper'>
-        <div className='prefooter'>
-          <div className='serif --hero prefooter__title'>Try {siteName} Now</div>
-          <div className='prefooter__columns'>
-            {content.map((text, index) => {
-              return (
-                <p key={index} className='prefooter__columns__text'>
-                  {text}
-                </p>
-              )
-            })}
-          </div>
-          <Button label={ctaLabel} onClick={ctaOnClick} link={ctaLink} dataQa={ctaDataQa} isExternal hasNoFollow />
-        </div>
-      </div>
-    </PreFooterStyled>
-  )
-}

package/dist/src/components/atoms/PreFooter/PreFooterProps.d.ts

@@ -1,8 +0,0 @@
-export interface PreFooterProps {
-    siteName: string;
-    content: string[];
-    ctaLabel: string;
-    ctaOnClick: () => void;
-    ctaDataQa: string;
-    ctaLink: string;
-}

package/dist/src/components/atoms/PreFooter/PreFooterProps.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/atoms/PreFooter/PreFooterProps.ts

@@ -1,8 +0,0 @@
-export interface PreFooterProps {
-  siteName: string
-  content: string[]
-  ctaLabel: string
-  ctaOnClick: () => void
-  ctaDataQa: string
-  ctaLink: string
-}

package/dist/src/components/atoms/PreFooter/index.d.ts

@@ -1,2 +0,0 @@
-export * from './PreFooter';
-export * from './PreFooterProps';

package/dist/src/components/atoms/PreFooter/index.js

@@ -1,2 +0,0 @@
-export * from './PreFooter';
-export * from './PreFooterProps';

package/dist/src/components/atoms/PreFooter/index.ts

@@ -1,2 +0,0 @@
-export * from './PreFooter'
-export * from './PreFooterProps'

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

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

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PhoneIcon24px } from '../../../../images/componentsSvg/PhoneIcon24px';
-import { FixedFooter } from '../FixedFooter';
-import { StyledSemFooter } from './SemFooter.styled';
-export const SemFooter = ({ sitePhone, siteSchedule, children, fixedFooterProps }) => {
-    return (_jsx(StyledSemFooter, { children: _jsxs("section", { className: 'sem-footer', children: [children, _jsxs("div", { className: 'sem-footer__contact-info', children: [_jsxs("div", { className: 'sem-footer__contact-info__phone', children: [_jsx(PhoneIcon24px, { width: '20', height: '20', fill: 'white' }), _jsxs("b", { children: [sitePhone, " "] })] }), _jsx("div", { className: 'sem-footer__contact-info__schedule', children: siteSchedule })] }), _jsx(FixedFooter, { ...fixedFooterProps })] }) }));
-};

package/dist/src/components/atoms/SemFooter/SemFooter.styled.d.ts

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

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

@@ -1,59 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const StyledSemFooter = styled.footer `
-  background-color: var(--primary-main-dark-2);
-  color: var(--primary-main-light-6);
-  margin-top: auto;
-  position: static;
-  width: 100%;
-  .sem-footer {
-    display: flex;
-    flex-flow: column wrap;
-    width: 100%;
-    max-width: $max-width;
-    justify-content: space-between;
-    margin: auto;
-    padding: 1rem 1rem 2.75rem;
-    grid-row-gap: 32px;
-
-    @media ${device.laptop} {
-      flex-flow: row wrap;
-      padding: 1.5rem 7.5rem;
-    }
-    .legal-links {
-      display: flex;
-      flex-flow: row wrap;
-      align-items: center;
-      gap: 1rem;
-
-      li {
-        margin-bottom: 0;
-        a {
-          color: var(--primary-main-light-6);
-        }
-      }
-    }
-
-    &__contact-info {
-      display: flex;
-      flex-flow: column;
-      column-gap: 0.375rem;
-      row-gap: 0.25rem;
-
-      @media ${device['portrait-tablets']} {
-        flex-flow: row;
-      }
-
-      &__phone {
-        display: flex;
-        align-items: center;
-        font-size: 0.8rem;
-        gap: 0.375rem;
-      }
-
-      &__schedule {
-        font-size: 0.75rem;
-      }
-    }
-  }
-`;

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

@@ -1,60 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const StyledSemFooter = styled.footer`
-  background-color: var(--primary-main-dark-2);
-  color: var(--primary-main-light-6);
-  margin-top: auto;
-  position: static;
-  width: 100%;
-  .sem-footer {
-    display: flex;
-    flex-flow: column wrap;
-    width: 100%;
-    max-width: $max-width;
-    justify-content: space-between;
-    margin: auto;
-    padding: 1rem 1rem 2.75rem;
-    grid-row-gap: 32px;
-
-    @media ${device.laptop} {
-      flex-flow: row wrap;
-      padding: 1.5rem 7.5rem;
-    }
-    .legal-links {
-      display: flex;
-      flex-flow: row wrap;
-      align-items: center;
-      gap: 1rem;
-
-      li {
-        margin-bottom: 0;
-        a {
-          color: var(--primary-main-light-6);
-        }
-      }
-    }
-
-    &__contact-info {
-      display: flex;
-      flex-flow: column;
-      column-gap: 0.375rem;
-      row-gap: 0.25rem;
-
-      @media ${device['portrait-tablets']} {
-        flex-flow: row;
-      }
-
-      &__phone {
-        display: flex;
-        align-items: center;
-        font-size: 0.8rem;
-        gap: 0.375rem;
-      }
-
-      &__schedule {
-        font-size: 0.75rem;
-      }
-    }
-  }
-`

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

@@ -1,26 +0,0 @@
-import React from 'react'
-
-import { PhoneIcon24px } from '../../../../images/componentsSvg/PhoneIcon24px'
-
-import { SemFooterProps } from './SemFooterProps'
-
-import { FixedFooter } from '../FixedFooter'
-import { StyledSemFooter } from './SemFooter.styled'
-
-export const SemFooter: React.FC<SemFooterProps> = ({ sitePhone, siteSchedule, children, fixedFooterProps }) => {
-  return (
-    <StyledSemFooter>
-      <section className={'sem-footer'}>
-        {children}
-        <div className='sem-footer__contact-info'>
-          <div className='sem-footer__contact-info__phone'>
-            <PhoneIcon24px width='20' height='20' fill='white' />
-            <b>{sitePhone} </b>
-          </div>
-          <div className='sem-footer__contact-info__schedule'>{siteSchedule}</div>
-        </div>
-        <FixedFooter {...fixedFooterProps} />
-      </section>
-    </StyledSemFooter>
-  )
-}

package/dist/src/components/atoms/SemFooter/SemFooterProps.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { FixedFooterProps } from '../FixedFooter';
-export interface SemFooterProps {
-    sitePhone: string;
-    siteSchedule: string;
-    children?: React.ReactNode;
-    fixedFooterProps: FixedFooterProps;
-}

package/dist/src/components/atoms/SemFooter/SemFooterProps.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/atoms/SemFooter/SemFooterProps.ts

@@ -1,10 +0,0 @@
-import React from 'react'
-
-import { FixedFooterProps } from '../FixedFooter'
-
-export interface SemFooterProps {
-  sitePhone: string
-  siteSchedule: string
-  children?: React.ReactNode
-  fixedFooterProps: FixedFooterProps
-}

package/dist/src/components/atoms/SemFooter/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SemFooter';
-export * from './SemFooterProps';

package/dist/src/components/atoms/SemFooter/index.js

@@ -1,2 +0,0 @@
-export * from './SemFooter';
-export * from './SemFooterProps';

package/dist/src/components/atoms/SemFooter/index.ts

@@ -1,2 +0,0 @@
-export * from './SemFooter'
-export * from './SemFooterProps'