@npm_leadtech/legal-lib-components 5.21.2 → 5.22.1

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

@@ -0,0 +1,68 @@
+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

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

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

@@ -0,0 +1,70 @@
+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/index.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,34 @@
+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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -19,6 +19,7 @@ export * from './DocumentStatus';
 export * from './DocumentTag';
 export * from './ExpertCard';
 export * from './FeatureRatafiaCard';
+export * from './FixedFooter';
 export * from './FormFaq';
 export * from './GoogleButton';
 export * from './IconImage';
@@ -36,6 +37,7 @@ export * from './MoreDocsItem';
 export * from './NavMenuItem';
 export * from './PaypalButton';
 export * from './PopularDocsItem';
+export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RemoveButton';

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

@@ -19,6 +19,7 @@ export * from './DocumentStatus';
 export * from './DocumentTag';
 export * from './ExpertCard';
 export * from './FeatureRatafiaCard';
+export * from './FixedFooter';
 export * from './FormFaq';
 export * from './GoogleButton';
 export * from './IconImage';
@@ -36,6 +37,7 @@ export * from './MoreDocsItem';
 export * from './NavMenuItem';
 export * from './PaypalButton';
 export * from './PopularDocsItem';
+export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RemoveButton';

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

@@ -19,6 +19,7 @@ export * from './DocumentStatus'
 export * from './DocumentTag'
 export * from './ExpertCard'
 export * from './FeatureRatafiaCard'
+export * from './FixedFooter'
 export * from './FormFaq'
 export * from './GoogleButton'
 export * from './IconImage'
@@ -36,6 +37,7 @@ export * from './MoreDocsItem'
 export * from './NavMenuItem'
 export * from './PaypalButton'
 export * from './PopularDocsItem'
+export * from './PreFooter'
 export * from './ProgressBar'
 export * from './Radio'
 export * from './RemoveButton'

package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ActionButtonHeaderRatafiaCardList } from '../ActionButtonHeaderRatafiaCardList';
 import { HeaderRatafiaStyled } from './HeaderRatafia.styled';
-export const HeaderRatafia = ({ icon, title, actionButtons, isHiddenActionButtons = false, headerTitleRef }) => {
-    return (_jsxs(HeaderRatafiaStyled, { className: 'header-ratafia', children: [_jsxs("div", { className: 'header-ratafia__title', children: [_jsx("div", { className: 'header-ratafia__title__icon', children: icon }), _jsx("h1", { ref: headerTitleRef, className: 'sans-serif --bold-weight header-ratafia__title__text', children: title })] }), actionButtons !== undefined && !isHiddenActionButtons && (_jsx(ActionButtonHeaderRatafiaCardList, { actionButtons: actionButtons }))] }));
+export const HeaderRatafia = ({ icon, title, actionButtons, isHiddenActionButtons = false }) => {
+    return (_jsxs(HeaderRatafiaStyled, { className: 'header-ratafia', children: [_jsxs("div", { className: 'header-ratafia__title', children: [_jsx("div", { className: 'header-ratafia__title__icon', children: icon }), _jsx("h1", { className: 'sans-serif --bold-weight header-ratafia__title__text', children: title })] }), actionButtons !== undefined && !isHiddenActionButtons && (_jsx(ActionButtonHeaderRatafiaCardList, { actionButtons: actionButtons }))] }));
 };
 export default HeaderRatafia;

package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.tsx

@@ -8,16 +8,13 @@ export const HeaderRatafia: React.FC<HeaderRatafiaProps> = ({
   icon,
   title,
   actionButtons,
-  isHiddenActionButtons = false,
-  headerTitleRef
+  isHiddenActionButtons = false
 }) => {
   return (
     <HeaderRatafiaStyled className='header-ratafia'>
       <div className='header-ratafia__title'>
         <div className='header-ratafia__title__icon'>{icon}</div>
-        <h1 ref={headerTitleRef} className='sans-serif --bold-weight header-ratafia__title__text'>
-          {title}
-        </h1>
+        <h1 className='sans-serif --bold-weight header-ratafia__title__text'>{title}</h1>
       </div>
       {actionButtons !== undefined && !isHiddenActionButtons && (
         <ActionButtonHeaderRatafiaCardList actionButtons={actionButtons} />

package/dist/src/components/molecules/HeaderRatafia/HeaderRatafiaProps.types.d.ts

@@ -1,9 +1,7 @@
 import type { ActionButtonHeaderRatafiaCardProps } from '../../atoms';
-import React from 'react';
 export interface HeaderRatafiaProps {
     icon?: React.ReactNode;
     title: string;
     actionButtons?: ActionButtonHeaderRatafiaCardProps[];
-    headerTitleRef?: React.RefObject<HTMLHeadingElement>;
     isHiddenActionButtons: boolean;
 }

package/dist/src/components/molecules/HeaderRatafia/HeaderRatafiaProps.types.ts

@@ -1,10 +1,8 @@
 import type { ActionButtonHeaderRatafiaCardProps } from '../../atoms'
-import React from 'react'
 
 export interface HeaderRatafiaProps {
   icon?: React.ReactNode
   title: string
   actionButtons?: ActionButtonHeaderRatafiaCardProps[]
-  headerTitleRef?: React.RefObject<HTMLHeadingElement>
   isHiddenActionButtons: boolean
 }

package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.js

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../atoms';
 import { MidBannerRatafiaContentStyled } from './MidBannerRatafiaContent.styled';
 const MidBannerRatafiaContent = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa }) => {
-    return (_jsxs(MidBannerRatafiaContentStyled, { className: 'mid-banner-ratafia-content', children: [_jsxs("div", { className: 'mid-banner-ratafia-content__header', children: [_jsx("h3", { className: 'sans-serif --super-large --bold-weight mid-banner-ratafia-content__header__title', children: title }), _jsx("div", { className: 'sans-serif --super-medium mid-banner-ratafia-content__header__description', children: paragraph })] }), _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa, link: ctaLink, color: 'primary', label: ctaLabel })] }));
+    return (_jsxs(MidBannerRatafiaContentStyled, { className: 'mid-banner-ratafia-content', children: [_jsxs("div", { className: 'mid-banner-ratafia-content__header', children: [_jsx("h2", { className: 'sans-serif --super-large --bold-weight mid-banner-ratafia-content__header__title', children: title }), _jsx("div", { className: 'sans-serif --super-medium mid-banner-ratafia-content__header__description', children: paragraph })] }), _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa, link: ctaLink, color: 'primary', label: ctaLabel })] }));
 };
 export default MidBannerRatafiaContent;

package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.tsx

@@ -14,7 +14,7 @@ const MidBannerRatafiaContent: FC<MidBannerRatafiaContentProps> = ({
   return (
     <MidBannerRatafiaContentStyled className='mid-banner-ratafia-content'>
       <div className='mid-banner-ratafia-content__header'>
-        <h3 className='sans-serif --super-large --bold-weight mid-banner-ratafia-content__header__title'>{title}</h3>
+        <h2 className='sans-serif --super-large --bold-weight mid-banner-ratafia-content__header__title'>{title}</h2>
         <div className='sans-serif --super-medium mid-banner-ratafia-content__header__description'>{paragraph}</div>
       </div>
       <Button

package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.styled.js

@@ -8,7 +8,7 @@ export const UploadRatafiaZoneStyled = styled.div `
   box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
 
   @media ${device['landscape-tablets']} {
-    max-width: 350px;
+    max-width: 340px;
   }
   @media ${device.laptop} {
     max-width: 560px;
@@ -36,7 +36,6 @@ export const UploadRatafiaZoneStyled = styled.div `
 
       &__title {
         margin-bottom: 2.5rem;
-        transition: color 0.5s;
       }
       &__cta {
         display: flex;

package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.styled.ts

@@ -9,7 +9,7 @@ export const UploadRatafiaZoneStyled = styled.div`
   box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
 
   @media ${device['landscape-tablets']} {
-    max-width: 350px;
+    max-width: 340px;
   }
   @media ${device.laptop} {
     max-width: 560px;
@@ -37,7 +37,6 @@ export const UploadRatafiaZoneStyled = styled.div`
 
       &__title {
         margin-bottom: 2.5rem;
-        transition: color 0.5s;
       }
       &__cta {
         display: flex;

package/dist/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContent.styled.js

@@ -7,24 +7,21 @@ export const FeaturesRatafiaContentStyled = styled.div `
   flex: 1 0 0;
   gap: 1.5rem;
 
-  .features-ratafia-content__wrapper {
-    &__title {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-      gap: 1rem;
-      margin-bottom: 1rem;
+  .features-ratafia-content__wrapper__title {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    align-self: stretch;
+    gap: 1rem;
 
-      &__text {
-        align-self: stretch;
-        color: var(--neutral-neutral-1);
-      }
-      &__description {
-        align-self: stretch;
-        color: var(--neutral-neutral-1);
-      }
+    &__text {
+      align-self: stretch;
+      color: var(--neutral-neutral-1);
+    }
+    &__description {
+      align-self: stretch;
+      color: var(--neutral-neutral-1);
     }
   }
 `;

package/dist/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContent.styled.ts

@@ -8,24 +8,21 @@ export const FeaturesRatafiaContentStyled = styled.div`
   flex: 1 0 0;
   gap: 1.5rem;
 
-  .features-ratafia-content__wrapper {
-    &__title {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-      gap: 1rem;
-      margin-bottom: 1rem;
+  .features-ratafia-content__wrapper__title {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    align-self: stretch;
+    gap: 1rem;
 
-      &__text {
-        align-self: stretch;
-        color: var(--neutral-neutral-1);
-      }
-      &__description {
-        align-self: stretch;
-        color: var(--neutral-neutral-1);
-      }
+    &__text {
+      align-self: stretch;
+      color: var(--neutral-neutral-1);
+    }
+    &__description {
+      align-self: stretch;
+      color: var(--neutral-neutral-1);
     }
   }
 `

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

@@ -3,6 +3,6 @@ import { KeyFactCardListRatafia } from '../../molecules';
 import { KeyFactsResultContentRatafiaStyled } from './KeyFactsResultContentRatafia.styled';
 import { ReviewKeyFactsResultRatafia } from '../../atoms';
 export const KeyFactsResultContentRatafia = ({ result, review }) => {
-    return (_jsxs(KeyFactsResultContentRatafiaStyled, { children: [_jsx("h2", { ref: result?.documentNameRef, className: 'sans-serif --bold-weight key-facts-result-content__document-name', children: result?.documentName }), _jsxs("div", { className: 'key-facts-result-content__content', children: [result !== null && _jsx(KeyFactCardListRatafia, { keyFacts: result.keyFacts }), _jsx(ReviewKeyFactsResultRatafia, { ...review })] })] }));
+    return (_jsxs(KeyFactsResultContentRatafiaStyled, { children: [_jsx("h2", { className: 'sans-serif --bold-weight key-facts-result-content__document-name', children: result?.documentName }), _jsxs("div", { className: 'key-facts-result-content__content', children: [result !== null && _jsx(KeyFactCardListRatafia, { keyFacts: result.keyFacts }), _jsx(ReviewKeyFactsResultRatafia, { ...review })] })] }));
 };
 export default KeyFactsResultContentRatafia;

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

@@ -8,9 +8,7 @@ import { ReviewKeyFactsResultRatafia } from '../../atoms'
 export const KeyFactsResultContentRatafia: React.FC<KeyFactsResultContentRatafiaProps> = ({ result, review }) => {
   return (
     <KeyFactsResultContentRatafiaStyled>
-      <h2 ref={result?.documentNameRef} className='sans-serif --bold-weight key-facts-result-content__document-name'>
-        {result?.documentName}
-      </h2>
+      <h2 className='sans-serif --bold-weight key-facts-result-content__document-name'>{result?.documentName}</h2>
       <div className='key-facts-result-content__content'>
         {result !== null && <KeyFactCardListRatafia keyFacts={result.keyFacts} />}
         <ReviewKeyFactsResultRatafia {...review} />

package/dist/src/components/organisms/KeyFactsResultContentRatafia/KeyFactsResultContentRatafiaProps.types.d.ts

@@ -1,5 +1,4 @@
 import type { KeyFactRatafiaCardProps, ReviewKeyFactsResultRatafiaProps } from '../../atoms';
-import React from 'react';
 export interface KeyFactsResultContentRatafiaProps {
     result: KeyFactsResultProps | null;
     review: ReviewKeyFactsResultRatafiaProps;
@@ -7,5 +6,4 @@ export interface KeyFactsResultContentRatafiaProps {
 export interface KeyFactsResultProps {
     documentName: string;
     keyFacts: KeyFactRatafiaCardProps[];
-    documentNameRef?: React.RefObject<HTMLHeadingElement>;
 }

package/dist/src/components/organisms/KeyFactsResultContentRatafia/KeyFactsResultContentRatafiaProps.types.ts

@@ -1,5 +1,4 @@
 import type { KeyFactRatafiaCardProps, ReviewKeyFactsResultRatafiaProps } from '../../atoms'
-import React from 'react'
 
 export interface KeyFactsResultContentRatafiaProps {
   result: KeyFactsResultProps | null
@@ -9,5 +8,4 @@ export interface KeyFactsResultContentRatafiaProps {
 export interface KeyFactsResultProps {
   documentName: string
   keyFacts: KeyFactRatafiaCardProps[]
-  documentNameRef?: React.RefObject<HTMLHeadingElement>
 }

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

@@ -8,7 +8,7 @@ export const FaqSectionStyled = styled.section `
   max-width: 700px;
   width: 100%;
 
-  &.faq-ratafia-section {
+  .faq-ratafia-section {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -25,8 +25,5 @@ export const FaqSectionStyled = styled.section `
     @media ${device['desktop-xl']} {
       padding: 3rem 28rem 5rem 28rem;
     }
-    .faqs {
-      max-width: 56.75rem;
-    }
   }
 `;

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

@@ -9,7 +9,7 @@ export const FaqSectionStyled = styled.section`
   max-width: 700px;
   width: 100%;
 
-  &.faq-ratafia-section {
+  .faq-ratafia-section {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -26,8 +26,5 @@ export const FaqSectionStyled = styled.section`
     @media ${device['desktop-xl']} {
       padding: 3rem 28rem 5rem 28rem;
     }
-    .faqs {
-      max-width: 56.75rem;
-    }
   }
 `