@npm_leadtech/legal-lib-components 7.102.1 → 7.102.2

package/dist/src/components/molecules/TextInput/tests/Input.test.tsx

@@ -1,5 +1,4 @@
-import { cleanup, fireEvent, render, waitFor } from '@testing-library/react'
-import React from 'react'
+import React, { cleanup, fireEvent, render, waitFor } from '@testing-library/react'
 
 import { Input } from '../Input'
 
@@ -8,38 +7,50 @@ afterEach(cleanup)
 const testName = 'name'
 const testValue = 'value'
 
+const defaultInputProps = {
+  name: '',
+  placeholder: '',
+  prefix: '',
+  value: '',
+  type: 'text' as const,
+  disabled: false,
+  className: '',
+  onChange: jest.fn(),
+  onClick: jest.fn(),
+  onBlur: jest.fn(),
+  onKeyDown: jest.fn(),
+  onKeyUp: jest.fn(),
+  country: ''
+}
+
 describe('will return the component', () => {
   test('without props', () => {
-    const { getByRole } = render(<Input />)
+    const { getByRole } = render(<Input {...defaultInputProps} />)
     expect(getByRole('textbox')).toBeInTheDocument()
     expect(getByRole('textbox')).toHaveAttribute('type', 'text')
   })
   test('of type password: with the eyeIcon rendered', async () => {
-    const { container, getByRole } = render(<Input type='password' value={testValue} />)
+    const { container } = render(<Input {...defaultInputProps} type='password' value={testValue} />)
     expect(container.firstChild).toHaveAttribute('type', 'password')
 
-    const img = getByRole('img')
-    expect(img).toHaveClass('input-icon-password')
-    fireEvent.click(img)
+    const toggleButton = container.querySelector('.input-icon-password-button')
+    expect(toggleButton).toBeTruthy()
+    if (toggleButton) fireEvent.click(toggleButton)
 
     await waitFor(() => {
       expect(container.firstChild).toHaveAttribute('type', 'text')
     })
   })
-  test('of type password: with the eyeIcon rendered but is not enabled without value', async () => {
-    const { container, getByRole } = render(<Input type='password' />)
-    expect(container.firstChild).toHaveAttribute('type', 'password')
-
-    const img = getByRole('img')
-    expect(img).toHaveClass('input-icon-password')
-    fireEvent.click(img)
+  test('of type password: with the eyeIcon rendered but without value shows password type initially', () => {
+    const { container } = render(<Input {...defaultInputProps} type='password' />)
+    const input = container.querySelector('input')
+    expect(input).toHaveAttribute('type', 'password')
 
-    await waitFor(() => {
-      expect(container.firstChild).toHaveAttribute('type', 'password')
-    })
+    const toggleButton = container.querySelector('.input-icon-password-button')
+    expect(toggleButton).toBeTruthy()
   })
   test('of type password: with the eyeIcon rendered', () => {
-    const { container } = render(<Input name={testName} />)
+    const { container } = render(<Input {...defaultInputProps} name={testName} />)
     expect(container.firstChild).toHaveAttribute('data-qa', testName)
   })
 })

package/dist/src/components/molecules/TextInput/tests/TextInput.test.tsx

@@ -11,43 +11,50 @@ const testErrorMessage = 'Error message'
 const testLabel = 'Label'
 const testNotes = 'Notes'
 
+const defaultTextInputProps = {
+  onChange: (): void => {},
+  country: ''
+}
+
 describe('will return the component', () => {
   test('without props', () => {
-    const { getByRole, container } = render(<TextInput />)
+    const { getByRole, container } = render(<TextInput {...defaultTextInputProps} />)
     expect(container.firstChild).toHaveClass('e-text')
     expect(getByRole('textbox')).toHaveAttribute('type', 'text')
   })
 
   test('NumberFormat input if the format prop is passed', () => {
-    const { getByRole } = render(<TextInput format={testFormat} />)
+    const { getByRole } = render(<TextInput {...defaultTextInputProps} format={testFormat} />)
     expect(getByRole('textbox')).toHaveClass('e-text-input')
     expect(getByRole('textbox')).toHaveAttribute('type', 'text')
     expect(getByRole('textbox')).toHaveAttribute('inputmode', 'numeric')
   })
 
   test('with a tooltip', () => {
-    const { getByText } = render(<TextInput tooltip={testTooltip} />)
+    const { getByText } = render(<TextInput {...defaultTextInputProps} tooltip={testTooltip} />)
     expect(getByText(testTooltip)).toHaveClass('tooltip-form')
   })
 
   test('with a error message', () => {
-    const { getByText } = render(<TextInput errorMessage={testErrorMessage} validate={false} />)
+    const { getByText } = render(
+      <TextInput {...defaultTextInputProps} errorMessage={testErrorMessage} validate={false} />
+    )
     expect(getByText(testErrorMessage)).toHaveClass('e-text__error-label')
   })
 
   test('with a label', () => {
-    const { getByText } = render(<TextInput label={testLabel} />)
+    const { getByText } = render(<TextInput {...defaultTextInputProps} label={testLabel} />)
     expect(getByText(testLabel)).toHaveClass('form-group__label')
   })
 
   test('with notes', () => {
-    const { getByText } = render(<TextInput notes={testNotes} />)
+    const { getByText } = render(<TextInput {...defaultTextInputProps} notes={testNotes} />)
     expect(getByText(testNotes)).toHaveClass('e-text__inner__notes')
   })
 
   test('should have children', () => {
     const { getByText } = render(
-      <TextInput>
+      <TextInput {...defaultTextInputProps}>
         <span>test children</span>
       </TextInput>
     )
@@ -55,10 +62,10 @@ describe('will return the component', () => {
   })
 
   test('should have id in input and for in label', () => {
-    const { getByText, getByLabelText } = render(<TextInput name='cvv' label='CVV' />)
+    const { getByText, getByLabelText } = render(<TextInput {...defaultTextInputProps} name='cvv' label='CVV' />)
 
     const label = getByText('CVV')
-    const input = getByLabelText('CVV')
+    const input = getByLabelText('CVV') as HTMLInputElement
 
     expect(label).toBeDefined()
     expect(label).toHaveAttribute('for', 'cvv')

package/dist/src/components/molecules/TextInput/tests/TextInputMessage.test.tsx

@@ -9,11 +9,11 @@ const testErrorMessage = 'Error message'
 
 describe('will return null', () => {
   test('if no prop is passed', () => {
-    const { container } = render(<TextInputMessage />)
+    const { container } = render(<TextInputMessage errorMessage='' validate={false} />)
     expect(container.firstChild).toBe(null)
   })
   test('if errorMessage is passed and validate is true', () => {
-    const { container } = render(<TextInputMessage errorMessage={testErrorMessage} />)
+    const { container } = render(<TextInputMessage errorMessage={testErrorMessage} validate={true} />)
     expect(container.firstChild).toBe(null)
   })
 })

package/dist/src/components/molecules/TextInput/tests/TextInputTooltip.test.tsx

@@ -9,7 +9,7 @@ const testTooltip = 'Tooltip'
 
 describe('will return null', () => {
   test('if no prop is passed', () => {
-    const { container } = render(<TextInputTooltip />)
+    const { container } = render(<TextInputTooltip tooltip='' />)
     expect(container.firstChild).toBe(null)
   })
 })

package/dist/src/components/molecules/TooltipMenu/TooltipMenu.scss

@@ -1,5 +1,5 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
+@use '../../../globalStyles/variables.scss';
+@use '../../../globalStyles/mediaqueries.scss';
 
 .tooltip-menu__item {
   border-radius: var(--s-border-radius);

package/dist/src/components/molecules/TrustBanner/TrustBanner.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type TrustBannerProps } from './TrustBannerProps.types';
+declare const TrustBanner: FC<TrustBannerProps>;
+export default TrustBanner;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TrustBannerStyled } from './TrustBanner.styled';
+import { BalanceSvg } from '../../../../images/componentsSvg/Balance';
+const TrustBanner = ({ text, hideIcon = false, icon }) => {
+    return (_jsx(TrustBannerStyled, { className: 'trust-banner', role: 'status', children: _jsxs("div", { className: 'trust-banner__content', children: [!hideIcon && _jsx("div", { className: 'trust-banner__icon', children: icon ?? _jsx(BalanceSvg, {}) }), _jsx("p", { className: 'trust-banner__text', children: text })] }) }));
+};
+export default TrustBanner;

package/dist/src/components/molecules/TrustBanner/TrustBanner.styled.d.ts

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

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

@@ -0,0 +1,43 @@
+import styled from 'styled-components';
+export const TrustBannerStyled = styled.div `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  background-color: var(--primary-main-light-5);
+  border-bottom: 1px solid var(--neutral-neutral-4);
+  padding: 0.5rem 1rem;
+  font-family: var(--font-sans);
+
+  .trust-banner {
+    &__content {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.625rem;
+    }
+
+    &__icon {
+      display: flex;
+      flex-shrink: 0;
+      width: 20px;
+      height: 20px;
+      color: var(--primary-main-dark-1);
+
+      svg {
+        display: block;
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    &__text {
+      margin: 0;
+      font-size: 0.875rem;
+      font-weight: 600;
+      line-height: 1.125rem;
+      letter-spacing: -0.3px;
+      color: var(--primary-main-dark-1);
+    }
+  }
+`;

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

@@ -0,0 +1,44 @@
+import styled from 'styled-components'
+
+export const TrustBannerStyled = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  background-color: var(--primary-main-light-5);
+  border-bottom: 1px solid var(--neutral-neutral-4);
+  padding: 0.5rem 1rem;
+  font-family: var(--font-sans);
+
+  .trust-banner {
+    &__content {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.625rem;
+    }
+
+    &__icon {
+      display: flex;
+      flex-shrink: 0;
+      width: 20px;
+      height: 20px;
+      color: var(--primary-main-dark-1);
+
+      svg {
+        display: block;
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    &__text {
+      margin: 0;
+      font-size: 0.875rem;
+      font-weight: 600;
+      line-height: 1.125rem;
+      letter-spacing: -0.3px;
+      color: var(--primary-main-dark-1);
+    }
+  }
+`

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

@@ -0,0 +1,19 @@
+import React, { type FC } from 'react'
+
+import { type TrustBannerProps } from './TrustBannerProps.types'
+import { TrustBannerStyled } from './TrustBanner.styled'
+
+import { BalanceSvg } from '../../../../images/componentsSvg/Balance'
+
+const TrustBanner: FC<TrustBannerProps> = ({ text, hideIcon = false, icon }) => {
+  return (
+    <TrustBannerStyled className='trust-banner' role='status'>
+      <div className='trust-banner__content'>
+        {!hideIcon && <div className='trust-banner__icon'>{icon ?? <BalanceSvg />}</div>}
+        <p className='trust-banner__text'>{text}</p>
+      </div>
+    </TrustBannerStyled>
+  )
+}
+
+export default TrustBanner

package/dist/src/components/molecules/TrustBanner/TrustBannerProps.types.d.ts

@@ -0,0 +1,5 @@
+export interface TrustBannerProps {
+    text: string | React.ReactNode;
+    hideIcon?: boolean;
+    icon?: React.ReactNode;
+}

package/dist/src/components/molecules/TrustBanner/TrustBannerProps.types.js

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

package/dist/src/components/molecules/TrustBanner/TrustBannerProps.types.ts

@@ -0,0 +1,5 @@
+export interface TrustBannerProps {
+  text: string | React.ReactNode
+  hideIcon?: boolean
+  icon?: React.ReactNode
+}

package/dist/src/components/molecules/TrustBanner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TrustBanner } from './TrustBanner';
+export { type TrustBannerProps } from './TrustBannerProps.types';

package/dist/src/components/molecules/TrustBanner/index.js

@@ -0,0 +1 @@
+export { default as TrustBanner } from './TrustBanner';

package/dist/src/components/molecules/TrustBanner/index.ts

@@ -0,0 +1,2 @@
+export { default as TrustBanner } from './TrustBanner'
+export { type TrustBannerProps } from './TrustBannerProps.types'

package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.d.ts

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

package/dist/src/components/molecules/TypeModulesList/TypeModulesList.styled.d.ts

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

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

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

package/dist/src/components/molecules/WarningBox/WarningBoxStyled.d.ts

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

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

@@ -14,6 +14,7 @@ export * from './ContactCardList';
 export * from './ContactInfo';
 export * from './ContactInfoBox';
 export * from './ContactInfoBoxMobile';
+export * from './ComplianceBox';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
 export * from './DocumentListMenuSection';
@@ -43,6 +44,7 @@ export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
 export * from './SocialLinks';
 export * from './SubscriptionCard';
+export * from './SignersStatusTooltipContent';
 export * from './Snackbar';
 export * from './SearchBar';
 export * from './StepGetForm';
@@ -51,6 +53,7 @@ export * from './SubtypeDocumentCard';
 export * from './TagsRatafiaList';
 export * from './TextInput';
 export * from './TooltipMenu';
+export * from './TrustBanner';
 export * from './TrustworthyWebsites';
 export * from './TypeModulesList';
 export * from './UploadRatafiaZone';

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

@@ -14,6 +14,7 @@ export * from './ContactCardList';
 export * from './ContactInfo';
 export * from './ContactInfoBox';
 export * from './ContactInfoBoxMobile';
+export * from './ComplianceBox';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
 export * from './DocumentListMenuSection';
@@ -43,6 +44,7 @@ export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
 export * from './SocialLinks';
 export * from './SubscriptionCard';
+export * from './SignersStatusTooltipContent';
 export * from './Snackbar';
 export * from './SearchBar';
 export * from './StepGetForm';
@@ -51,6 +53,7 @@ export * from './SubtypeDocumentCard';
 export * from './TagsRatafiaList';
 export * from './TextInput';
 export * from './TooltipMenu';
+export * from './TrustBanner';
 export * from './TrustworthyWebsites';
 export * from './TypeModulesList';
 export * from './UploadRatafiaZone';

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

@@ -14,6 +14,7 @@ export * from './ContactCardList'
 export * from './ContactInfo'
 export * from './ContactInfoBox'
 export * from './ContactInfoBoxMobile'
+export * from './ComplianceBox'
 export * from './ContinueEditingBanner'
 export * from './CountDownMessage'
 export * from './DocumentListMenuSection'
@@ -43,6 +44,7 @@ export * from './RatafiaResultCardList'
 export * from './RatafiaResultTabList'
 export * from './SocialLinks'
 export * from './SubscriptionCard'
+export * from './SignersStatusTooltipContent'
 export * from './Snackbar'
 export * from './SearchBar'
 export * from './StepGetForm'
@@ -51,6 +53,7 @@ export * from './SubtypeDocumentCard'
 export * from './TagsRatafiaList'
 export * from './TextInput'
 export * from './TooltipMenu'
+export * from './TrustBanner'
 export * from './TrustworthyWebsites'
 export * from './TypeModulesList'
 export * from './UploadRatafiaZone'

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

@@ -8,7 +8,7 @@ export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem, hei
     const handleItemClick = (index) => {
         setActiveIndex((prevIndex) => (prevIndex === index ? -1 : index));
     };
-    return (_jsx(AccordionProvider, { elements: data.length, children: _jsx(AccordionStyled, { children: data.map((item, index) => (_jsx(AccordionItem, { accordionRightContent: item?.accordionRightContent, defaultHeightItem: defaultHeightItem, index: index, isOpen: activeIndex === index, onClick: () => {
+    return (_jsx(AccordionProvider, { elements: data.length, children: _jsx(AccordionStyled, { children: data.map((item, index) => (_jsx(AccordionItem, { noPadding: item?.noPadding, accordionRightContent: item?.accordionRightContent, defaultHeightItem: defaultHeightItem, index: index, isOpen: activeIndex === index, onClick: () => {
                     handleItemClick(index);
                 }, title: item.title, heightAutoChange: heightAutoChange, children: item.children }, index))) }) }));
 };

package/dist/src/components/organisms/Accordion/Accordion.styled.d.ts

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

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

@@ -21,6 +21,7 @@ export const Accordion = ({
       <AccordionStyled>
         {data.map((item, index) => (
           <AccordionItem
+            noPadding={item?.noPadding}
             accordionRightContent={item?.accordionRightContent}
             defaultHeightItem={defaultHeightItem}
             index={index}

package/dist/src/components/organisms/Accordion/AccordionProps.types.d.ts

@@ -3,6 +3,7 @@ interface AccordionItem {
     children?: React.ReactNode;
     onClick?: () => void;
     title?: string;
+    noPadding?: boolean;
 }
 export interface AccordionProps {
     data: AccordionItem[];

package/dist/src/components/organisms/Accordion/AccordionProps.types.ts

@@ -3,6 +3,7 @@ interface AccordionItem {
   children?: React.ReactNode
   onClick?: () => void
   title?: string
+  noPadding?: boolean
 }
 
 export interface AccordionProps {

package/dist/src/components/organisms/ArticlesList/ArticlesList.styled.d.ts

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

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.d.ts

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

package/dist/src/components/organisms/BottomFooter/BottomFooter.styled.d.ts

@@ -1,6 +1,6 @@
-export declare const BottomFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const BottomFooterWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const BottomFooterText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const LogoSocialsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CompanyList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
-export declare const CompanyLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+export declare const BottomFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const BottomFooterWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const BottomFooterText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
+export declare const LogoSocialsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const CompanyList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
+export declare const CompanyLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>> & string;

package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.d.ts

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

package/dist/src/components/organisms/ContactContent/ContactContent.styled.d.ts

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

package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.d.ts

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

package/dist/src/components/organisms/CookiePolicyBar/CookiePolicyBar.styled.d.ts

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

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

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DesktopMenuStyled } from './DesktopMenu.styled';
 import { HelpSection } from '../../molecules';
 import { PhoneNumberDisplay } from '../../atoms';
-export const DesktopMenu = ({ phoneNumber, menuList, userActions, homeUrl }) => {
-    return (_jsxs(DesktopMenuStyled, { children: [phoneNumber && _jsx(PhoneNumberDisplay, { phoneNumber: phoneNumber }), menuList?.items?.length && _jsx(HelpSection, { ...menuList, homeUrl: homeUrl }), userActions] }));
+export const DesktopMenu = ({ phoneNumber, phoneNumberBorder, menuList, userActions, homeUrl }) => {
+    return (_jsxs(DesktopMenuStyled, { children: [phoneNumber && _jsx(PhoneNumberDisplay, { phoneNumber: phoneNumber, border: phoneNumberBorder }), menuList?.items?.length && _jsx(HelpSection, { ...menuList, homeUrl: homeUrl }), userActions] }));
 };

package/dist/src/components/organisms/DesktopMenu/DesktopMenu.styled.d.ts

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

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

@@ -4,10 +4,16 @@ import { HelpSection } from '../../molecules'
 import { PhoneNumberDisplay } from '../../atoms'
 import React from 'react'
 
-export const DesktopMenu: React.FC<DesktopMenuProps> = ({ phoneNumber, menuList, userActions, homeUrl }) => {
+export const DesktopMenu: React.FC<DesktopMenuProps> = ({
+  phoneNumber,
+  phoneNumberBorder,
+  menuList,
+  userActions,
+  homeUrl
+}) => {
   return (
     <DesktopMenuStyled>
-      {phoneNumber && <PhoneNumberDisplay phoneNumber={phoneNumber} />}
+      {phoneNumber && <PhoneNumberDisplay phoneNumber={phoneNumber} border={phoneNumberBorder} />}
       {menuList?.items?.length && <HelpSection {...menuList} homeUrl={homeUrl} />}
       {userActions}
     </DesktopMenuStyled>

package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.d.ts

@@ -1,6 +1,7 @@
 import { HelpSectionProps } from 'src/components/molecules/HelpSection';
 export interface DesktopMenuProps {
     phoneNumber: string;
+    phoneNumberBorder?: boolean;
     menuList?: HelpSectionProps;
     userActions: React.ReactNode;
     homeUrl: string;

package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.ts

@@ -2,6 +2,7 @@ import { HelpSectionProps } from 'src/components/molecules/HelpSection'
 
 export interface DesktopMenuProps {
   phoneNumber: string
+  phoneNumberBorder?: boolean
   menuList?: HelpSectionProps
   userActions: React.ReactNode
   homeUrl: string

package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.styled.d.ts

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

package/dist/src/components/organisms/DocumentMainMenu/DocumentMainMenu.styled.d.ts

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

package/dist/src/components/organisms/DocumentSubMenu/DocumentSubMenu.styled.d.ts

@@ -1 +1 @@
-export declare const DocumentSubMenuStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const DocumentSubMenuStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;

package/dist/src/components/organisms/ErrorContentRatafia/ErrorContentRatafia.styled.d.ts

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

package/dist/src/components/organisms/FaqGroup/FaqGroup.styled.d.ts

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