@npm_leadtech/legal-lib-components 7.12.24 → 7.12.26

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

@@ -1,50 +0,0 @@
-import styled from 'styled-components'
-
-export const TopBarMobileStyled = styled.div`
-  background-color: var(--neutral-neutral-5);
-  display: flex;
-  padding: 0.5rem 1rem;
-  justify-content: space-between;
-  align-items: center;
-  border-radius: var(--s-border-radius);
-  box-shadow: var(--box-shadow-container);
-  font-size: 14px;
-  line-height: 18px;
-  letter-spacing: -0.3px;
-  position: fixed;
-  top: 0.5rem;
-  left: 0.5rem;
-  right: 0.5rem;
-
-  &.top-bar-mobile {
-    &.fade-In {
-      visibility: visible;
-      opacity: 1;
-      transition:
-        visibility 0s linear 0s,
-        opacity 300ms;
-    }
-
-    &.fade-Out {
-      visibility: hidden;
-      opacity: 0;
-      transition:
-        visibility 0s linear 300ms,
-        opacity 300ms;
-    }
-
-    > b {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      a {
-        display: contents;
-      }
-
-      img {
-        margin-right: 0.5rem;
-      }
-    }
-  }
-`

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

@@ -1,22 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import { TopBarMobileStyled } from './TopBarMobile.styled'
-
-interface TopBarMobileProps {
-  children: React.ReactNode
-  isVisible: boolean
-}
-
-export const TopBarMobile: React.FC<TopBarMobileProps> = ({
-  children,
-  isVisible = false
-}): React.ReactElement | null => {
-  const [isSSR, setIsSSR] = useState(false)
-  useEffect(() => {
-    setIsSSR(true)
-  }, [])
-  return isSSR ? (
-    <TopBarMobileStyled className={`top-bar-mobile ${isVisible ? 'fade-In' : 'fade-Out'}`}>
-      {children}
-    </TopBarMobileStyled>
-  ) : null
-}

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

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

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

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

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

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

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.d.ts

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

@@ -1,22 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const ContactInfoBoxStyled = styled.div `
-  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,23 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const ContactInfoBoxStyled = styled.div`
-  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.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/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,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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, title, text }) => {
-    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', 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.js

@@ -1,43 +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;
-
-  .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: 1.05rem;
-    font-weight: bold;
-    a {
-      color: var(--primary-main-dark-1);
-    }
-  }
-
-  .text {
-    color: var(--neutral-neutral-2);
-  }
-`;

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

@@ -1,44 +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;
-
-  .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: 1.05rem;
-    font-weight: bold;
-    a {
-      color: var(--primary-main-dark-1);
-    }
-  }
-
-  .text {
-    color: var(--neutral-neutral-2);
-  }
-`

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

@@ -1,38 +0,0 @@
-import React from 'react'
-
-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, title, text }) => {
-  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' ? (
-                <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,6 +0,0 @@
-export type ContactInfoType = 'phone' | 'email' | 'location';
-export interface ContactInfoCardProps {
-    type: ContactInfoType;
-    title?: string;
-    text: string;
-}

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

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

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

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

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

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

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

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