@npm_leadtech/legal-lib-components 7.27.4 → 7.28.1

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

@@ -1,186 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const TryNowSectionStyled = styled.section `
-  .guidelines-section-main {
-    display: flex;
-    flex-direction: column;
-    flex-wrap: nowrap;
-    padding: 1.5rem;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-      padding: 0;
-    }
-  }
-
-  .guidelines-section__texts {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    margin-bottom: 1rem;
-    margin-right: 0;
-    color: var(--neutral-neutral-1);
-    font-style: normal;
-    font-weight: 400;
-    letter-spacing: -0.3px;
-
-    @media ${device['landscape-tablets']} {
-      margin-left: 2rem;
-      margin-bottom: 0;
-    }
-
-    &__title {
-      font-family: var(--font-sans);
-      margin-bottom: 2rem;
-      text-align: center;
-      font-weight: 700;
-      font-size: 1.75rem;
-      color: var(--neutral-neutral-1);
-      font-style: normal;
-      line-height: 32px;
-      letter-spacing: -0.3px;
-
-      @media ${device['landscape-tablets']} {
-        text-align: left;
-      }
-    }
-
-    &__body {
-      font-family: var(--font-sans);
-      font-size: 16px;
-      line-height: 22px;
-
-      a {
-        color: var(--primary-main-light-1);
-        font-weight: 400 !important;
-      }
-    }
-  }
-
-  .guidelines-section-detail {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    margin: 2rem 0 1rem 0;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-    }
-
-    &__item {
-      display: flex;
-      flex: 1;
-      flex-direction: column;
-      background: var(--others-white);
-      border-radius: var(--m-border-radius);
-      padding: 1.5rem;
-
-      &__image {
-        width: 100%;
-        border-radius: var(--m-border-radius);
-      }
-
-      &__title {
-        font-family: var(--font-sans);
-        font-style: normal;
-        font-weight: 700;
-        font-size: 18px;
-        line-height: 24px;
-        letter-spacing: -0.3px;
-        color: var(--neutral-neutral-1);
-        margin: 1.5rem 0 1rem 0;
-      }
-
-      ul {
-        list-style-type: disc;
-      }
-
-      ol {
-        list-style-type: decimal;
-      }
-
-      ul,
-      ol {
-        margin-left: 1rem;
-        margin-bottom: 1rem;
-
-        li {
-          margin-bottom: 0;
-        }
-      }
-    }
-  }
-
-  .guidelines-section-trial {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    margin: 2rem 0 1rem 0;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-    }
-
-    &__texts {
-      flex-basis: 50%;
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-      color: var(--neutral-neutral-1);
-      font-style: normal;
-      font-weight: 400;
-      letter-spacing: -0.3px;
-      margin-left: 3rem;
-
-      &__body {
-        font-family: var(--font-sans);
-        font-size: 16px;
-        line-height: 22px;
-        margin-bottom: 1.5rem;
-        a {
-          color: var(--primary-main-light-1);
-          font-weight: 400 !important;
-        }
-      }
-      .e-button {
-        height: auto;
-        align-self: flex-start;
-        margin-top: 2.5rem;
-      }
-    }
-
-    &__item {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      background: var(--others-white);
-      border-radius: var(--m-border-radius);
-
-      @media ${device.laptop} {
-        padding: 1.5rem;
-        flex-direction: row;
-      }
-    }
-  }
-
-  .guidelines-section__image {
-    flex-basis: 50%;
-    margin-bottom: 2rem;
-
-    &.big-devices {
-      display: none;
-    }
-    &.is-mobile {
-      display: flex;
-    }
-
-    @media ${device.laptop} {
-      &.big-devices {
-        display: flex;
-      }
-      &.is-mobile {
-        display: none;
-      }
-    }
-  }
-`;

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

@@ -1,187 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const TryNowSectionStyled = styled.section`
-  .guidelines-section-main {
-    display: flex;
-    flex-direction: column;
-    flex-wrap: nowrap;
-    padding: 1.5rem;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-      padding: 0;
-    }
-  }
-
-  .guidelines-section__texts {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    margin-bottom: 1rem;
-    margin-right: 0;
-    color: var(--neutral-neutral-1);
-    font-style: normal;
-    font-weight: 400;
-    letter-spacing: -0.3px;
-
-    @media ${device['landscape-tablets']} {
-      margin-left: 2rem;
-      margin-bottom: 0;
-    }
-
-    &__title {
-      font-family: var(--font-sans);
-      margin-bottom: 2rem;
-      text-align: center;
-      font-weight: 700;
-      font-size: 1.75rem;
-      color: var(--neutral-neutral-1);
-      font-style: normal;
-      line-height: 32px;
-      letter-spacing: -0.3px;
-
-      @media ${device['landscape-tablets']} {
-        text-align: left;
-      }
-    }
-
-    &__body {
-      font-family: var(--font-sans);
-      font-size: 16px;
-      line-height: 22px;
-
-      a {
-        color: var(--primary-main-light-1);
-        font-weight: 400 !important;
-      }
-    }
-  }
-
-  .guidelines-section-detail {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    margin: 2rem 0 1rem 0;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-    }
-
-    &__item {
-      display: flex;
-      flex: 1;
-      flex-direction: column;
-      background: var(--others-white);
-      border-radius: var(--m-border-radius);
-      padding: 1.5rem;
-
-      &__image {
-        width: 100%;
-        border-radius: var(--m-border-radius);
-      }
-
-      &__title {
-        font-family: var(--font-sans);
-        font-style: normal;
-        font-weight: 700;
-        font-size: 18px;
-        line-height: 24px;
-        letter-spacing: -0.3px;
-        color: var(--neutral-neutral-1);
-        margin: 1.5rem 0 1rem 0;
-      }
-
-      ul {
-        list-style-type: disc;
-      }
-
-      ol {
-        list-style-type: decimal;
-      }
-
-      ul,
-      ol {
-        margin-left: 1rem;
-        margin-bottom: 1rem;
-
-        li {
-          margin-bottom: 0;
-        }
-      }
-    }
-  }
-
-  .guidelines-section-trial {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    margin: 2rem 0 1rem 0;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-    }
-
-    &__texts {
-      flex-basis: 50%;
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-      color: var(--neutral-neutral-1);
-      font-style: normal;
-      font-weight: 400;
-      letter-spacing: -0.3px;
-      margin-left: 3rem;
-
-      &__body {
-        font-family: var(--font-sans);
-        font-size: 16px;
-        line-height: 22px;
-        margin-bottom: 1.5rem;
-        a {
-          color: var(--primary-main-light-1);
-          font-weight: 400 !important;
-        }
-      }
-      .e-button {
-        height: auto;
-        align-self: flex-start;
-        margin-top: 2.5rem;
-      }
-    }
-
-    &__item {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      background: var(--others-white);
-      border-radius: var(--m-border-radius);
-
-      @media ${device.laptop} {
-        padding: 1.5rem;
-        flex-direction: row;
-      }
-    }
-  }
-
-  .guidelines-section__image {
-    flex-basis: 50%;
-    margin-bottom: 2rem;
-
-    &.big-devices {
-      display: none;
-    }
-    &.is-mobile {
-      display: flex;
-    }
-
-    @media ${device.laptop} {
-      &.big-devices {
-        display: flex;
-      }
-      &.is-mobile {
-        display: none;
-      }
-    }
-  }
-`

package/dist/src/components/sections/TryNowSection/TryNowSection.tsx

@@ -1,28 +0,0 @@
-import React, { type FC } from 'react'
-
-import { Button, RichTextInner } from '../../atoms'
-import { type TryNowSectionProps } from './TryNowSectionProps'
-import { TryNowSectionStyled } from './TryNowSection.styled'
-
-export const TryNowSection: FC<TryNowSectionProps> = ({ text, buttonText, buttonLink, buttonDataQa, image }) => {
-  return (
-    <TryNowSectionStyled className='try-our-free-legal-blogs-section wrapper wrapper--responsive try-us-section'>
-      <div className='guidelines-section-trial wrapper'>
-        <div className='guidelines-section-trial__item'>
-          <div className='guidelines-section__image big-devices'>{image}</div>
-          <div className='guidelines-section-trial__texts'>
-            <RichTextInner customClass='guidelines-section__texts__body'>{text}</RichTextInner>
-            <Button
-              givenClass='mid-banner-ratafia-content__cta'
-              dataQa={buttonDataQa}
-              link={buttonLink}
-              color='primary'
-              label={buttonText}
-            />
-          </div>
-          <div className='guidelines-section__image is-mobile'>{image}</div>
-        </div>
-      </div>
-    </TryNowSectionStyled>
-  )
-}

package/dist/src/components/sections/TryNowSection/TryNowSectionProps.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface TryNowSectionProps {
-    text: React.ReactNode;
-    buttonText: string;
-    buttonLink: string;
-    buttonDataQa: string;
-    image?: React.ReactNode;
-}

package/dist/src/components/sections/TryNowSection/TryNowSectionProps.js

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

package/dist/src/components/sections/TryNowSection/TryNowSectionProps.ts

@@ -1,9 +0,0 @@
-import React from 'react'
-
-export interface TryNowSectionProps {
-  text: React.ReactNode
-  buttonText: string
-  buttonLink: string
-  buttonDataQa: string
-  image?: React.ReactNode
-}

package/dist/src/components/sections/TryNowSection/index.d.ts

@@ -1,2 +0,0 @@
-export { TryNowSection } from './TryNowSection';
-export type { TryNowSectionProps } from './TryNowSectionProps';

package/dist/src/components/sections/TryNowSection/index.js

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

package/dist/src/components/sections/TryNowSection/index.ts

@@ -1,2 +0,0 @@
-export { TryNowSection } from './TryNowSection'
-export type { TryNowSectionProps } from './TryNowSectionProps'