@npm_leadtech/legal-lib-components 7.101.0 → 7.102.1

package/dist/images/componentsSvg/SslShieldSvg.tsx

@@ -1,18 +0,0 @@
-/* eslint-disable max-len */
-import React, { type FC } from 'react'
-
-interface SslShieldSvgProps {
-  className?: string
-  fill?: string
-}
-
-export const SslShieldSvg: FC<SslShieldSvgProps> = ({ className = '', fill = 'white' }) => (
-  <svg className={className} width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>
-    <path
-      fill={fill}
-      fillRule='evenodd'
-      clipRule='evenodd'
-      d='M9.59386 1.01392C9.85243 0.899005 10.1476 0.899005 10.4061 1.01392L16.9061 3.90281C17.2673 4.06331 17.5 4.42143 17.5 4.81662V9.16675C17.5 13.7065 14.4168 17.9573 10.2366 19.1054C10.0818 19.1479 9.91815 19.1479 9.76345 19.1054C5.58317 17.9573 2.5 13.7065 2.5 9.16675V4.81662C2.5 4.42143 2.73273 4.06331 3.09386 3.90281L9.59386 1.01392ZM15.8333 9.99175H10V2.65842L4.16667 5.25008V10.0001H10V17.4417C13.1 16.4834 15.3917 13.4251 15.8333 9.99175Z'
-    />
-  </svg>
-)

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

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

@@ -1,16 +0,0 @@
-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, givenClass = '' }) => {
-    return (_jsxs(SignerStatusItemStyled, { className: `signer-status-item signer-status-item--${status} ${givenClass}`, 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

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

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

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

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

@@ -1,28 +0,0 @@
-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, givenClass = '' }) => {
-  return (
-    <SignerStatusItemStyled className={`signer-status-item signer-status-item--${status} ${givenClass}`}>
-      <span className='signer-status-item__icon' aria-hidden>
-        {iconByStatus[status]}
-      </span>
-      {children}
-    </SignerStatusItemStyled>
-  )
-}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ComplianceBoxStyled } from './ComplianceBox.styled';
-import { GdprLockSvg } from '../../../../images/componentsSvg/GdprLockSvg';
-import { SslShieldSvg } from '../../../../images/componentsSvg/SslShieldSvg';
-const ComplianceBox = ({ title, description, sslBadgeLabel, gdprBadgeLabel, features, legalText, sslIcon, gdprIcon, className = '' }) => {
-    return (_jsxs(ComplianceBoxStyled, { className: `compliance-box ${className}`.trim(), "aria-labelledby": 'compliance-box-title', children: [_jsx("h2", { id: 'compliance-box-title', className: 'compliance-box__title', children: title }), _jsx("p", { className: 'compliance-box__description', children: description }), _jsxs("div", { className: 'compliance-box__badges', children: [_jsxs("div", { className: 'compliance-box__badge', children: [_jsx("span", { className: 'compliance-box__badge-icon', children: sslIcon ?? _jsx(SslShieldSvg, {}) }), _jsx("span", { className: 'compliance-box__badge-label', children: sslBadgeLabel })] }), _jsxs("div", { className: 'compliance-box__badge', children: [_jsx("span", { className: 'compliance-box__badge-icon', children: gdprIcon ?? _jsx(GdprLockSvg, {}) }), _jsx("span", { className: 'compliance-box__badge-label', children: gdprBadgeLabel })] })] }), _jsx("p", { className: 'compliance-box__features', children: features }), _jsx("hr", { className: 'compliance-box__divider' }), _jsx("div", { className: 'compliance-box__legal', children: legalText })] }));
-};
-export default ComplianceBox;

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

@@ -1 +0,0 @@
-export declare const ComplianceBoxStyled: 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/molecules/ComplianceBox/ComplianceBox.styled.js

@@ -1,113 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const ComplianceBoxStyled = styled.section `
-  width: 100%;
-  padding: 1rem;
-  border-radius: 0.5rem;
-  background-color: var(--neutral-neutral-6);
-  font-family: var(--font-sans);
-  color: var(--neutral-neutral-1);
-
-  .compliance-box {
-    &__title {
-      margin: 0 0 0.5rem;
-      font-size: 1rem;
-      font-weight: 700;
-      line-height: 1.375rem;
-      letter-spacing: -0.3px;
-      color: var(--neutral-neutral-1);
-    }
-
-    &__description {
-      margin: 0 0 1rem;
-      font-size: 0.875rem;
-      font-weight: 400;
-      line-height: 1.125rem;
-      color: var(--neutral-neutral-1);
-    }
-
-    &__badges {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 0.5rem;
-      margin-bottom: 1rem;
-      flex-direction: column;
-
-      @media ${device['landscape-tablets']} {
-        flex-direction: row;
-      }
-    }
-
-    &__badge {
-      display: inline-flex;
-      align-items: stretch;
-      overflow: hidden;
-      border-radius: 0.25rem;
-    }
-
-    &__badge-icon {
-      display: flex;
-      flex-shrink: 0;
-      align-items: center;
-      justify-content: center;
-      background-color: #024da1;
-      color: var(--primary-main-dark-1);
-      border-radius: 8px 0px 0px 8px;
-      padding: 4px;
-
-      svg {
-        display: block;
-        width: 1.25rem;
-        height: 1.25rem;
-      }
-    }
-
-    &__badge-label {
-      display: flex;
-      align-items: center;
-      background-color: #17264d;
-      font-size: 0.875rem;
-      font-weight: 600;
-      line-height: 1rem;
-      letter-spacing: -0.2px;
-      color: var(--others-white);
-      white-space: nowrap;
-      border-radius: 0px 8px 8px 0px;
-      padding: 6px 8px;
-    }
-
-    &__features {
-      margin: 0 0 1rem;
-      font-size: 0.875rem;
-      font-weight: 400;
-      line-height: 1rem;
-      color: var(--neutral-neutral-2);
-    }
-
-    &__divider {
-      margin: 0 0 1rem;
-      border: 0;
-      border-top: 1px solid var(--neutral-neutral-4);
-    }
-
-    &__legal {
-      margin: 0;
-      font-size: 0.875rem;
-      font-weight: 400;
-      line-height: 1rem;
-      color: var(--neutral-neutral-2);
-
-      a {
-        color: inherit;
-        text-decoration: underline;
-      }
-
-      img {
-        display: inline-block;
-        vertical-align: middle;
-        max-height: 1rem;
-        margin: 0 0.125rem;
-      }
-    }
-  }
-`;

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

@@ -1,114 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const ComplianceBoxStyled = styled.section`
-  width: 100%;
-  padding: 1rem;
-  border-radius: 0.5rem;
-  background-color: var(--neutral-neutral-6);
-  font-family: var(--font-sans);
-  color: var(--neutral-neutral-1);
-
-  .compliance-box {
-    &__title {
-      margin: 0 0 0.5rem;
-      font-size: 1rem;
-      font-weight: 700;
-      line-height: 1.375rem;
-      letter-spacing: -0.3px;
-      color: var(--neutral-neutral-1);
-    }
-
-    &__description {
-      margin: 0 0 1rem;
-      font-size: 0.875rem;
-      font-weight: 400;
-      line-height: 1.125rem;
-      color: var(--neutral-neutral-1);
-    }
-
-    &__badges {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 0.5rem;
-      margin-bottom: 1rem;
-      flex-direction: column;
-
-      @media ${device['landscape-tablets']} {
-        flex-direction: row;
-      }
-    }
-
-    &__badge {
-      display: inline-flex;
-      align-items: stretch;
-      overflow: hidden;
-      border-radius: 0.25rem;
-    }
-
-    &__badge-icon {
-      display: flex;
-      flex-shrink: 0;
-      align-items: center;
-      justify-content: center;
-      background-color: #024da1;
-      color: var(--primary-main-dark-1);
-      border-radius: 8px 0px 0px 8px;
-      padding: 4px;
-
-      svg {
-        display: block;
-        width: 1.25rem;
-        height: 1.25rem;
-      }
-    }
-
-    &__badge-label {
-      display: flex;
-      align-items: center;
-      background-color: #17264d;
-      font-size: 0.875rem;
-      font-weight: 600;
-      line-height: 1rem;
-      letter-spacing: -0.2px;
-      color: var(--others-white);
-      white-space: nowrap;
-      border-radius: 0px 8px 8px 0px;
-      padding: 6px 8px;
-    }
-
-    &__features {
-      margin: 0 0 1rem;
-      font-size: 0.875rem;
-      font-weight: 400;
-      line-height: 1rem;
-      color: var(--neutral-neutral-2);
-    }
-
-    &__divider {
-      margin: 0 0 1rem;
-      border: 0;
-      border-top: 1px solid var(--neutral-neutral-4);
-    }
-
-    &__legal {
-      margin: 0;
-      font-size: 0.875rem;
-      font-weight: 400;
-      line-height: 1rem;
-      color: var(--neutral-neutral-2);
-
-      a {
-        color: inherit;
-        text-decoration: underline;
-      }
-
-      img {
-        display: inline-block;
-        vertical-align: middle;
-        max-height: 1rem;
-        margin: 0 0.125rem;
-      }
-    }
-  }
-`

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

@@ -1,44 +0,0 @@
-import React, { type FC } from 'react'
-
-import { type ComplianceBoxProps } from './ComplianceBoxProps.types'
-import { ComplianceBoxStyled } from './ComplianceBox.styled'
-import { GdprLockSvg } from '../../../../images/componentsSvg/GdprLockSvg'
-import { SslShieldSvg } from '../../../../images/componentsSvg/SslShieldSvg'
-
-const ComplianceBox: FC<ComplianceBoxProps> = ({
-  title,
-  description,
-  sslBadgeLabel,
-  gdprBadgeLabel,
-  features,
-  legalText,
-  sslIcon,
-  gdprIcon,
-  className = ''
-}) => {
-  return (
-    <ComplianceBoxStyled className={`compliance-box ${className}`.trim()} aria-labelledby='compliance-box-title'>
-      <h2 id='compliance-box-title' className='compliance-box__title'>
-        {title}
-      </h2>
-      <p className='compliance-box__description'>{description}</p>
-
-      <div className='compliance-box__badges'>
-        <div className='compliance-box__badge'>
-          <span className='compliance-box__badge-icon'>{sslIcon ?? <SslShieldSvg />}</span>
-          <span className='compliance-box__badge-label'>{sslBadgeLabel}</span>
-        </div>
-        <div className='compliance-box__badge'>
-          <span className='compliance-box__badge-icon'>{gdprIcon ?? <GdprLockSvg />}</span>
-          <span className='compliance-box__badge-label'>{gdprBadgeLabel}</span>
-        </div>
-      </div>
-
-      <p className='compliance-box__features'>{features}</p>
-      <hr className='compliance-box__divider' />
-      <div className='compliance-box__legal'>{legalText}</div>
-    </ComplianceBoxStyled>
-  )
-}
-
-export default ComplianceBox

package/dist/src/components/molecules/ComplianceBox/ComplianceBoxProps.types.d.ts

@@ -1,11 +0,0 @@
-export interface ComplianceBoxProps {
-    title: string;
-    description: string;
-    sslBadgeLabel: string;
-    gdprBadgeLabel: string;
-    features: string;
-    legalText: React.ReactNode;
-    sslIcon?: React.ReactNode;
-    gdprIcon?: React.ReactNode;
-    className?: string;
-}

package/dist/src/components/molecules/ComplianceBox/ComplianceBoxProps.types.js

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

package/dist/src/components/molecules/ComplianceBox/ComplianceBoxProps.types.ts

@@ -1,11 +0,0 @@
-export interface ComplianceBoxProps {
-  title: string
-  description: string
-  sslBadgeLabel: string
-  gdprBadgeLabel: string
-  features: string
-  legalText: React.ReactNode
-  sslIcon?: React.ReactNode
-  gdprIcon?: React.ReactNode
-  className?: string
-}

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

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

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

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

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

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

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

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

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { Button } from '../../atoms/Button';
-import { SignerStatusItem } from '../../atoms/SignerStatusItem';
-import { SignersStatusTooltipContentStyled } from './SignersStatusTooltipContent.styled';
-export const SignersStatusTooltipContent = ({ title = 'Signers Status', signers, linkLabel = '', linkOnClick, linkDataQa = 'manage_requests_button', givenClass = '' }) => {
-    const hasLink = Boolean(linkLabel?.length && linkOnClick !== undefined);
-    return (_jsxs(SignersStatusTooltipContentStyled, { className: classNames('signers-status-tooltip-content', givenClass), children: [_jsx("h3", { children: title }), _jsx("ul", { className: 'signers-status-tooltip-content__signers', children: signers.map((signer, index) => (_jsx(SignerStatusItem, { status: signer.status, children: signer.children }, `${signer.status}-${index}`))) }), hasLink && (_jsx("div", { className: 'signers-status-tooltip-content__button', children: _jsx(Button, { noLink: true, color: 'tertiary', givenClass: 'underline-button', label: linkLabel, dataQa: linkDataQa, onClick: linkOnClick }) }))] }));
-};

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

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

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

@@ -1,22 +0,0 @@
-import styled from 'styled-components';
-export const SignersStatusTooltipContentStyled = styled.div `
-  padding: 0.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  width: max-content;
-  font-family: var(--font-sans);
-
-  .signers-status-tooltip-content__signers {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    padding-bottom: 0.5rem;
-    margin: 0;
-    list-style: none;
-  }
-
-  .signers-status-tooltip-content__button {
-    margin-top: 0;
-  }
-`;

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

@@ -1,23 +0,0 @@
-import styled from 'styled-components'
-
-export const SignersStatusTooltipContentStyled = styled.div`
-  padding: 0.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  width: max-content;
-  font-family: var(--font-sans);
-
-  .signers-status-tooltip-content__signers {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    padding-bottom: 0.5rem;
-    margin: 0;
-    list-style: none;
-  }
-
-  .signers-status-tooltip-content__button {
-    margin-top: 0;
-  }
-`

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

@@ -1,42 +0,0 @@
-import React, { type FC } from 'react'
-import classNames from 'classnames'
-
-import { Button } from '../../atoms/Button'
-import { SignerStatusItem } from '../../atoms/SignerStatusItem'
-import type { SignersStatusTooltipContentProps } from './SignersStatusTooltipContentProps.types'
-import { SignersStatusTooltipContentStyled } from './SignersStatusTooltipContent.styled'
-
-export const SignersStatusTooltipContent: FC<SignersStatusTooltipContentProps> = ({
-  title = 'Signers Status',
-  signers,
-  linkLabel = '',
-  linkOnClick,
-  linkDataQa = 'manage_requests_button',
-  givenClass = ''
-}) => {
-  const hasLink = Boolean(linkLabel?.length && linkOnClick !== undefined)
-  return (
-    <SignersStatusTooltipContentStyled className={classNames('signers-status-tooltip-content', givenClass)}>
-      <h3>{title}</h3>
-      <ul className='signers-status-tooltip-content__signers'>
-        {signers.map((signer, index) => (
-          <SignerStatusItem key={`${signer.status}-${index}`} status={signer.status}>
-            {signer.children}
-          </SignerStatusItem>
-        ))}
-      </ul>
-      {hasLink && (
-        <div className='signers-status-tooltip-content__button'>
-          <Button
-            noLink
-            color='tertiary'
-            givenClass='underline-button'
-            label={linkLabel}
-            dataQa={linkDataQa}
-            onClick={linkOnClick}
-          />
-        </div>
-      )}
-    </SignersStatusTooltipContentStyled>
-  )
-}