@npm_leadtech/legal-lib-components 5.3.21 → 5.4.0

package/dist/src/components/sections/LegalSection/LegalSection.styled.js

@@ -1,121 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const LegalSectionStyled = styled.section `
-  margin-top: 1rem;
-  margin-bottom: 6rem;
-  padding: 0 1rem;
-
-  @media ${device.laptop} {
-    padding: 0;
-  }
-
-  .legal {
-    .m-richText {
-      & > * {
-        color: var(--neutral-neutral-1);
-      }
-
-      p {
-        margin-bottom: 1rem;
-      }
-
-      .cookie-table,
-      .cookies-downloaded-documents-pages {
-        box-shadow: var(--box-shadow-medium);
-
-        thead {
-          th:nth-child(3),
-          th:nth-child(4) {
-            display: none;
-            @media ${device['landscape-tablets']} {
-              display: table-cell;
-            }
-          }
-        }
-
-        tbody {
-          td:nth-child(3),
-          td:nth-child(4) {
-            display: none;
-            @media ${device['landscape-tablets']} {
-              display: table-cell;
-            }
-          }
-        }
-      }
-
-      table {
-        margin: 2.5rem 0;
-        width: 100%;
-        border-radius: var(--global-border-radius);
-        text-align: center;
-        border-collapse: collapse;
-
-        thead {
-          th {
-            height: 2.5rem;
-            background-color: var(--primary-main-light-5);
-            border-right: 1px solid var(--neutral-neutral-4);
-
-            &:first-child {
-              border-top-left-radius: var(--global-border-radius);
-            }
-
-            &:last-child {
-              border-right: none;
-              border-top-right-radius: var(--global-border-radius);
-            }
-          }
-
-          tr {
-            font-weight: bold;
-            padding: 0.5rem 0;
-          }
-        }
-
-        tbody {
-          td {
-            border-right: 1px solid var(--neutral-neutral-4);
-
-            &:last-child {
-              border-right: none;
-            }
-          }
-
-          tr {
-            height: 2.5rem;
-
-            &:nth-child(even) {
-              background: var(--neutral-neutral-6);
-            }
-          }
-        }
-      }
-
-      h2 {
-        font-size: 32px;
-        line-height: 1.13;
-        letter-spacing: -0.3px;
-        margin-bottom: 1rem;
-      }
-
-      a {
-        color: var(--primary-main-light-1);
-      }
-
-      ul,
-      ol {
-        padding-left: 2rem;
-        margin-bottom: 1rem;
-      }
-
-      ul {
-        list-style: disc;
-      }
-
-      ol {
-        list-style-type: decimal;
-      }
-    }
-  }
-`;

package/dist/src/components/sections/LegalSection/LegalSection.styled.ts

@@ -1,122 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const LegalSectionStyled = styled.section`
-  margin-top: 1rem;
-  margin-bottom: 6rem;
-  padding: 0 1rem;
-
-  @media ${device.laptop} {
-    padding: 0;
-  }
-
-  .legal {
-    .m-richText {
-      & > * {
-        color: var(--neutral-neutral-1);
-      }
-
-      p {
-        margin-bottom: 1rem;
-      }
-
-      .cookie-table,
-      .cookies-downloaded-documents-pages {
-        box-shadow: var(--box-shadow-medium);
-
-        thead {
-          th:nth-child(3),
-          th:nth-child(4) {
-            display: none;
-            @media ${device['landscape-tablets']} {
-              display: table-cell;
-            }
-          }
-        }
-
-        tbody {
-          td:nth-child(3),
-          td:nth-child(4) {
-            display: none;
-            @media ${device['landscape-tablets']} {
-              display: table-cell;
-            }
-          }
-        }
-      }
-
-      table {
-        margin: 2.5rem 0;
-        width: 100%;
-        border-radius: var(--global-border-radius);
-        text-align: center;
-        border-collapse: collapse;
-
-        thead {
-          th {
-            height: 2.5rem;
-            background-color: var(--primary-main-light-5);
-            border-right: 1px solid var(--neutral-neutral-4);
-
-            &:first-child {
-              border-top-left-radius: var(--global-border-radius);
-            }
-
-            &:last-child {
-              border-right: none;
-              border-top-right-radius: var(--global-border-radius);
-            }
-          }
-
-          tr {
-            font-weight: bold;
-            padding: 0.5rem 0;
-          }
-        }
-
-        tbody {
-          td {
-            border-right: 1px solid var(--neutral-neutral-4);
-
-            &:last-child {
-              border-right: none;
-            }
-          }
-
-          tr {
-            height: 2.5rem;
-
-            &:nth-child(even) {
-              background: var(--neutral-neutral-6);
-            }
-          }
-        }
-      }
-
-      h2 {
-        font-size: 32px;
-        line-height: 1.13;
-        letter-spacing: -0.3px;
-        margin-bottom: 1rem;
-      }
-
-      a {
-        color: var(--primary-main-light-1);
-      }
-
-      ul,
-      ol {
-        padding-left: 2rem;
-        margin-bottom: 1rem;
-      }
-
-      ul {
-        list-style: disc;
-      }
-
-      ol {
-        list-style-type: decimal;
-      }
-    }
-  }
-`

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.d.ts

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

@@ -1,46 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const MidBannerRatafiaSectionStyled = styled.section `
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  width: 100%;
-  padding: 2rem 1.5rem;
-
-  @media ${device.desktop} {
-    padding: 3rem 2rem;
-  }
-  @media ${device['desktop-xl']} {
-    padding: 3rem 7.5rem;
-  }
-
-  .mid-banner-ratafia-section {
-    &__wrapper {
-      display: flex;
-      justify-content: center;
-      align-items: flex-start;
-      flex: 1 0 0;
-
-      padding: 2rem;
-      gap: 3rem;
-
-      max-width: 1200px;
-
-      border-radius: 16px;
-      background: var(--neutral-neutral-6);
-
-      @media ${device.desktop} {
-        padding: 3rem 5rem 0.5rem 4rem;
-        gap: 5rem;
-      }
-
-      &__sample {
-        display: none;
-
-        @media ${device.desktop} {
-          display: block;
-        }
-      }
-    }
-  }
-`;

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.ts

@@ -1,47 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const MidBannerRatafiaSectionStyled = styled.section`
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  width: 100%;
-  padding: 2rem 1.5rem;
-
-  @media ${device.desktop} {
-    padding: 3rem 2rem;
-  }
-  @media ${device['desktop-xl']} {
-    padding: 3rem 7.5rem;
-  }
-
-  .mid-banner-ratafia-section {
-    &__wrapper {
-      display: flex;
-      justify-content: center;
-      align-items: flex-start;
-      flex: 1 0 0;
-
-      padding: 2rem;
-      gap: 3rem;
-
-      max-width: 1200px;
-
-      border-radius: 16px;
-      background: var(--neutral-neutral-6);
-
-      @media ${device.desktop} {
-        padding: 3rem 5rem 0.5rem 4rem;
-        gap: 5rem;
-      }
-
-      &__sample {
-        display: none;
-
-        @media ${device.desktop} {
-          display: block;
-        }
-      }
-    }
-  }
-`

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.d.ts

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

@@ -1,43 +0,0 @@
-import { device, size } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PeopleSayAboutUsSectionStyled = styled.section `
-  width: 100%;
-  margin: 0 auto;
-  text-align: center;
-  padding: 1.5rem;
-
-  @media ${device.laptop} {
-    padding: 0;
-  }
-
-  @media ${device.desktop} {
-    max-width: ${size.lg};
-  }
-
-  .people-say {
-    &__title {
-      font-family: var(--font-serif);
-      font-size: 32px;
-      font-weight: 400;
-      line-height: 42px;
-      letter-spacing: -0.3px;
-      text-align: center;
-    }
-  }
-
-  .richt-text-strapi {
-    text-align: left;
-    margin-top: 2rem;
-
-    > p,
-    > blockquote {
-      margin-top: 1.5rem;
-    }
-
-    blockquote {
-      padding: 1rem;
-      background: var(--neutral-neutral-6);
-      border-radius: 4px;
-    }
-  }
-`;

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.ts

@@ -1,44 +0,0 @@
-import { device, size } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const PeopleSayAboutUsSectionStyled = styled.section`
-  width: 100%;
-  margin: 0 auto;
-  text-align: center;
-  padding: 1.5rem;
-
-  @media ${device.laptop} {
-    padding: 0;
-  }
-
-  @media ${device.desktop} {
-    max-width: ${size.lg};
-  }
-
-  .people-say {
-    &__title {
-      font-family: var(--font-serif);
-      font-size: 32px;
-      font-weight: 400;
-      line-height: 42px;
-      letter-spacing: -0.3px;
-      text-align: center;
-    }
-  }
-
-  .richt-text-strapi {
-    text-align: left;
-    margin-top: 2rem;
-
-    > p,
-    > blockquote {
-      margin-top: 1.5rem;
-    }
-
-    blockquote {
-      padding: 1rem;
-      background: var(--neutral-neutral-6);
-      border-radius: 4px;
-    }
-  }
-`

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.styled.d.ts

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

@@ -1,55 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const StepsRatafiaSectionStyled = styled.section `
-  z-index: 999;
-  width: 100%;
-
-  @media ${device.desktop} {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    align-self: stretch;
-  }
-
-  .steps-ratafia-section {
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-
-      gap: 3rem;
-      padding: 2rem 1.5rem 3rem 1.5rem;
-
-      max-width: 1200px;
-
-      @media ${device.desktop} {
-        padding: 3rem 0 3rem 0;
-      }
-      @media ${device['desktop-xl']} {
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-      }
-
-      &__video {
-        display: flex;
-        justify-content: center;
-
-        max-width: 1024px;
-        @media ${device['desktop-xl']} {
-          max-width: 720px;
-        }
-        video {
-          border-radius: 8px;
-          box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
-          width: 100%;
-        }
-      }
-      &__content {
-        flex: 1;
-      }
-    }
-  }
-`;

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.styled.ts

@@ -1,56 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const StepsRatafiaSectionStyled = styled.section`
-  z-index: 999;
-  width: 100%;
-
-  @media ${device.desktop} {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    align-self: stretch;
-  }
-
-  .steps-ratafia-section {
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-
-      gap: 3rem;
-      padding: 2rem 1.5rem 3rem 1.5rem;
-
-      max-width: 1200px;
-
-      @media ${device.desktop} {
-        padding: 3rem 0 3rem 0;
-      }
-      @media ${device['desktop-xl']} {
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-      }
-
-      &__video {
-        display: flex;
-        justify-content: center;
-
-        max-width: 1024px;
-        @media ${device['desktop-xl']} {
-          max-width: 720px;
-        }
-        video {
-          border-radius: 8px;
-          box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
-          width: 100%;
-        }
-      }
-      &__content {
-        flex: 1;
-      }
-    }
-  }
-`

package/dist/src/components/sections/TryItRatafiaSection/TryItRatafiaSection.styled.d.ts

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

@@ -1,70 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const TryItRatafiaSectionStyled = styled.section `
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  width: 100%;
-  padding: 2rem 1.5rem;
-
-  @media ${device.laptop} {
-    padding: 3rem 2rem;
-  }
-  @media ${device['desktop-xl']} {
-    padding: 3rem 7.5rem;
-  }
-
-  .try-it-ratafia-section {
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      align-items: center;
-      align-self: stretch;
-
-      padding: 1.5rem;
-      gap: 1.5rem;
-
-      border-radius: 16px;
-
-      max-width: 1200px;
-
-      @media ${device['landscape-tablets']} {
-        padding: 2rem;
-        gap: 2.5rem;
-        flex-direction: row;
-      }
-      @media ${device.laptop} {
-        padding: 2.5rem 2.5rem 2.5rem 4rem;
-        gap: 5rem;
-      }
-
-      &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        flex: 1 0 0;
-        align-self: stretch;
-
-        gap: 1rem;
-
-        @media ${device['landscape-tablets']} {
-          padding: 3rem 0;
-        }
-
-        &__icon {
-          width: 48px;
-          height: 48px;
-        }
-        &__title {
-          align-self: stretch;
-          color: var(--others-white);
-        }
-      }
-
-      &__children {
-        max-width: 460px;
-      }
-    }
-  }
-`;

package/dist/src/components/sections/TryItRatafiaSection/TryItRatafiaSection.styled.ts

@@ -1,71 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const TryItRatafiaSectionStyled = styled.section`
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  width: 100%;
-  padding: 2rem 1.5rem;
-
-  @media ${device.laptop} {
-    padding: 3rem 2rem;
-  }
-  @media ${device['desktop-xl']} {
-    padding: 3rem 7.5rem;
-  }
-
-  .try-it-ratafia-section {
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      align-items: center;
-      align-self: stretch;
-
-      padding: 1.5rem;
-      gap: 1.5rem;
-
-      border-radius: 16px;
-
-      max-width: 1200px;
-
-      @media ${device['landscape-tablets']} {
-        padding: 2rem;
-        gap: 2.5rem;
-        flex-direction: row;
-      }
-      @media ${device.laptop} {
-        padding: 2.5rem 2.5rem 2.5rem 4rem;
-        gap: 5rem;
-      }
-
-      &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        flex: 1 0 0;
-        align-self: stretch;
-
-        gap: 1rem;
-
-        @media ${device['landscape-tablets']} {
-          padding: 3rem 0;
-        }
-
-        &__icon {
-          width: 48px;
-          height: 48px;
-        }
-        &__title {
-          align-self: stretch;
-          color: var(--others-white);
-        }
-      }
-
-      &__children {
-        max-width: 460px;
-      }
-    }
-  }
-`

package/dist/src/components/sections/TryOurFreeLegalBlogsSection/TryOurFreeLegalBlogsSection.styled.d.ts

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

@@ -1,10 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const TryOurFreeLegalBlogsSectionStyled = styled.section `
-  display: flex;
-  flex-direction: column;
-
-  @media ${device['landscape-tablets']} {
-    flex-flow: row nowrap;
-  }
-`;