@npm_leadtech/legal-lib-components 5.7.8 → 5.8.0

package/dist/src/components/molecules/Feedback/Feedback.scss

@@ -1,109 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.feedback {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-
-  &__main {
-    padding: 2rem 0 2rem;
-    max-width: 25em;
-    @include portrait-tablets {
-      padding: 3rem 0 4rem;
-    }
-  }
-
-  &--large {
-    flex-direction: column;
-    height: 100%;
-
-    .feedback__main {
-      align-items: center;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      min-height: 27.5rem;
-      padding: 0;
-    }
-  }
-
-  &--fluid {
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &--error {
-    .feedback__icon {
-      background: var(--error-error-3);
-    }
-
-    .feedback__title {
-      color: var(--error-main);
-    }
-  }
-
-  &--success {
-    .feedback__icon {
-      background: var(--feedback-success);
-    }
-
-    .feedback__title {
-      color: var(--primary-main-dark-1);
-      font-weight: bold;
-    }
-  }
-
-  &__icon {
-    align-items: center;
-    border-radius: 100%;
-    display: flex;
-    height: 4.6rem;
-    padding: 0.8rem;
-    margin: 0 auto 1rem;
-    width: 4.6rem;
-
-    &__img {
-      width: 3rem;
-      height: 3rem;
-    }
-  }
-
-  &__image_img {
-    margin: 0 auto;
-    margin-bottom: 2rem;
-    width: 8rem;
-    @include portrait-tablets {
-      width: 13rem;
-    }
-    @include laptop {
-      width: 18rem;
-    }
-  }
-
-  &__title {
-    font-weight: bold;
-    margin-bottom: 0.5rem;
-  }
-
-  &__text--grey {
-    color: var(--neutral-neutral-2);
-  }
-
-  &__buttons {
-    display: flex;
-    flex-direction: column;
-  }
-
-  &__cancel__a {
-    margin-top: 0.5rem;
-    color: var(--primary-main);
-    text-decoration: underline;
-    &:hover {
-      cursor: pointer;
-    }
-  }
-}

package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.scss

@@ -1,31 +0,0 @@
-@import '../../../globalStyles/variables';
-@import '../../../globalStyles/mediaqueries';
-
-.header-ratafia {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  align-self: stretch;
-
-  &__title {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 0.5rem;
-
-    &__icon {
-      width: 18px;
-      @include portrait-tablets {
-        width: 24px;
-      }
-    }
-    &__text {
-      font-family: 'Inter', sans-serif;
-      color: var(--neutral-neutral-1);
-      font-size: 1.125rem;
-      @include portrait-tablets {
-        font-size: 1.5rem;
-      }
-    }
-  }
-}

package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.scss

@@ -1,32 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.menu-items-section {
-  display: flex;
-  flex-flow: column nowrap;
-
-  @include portrait-tablets {
-    max-width: 250px;
-  }
-
-  &__title-wrapper {
-    background-color: var(--neutral-neutral-5);
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    padding: 0.5rem;
-    margin-bottom: 0.5rem;
-
-    @include portrait-tablets {
-      justify-content: left;
-    }
-
-    svg {
-      margin-right: 0.5rem;
-    }
-
-    &__title {
-      font-weight: bold;
-    }
-  }
-}

package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.scss

@@ -1,69 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.mid-banner-ratafia-sample {
-  display: flex;
-  align-items: flex-start;
-  position: relative;
-
-  &__image {
-    img {
-      border-radius: 8px 8px 0 0;
-      box-shadow: $box-shadow-small;
-      width: 727px;
-    }
-  }
-  &__sumarized-tag {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0.25rem;
-    gap: 0.25rem;
-
-    position: absolute;
-    left: 85px;
-    top: -13px;
-
-    background: var(--primary-main-light-5);
-    border-radius: var(--global-border-radius);
-    border: 1px solid var(--primary-main-light-3);
-    box-shadow: $box-shadow-small;
-
-    &__icon {
-      width: 16px;
-      height: 16px;
-    }
-    &__text {
-      color: var(--primary-main);
-    }
-  }
-  &__feature-tag {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0.5rem;
-    gap: 0.25rem;
-
-    background: var(--neutral-neutral-6);
-    border-radius: var(--global-border-radius);
-    box-shadow: $box-shadow-small;
-
-    &__icon {
-      width: 20px;
-      height: 20px;
-    }
-    &__text {
-      color: var(--neutral-neutral-2);
-    }
-  }
-  &__feature-tag__key-facts {
-    position: absolute;
-    left: -16px;
-    bottom: 143px;
-  }
-  &__feature-tag__clauses {
-    position: absolute;
-    right: -16px;
-    top: 75px;
-  }
-}

package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.scss

@@ -1,71 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.more-docs-mobile {
-  margin: 0px 24px 40px 24px;
-  padding: 5px 0;
-  border-radius: 4px;
-  border: solid 2px #dfe5e8;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-
-  .box-closed {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-
-    .icon-see-more {
-      transform: rotate(-90deg);
-
-      &:before,
-      &:after {
-        background-color: get-color(others, black);
-      }
-
-      &.open {
-        transform: rotate(90deg);
-      }
-
-      svg {
-        width: 40px;
-        height: 40px;
-      }
-    }
-
-    .box-title {
-      align-self: center;
-      margin-right: 4rem;
-    }
-  }
-}
-
-.more-docs-list {
-  margin: -40px 24px 40px 24px;
-  padding: 16px 8px 16px 8px;
-  border-radius: 4px;
-  border: solid 2px #dfe5e8;
-  display: flex;
-  flex-direction: column;
-
-  .docs-list {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-
-    .separation-line {
-      width: calc(100% - 20px);
-      height: 1px;
-      margin: 16px 10px;
-      background-color: var(--neutral-neutral-3);
-    }
-
-    &:last-child {
-      margin-bottom: 1rem;
-      .separation-line {
-        display: none;
-      }
-    }
-  }
-}

package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.scss

@@ -1,33 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.navbar-drop-down__container {
-  position: absolute;
-  width: 100%;
-  height: 100vh;
-  left: 0;
-  right: 0;
-  z-index: 4;
-  &__menu_items {
-    background: var(--others-white);
-    padding: 1.5rem;
-    box-shadow: var(--box-shadow-container);
-    ul {
-      li {
-        margin-bottom: 1rem;
-        padding: 0.5rem 1rem;
-      }
-
-      li:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  &__shadow {
-    position: absolute;
-    background: var(--neutral-neutral-3);
-    opacity: 0.4;
-    width: 100%;
-    height: 100vh;
-  }
-}

package/dist/src/components/molecules/Pagination/Pagination.scss

@@ -1,62 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.pagination {
-  align-items: center;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-
-  &__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.scss

@@ -1,60 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.phone-contact {
-  &-box-container {
-    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;
-      }
-    }
-
-    @include 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;
-        }
-      }
-    }
-  }
-
-  &-info {
-    margin-left: 1.5rem;
-  }
-
-  &-phone {
-    font-size: 1.5rem;
-    color: var(--primary-main-dark-1);
-    font-weight: bold;
-    text-decoration: none;
-
-    @include laptop {
-      font-size: 1.7rem;
-    }
-  }
-
-  &-text {
-    color: var(--neutral-neutral-2);
-  }
-}

package/dist/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobile.scss

@@ -1,33 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.phone-mobile-contact {
-  &-box-container {
-    display: block;
-    padding-top: 1rem;
-
-    @include landscape-tablets {
-      display: none;
-    }
-  }
-
-  &-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/PricingCard/PricingCard.scss

@@ -1,186 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.pricing-card {
-  position: relative;
-  max-width: 400px;
-  border: solid 1px transparent;
-  list-style: none;
-
-  &.--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);
-    }
-  }
-
-  &__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;
-
-      @include 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;
-
-      @include 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: '\2022';
-          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;
-
-      @include 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;
-
-    @include landscape-tablets {
-      max-width: unset;
-    }
-  }
-
-  &__button {
-    width: 100%;
-  }
-}