@npm_leadtech/legal-lib-components 7.44.6 → 7.45.0

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ContactInformation, PhoneButton } from './ContactInfo.styled';
-import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
-export const ContactInfo = ({ phoneNumber, schedule, languageSelector }) => (_jsxs(ContactInformation, { children: [Boolean(languageSelector) && _jsx("div", { className: 'language-selector-mobile-container', children: languageSelector }), _jsx("b", { className: 'sans-serif --extra-small --bold-weight site-phone', children: phoneNumber }), phoneNumber && (_jsxs(PhoneButton, { children: [_jsx(PhoneIcon, { fill: 'white', width: 20, height: 20 }), _jsx("span", { children: phoneNumber })] })), _jsx("span", { className: 'sans-serif --extra-small site-schedule', children: schedule })] }));

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

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

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

@@ -1,49 +0,0 @@
-import styled from 'styled-components';
-export const ContactInformation = styled.div `
-  display: flex;
-  flex-direction: column;
-  color: var(--neutral-neutral-6);
-  @media (max-width: 575px) {
-    width: 100%;
-    justify-content: center;
-    align-items: center;
-  }
-  .language-selector-mobile-container {
-    background-color: var(--primary-main-dark-1);
-    margin-bottom: 1rem;
-    width: 100%;
-
-    @media (min-width: 1024px) {
-      display: none;
-    }
-  }
-  .site-phone {
-    @media (max-width: 575px) {
-      display: none;
-    }
-  }
-  .site-schedule {
-    @media (max-width: 575px) {
-      font-size: 1rem;
-      margin-top: 1rem;
-    }
-  }
-`;
-export const PhoneButton = styled.a `
-  @media (min-width: 575px) {
-    display: none;
-  }
-  width: 100%;
-  background-color: var(--primary-main);
-  padding: 0.7rem 1rem 0.7rem 1rem;
-  border-radius: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.5rem;
-
-  span {
-    color: var(--neutral-neutral-6);
-    font-weight: 700;
-  }
-`;

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

@@ -1,51 +0,0 @@
-import styled from 'styled-components'
-
-export const ContactInformation = styled.div`
-  display: flex;
-  flex-direction: column;
-  color: var(--neutral-neutral-6);
-  @media (max-width: 575px) {
-    width: 100%;
-    justify-content: center;
-    align-items: center;
-  }
-  .language-selector-mobile-container {
-    background-color: var(--primary-main-dark-1);
-    margin-bottom: 1rem;
-    width: 100%;
-
-    @media (min-width: 1024px) {
-      display: none;
-    }
-  }
-  .site-phone {
-    @media (max-width: 575px) {
-      display: none;
-    }
-  }
-  .site-schedule {
-    @media (max-width: 575px) {
-      font-size: 1rem;
-      margin-top: 1rem;
-    }
-  }
-`
-
-export const PhoneButton = styled.a`
-  @media (min-width: 575px) {
-    display: none;
-  }
-  width: 100%;
-  background-color: var(--primary-main);
-  padding: 0.7rem 1rem 0.7rem 1rem;
-  border-radius: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.5rem;
-
-  span {
-    color: var(--neutral-neutral-6);
-    font-weight: 700;
-  }
-`

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

@@ -1,18 +0,0 @@
-import { ContactInformation, PhoneButton } from './ContactInfo.styled'
-import { ContactInfoProps } from './ContactInfoProps.types'
-import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon'
-import React from 'react'
-
-export const ContactInfo: React.FC<ContactInfoProps> = ({ phoneNumber, schedule, languageSelector }) => (
-  <ContactInformation>
-    {Boolean(languageSelector) && <div className='language-selector-mobile-container'>{languageSelector}</div>}
-    <b className='sans-serif --extra-small --bold-weight site-phone'>{phoneNumber}</b>
-    {phoneNumber && (
-      <PhoneButton>
-        <PhoneIcon fill='white' width={20} height={20} />
-        <span>{phoneNumber}</span>
-      </PhoneButton>
-    )}
-    <span className='sans-serif --extra-small site-schedule'>{schedule}</span>
-  </ContactInformation>
-)

package/dist/src/components/molecules/ContactInfo/ContactInfoProps.types.d.ts

@@ -1,5 +0,0 @@
-export interface ContactInfoProps {
-    phoneNumber: string;
-    schedule: string;
-    languageSelector?: React.ReactNode;
-}

package/dist/src/components/molecules/ContactInfo/ContactInfoProps.types.js

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

package/dist/src/components/molecules/ContactInfo/ContactInfoProps.types.ts

@@ -1,5 +0,0 @@
-export interface ContactInfoProps {
-  phoneNumber: string
-  schedule: string
-  languageSelector?: React.ReactNode
-}

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

@@ -1,2 +0,0 @@
-export { ContactInfo } from './ContactInfo';
-export { type ContactInfoProps } from './ContactInfoProps.types';

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

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

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

@@ -1,2 +0,0 @@
-export { ContactInfo } from './ContactInfo'
-export { type ContactInfoProps } from './ContactInfoProps.types'

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

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

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ContactInfoBoxStyled } from './ContactInfoBox.styled';
-import { ContactInfoCard } from '../ContactInfoCard';
-export const ContactInfoBox = ({ items }) => {
-    return (_jsx(ContactInfoBoxStyled, { className: 'contact-info-box-container', children: items.map((item, index) => (_jsx(ContactInfoCard, { ...item }, index))) }));
-};

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

@@ -1,23 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const ContactInfoBoxStyled = styled.div `
-  display: none;
-  background-color: var(--others-white);
-  width: 100%;
-  border-radius: var(--s-border-radius);
-  margin-bottom: 2rem;
-  padding: 0.5rem 1.5rem;
-  text-decoration: none;
-  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
-
-  @media not all and (min-resolution: 0.001dpcm) {
-    @supports (-webkit-appearance: none) {
-      letter-spacing: -1px;
-    }
-  }
-
-  @media ${device['landscape-tablets']} {
-    display: flex;
-    flex-direction: column;
-  }
-`;

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

@@ -1,24 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const ContactInfoBoxStyled = styled.div`
-  display: none;
-  background-color: var(--others-white);
-  width: 100%;
-  border-radius: var(--s-border-radius);
-  margin-bottom: 2rem;
-  padding: 0.5rem 1.5rem;
-  text-decoration: none;
-  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
-
-  @media not all and (min-resolution: 0.001dpcm) {
-    @supports (-webkit-appearance: none) {
-      letter-spacing: -1px;
-    }
-  }
-
-  @media ${device['landscape-tablets']} {
-    display: flex;
-    flex-direction: column;
-  }
-`

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

@@ -1,15 +0,0 @@
-import React from 'react'
-
-import { type ContactInfoBoxProps } from './ContactInfoBoxProps.types'
-import { ContactInfoBoxStyled } from './ContactInfoBox.styled'
-import { ContactInfoCard } from '../ContactInfoCard'
-
-export const ContactInfoBox: React.FC<ContactInfoBoxProps> = ({ items }) => {
-  return (
-    <ContactInfoBoxStyled className='contact-info-box-container'>
-      {items.map((item, index) => (
-        <ContactInfoCard key={index} {...item} />
-      ))}
-    </ContactInfoBoxStyled>
-  )
-}

package/dist/src/components/molecules/ContactInfoBox/ContactInfoBoxProps.types.d.ts

@@ -1,4 +0,0 @@
-import { type ContactInfoCardProps } from '../ContactInfoCard';
-export interface ContactInfoBoxProps {
-    items: ContactInfoCardProps[];
-}

package/dist/src/components/molecules/ContactInfoBox/ContactInfoBoxProps.types.js

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

package/dist/src/components/molecules/ContactInfoBox/ContactInfoBoxProps.types.ts

@@ -1,4 +0,0 @@
-import { type ContactInfoCardProps } from '../ContactInfoCard'
-export interface ContactInfoBoxProps {
-  items: ContactInfoCardProps[]
-}

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

@@ -1,2 +0,0 @@
-export { ContactInfoBox } from './ContactInfoBox';
-export { type ContactInfoBoxProps } from './ContactInfoBoxProps.types';

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

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

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

@@ -1,2 +0,0 @@
-export { ContactInfoBox } from './ContactInfoBox'
-export { type ContactInfoBoxProps } from './ContactInfoBoxProps.types'

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

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

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ContactInfoBoxMobileStyled } from './ContactInfoBoxMobile.styled';
-import { ContactInfoCard } from '../ContactInfoCard';
-export const ContactInfoBoxMobile = ({ items }) => {
-    return (_jsx(ContactInfoBoxMobileStyled, { className: 'contact-info-box-container', children: items.map((item, index) => (_jsx(ContactInfoCard, { ...item }, index))) }));
-};

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

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

@@ -1,23 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const ContactInfoBoxMobileStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  background-color: var(--others-white);
-  width: 100%;
-  border-radius: var(--s-border-radius);
-  margin-bottom: 2rem;
-  padding: 0.5rem 1.5rem;
-  text-decoration: none;
-  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
-
-  @media not all and (min-resolution: 0.001dpcm) {
-    @supports (-webkit-appearance: none) {
-      letter-spacing: -1px;
-    }
-  }
-
-  @media ${device['landscape-tablets']} {
-    display: none;
-  }
-`;

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

@@ -1,24 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const ContactInfoBoxMobileStyled = styled.div`
-  display: flex;
-  flex-direction: column;
-  background-color: var(--others-white);
-  width: 100%;
-  border-radius: var(--s-border-radius);
-  margin-bottom: 2rem;
-  padding: 0.5rem 1.5rem;
-  text-decoration: none;
-  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
-
-  @media not all and (min-resolution: 0.001dpcm) {
-    @supports (-webkit-appearance: none) {
-      letter-spacing: -1px;
-    }
-  }
-
-  @media ${device['landscape-tablets']} {
-    display: none;
-  }
-`

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

@@ -1,15 +0,0 @@
-import React from 'react'
-
-import { type ContactInfoBoxMobileProps } from './ContactInfoBoxMobileProps.types'
-import { ContactInfoBoxMobileStyled } from './ContactInfoBoxMobile.styled'
-import { ContactInfoCard } from '../ContactInfoCard'
-
-export const ContactInfoBoxMobile: React.FC<ContactInfoBoxMobileProps> = ({ items }) => {
-  return (
-    <ContactInfoBoxMobileStyled className='contact-info-box-container'>
-      {items.map((item, index) => (
-        <ContactInfoCard key={index} {...item} />
-      ))}
-    </ContactInfoBoxMobileStyled>
-  )
-}

package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.d.ts

@@ -1,4 +0,0 @@
-import { type ContactInfoCardProps } from '../ContactInfoCard';
-export interface ContactInfoBoxMobileProps {
-    items: ContactInfoCardProps[];
-}

package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.js

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

package/dist/src/components/molecules/ContactInfoBoxMobile/ContactInfoBoxMobileProps.types.ts

@@ -1,4 +0,0 @@
-import { type ContactInfoCardProps } from '../ContactInfoCard'
-export interface ContactInfoBoxMobileProps {
-  items: ContactInfoCardProps[]
-}

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

@@ -1,2 +0,0 @@
-export { ContactInfoBoxMobile } from './ContactInfoBoxMobile';
-export { type ContactInfoBoxMobileProps } from './ContactInfoBoxMobileProps.types';

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

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

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

@@ -1,2 +0,0 @@
-export { ContactInfoBoxMobile } from './ContactInfoBoxMobile'
-export { type ContactInfoBoxMobileProps } from './ContactInfoBoxMobileProps.types'

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

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

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

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../atoms';
-import { ContactInfoCardStyled } from './ContactInfoCard.styled';
-import { InfoLocationSvg } from '../../../../images/componentsSvg/InfoLocationSvg';
-import { InfoMailSvg } from '../../../../images/componentsSvg/InfoMailSvg';
-import { InfoPhoneSvg } from '../../../../images/componentsSvg/InfoPhoneSvg';
-const iconMap = {
-    email: _jsx(InfoMailSvg, {}),
-    phone: _jsx(InfoPhoneSvg, {}),
-    location: _jsx(InfoLocationSvg, {})
-};
-export const ContactInfoCard = ({ type, isMobile = false, title, text }) => {
-    if (type === 'phone' && isMobile) {
-        return (_jsxs(ContactInfoCardStyled, { className: 'contact-info-card phone-mobile', children: [_jsx(Button, { centered: true, isExternal: true, link: `tel:${title}`, gtmTag: 'clicked_phone_contactus', givenClass: 'phone-mobile-contact-button e-button e-button--link e-button--primary-1 e-button--center', label: title ?? '', dataQa: 'phone_contact_box' }, title), _jsx("p", { className: 'text', children: text })] }));
-    }
-    else {
-        return (_jsx(ContactInfoCardStyled, { className: 'contact-info-card', children: _jsxs("div", { className: 'info-card-wrapper', children: [_jsx("div", { className: 'info-icon', children: iconMap[type] }), _jsxs("div", { className: 'content', children: [title && (_jsx("p", { className: `title${type === 'email' ? ' email' : ''}`, children: type === 'email' ? (_jsx("a", { href: `mailto:${title}`, children: title })) : type === 'phone' ? (_jsx("a", { href: `tel:${title}`, children: title })) : (title) })), _jsx("p", { className: 'text', children: text })] })] }) }));
-    }
-};

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

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

@@ -1,77 +0,0 @@
-import styled from 'styled-components';
-export const ContactInfoCardStyled = styled.div `
-  width: 100%;
-  background-color: var(--neutral-neutral-6);
-  border-radius: var(--s-border-radius);
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  display: flex;
-  align-items: center;
-  padding: 1rem 1.5rem;
-
-  &.phone-mobile {
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    .phone-mobile-contact {
-      &-button {
-        display: flex;
-        justify-content: center;
-        margin-bottom: 0.5rem;
-        width: 100%;
-
-        &:before {
-          content: '';
-          width: 20px;
-          height: 20px;
-          background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iZXA3dHIycDdyYSIgZD0iTTIwLjAxIDE1LjM4Yy0xLjIzIDAtMi40Mi0uMi0zLjUzLS41Ni0uMzUtLjEyLS43NC0uMDMtMS4wMS4yNGwtMS41NyAxLjk3Yy0yLjgzLTEuMzUtNS40OC0zLjktNi44OS02LjgzbDEuOTUtMS42NmMuMjctLjI4LjM1LS42Ny4yNC0xLjAyLS4zNy0xLjExLS41Ni0yLjMtLjU2LTMuNTMgMC0uNTQtLjQ1LS45OS0uOTktLjk5SDQuMTlDMy42NSAzIDMgMy4yNCAzIDMuOTkgMyAxMy4yOCAxMC43MyAyMSAyMC4wMSAyMWMuNzEgMCAuOTktLjYzLjk5LTEuMTh2LTMuNDVjMC0uNTQtLjQ1LS45OS0uOTktLjk5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc2LjAwMDAwMCwgLTMxNC4wMDAwMDApIHRyYW5zbGF0ZSgzMjguMDAwMDAwLCAyMDUuMDAwMDAwKSB0cmFuc2xhdGUoMzIuMDAwMDAwLCA5MC4wMDAwMDApIHRyYW5zbGF0ZSgxNi4wMDAwMDAsIDE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSI3dHZidm9pbXpiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2VwN3RyMnA3cmEiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBjbGFzcz0iaWNvbi13ZWItMjQtcCIgZmlsbD0iI2ZmZiIgbWFzaz0idXJsKCM3dHZidm9pbXpiKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
-          margin-right: 0.5rem;
-        }
-      }
-
-      &-text {
-        color: var(--neutral-neutral-2);
-        text-align: center;
-        margin: 0 0 2rem;
-      }
-    }
-  }
-
-  .info-card-wrapper {
-    display: flex;
-  }
-
-  @media not all and (min-resolution: 0.001dpcm) {
-    @supports (-webkit-appearance: none) {
-      letter-spacing: -1px;
-    }
-  }
-
-  .info-icon {
-    margin-top: 0.1rem;
-    margin-right: 0.5rem;
-
-    path {
-      fill: var(--primary-main-dark-1);
-    }
-  }
-
-  .title {
-    color: var(--primary-main-dark-1);
-    font-size: 1rem;
-    font-weight: bold;
-
-    &.email {
-      text-decoration: underline;
-    }
-
-    a {
-      color: var(--primary-main-dark-1);
-    }
-  }
-
-  .text {
-    font-size: 0.875rem;
-    color: var(--neutral-neutral-2);
-  }
-`;

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

@@ -1,78 +0,0 @@
-import styled from 'styled-components'
-
-export const ContactInfoCardStyled = styled.div`
-  width: 100%;
-  background-color: var(--neutral-neutral-6);
-  border-radius: var(--s-border-radius);
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  display: flex;
-  align-items: center;
-  padding: 1rem 1.5rem;
-
-  &.phone-mobile {
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    .phone-mobile-contact {
-      &-button {
-        display: flex;
-        justify-content: center;
-        margin-bottom: 0.5rem;
-        width: 100%;
-
-        &:before {
-          content: '';
-          width: 20px;
-          height: 20px;
-          background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iZXA3dHIycDdyYSIgZD0iTTIwLjAxIDE1LjM4Yy0xLjIzIDAtMi40Mi0uMi0zLjUzLS41Ni0uMzUtLjEyLS43NC0uMDMtMS4wMS4yNGwtMS41NyAxLjk3Yy0yLjgzLTEuMzUtNS40OC0zLjktNi44OS02LjgzbDEuOTUtMS42NmMuMjctLjI4LjM1LS42Ny4yNC0xLjAyLS4zNy0xLjExLS41Ni0yLjMtLjU2LTMuNTMgMC0uNTQtLjQ1LS45OS0uOTktLjk5SDQuMTlDMy42NSAzIDMgMy4yNCAzIDMuOTkgMyAxMy4yOCAxMC43MyAyMSAyMC4wMSAyMWMuNzEgMCAuOTktLjYzLjk5LTEuMTh2LTMuNDVjMC0uNTQtLjQ1LS45OS0uOTktLjk5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc2LjAwMDAwMCwgLTMxNC4wMDAwMDApIHRyYW5zbGF0ZSgzMjguMDAwMDAwLCAyMDUuMDAwMDAwKSB0cmFuc2xhdGUoMzIuMDAwMDAwLCA5MC4wMDAwMDApIHRyYW5zbGF0ZSgxNi4wMDAwMDAsIDE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSI3dHZidm9pbXpiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2VwN3RyMnA3cmEiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBjbGFzcz0iaWNvbi13ZWItMjQtcCIgZmlsbD0iI2ZmZiIgbWFzaz0idXJsKCM3dHZidm9pbXpiKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
-          margin-right: 0.5rem;
-        }
-      }
-
-      &-text {
-        color: var(--neutral-neutral-2);
-        text-align: center;
-        margin: 0 0 2rem;
-      }
-    }
-  }
-
-  .info-card-wrapper {
-    display: flex;
-  }
-
-  @media not all and (min-resolution: 0.001dpcm) {
-    @supports (-webkit-appearance: none) {
-      letter-spacing: -1px;
-    }
-  }
-
-  .info-icon {
-    margin-top: 0.1rem;
-    margin-right: 0.5rem;
-
-    path {
-      fill: var(--primary-main-dark-1);
-    }
-  }
-
-  .title {
-    color: var(--primary-main-dark-1);
-    font-size: 1rem;
-    font-weight: bold;
-
-    &.email {
-      text-decoration: underline;
-    }
-
-    a {
-      color: var(--primary-main-dark-1);
-    }
-  }
-
-  .text {
-    font-size: 0.875rem;
-    color: var(--neutral-neutral-2);
-  }
-`

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

@@ -1,58 +0,0 @@
-import React from 'react'
-
-import { Button } from '../../atoms'
-
-import { ContactInfoCardProps } from './ContactInfoCardProps'
-import { ContactInfoCardStyled } from './ContactInfoCard.styled'
-
-import { InfoLocationSvg } from '../../../../images/componentsSvg/InfoLocationSvg'
-import { InfoMailSvg } from '../../../../images/componentsSvg/InfoMailSvg'
-import { InfoPhoneSvg } from '../../../../images/componentsSvg/InfoPhoneSvg'
-
-const iconMap = {
-  email: <InfoMailSvg />,
-  phone: <InfoPhoneSvg />,
-  location: <InfoLocationSvg />
-}
-
-export const ContactInfoCard: React.FC<ContactInfoCardProps> = ({ type, isMobile = false, title, text }) => {
-  if (type === 'phone' && isMobile) {
-    return (
-      <ContactInfoCardStyled className='contact-info-card phone-mobile'>
-        <Button
-          key={title}
-          centered
-          isExternal
-          link={`tel:${title}`}
-          gtmTag={'clicked_phone_contactus'}
-          givenClass='phone-mobile-contact-button e-button e-button--link e-button--primary-1 e-button--center'
-          label={title ?? ''}
-          dataQa={'phone_contact_box'}
-        />
-        <p className='text'>{text}</p>
-      </ContactInfoCardStyled>
-    )
-  } else {
-    return (
-      <ContactInfoCardStyled className='contact-info-card'>
-        <div className='info-card-wrapper'>
-          <div className='info-icon'>{iconMap[type]}</div>
-          <div className='content'>
-            {title && (
-              <p className={`title${type === 'email' ? ' email' : ''}`}>
-                {type === 'email' ? (
-                  <a href={`mailto:${title}`}>{title}</a>
-                ) : type === 'phone' ? (
-                  <a href={`tel:${title}`}>{title}</a>
-                ) : (
-                  title
-                )}
-              </p>
-            )}
-            <p className='text'>{text}</p>
-          </div>
-        </div>
-      </ContactInfoCardStyled>
-    )
-  }
-}

package/dist/src/components/molecules/ContactInfoCard/ContactInfoCardProps.d.ts

@@ -1,7 +0,0 @@
-export type ContactInfoType = 'phone' | 'email' | 'location';
-export interface ContactInfoCardProps {
-    type: ContactInfoType;
-    isMobile?: boolean;
-    title?: string;
-    text: string;
-}

package/dist/src/components/molecules/ContactInfoCard/ContactInfoCardProps.js

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

package/dist/src/components/molecules/ContactInfoCard/ContactInfoCardProps.ts

@@ -1,8 +0,0 @@
-export type ContactInfoType = 'phone' | 'email' | 'location'
-
-export interface ContactInfoCardProps {
-  type: ContactInfoType
-  isMobile?: boolean
-  title?: string
-  text: string
-}

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

@@ -1,2 +0,0 @@
-export * from './ContactInfoCard';
-export * from './ContactInfoCardProps';