@npm_leadtech/legal-lib-components 5.7.7 → 5.7.8

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

@@ -1,104 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const StepGetFormStyled = styled.div `
-  border-radius: var(--global-border-radius);
-  display: flex;
-  max-width: 100%;
-  padding: 2rem;
-  flex-flow: row nowrap;
-  min-width: 100%;
-  width: 100%;
-  align-items: flex-start;
-  text-align: center;
-  background: var(--others-white);
-  box-shadow: var(--box-shadow-medium);
-  border: var(--global-border-radius);
-  margin-right: 0.5rem;
-  margin-bottom: 1rem;
-
-  &:last-child {
-    margin-right: 0;
-  }
-
-  @media ${device['portrait-tablets']} {
-    padding: 1.5rem;
-  }
-  @media ${device['landscape-tablets']} {
-    max-width: calc(100% / 3 - 0.5rem);
-    min-width: calc(100% / 3 - 0.5rem);
-    padding: 1.5rem;
-    height: 342px;
-    flex-flow: column nowrap;
-  }
-  @media ${device.laptop} {
-    margin-right: 0;
-    max-width: calc(100% / 3 - 1rem);
-    min-width: calc(100% / 3 - 1rem);
-  }
-
-  .step__information {
-    text-align: left;
-    max-width: 50%;
-    align-self: center;
-
-    @media ${device['landscape-tablets']} {
-      max-width: 100%;
-      text-align: center;
-      margin-top: 0;
-    }
-
-    &_title {
-      font-weight: bold;
-    }
-  }
-
-  .step__image {
-    display: flex;
-    justify-content: center;
-    max-width: 7.5rem;
-    text-align: center;
-    width: 50%;
-    align-self: center;
-    padding-bottom: 0;
-    margin: 0 auto;
-    @media ${device['portrait-tablets']} {
-      padding-bottom: 2.5rem;
-    }
-    @media ${device.laptop} {
-      margin-top: 2rem;
-    }
-
-    @media ${device['landscape-tablets']} {
-      width: 100%;
-    }
-  }
-
-  .gatsby-image-wrapper {
-    width: 88px;
-    @media ${device['portrait-tablets']} {
-      height: 88px;
-    }
-
-    img {
-      height: 100%;
-    }
-  }
-
-  p {
-    margin-bottom: 0.5rem;
-    font-weight: bold;
-    @media ${device['portrait-tablets']} {
-      margin-bottom: 1.5rem;
-    }
-  }
-
-  small {
-    color: var(--neutral-neutral-2);
-  }
-
-  &:not(:first-child) {
-    .gatsby-image-wrapper {
-      width: 100%;
-    }
-  }
-`;

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

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

@@ -1,19 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const StepRatafiaCardListStyled = styled.div `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  align-self: stretch;
-  flex-direction: column;
-  gap: 1.5rem;
-
-  @media ${device.desktop} {
-    flex-direction: row;
-  }
-
-  @media ${device['desktop-xl']} {
-    flex-direction: column;
-    gap: 1rem;
-  }
-`;

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

@@ -1,20 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const StepRatafiaCardListStyled = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  align-self: stretch;
-  flex-direction: column;
-  gap: 1.5rem;
-
-  @media ${device.desktop} {
-    flex-direction: row;
-  }
-
-  @media ${device['desktop-xl']} {
-    flex-direction: column;
-    gap: 1rem;
-  }
-`

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

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

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-export const TagsRatafiaListStyled = styled.div `
-  display: flex;
-  align-items: flex-start;
-  gap: 1rem;
-`;

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

@@ -1,7 +0,0 @@
-import styled from 'styled-components'
-
-export const TagsRatafiaListStyled = styled.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 1rem;
-`

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

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

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

@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-export const TrustworthyWebsitesStyled = styled.div `
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-
-  .trustworthy-websites {
-    &__image {
-      margin: 1.5rem;
-      max-width: 7rem;
-    }
-  }
-`;

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

@@ -1,15 +0,0 @@
-import styled from 'styled-components'
-
-export const TrustworthyWebsitesStyled = styled.div`
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-
-  .trustworthy-websites {
-    &__image {
-      margin: 1.5rem;
-      max-width: 7rem;
-    }
-  }
-`

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

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

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

@@ -1,107 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const TypeModulesListStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 2rem;
-  max-width: 400px;
-
-  @media ${device.laptop} {
-    max-width: none;
-  }
-
-  .module-item {
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    background-color: var(--neutral-neutral-6);
-    padding: 24px;
-    box-shadow: 0px 2px 6px 0px #02374a3f;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-    }
-  }
-
-  .module-title {
-    font-family: var(--font-sans);
-    font-size: 18px;
-    font-weight: 700;
-    line-height: 24px;
-    letter-spacing: -0.3px;
-    text-align: left;
-    margin-bottom: 1rem;
-    margin-top: 1rem;
-
-    @media ${device.laptop} {
-      margin-top: 0;
-    }
-  }
-
-  .module-description {
-    font-family: var(--font-sans);
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 22px;
-    letter-spacing: -0.3px;
-    text-align: left;
-    margin-bottom: 1rem;
-  }
-
-  .module-image {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-
-    @media ${device.laptop} {
-      justify-content: flex-start;
-      width: 25%;
-      margin-right: 20px;
-    }
-  }
-
-  .module-content {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-
-    @media ${device.laptop} {
-      width: 65%;
-    }
-  }
-
-  .module-buttons {
-    display: flex;
-    gap: 0.5rem;
-    width: 100%;
-
-    @media ${device.laptop} {
-      width: max-content;
-      gap: 0;
-    }
-
-    .e-button {
-      display: flex;
-      justify-content: center;
-      width: 100%;
-      margin-top: 0;
-      padding-top: 0.6rem;
-      padding-bottom: 0.6rem;
-      background: var(--others-white);
-
-      @media ${device.laptop} {
-        margin: 0 0.5rem;
-      }
-
-      &.download-icon {
-        &::before {
-          content: '';
-          width: 1rem;
-          height: 1rem;
-          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjg2MjUgOC40NzA1NEMxMy4xMjIyIDguMjEwODUgMTMuMTIyMiA3Ljc4OTggMTIuODYyNSA3LjUzMDEyQzEyLjYwMjkgNy4yNzA1OSAxMi4xODIyIDcuMjcwNCAxMS45MjI1IDcuNTI5NjlMOC42NjYwMiAxMC43ODAzVjMuMzMzNjZDOC42NjYwMiAyLjk2NTQ3IDguMzY3NTQgMi42NjY5OSA3Ljk5OTM1IDIuNjY2OTlDNy42MzExNiAyLjY2Njk5IDcuMzMyNjggMi45NjU0NyA3LjMzMjY4IDMuMzMzNjZWMTAuNzgwM0w0LjA4NTggNy41Mjc2M0MzLjgyNDU3IDcuMjY1OTMgMy40MDA2IDcuMjY1NzQgMy4xMzkxNCA3LjUyNzJDMi44Nzc4NCA3Ljc4ODUgMi44Nzc4NCA4LjIxMjE1IDMuMTM5MTQgOC40NzM0NUw3LjI5MjI0IDEyLjYyNjZDNy42ODI3NyAxMy4wMTcxIDguMzE1OTMgMTMuMDE3MSA4LjcwNjQ2IDEyLjYyNjZMMTIuODYyNSA4LjQ3MDU0WiIgZmlsbD0iIzNENDA0MiIvPgo8L3N2Zz4K);
-          margin-right: 0.5rem;
-        }
-      }
-    }
-  }
-`;

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

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

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

@@ -1,64 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const UploadRatafiaZoneStyled = styled.div `
-  padding: 1rem;
-
-  border-radius: 24px;
-  background: rgba(255, 255, 255, 0.4);
-  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
-
-  @media ${device['landscape-tablets']} {
-    max-width: 340px;
-  }
-  @media ${device.laptop} {
-    max-width: 560px;
-  }
-
-  &:hover .upload-ratafia-zone__content__title {
-    color: var(--neutral-main);
-  }
-
-  .upload-ratafia-zone {
-    &__content {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      text-align: center;
-      align-items: center;
-      flex: 1 0 0;
-      align-self: stretch;
-
-      padding: 3.5rem 2rem 1rem 2rem;
-
-      border-radius: 16px;
-      background: var(--neutral-neutral-6);
-      color: var(--neutral-neutral-3);
-
-      &__title {
-        margin-bottom: 2.5rem;
-      }
-      &__cta {
-        display: flex;
-        padding: 0.75rem 1rem;
-        justify-content: center;
-        align-items: center;
-        gap: 0.5rem;
-
-        &__icon {
-          width: 24px;
-          height: 24px;
-        }
-      }
-      &__description {
-        margin-top: 3.5rem;
-        margin-bottom: 1rem;
-      }
-      &__service-terms {
-        a {
-          color: var(--neutral-neutral-3);
-          text-decoration: underline;
-        }
-      }
-    }
-  }
-`;

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

@@ -1,65 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const UploadRatafiaZoneStyled = styled.div`
-  padding: 1rem;
-
-  border-radius: 24px;
-  background: rgba(255, 255, 255, 0.4);
-  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
-
-  @media ${device['landscape-tablets']} {
-    max-width: 340px;
-  }
-  @media ${device.laptop} {
-    max-width: 560px;
-  }
-
-  &:hover .upload-ratafia-zone__content__title {
-    color: var(--neutral-main);
-  }
-
-  .upload-ratafia-zone {
-    &__content {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      text-align: center;
-      align-items: center;
-      flex: 1 0 0;
-      align-self: stretch;
-
-      padding: 3.5rem 2rem 1rem 2rem;
-
-      border-radius: 16px;
-      background: var(--neutral-neutral-6);
-      color: var(--neutral-neutral-3);
-
-      &__title {
-        margin-bottom: 2.5rem;
-      }
-      &__cta {
-        display: flex;
-        padding: 0.75rem 1rem;
-        justify-content: center;
-        align-items: center;
-        gap: 0.5rem;
-
-        &__icon {
-          width: 24px;
-          height: 24px;
-        }
-      }
-      &__description {
-        margin-top: 3.5rem;
-        margin-bottom: 1rem;
-      }
-      &__service-terms {
-        a {
-          color: var(--neutral-neutral-3);
-          text-decoration: underline;
-        }
-      }
-    }
-  }
-`