@npm_leadtech/legal-lib-components 7.102.1 → 7.102.2

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

@@ -1 +1 @@
-export declare const PhoneNumberDisplayStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const PhoneNumberDisplayStyled: 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/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.js

@@ -4,14 +4,20 @@ export const PhoneNumberDisplayStyled = styled.nav `
   align-items: center;
   gap: 0.5rem;
   color: var(--neutral-neutral-2);
+  height: 2.5rem;
+  padding-right: 0;
+
   p {
     margin: 0;
   }
-  border-right: 1px solid var(--neutral-neutral-3);
-  padding-right: 2rem;
-  height: 2.5rem;
-  @media (min-width: 721px) and (max-width: 849px) {
-    padding-right: 0;
-    border-right: none;
+
+  &.phone-number-display-border {
+    padding-right: 2rem;
+    border-right: 1px solid var(--neutral-neutral-3);
+
+    @media (min-width: 721px) and (max-width: 849px) {
+      padding-right: 0;
+      border-right: none;
+    }
   }
 `;

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

@@ -5,14 +5,20 @@ export const PhoneNumberDisplayStyled = styled.nav`
   align-items: center;
   gap: 0.5rem;
   color: var(--neutral-neutral-2);
+  height: 2.5rem;
+  padding-right: 0;
+
   p {
     margin: 0;
   }
-  border-right: 1px solid var(--neutral-neutral-3);
-  padding-right: 2rem;
-  height: 2.5rem;
-  @media (min-width: 721px) and (max-width: 849px) {
-    padding-right: 0;
-    border-right: none;
+
+  &.phone-number-display-border {
+    padding-right: 2rem;
+    border-right: 1px solid var(--neutral-neutral-3);
+
+    @media (min-width: 721px) and (max-width: 849px) {
+      padding-right: 0;
+      border-right: none;
+    }
   }
 `

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

@@ -3,9 +3,11 @@ import { PhoneNumberDisplayProps } from './PhoneNumberDisplayProps'
 import { PhoneNumberDisplayStyled } from './PhoneNumberDisplay.styled'
 import React from 'react'
 
-export const PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps> = ({ phoneNumber }) => {
+export const PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps> = ({ phoneNumber, border = true }) => {
+  const className = border ? 'phone-number-display phone-number-display-border' : 'phone-number-display'
+
   return (
-    <PhoneNumberDisplayStyled>
+    <PhoneNumberDisplayStyled className={className}>
       <PhoneIcon width={16} height={16} fill='#6d7275' />
       <p>
         <strong>{phoneNumber}</strong>

package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.d.ts

@@ -1,3 +1,4 @@
 export interface PhoneNumberDisplayProps {
     phoneNumber?: string;
+    border?: boolean;
 }

package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.ts

@@ -1,3 +1,4 @@
 export interface PhoneNumberDisplayProps {
   phoneNumber?: string
+  border?: boolean
 }

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

@@ -1,8 +1,8 @@
-export declare const PlanCardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PlanTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const PricingInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const PriceLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
-export declare const BenefitsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
-export declare const Benefit: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const PlanCardContainer: 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 PlanTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const PricingInfo: 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 Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>> & string;
+export declare const PriceLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>>> & string;
+export declare const BenefitsList: 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 Benefit: 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/atoms/PopularDocsItem/PopularDocsItem.styled.d.ts

@@ -1 +1 @@
-export declare const PopularDocsItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+export declare const PopularDocsItemStyled: 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/atoms/PreFooter/PreFooter.js

@@ -1,8 +1,8 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } 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) => {
+export const PreFooter = ({ siteTitle, content, ctaLabel, ctaOnClick, ctaDataQa, ctaLink }) => {
+    return (_jsx(PreFooterStyled, { children: _jsx("div", { className: 'wrapper', children: _jsxs("div", { className: 'prefooter', children: [_jsx("div", { className: 'serif --hero prefooter__title', children: siteTitle }), _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 +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;
+export declare const PreFooterStyled: 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/atoms/PreFooter/PreFooter.tsx

@@ -5,7 +5,7 @@ import { PreFooterProps } from './PreFooterProps'
 import { PreFooterStyled } from './PreFooter.styled'
 
 export const PreFooter: React.FC<PreFooterProps> = ({
-  siteName,
+  siteTitle,
   content,
   ctaLabel,
   ctaOnClick,
@@ -16,7 +16,7 @@ export const PreFooter: React.FC<PreFooterProps> = ({
     <PreFooterStyled>
       <div className='wrapper'>
         <div className='prefooter'>
-          <div className='serif --hero prefooter__title'>Try {siteName} Now</div>
+          <div className='serif --hero prefooter__title'>{siteTitle}</div>
           <div className='prefooter__columns'>
             {content.map((text, index) => {
               return (

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

@@ -1,5 +1,5 @@
 export interface PreFooterProps {
-    siteName: string;
+    siteTitle: string;
     content: string[];
     ctaLabel: string;
     ctaOnClick: () => void;

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

@@ -1,5 +1,5 @@
 export interface PreFooterProps {
-  siteName: string
+  siteTitle: string
   content: string[]
   ctaLabel: string
   ctaOnClick: () => void

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

@@ -1 +1 @@
-export declare const ProgressBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const ProgressBarStyled: 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/atoms/Radio/Radio.scss

@@ -1,5 +1,5 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
+@use '../../../globalStyles/variables.scss';
+@use '../../../globalStyles/mediaqueries.scss';
 
 @mixin defaultStyles {
   .e-radio__inner {
@@ -22,7 +22,7 @@
       }
     }
 
-    @include portrait-tablets {
+    @include mediaqueries.portrait-tablets {
       gap: 0.5rem;
     }
   }
@@ -138,7 +138,7 @@
       }
     }
 
-    @include portrait-tablets {
+    @include mediaqueries.portrait-tablets {
       .radio-item-container {
         width: 49%;
         .e-radio-label {
@@ -231,7 +231,7 @@
       }
     }
 
-    @include portrait-tablets {
+    @include mediaqueries.portrait-tablets {
       .radio-item-container {
         width: 49%;
       }

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

@@ -1 +1 @@
-export declare const RatafiaResultCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RatafiaResultCardStyled: 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/atoms/RatafiaResultTab/RatafiaResultTab.styled.d.ts

@@ -1 +1 @@
-export declare const RatafiaResultTabStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RatafiaResultTabStyled: 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/atoms/RatafiaReviewResult/RatafiaReviewResult.styled.d.ts

@@ -1 +1 @@
-export declare const RatafiaReviewResultStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const RatafiaReviewResultStyled: 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/atoms/RemoveButton/RemoveButton.styled.d.ts

@@ -1 +1 @@
-export declare const RemoveButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const RemoveButtonStyled: 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/atoms/ReviewKeyFactsResultRatafia/ReviewKeyFactsResultRatafia.styled.d.ts

@@ -1 +1 @@
-export declare const ReviewKeyFactsResultRatafiaStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const ReviewKeyFactsResultRatafiaStyled: 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/atoms/RichTextInner/RichTextInner.styled.d.ts

@@ -1 +1 @@
-export declare const RichTextInnerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RichTextInnerStyled: 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/atoms/RichTextStrapi/RichTextStrapi.styled.d.ts

@@ -1 +1 @@
-export declare const RichTextStrapiStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RichTextStrapiStyled: 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/atoms/SearchSelect/SearchSelect.styled.d.ts

@@ -1 +1 @@
-export declare const SearchSelectStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SearchSelectStyled: 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/atoms/ShowMoreBox/ShowMoreBox.styled.d.ts

@@ -1 +1 @@
-export declare const ShowMoreBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ShowMoreBoxStyled: 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/atoms/SidemenuTab/SidemenuTab.styled.d.ts

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

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

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { type SignerStatusItemProps } from './SignerStatusItemProps.types';
+export declare const SignerStatusItem: FC<SignerStatusItemProps>;

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CloseIcon } from '../../../../images/componentsSvg/CloseIcon';
+import { Done24px } from '../../../../images/componentsSvg/Done24px';
+import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
+import { Time24px } from '../../../../images/componentsSvg/Time24px';
+import { SignerStatusItemStyled } from './SignerStatusItem.styled';
+const iconByStatus = {
+    completed: _jsx(Done24px, {}),
+    'in-progress': _jsx(Time24px, {}),
+    declined: _jsx(CloseIcon, {}),
+    awaiting: _jsx(Time24px, {}),
+    'no-response': _jsx(NewRelease24p, {})
+};
+export const SignerStatusItem = ({ status, children, dataQa, givenClass = '' }) => {
+    return (_jsxs(SignerStatusItemStyled, { className: `signer-status-item signer-status-item--${status} ${givenClass}`, "data-qa": dataQa, children: [_jsx("span", { className: 'signer-status-item__icon', "aria-hidden": true, children: iconByStatus[status] }), children] }));
+};

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

@@ -0,0 +1 @@
+export declare const SignerStatusItemStyled: 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/atoms/SignerStatusItem/SignerStatusItem.styled.js

@@ -0,0 +1,60 @@
+import styled from 'styled-components';
+export const SignerStatusItemStyled = styled.li `
+  display: flex;
+  align-items: center;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  font-family: var(--font-sans);
+  list-style: none;
+  gap: 0.25rem;
+
+  .signer-status-item__icon {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: currentColor;
+  }
+
+  &.signer-status-item--completed {
+    background-color: var(--primary-main-light-4);
+
+    svg > path {
+      fill: var(--primary-main-light-1);
+    }
+  }
+
+  &.signer-status-item--in-progress {
+    background-color: var(--neutral-neutral-6);
+
+    svg > path {
+      fill: var(--neutral-neutral-2);
+    }
+  }
+
+  &.signer-status-item--declined {
+    background-color: var(--error-error-3);
+
+    svg > path {
+      fill: var(--error-main);
+    }
+  }
+
+  &.signer-status-item--awaiting {
+    background-color: var(--secondary-main-light-4);
+
+    svg > path {
+      fill: var(--secondary-main-dark-2);
+    }
+  }
+
+  &.signer-status-item--no-response {
+    background-color: var(--neutral-neutral-4);
+
+    svg > path {
+      fill: var(--neutral-neutral-1);
+    }
+  }
+`;

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

@@ -0,0 +1,61 @@
+import styled from 'styled-components'
+
+export const SignerStatusItemStyled = styled.li`
+  display: flex;
+  align-items: center;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  font-family: var(--font-sans);
+  list-style: none;
+  gap: 0.25rem;
+
+  .signer-status-item__icon {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: currentColor;
+  }
+
+  &.signer-status-item--completed {
+    background-color: var(--primary-main-light-4);
+
+    svg > path {
+      fill: var(--primary-main-light-1);
+    }
+  }
+
+  &.signer-status-item--in-progress {
+    background-color: var(--neutral-neutral-6);
+
+    svg > path {
+      fill: var(--neutral-neutral-2);
+    }
+  }
+
+  &.signer-status-item--declined {
+    background-color: var(--error-error-3);
+
+    svg > path {
+      fill: var(--error-main);
+    }
+  }
+
+  &.signer-status-item--awaiting {
+    background-color: var(--secondary-main-light-4);
+
+    svg > path {
+      fill: var(--secondary-main-dark-2);
+    }
+  }
+
+  &.signer-status-item--no-response {
+    background-color: var(--neutral-neutral-4);
+
+    svg > path {
+      fill: var(--neutral-neutral-1);
+    }
+  }
+`

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

@@ -0,0 +1,31 @@
+import React, { type FC } from 'react'
+
+import { type SignatureStatus, type SignerStatusItemProps } from './SignerStatusItemProps.types'
+import { CloseIcon } from '../../../../images/componentsSvg/CloseIcon'
+import { Done24px } from '../../../../images/componentsSvg/Done24px'
+import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p'
+import { Time24px } from '../../../../images/componentsSvg/Time24px'
+
+import { SignerStatusItemStyled } from './SignerStatusItem.styled'
+
+const iconByStatus: Record<SignatureStatus, React.ReactNode> = {
+  completed: <Done24px />,
+  'in-progress': <Time24px />,
+  declined: <CloseIcon />,
+  awaiting: <Time24px />,
+  'no-response': <NewRelease24p />
+}
+
+export const SignerStatusItem: FC<SignerStatusItemProps> = ({ status, children, dataQa, givenClass = '' }) => {
+  return (
+    <SignerStatusItemStyled
+      className={`signer-status-item signer-status-item--${status} ${givenClass}`}
+      data-qa={dataQa}
+    >
+      <span className='signer-status-item__icon' aria-hidden>
+        {iconByStatus[status]}
+      </span>
+      {children}
+    </SignerStatusItemStyled>
+  )
+}

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.d.ts

@@ -0,0 +1,7 @@
+export type SignatureStatus = 'completed' | 'in-progress' | 'declined' | 'awaiting' | 'no-response';
+export interface SignerStatusItemProps {
+    status: SignatureStatus;
+    children: React.ReactNode;
+    dataQa?: string;
+    givenClass?: string;
+}

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.js

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

package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.ts

@@ -0,0 +1,8 @@
+export type SignatureStatus = 'completed' | 'in-progress' | 'declined' | 'awaiting' | 'no-response'
+
+export interface SignerStatusItemProps {
+  status: SignatureStatus
+  children: React.ReactNode
+  dataQa?: string
+  givenClass?: string
+}

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

@@ -0,0 +1,2 @@
+export { SignerStatusItem } from './SignerStatusItem';
+export type { SignerStatusItemProps, SignatureStatus } from './SignerStatusItemProps.types';

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

@@ -0,0 +1 @@
+export { SignerStatusItem } from './SignerStatusItem';

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

@@ -0,0 +1,2 @@
+export { SignerStatusItem } from './SignerStatusItem'
+export type { SignerStatusItemProps, SignatureStatus } from './SignerStatusItemProps.types'

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

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

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

@@ -1 +1 @@
-export declare const StepRatafiaCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StepRatafiaCardStyled: 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/atoms/Tag/Tag.styled.d.ts

@@ -1 +1 @@
-export declare const TagStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TagStyled: 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/atoms/TagRatafiaItem/TagRatafiaItem.styled.d.ts

@@ -1 +1 @@
-export declare const TagRatafiaItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TagRatafiaItemStyled: 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/atoms/Tagline/Tagline.styled.d.ts

@@ -1 +1 @@
-export declare const TaglineStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TaglineStyled: 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/atoms/TestAB/TestAB.d.ts

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 /**
  *  @param {string} props.id, jira task number
  *  @param {function} props.getVariant, function to obtain the url
@@ -13,8 +12,8 @@ export declare const TestAB: {
         defaultValue: any;
     }): any;
     propTypes: {
-        id: PropTypes.Requireable<string>;
-        getVariant: PropTypes.Requireable<(...args: any[]) => any>;
-        defaultValue: PropTypes.Requireable<string>;
+        id: any;
+        getVariant: any;
+        defaultValue: any;
     };
 };

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

@@ -1 +1 @@
-export declare const TextAreaStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextAreaStyled: 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/atoms/Toggle/Toggle.styled.d.ts

@@ -1 +1 @@
-export declare const ToggleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ToggleStyled: 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/atoms/Tooltip/Tooltip.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Tippy from '@tippyjs/react';
 import classNames from 'classnames';
-// import 'tippy.js/dist/tippy.css'
-// import './Tooltip.scss'
 const Tooltip = ({ children, position = 'top', inverted, trigger = 'hover', ...rest }) => {
     if (children === undefined)
         return null;

package/dist/src/components/atoms/Tooltip/Tooltip.scss

@@ -1,5 +1,5 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
+@use '../../../globalStyles/variables.scss';
+@use '../../../globalStyles/mediaqueries.scss';
 
 .tippy-box {
   background-color: var(--others-white);

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

@@ -3,8 +3,6 @@ import Tippy from '@tippyjs/react'
 import classNames from 'classnames'
 
 import { type TooltipProps } from './TooltipProps.types'
-// import 'tippy.js/dist/tippy.css'
-// import './Tooltip.scss'
 
 const Tooltip: FC<TooltipProps> = ({ children, position = 'top', inverted, trigger = 'hover', ...rest }) => {
   if (children === undefined) return null

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

@@ -1 +1 @@
-export declare const TopBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TopBarStyled: 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/atoms/TrustPilot/TrustPilot.styled.d.ts

@@ -1 +1 @@
-export declare const TrustPilotStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TrustPilotStyled: 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/atoms/Video/Video.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Video = ({ videoSrcURL, videoMimeType = 'video/webm', title = '', controls = true, autoPlay = false, loop = false, muted = false, track, preload = 'auto', poster = '' }) => {
+const Video = ({ videoSrcURL, videoMimeType = '', title = '', controls = true, autoPlay = false, loop = false, muted = false, track, preload = 'auto', poster = '' }) => {
     if (!videoSrcURL)
         return null;
     return (
     // eslint-disable-next-line jsx-a11y/media-has-caption
-    _jsxs("video", { "data-testid": 'video', title: title, controls: controls, autoPlay: autoPlay, loop: loop, muted: muted, preload: preload, poster: poster, children: [_jsx("source", { src: videoSrcURL, type: videoMimeType }), track && _jsx("track", { src: track.src, kind: track.kind, srcLang: track.srclang, label: track.label }), "Your browser does not support the video tag."] }));
+    _jsxs("video", { "data-testid": 'video', title: title, controls: controls, autoPlay: autoPlay, loop: loop, muted: muted, preload: preload, poster: poster, playsInline: true, children: [_jsx("source", { src: videoSrcURL, type: videoMimeType }), track && _jsx("track", { src: track.src, kind: track.kind, srcLang: track.srclang, label: track.label }), "Your browser does not support the video tag."] }));
 };
 export default Video;