@npm_leadtech/legal-lib-components 5.7.8 → 5.9.0

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

@@ -1,93 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.ratafia-card {
-  display: flex;
-  flex-flow: column nowrap;
-  flex: 1;
-  gap: 0.5rem;
-  min-width: 320px;
-  padding: 1rem;
-  border-radius: $global-border-radius;
-
-  &__header {
-    display: flex;
-    flex-flow: row wrap;
-    align-items: center;
-    justify-content: space-between;
-    gap: 0.5rem 1rem;
-  }
-
-  &__title {
-    display: flex;
-    flex-flow: row nowrap;
-    align-items: center;
-    gap: 0.8rem;
-    font-weight: bold;
-  }
-
-  hr {
-    border: none;
-    border-top: 1px solid get-color(neutral, neutral-4);
-    width: 100%;
-  }
-
-  &__body {
-    display: flex;
-    flex-flow: column;
-    flex: 1;
-  }
-
-  &__feature {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: flex-start;
-    gap: 0.5rem;
-    color: get-color(neutral, neutral-1);
-    text-align: left;
-    padding: 0.25rem 0;
-
-    .icon-svg-with-theme-color {
-      flex-basis: 1rem;
-      margin-top: 0.2rem;
-    }
-
-    &.ratafia-card__ai-feature {
-      background-color: get-color(primary, main-light-6);
-      padding-left: 0.5rem;
-    }
-  }
-
-  &__footer {
-    display: flex;
-    margin-top: 1.5rem;
-  }
-
-  &.primary {
-    background-color: var(--neutral-neutral-6);
-
-    .icon-svg-with-theme-color {
-      background-color: get-color(primary, main-light-1);
-    }
-
-    .ratafia-card__feature {
-      &.ratafia-card__ai-feature {
-        background-color: get-color(primary, main-light-6);
-      }
-    }
-  }
-
-  &.secondary {
-    background-color: get-color(secondary, main-light-4);
-
-    .icon-svg-with-theme-color {
-      background-color: get-color(secondary, main-dark-2);
-    }
-
-    .ratafia-card__feature {
-      &.ratafia-card__ai-feature {
-        background-color: get-color(secondary, main-light-3);
-      }
-    }
-  }
-}

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

@@ -1,135 +0,0 @@
-@import '../../../globalStyles/functions';
-
-.snackbar {
-  color: var(--neutral-main);
-  line-height: 1.5;
-  margin-bottom: 1em;
-  padding: 0.5em 0 0.5em 0;
-  margin-right: 2%;
-  margin-left: 2%;
-  width: 96%;
-  transition: transform 1s;
-  z-index: 10000;
-  overflow: hidden;
-  border-radius: 4px;
-  box-shadow: var(--box-shadow-container);
-  font-size: 14px;
-
-  @include portrait-tablets {
-    margin: 0;
-    width: 18rem;
-  }
-  @include landscape-tablets {
-    width: 27rem;
-  }
-  @include laptop {
-    width: 36rem;
-  }
-
-  &:before {
-    content: '';
-    display: block;
-    width: 1.5rem;
-    height: 1.5rem;
-    float: left;
-    margin: space(5) space(3) 0 space(3);
-    @include portrait-tablets {
-      margin: space(3) space(3) 0 space(3);
-    }
-  }
-
-  &-close-icon {
-    cursor: pointer;
-    float: right;
-    font-size: 1.25rem;
-    line-height: 3;
-    margin-left: 1em;
-    margin-right: 1em;
-    opacity: 0.8;
-    @include portrait-tablets {
-      line-height: 2;
-    }
-  }
-
-  &--welcome {
-    background-color: var(--neutral-main);
-    color: var(--others-white);
-    border: 1px solid var(--neutral-neutral-2);
-
-    &:before {
-      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMjAgMkg0Yy0xLjEgMC0yIC45LTIgMnYxOGw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptMCAxNEg2bC0yIDJWNGgxNnYxMnpNNyA5aDJ2Mkg3Vjl6bTQgMGgydjJoLTJWOXptNCAwaDJ2MmgtMlY5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9InByZWZpeF9fYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjNUREOEMzIiBtYXNrPSJ1cmwoI3ByZWZpeF9fYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K)
-        no-repeat;
-    }
-  }
-
-  &--success {
-    background-color: var(--snackbar-success-bg);
-    color: var(--snackbar-success-color);
-    border: 1px solid var(--snackbar-success-border);
-
-    &:before {
-      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNOC44IDE1LjlMNC42IDExLjcgMy4yIDEzLjEgOC44IDE4LjcgMjAuOCA2LjcgMTkuNCA1LjN6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiLz4KICAgICAgICA8bWFzayBpZD0icHJlZml4X19iIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcHJlZml4X19hIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDxnIGZpbGw9IiMwMjM3NEEiIG1hc2s9InVybCgjcHJlZml4X19iKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=)
-        no-repeat;
-    }
-  }
-
-  &--error {
-    background-color: var(--error-main);
-    color: var(--others-white);
-    border: 1px solid get-color(error, error-2);
-
-    &:before {
-      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMTIgMkM2LjQ3IDIgMiA2LjQ3IDIgMTJzNC40NyAxMCAxMCAxMCAxMC00LjQ3IDEwLTEwUzE3LjUzIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6bS0xLTloMnY2aC0ydi02em0wLTRoMnYyaC0yVjd6IiAvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6IiAvPgogICAgICAgIDxtYXNrIGlkPSJwcmVmaXhfX2IiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2EiIC8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjcHJlZml4X19hIiAvPgogICAgICAgIDxnIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjcHJlZml4X19iKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiIC8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
-        no-repeat;
-    }
-  }
-
-  &--reminder {
-    background-color: var(--snackbar-reminder-bg);
-    color: var(--neutral-main);
-    border: 1px solid var(--snackbar-reminder-border);
-
-    &:before {
-      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMjAgMkg0Yy0xLjEgMC0yIC45LTIgMnYxOGw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptMCAxNEg2bC0yIDJWNGgxNnYxMnpNNyA5aDJ2Mkg3Vjl6bTQgMGgydjJoLTJWOXptNCAwaDJ2MmgtMlY5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9InByZWZpeF9fYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjOTM2QzJGIiBtYXNrPSJ1cmwoI3ByZWZpeF9fYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K)
-        no-repeat;
-    }
-  }
-
-  &-content {
-    display: flex;
-    flex-direction: column;
-
-    &__text-container {
-      display: flex;
-      flex-direction: column;
-      margin-right: 1rem;
-      min-width: 1%;
-    }
-
-    &__button button {
-      margin-top: 0.5rem;
-      height: auto !important;
-
-      label {
-        white-space: nowrap;
-      }
-    }
-
-    @include landscape-tablets {
-      flex-direction: row;
-      margin-top: inherit;
-    }
-  }
-
-  &-title {
-    font-weight: bold;
-  }
-
-  .e-button.remove-yellow {
-    border-color: transparent;
-
-    &:hover {
-      background-color: var(--others-white);
-    }
-  }
-}

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

@@ -1,5 +0,0 @@
-.tag-ratafia-list {
-  display: flex;
-  align-items: flex-start;
-  gap: 1rem;
-}

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

@@ -1,14 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.trustworthy-websites {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-
-  &__image {
-    margin: 1.5rem;
-    max-width: 7rem;
-  }
-}

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

@@ -1,63 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.upload-ratafia-zone {
-  padding: 1rem;
-
-  border-radius: 24px;
-  background: rgba(255, 255, 255, 0.4);
-  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
-
-  @include landscape-tablets {
-    max-width: 340px;
-  }
-  @include laptop {
-    max-width: 560px;
-  }
-
-  &__content {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    text-align: center;
-    align-items: center;
-    flex: 1 0 0;
-    align-self: stretch;
-
-    padding: 3.5rem 2rem 1rem 2rem;
-
-    border-radius: 16px;
-    background: var(--neutral-neutral-6);
-    color: var(--neutral-neutral-3);
-
-    &__title {
-      margin-bottom: 2.5rem;
-    }
-    &__cta {
-      display: flex;
-      padding: 0.75rem 1rem;
-      justify-content: center;
-      align-items: center;
-      gap: 0.5rem;
-
-      &__icon {
-        width: 24px;
-        height: 24px;
-      }
-    }
-    &__description {
-      margin-top: 3.5rem;
-      margin-bottom: 1rem;
-    }
-    &__service-terms {
-      a {
-        color: var(--neutral-neutral-3);
-        text-decoration: underline;
-      }
-    }
-  }
-
-  &:hover .upload-ratafia-zone__content__title {
-    color: var(--neutral-main);
-  }
-}

package/dist/src/components/sections/BlogSection/BlogSection.scss

@@ -1,54 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.blog {
-  text-align: center;
-  margin: 0 auto 3rem;
-  padding: 0 1rem;
-  max-width: $md;
-
-  @include laptop {
-    padding: 0;
-  }
-  @include desktop {
-    max-width: $lg;
-  }
-
-  .blog__description {
-    font-family: $font-sans;
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 22px;
-    letter-spacing: -0.3px;
-    text-align: left;
-    color: #6d7275;
-    margin: 1rem 0 1.5rem 0;
-  }
-
-  .blog__title {
-    color: var(--primary-main-dark-1);
-
-    @include laptop {
-      margin-bottom: 3rem;
-    }
-
-    &.category-product-title {
-      margin-bottom: 0;
-      font-family: $font-sans;
-      font-size: 28px;
-      font-weight: 700;
-      line-height: 32px;
-      letter-spacing: -0.3px;
-      text-align: left;
-    }
-  }
-
-  .cta-button {
-    width: 100%;
-    margin-top: 3rem;
-    display: inline-block;
-    @include landscape-tablets {
-      width: auto;
-    }
-  }
-}