@npm_leadtech/legal-lib-components 5.2.7 → 5.2.8

package/dist/src/components/atoms/FormFaq/FormFaq.scss

@@ -1,72 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.form-faq {
-  display: flex;
-  position: relative;
-  cursor: default;
-
-  &::before {
-    content: '\2022';
-    color: get-color(secondary, main-dark-2);
-    margin-right: 0.25rem;
-    margin-top: 0.2rem;
-  }
-
-  &__container {
-    padding-top: 0.25rem;
-    @media (hover: hover) {
-      &:hover > .form-faq__answer {
-        display: flex;
-      }
-    }
-
-    &:hover,
-    &.active {
-      .form-faq__answer {
-        display: block;
-      }
-    }
-  }
-
-  &__title {
-    display: inline-block;
-    color: get-color(neutral, neutral-1);
-    padding: 0.25rem;
-    transition: background-color 0.3s ease;
-    &:hover {
-      background-color: get-color(secondary, main-light-4);
-    }
-  }
-
-  &__answer {
-    display: none;
-    background: get-color(neutral, neutral-1);
-    position: absolute;
-    border-radius: $global-border-radius;
-    top: 0;
-    transform: translateY(-100%);
-    color: get-color(others, white);
-    padding: 0.75rem;
-    width: 100%;
-    max-width: 600px;
-    white-space: pre-wrap;
-    &:hover {
-      display: flex;
-    }
-
-    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-      left: 2rem;
-    }
-
-    &:before {
-      position: absolute;
-      content: '';
-      width: 0;
-      height: 0;
-      border-left: 1rem solid transparent;
-      border-right: 1rem solid transparent;
-      bottom: -0.35rem;
-      border-top: 1rem solid get-color(neutral, neutral-1);
-    }
-  }
-}

package/dist/src/components/atoms/IconSvgURLWithThemeColor/IconSvgURLWithThemeColor.scss

@@ -1,6 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.icon-svg-with-theme-color {
-  display: block;
-  background-color: get-color(primary);
-}

package/dist/src/components/atoms/IconTextInfoSection/IconTextInfoSection.scss

@@ -1,80 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.icon-text-info-section {
-  &__separator {
-    background-color: get-color(neutral, neutral-3);
-    border-bottom: 1px get-color(neutral, neutral-3) solid;
-    display: none;
-    height: 70px;
-    padding-bottom: 40px;
-    width: 1px;
-
-    @include laptop {
-      margin: 0 32px;
-    }
-
-    @include portrait-tablets {
-      display: flex;
-    }
-
-    @include mobile {
-      margin: 19.2px 32px;
-    }
-  }
-}
-
-.icon-text-info-section.bottom-side {
-  display: flex;
-  flex-direction: column;
-  background-color: get-color(neutral, neutral-4);
-  justify-content: center;
-  padding: 1rem 3rem;
-
-  @include portrait-tablets {
-    padding: 0;
-    flex-direction: row;
-  }
-
-  @include portrait-tablets {
-    padding: 1rem 1rem;
-  }
-
-  .box {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    margin: 0;
-
-    @include mobile {
-      margin: 0.4rem;
-    }
-
-    @include portrait-tablets {
-      margin: 0 1rem;
-    }
-  }
-
-  .item-image {
-    width: 2.5rem;
-    margin-right: 1rem;
-
-    @include mobile {
-      width: 1.5rem;
-    }
-
-    .image {
-      width: 40px;
-      height: 40px;
-
-      @include mobile {
-        width: 24px;
-        height: 24px;
-      }
-    }
-  }
-
-  .item-text {
-    font-size: 16px;
-  }
-}

package/dist/src/components/atoms/InfoBox/InfoBox.scss

@@ -1,40 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.info-box {
-  border-radius: $global-border-radius;
-  border: 1px solid;
-  padding: 1rem;
-  display: flex;
-  flex-direction: row;
-
-  &.error {
-    border-color: get-color(error, main);
-    color: get-color(error, main);
-    background-color: get-color(error, error-3);
-    use {
-      fill: get-color(error, main);
-    }
-  }
-
-  &.warning {
-    border-color: get-color(secondary, main-dark-1);
-    color: get-color(secondary, main-dark-2);
-    background-color: get-color(secondary, main-light-4);
-    use {
-      fill: get-color(secondary, main-dark-1);
-    }
-  }
-
-  .info-box__img {
-    width: 1.5rem;
-    height: 1.5rem;
-  }
-
-  .info-box__text-container {
-    margin-left: 0.5rem;
-
-    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-      margin-left: 1.5rem;
-    }
-  }
-}

package/dist/src/components/atoms/JumbotronStatic/JumbotronStatic.scss

@@ -1,8 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.jumbotron--static {
-  text-align: center;
-  margin: 0 auto;
-  background-color: get-color(primary, main-light-6);
-  padding: 2.5rem 1rem 4rem;
-}

package/dist/src/components/atoms/KeyFactRatafiaCard/KeyFactRatafiaCard.scss

@@ -1,38 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.key-fact-item {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  align-self: stretch;
-
-  background: get-color(neutral, neutral-6);
-
-  &__wrapper {
-    display: flex;
-    flex-direction: column;
-
-    margin-bottom: 1rem;
-    gap: 1rem;
-
-    &__title {
-      color: get-color(neutral, neutral-1);
-      background: get-color(neutral, neutral-6);
-      position: sticky;
-      top: 0;
-
-      margin-top: 1rem;
-    }
-
-    &__content {
-      color: get-color(neutral, neutral-1);
-      overflow-y: auto;
-    }
-  }
-  &__divider {
-    height: 1px;
-    align-self: stretch;
-    background: get-color(neutral, neutral-4);
-  }
-}

package/dist/src/components/atoms/LogoText/LogoText.scss

@@ -1,34 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.logo-text {
-  display: flex;
-  align-items: flex-start;
-
-  img {
-    align-items: center;
-    margin-right: 1.5rem;
-    margin-bottom: 0;
-  }
-
-  p {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    margin-bottom: 0;
-    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-      width: 17rem;
-      @include mobile {
-        width: 17rem;
-      }
-
-      @include portrait-tablets {
-        width: 10rem;
-      }
-
-      @include landscape-tablets {
-        width: 17rem;
-      }
-    }
-  }
-}

package/dist/src/components/atoms/MenuItems/MenuItems.scss

@@ -1,70 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.menu-items {
-  &__spacing {
-    .menu-items__item:not(:last-child) {
-      margin-bottom: 0.5rem;
-    }
-  }
-
-  &__bullets {
-    list-style-position: inside;
-    list-style-type: disc;
-  }
-
-  &__item {
-    transition: background-color 0.3s ease;
-    border-radius: $global-border-radius;
-    padding: 0.25rem 0.5rem;
-
-    svg {
-      vertical-align: bottom;
-      width: 1.5rem;
-      margin-right: 0.5rem;
-
-      @include portrait-tablets {
-        width: 1rem;
-      }
-
-      > g > g {
-        fill: get-color(neutral, neutral-1);
-      }
-
-      #color-bin {
-        fill: get-color(neutral, neutral-1);
-      }
-    }
-
-    &.active {
-      color: get-color(primary, main-light-1);
-      font-weight: 700;
-      background-color: get-color(primary, main-light-5);
-    }
-
-    &.inactive {
-      color: get-color(neutral, neutral-2);
-      font-weight: 400;
-    }
-
-    &.disabled {
-      color: get-color(neutral, neutral-3);
-      svg > g > g {
-        fill: get-color(neutral, neutral-3);
-      }
-    }
-
-    &:not(.disabled):hover {
-      background-color: get-color(primary, main-light-5);
-      cursor: pointer;
-      svg > g > g {
-        transition: all 0.3s ease;
-        fill: get-color(primary);
-      }
-    }
-
-    a {
-      display: flex;
-    }
-  }
-}

package/dist/src/components/atoms/Message/Message.scss

@@ -1,31 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.e-message {
-  &-error {
-    box-shadow: 0 0 0 1px #d63837;
-    background-color: #ffecee;
-    padding: 10px;
-    color: #d63837;
-    border-radius: 5px;
-    font-family: $font-sans;
-  }
-
-  &-success {
-    box-shadow: 0 0 0 1px #5aa900;
-    background-color: #e6ffe1;
-    padding: 10px;
-    color: #5aa900;
-    border-radius: 5px;
-    font-family: $font-sans;
-  }
-
-  &-neutral {
-    box-shadow: 0 0 0 1px #beebe9;
-    background-color: #e1f2fb;
-    padding: 10px;
-    color: #2a8aeb;
-    border-radius: 5px;
-    font-family: $font-sans;
-  }
-}

package/dist/src/components/atoms/MessageInformation/MessageInformation.scss

@@ -1,51 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.message-information {
-  display: flex;
-  justify-content: center;
-  border-radius: 4px;
-  background: get-color(secondary, main-light-4);
-  padding: 8px;
-
-  @include laptop {
-    justify-content: flex-start;
-  }
-
-  &.text-center {
-    justify-content: center;
-  }
-
-  &__icon {
-    width: 24px;
-    fill: get-color(secondary, main-dark-1);
-    margin-right: 8px;
-
-    &.hide {
-      display: none;
-    }
-
-    svg {
-      display: block;
-    }
-  }
-
-  &__text {
-    font-size: 0.875rem;
-    letter-spacing: -0.3px;
-    padding-top: 1px;
-    text-align: left;
-
-    @include landscape-tablets {
-      text-align: center;
-    }
-
-    &__time {
-      font-weight: 600;
-
-      &.regular {
-        font-weight: 400;
-      }
-    }
-  }
-}

package/dist/src/components/atoms/MoreDocsItem/MoreDocsItem.scss

@@ -1,44 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.more-docs-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 8px;
-  gap: 10px;
-  border-radius: $global-border-radius;
-  text-decoration: none;
-
-  &:hover {
-    background-color: get-color(primary, main-light-5);
-  }
-
-  .category-icon {
-    margin: 0 1rem 0 1.3rem;
-    svg {
-      fill: get-color(primary, main);
-    }
-  }
-
-  .texts {
-    display: flex;
-    flex-direction: column;
-    gap: calc($global-gap / 2);
-    text-align: left;
-    padding-left: 1rem;
-
-    .title {
-      line-height: 22px;
-      letter-spacing: -0.3px;
-      color: get-color(neutral, neutral-1);
-      padding-right: 0.5rem;
-    }
-
-    .description {
-      font-size: 12px;
-      line-height: 16px;
-      letter-spacing: -0.3px;
-      color: get-color(neutral, neutral-2);
-    }
-  }
-}

package/dist/src/components/atoms/NavMenuItem/NavMenuItem.scss

@@ -1,60 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.nav-menu-item {
-  border-radius: $global-border-radius;
-  position: relative;
-  width: fit-content;
-
-  .title {
-    position: relative;
-  }
-
-  .e-button {
-    display: flex;
-    flex-flow: row nowrap;
-    gap: 0.1rem;
-    padding: 0.25rem 0.5rem;
-    border: 0;
-  }
-
-  .list {
-    border-radius: $global-border-radius;
-    padding: 0.5rem;
-    margin-top: 0.5rem;
-    display: flex;
-    visibility: hidden;
-    opacity: 0;
-    background: get-color(others, white);
-    transition: all 0.1s ease;
-    box-shadow: $box-shadow-medium;
-    min-width: max-content;
-    flex-flow: column wrap;
-    position: absolute;
-    left: 0;
-
-    .item-list:hover {
-      background-color: get-color(primary, main-light-5);
-    }
-  }
-
-  &:hover {
-    .title {
-      &:after {
-        display: block;
-      }
-    }
-
-    .list {
-      opacity: 1;
-      z-index: 11;
-      margin-top: 0.8rem;
-      visibility: visible;
-      transition: all 0.4s ease;
-    }
-  }
-
-  @include laptop {
-    display: block;
-  }
-}

package/dist/src/components/atoms/PaypalButton/PaypalButton.scss

@@ -1,5 +0,0 @@
-.paypal-button {
-  padding: 0;
-  border: none;
-  cursor: pointer;
-}

package/dist/src/components/atoms/ProgressBar/ProgressBar.scss

@@ -1,24 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.progress__wrapper {
-  position: absolute;
-  width: 100%;
-  top: 5.25rem;
-  left: 0;
-  height: 0.25rem;
-}
-
-.progressbar {
-  height: 100%;
-  background: get-color(primary);
-  transition: width 0.3s ease;
-  will-change: width;
-}
-.progressbar__remain {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: get-color(primary, main-light-5);
-  z-index: -1;
-  transform: translateY(-100%);
-}

package/dist/src/components/atoms/RemoveButton/RemoveButton.scss

@@ -1,43 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.e-removeButton {
-  display: inline-block;
-
-  &__inner {
-    display: inline-block;
-    margin-top: 1rem;
-    color: get-color(error);
-
-    border-radius: $global-border-radius;
-    transition: all 0.3s ease;
-
-    label {
-      display: flex;
-      flex-basis: 100%;
-      align-items: center;
-      position: relative;
-      border: 1px solid get-color(error);
-      border-radius: 4px;
-      cursor: pointer;
-      padding: 0.75rem 1rem;
-    }
-
-    &:hover {
-      background-color: get-color(error, error-3);
-    }
-  }
-
-  input {
-    position: absolute;
-    left: -9999px;
-
-    &:checked + label {
-      border-radius: $global-border-radius;
-    }
-
-    & + label {
-      font-weight: bold;
-    }
-  }
-}

package/dist/src/components/atoms/ReviewKeyFactsResultRatafia/ReviewKeyFactsResultRatafia.scss

@@ -1,54 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.review-key-facts-result {
-  &__review {
-    display: flex;
-    justify-content: start;
-    align-items: center;
-    gap: 1rem;
-
-    border-radius: 4px;
-    background: get-color(others, white);
-
-    &__question {
-      color: get-color(neutral, neutral-1);
-      font-size: 0.75rem;
-      @include portrait-tablets {
-        font-size: 0.875rem;
-      }
-    }
-
-    &__buttons {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      gap: 0.5rem;
-
-      &__item {
-        display: flex;
-        padding: 0.25rem 0.5rem;
-        justify-content: center;
-        align-items: center;
-        gap: 0.25rem;
-        flex: 1 0 0;
-
-        border: none;
-        border-radius: 4px;
-        background: get-color(neutral, neutral-6);
-
-        cursor: pointer;
-
-        &__icon {
-          width: 14px;
-        }
-        .positive {
-          color: get-color(primary, main);
-        }
-        .negative {
-          color: get-color(error, main);
-        }
-      }
-    }
-  }
-}

package/dist/src/components/atoms/RichTextInner/RichTextInner.scss

@@ -1,34 +0,0 @@
-.rich-text {
-  & > p {
-    margin-bottom: 1rem;
-  }
-  & p {
-    & > a {
-      text-decoration: underline;
-    }
-  }
-
-  p + h1,
-  p + h2,
-  p + h3,
-  p + h4,
-  p + h5,
-  p + h6 {
-    margin-top: 2.5rem;
-  }
-
-  ul + p,
-  ol + p,
-  ul + h1,
-  ul + h2,
-  ul + h3,
-  ul + h4,
-  ul + h5,
-  ul + h6 {
-    margin-top: 2rem;
-  }
-
-  .scroll-top-anchor {
-    cursor: pointer;
-  }
-}