@npm_leadtech/legal-lib-components 5.7.7 → 5.7.8

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

@@ -1,63 +0,0 @@
-import styled from 'styled-components';
-export const PaginationStyled = styled.div `
-  align-items: center;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-
-  .pagination {
-    &__control {
-      display: flex;
-      svg {
-        cursor: pointer;
-        fill: var(--neutral-neutral-2);
-        width: 1rem;
-        path {
-          pointer-events: none;
-        }
-      }
-      &--prev svg {
-        transform: rotate(180deg);
-      }
-      &--hidden {
-        cursor: default;
-        pointer-events: none;
-        visibility: hidden;
-      }
-    }
-
-    &__page-wrapper {
-      display: flex;
-      margin: 0 1rem;
-    }
-
-    &__page {
-      align-items: center;
-      background: var(--neutral-neutral-6);
-      border: 2px solid var(--neutral-neutral-3);
-      border-radius: 4px;
-      box-sizing: border-box;
-      color: var(--neutral-neutral-2);
-      cursor: pointer;
-      display: flex;
-      justify-content: center;
-      height: 2.125rem;
-      margin: 0 0.25rem;
-      min-width: 2.125rem;
-      padding: 0.3rem;
-
-      &--active {
-        background: var(--neutral-neutral-4);
-        border: 2px solid var(--neutral-neutral-2);
-        color: var(--neutral-neutral-1);
-      }
-
-      &--ellipsis {
-        cursor: default;
-      }
-    }
-  }
-`;

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

@@ -1,64 +0,0 @@
-import styled from 'styled-components'
-
-export const PaginationStyled = styled.div`
-  align-items: center;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-
-  .pagination {
-    &__control {
-      display: flex;
-      svg {
-        cursor: pointer;
-        fill: var(--neutral-neutral-2);
-        width: 1rem;
-        path {
-          pointer-events: none;
-        }
-      }
-      &--prev svg {
-        transform: rotate(180deg);
-      }
-      &--hidden {
-        cursor: default;
-        pointer-events: none;
-        visibility: hidden;
-      }
-    }
-
-    &__page-wrapper {
-      display: flex;
-      margin: 0 1rem;
-    }
-
-    &__page {
-      align-items: center;
-      background: var(--neutral-neutral-6);
-      border: 2px solid var(--neutral-neutral-3);
-      border-radius: 4px;
-      box-sizing: border-box;
-      color: var(--neutral-neutral-2);
-      cursor: pointer;
-      display: flex;
-      justify-content: center;
-      height: 2.125rem;
-      margin: 0 0.25rem;
-      min-width: 2.125rem;
-      padding: 0.3rem;
-
-      &--active {
-        background: var(--neutral-neutral-4);
-        border: 2px solid var(--neutral-neutral-2);
-        color: var(--neutral-neutral-1);
-      }
-
-      &--ellipsis {
-        cursor: default;
-      }
-    }
-  }
-`

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

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

@@ -1,59 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PhoneContactBoxDesktopStyled = styled.div `
-  background-color: var(--others-white);
-  width: 100%;
-  border-radius: 4px;
-  margin-bottom: 2rem;
-  display: none;
-  padding: 2rem 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;
-  }
-
-  img {
-    align-self: center;
-    &:not(.onlyIE) {
-      display: block;
-      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-        display: none;
-      }
-    }
-    &.onlyIE {
-      display: none;
-      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-        display: block;
-      }
-    }
-  }
-
-  .phone-contact {
-    &-info {
-      margin-left: 1.5rem;
-    }
-
-    &-phone {
-      font-size: 1.5rem;
-      color: var(--primary-main-dark-1);
-      font-weight: bold;
-      text-decoration: none;
-
-      @media ${device.laptop} {
-        font-size: 1.7rem;
-      }
-    }
-
-    &-text {
-      color: var(--neutral-neutral-2);
-    }
-  }
-`;

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

@@ -1,60 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const PhoneContactBoxDesktopStyled = styled.div`
-  background-color: var(--others-white);
-  width: 100%;
-  border-radius: 4px;
-  margin-bottom: 2rem;
-  display: none;
-  padding: 2rem 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;
-  }
-
-  img {
-    align-self: center;
-    &:not(.onlyIE) {
-      display: block;
-      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-        display: none;
-      }
-    }
-    &.onlyIE {
-      display: none;
-      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-        display: block;
-      }
-    }
-  }
-
-  .phone-contact {
-    &-info {
-      margin-left: 1.5rem;
-    }
-
-    &-phone {
-      font-size: 1.5rem;
-      color: var(--primary-main-dark-1);
-      font-weight: bold;
-      text-decoration: none;
-
-      @media ${device.laptop} {
-        font-size: 1.7rem;
-      }
-    }
-
-    &-text {
-      color: var(--neutral-neutral-2);
-    }
-  }
-`

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

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

@@ -1,32 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PhoneContactBoxMobileStyled = styled.div `
-  display: block;
-  padding-top: 1rem;
-
-  @media ${device['landscape-tablets']} {
-    display: none;
-  }
-
-  .phone-mobile-contact {
-    &-button {
-      display: flex;
-      justify-content: center;
-      margin-bottom: 1rem;
-
-      &: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: 0rem 0 2rem;
-    }
-  }
-`;

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

@@ -1,33 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const PhoneContactBoxMobileStyled = styled.div`
-  display: block;
-  padding-top: 1rem;
-
-  @media ${device['landscape-tablets']} {
-    display: none;
-  }
-
-  .phone-mobile-contact {
-    &-button {
-      display: flex;
-      justify-content: center;
-      margin-bottom: 1rem;
-
-      &: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: 0rem 0 2rem;
-    }
-  }
-`

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

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

@@ -1,34 +0,0 @@
-import { size } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PopularDocsStyled = styled.div `
-  width: 80%;
-  margin-left: 3rem;
-
-  @media only screen and (max-width: ${size.md}) {
-    margin-left: 0;
-  }
-
-  @media only screen and (max-width: ${size.xs}) {
-    width: 95%;
-  }
-
-  .title {
-    text-align: left;
-    padding-left: 0.5rem;
-    font-size: 18px;
-    line-height: 1.33;
-    letter-spacing: -0.3px;
-    color: var(--primary-main-dark-1);
-    margin-bottom: 16px;
-
-    @media only screen and (max-width: ${size.md}) {
-      text-align: center;
-    }
-  }
-
-  .documents {
-    display: flex;
-    flex-direction: column;
-    gap: var(--global-gap);
-  }
-`;

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

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

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

@@ -1,189 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PricingCardStyled = styled.li `
-  position: relative;
-  max-width: 400px;
-  border: solid 1px transparent;
-  list-style: none;
-
-  &.pricing-card {
-    &.--selectable {
-      .pricing-card__radio-label {
-        cursor: pointer;
-      }
-
-      &:not(.--selected):hover {
-        .pricing-card__wrapper {
-          border-color: var(--neutral-neutral-3);
-        }
-      }
-    }
-
-    &.--selected {
-      .pricing-card__wrapper {
-        border-color: var(--primary-main-light-3);
-      }
-    }
-  }
-
-  .pricing-card {
-    &__radio-label {
-      .radio-input {
-        display: none;
-
-        & + .radio-checkbox {
-          background-color: var(--others-white);
-          position: absolute;
-          top: 1rem;
-          left: 1rem;
-          width: 20px;
-          height: 20px;
-          border-radius: 50%;
-          border: 1px solid;
-        }
-
-        &:checked {
-          & + .radio-checkbox {
-            border: 5px solid var(--primary-main-light-1);
-          }
-        }
-      }
-    }
-
-    &__wrapper {
-      background-color: var(--others-white);
-      box-shadow: var(--box-shadow-container);
-      border-radius: var(--global-border-radius);
-      border: solid 1px transparent;
-
-      ul {
-        display: flex;
-        flex-direction: column;
-        margin-top: 0.5rem;
-
-        li {
-          text-align: left;
-          display: flex;
-          flex-direction: row;
-          margin-bottom: 2rem;
-
-          p {
-            text-align: left;
-          }
-
-          img {
-            width: 2.2rem;
-            height: 2.2rem;
-            margin-right: 1rem;
-          }
-        }
-      }
-    }
-
-    &__header {
-      padding: 1rem;
-      text-align: center;
-      background: var(--neutral-neutral-6);
-
-      &__text {
-        color: var(--neutral-neutral-2);
-        margin: 0 1rem;
-      }
-    }
-
-    &__body {
-      color: var(--neutral-neutral-1);
-      display: flex;
-      flex-flow: column nowrap;
-      padding: 1.5rem 1rem;
-      text-align: center;
-
-      &__price {
-        font-size: 2.25rem;
-        line-height: 2rem;
-        margin-top: 0;
-        margin-bottom: 1.5rem;
-        order: 2;
-
-        @media ${device.desktop} {
-          font-size: 2.25rem;
-          line-height: 2.5rem;
-        }
-
-        span {
-          font-size: 1rem;
-          display: inline;
-          margin-left: 0.2rem;
-        }
-      }
-
-      &__text {
-        font-size: 0.85rem;
-        color: var(--neutral-neutral-2);
-        order: 4;
-      }
-
-      &__features-list {
-        display: none;
-        order: 6;
-
-        @media ${device['landscape-tablets']} {
-          display: block;
-        }
-
-        &.--expanded {
-          display: block;
-        }
-
-        hr {
-          width: 100%;
-          border-top: 1px solid var(--neutral-neutral-4);
-          margin-bottom: 1.5rem;
-        }
-
-        &__item {
-          &::before {
-            content: '•';
-            color: var(--primary-main);
-            font-weight: bold;
-            display: inline-block;
-            margin-right: 1rem;
-          }
-
-          &:not(:last-child) {
-            margin-bottom: 1rem;
-          }
-        }
-      }
-
-      .e-button.see-more-button {
-        display: block;
-        margin: auto;
-        order: 8;
-
-        @media ${device['landscape-tablets']} {
-          display: none;
-        }
-      }
-    }
-
-    &__disclaimer {
-      color: var(--neutral-neutral-2);
-      font-size: 0.75rem;
-      text-align: center;
-      width: 100%;
-      display: flex;
-      justify-content: center;
-      padding: 0.8rem 0 0.4rem;
-      max-width: 20rem;
-
-      @media ${device['landscape-tablets']} {
-        max-width: unset;
-      }
-    }
-
-    &__button {
-      width: 100%;
-    }
-  }
-`;