@npm_leadtech/legal-lib-components 5.2.22 → 5.2.31

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

@@ -1,9 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.richt-text-strapi {
-  & ul li,
-  ol li {
-    margin-bottom: 1rem;
-  }
-}

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

@@ -1,222 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.e-searchselect {
-  display: flex;
-  flex-direction: column-reverse;
-  margin-bottom: 2rem;
-  position: relative;
-  width: 100%;
-
-  @include laptop {
-    max-width: 50%;
-  }
-
-  &--error {
-    display: none;
-  }
-
-  &__inner {
-    margin-bottom: 0.5rem;
-
-    label {
-      font-weight: bold;
-    }
-  }
-
-  .css-1wy0on6 {
-    & div:not(:last-child):first-child {
-      display: none;
-    }
-  }
-
-  .css-1hb7zxy-IndicatorsContainer {
-    div:nth-child(1) {
-      display: none;
-    }
-  }
-
-  .css-1gtu0rj-indicatorContainer {
-    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCA4IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNjMuMSAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT41N0NBNzNCRi02MUNDLTQ2RkYtOEE5Qi1DMzMzRTQxQUZDMzA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjA2LDE2LjI5NSBMMTYsMTcuMjM1IEwxMiwyMS4yMzUgTDgsMTcuMjM1IEw4Ljk0LDE2LjI5NSBMMTIsMTkuMzQ4MzMzMyBMMTUuMDYsMTYuMjk1IFogTTEyLDIuMjk1IEwxNiw2LjI5NSBMMTUuMDYsNy4yMzUgTDEyLDQuMTgxNjY2NjcgTDguOTQsNy4yMzUgTDgsNi4yOTUgTDEyLDIuMjk1IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJVSS1TdHlsZS1HdWlkZS0tLUxEIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVUktU3R5bGUtR3VpZGUtLS1MYXdEaXN0cmljdC0wMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc2MS4wMDAwMDAsIC05NjYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL2V4cGFuZF9kcm9wZG93bl8yNHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NTMuMDAwMDAwLCA5NjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQm91bmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvciIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMUUyMDIxIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
-    background-repeat: no-repeat;
-    background-position: center center;
-    height: 30px;
-    width: 30px;
-
-    svg {
-      display: none;
-    }
-
-    &:not(:last-child):first-child {
-      display: none;
-    }
-  }
-
-  .css-tlfecz-indicatorContainer {
-    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCA4IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNjMuMSAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT41N0NBNzNCRi02MUNDLTQ2RkYtOEE5Qi1DMzMzRTQxQUZDMzA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjA2LDE2LjI5NSBMMTYsMTcuMjM1IEwxMiwyMS4yMzUgTDgsMTcuMjM1IEw4Ljk0LDE2LjI5NSBMMTIsMTkuMzQ4MzMzMyBMMTUuMDYsMTYuMjk1IFogTTEyLDIuMjk1IEwxNiw2LjI5NSBMMTUuMDYsNy4yMzUgTDEyLDQuMTgxNjY2NjcgTDguOTQsNy4yMzUgTDgsNi4yOTUgTDEyLDIuMjk1IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJVSS1TdHlsZS1HdWlkZS0tLUxEIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVUktU3R5bGUtR3VpZGUtLS1MYXdEaXN0cmljdC0wMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc2MS4wMDAwMDAsIC05NjYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL2V4cGFuZF9kcm9wZG93bl8yNHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NTMuMDAwMDAwLCA5NjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQm91bmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvciIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMUUyMDIxIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
-    background-repeat: no-repeat;
-    background-position: center center;
-    height: 30px;
-    width: 30px;
-
-    svg {
-      display: none;
-    }
-  }
-
-  .css-1u9des2-indicatorSeparator {
-    display: none;
-  }
-
-  .legal-selector {
-    display: flex;
-    flex-direction: column-reverse;
-    margin-bottom: 1rem;
-    position: relative;
-    border-radius: $global-border-radius;
-    transition: box-shadow 0.3s ease;
-    box-shadow: 0 0 0 1px get-color(neutral, neutral-3);
-    background-color: get-color(neutral, neutral-5);
-
-    .css-1hwfws3 {
-      height: 40px;
-    }
-
-    .css-yk16xz-control {
-      background-color: get-color(neutral, neutral-6);
-      border: none;
-    }
-
-    .css-1pahdxg-control {
-      outline: none;
-      border: none;
-      background-color: get-color(neutral, neutral-6);
-      box-shadow: 0 0 0 2px get-color(primary);
-    }
-
-    .css-1wa3eu0-placeholder {
-      font-size: 0.875rem;
-      color: get-color(neutral, neutral-2);
-    }
-
-    .css-26l3qy-menu {
-      border-radius: $global-border-radius;
-      box-shadow: $box-shadow-container;
-      font-size: 0.875rem;
-    }
-
-    .css-9gakcf-option {
-      background-color: get-color(neutral, neutral-6);
-      color: get-color(neutral, neutral-1);
-    }
-
-    .css-1uccc91-singleValue {
-      font-size: 0.875rem;
-      transition: all 0.3s ease;
-    }
-
-    .css-b8ldur-Input {
-      font-size: 0.875rem;
-    }
-
-    .css-1n7v3ny-option {
-      background-color: transparent;
-      &:hover {
-        background-color: get-color(neutral, neutral-4);
-      }
-    }
-
-    &:hover {
-      box-shadow: 0 0 0 1px get-color(neutral, neutral-2);
-    }
-
-    &:active,
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &.--group-invalid {
-    .legal-selector {
-      box-shadow: 0 0 0 1px get-color(error);
-    }
-
-    .css-yk16xz-control {
-      background-color: get-color(error, error-3);
-    }
-  }
-
-  &.--is-invalid {
-    .e-searchselect--error {
-      display: flex;
-      align-content: center;
-      position: absolute;
-      bottom: 0;
-      margin-top: 0.5rem;
-      color: get-color(error);
-
-      img {
-        max-width: 20px;
-        margin-right: 0.25rem;
-      }
-    }
-
-    .legal-selector {
-      box-shadow: 0 0 0 1px get-color(error);
-    }
-
-    .css-yk16xz-control {
-      background-color: get-color(error, error-3);
-    }
-  }
-}
-
-.searchselect__label {
-  color: get-color(neutral, neutral-1);
-}
-
-.searchselect--fullwidth {
-  max-width: 100%;
-}
-
-.search-select--bare {
-  margin-bottom: 0;
-
-  .legal-selector,
-  .e-searchselect__inner {
-    margin-bottom: 0;
-  }
-
-  .legal-selector,
-  .css-1pahdxg-control,
-  .css-yk16xz-control {
-    min-height: 42px;
-  }
-
-  .legal-selector {
-    margin-bottom: 0;
-  }
-}
-
-.search-select--small {
-  width: 5.5rem;
-
-  @include laptop {
-    max-width: 100%;
-  }
-}
-
-.mobile-select-container {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: 1.25rem;
-}
-
-.width {
-  width: 85%;
-
-  @include portrait-tablets {
-    width: 60%;
-  }
-}

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

@@ -1,48 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.show-more-box {
-  display: flex;
-  padding: 1rem;
-  flex-direction: column;
-  gap: $global-gap;
-  border-radius: $global-border-radius;
-  background: get-color(neutral, neutral-5);
-
-  .content {
-    color: get-color(neutral, neutral-1);
-    font-size: 12px;
-    line-height: 16px;
-    letter-spacing: -0.3px;
-
-    &.truncate {
-      display: -webkit-box;
-      -webkit-line-clamp: 4;
-      -webkit-box-orient: vertical;
-      overflow: hidden;
-    }
-  }
-
-  .button {
-    display: flex;
-    align-items: center;
-    align-self: stretch;
-    cursor: pointer;
-
-    div {
-      color: get-color(primary, main-light-1);
-      font-size: 14px;
-      line-height: 18px;
-      letter-spacing: -0.3px;
-    }
-
-    svg {
-      width: 20px;
-      height: 20px;
-
-      path {
-        fill: get-color(primary, main-light-1);
-      }
-    }
-  }
-}

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

@@ -1,90 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.sidemenu-tab {
-  padding: 1rem 0.5rem;
-  color: get-color(neutral, neutral-3);
-  background-color: transparent;
-  border: none;
-  outline: none;
-  width: 100%;
-  position: relative;
-  cursor: pointer;
-
-  svg {
-    margin-right: 1rem;
-
-    g g {
-      fill: get-color(neutral, neutral-3);
-    }
-  }
-
-  &--active {
-    border-left: 2px solid get-color(primary, main-light-3);
-    color: get-color(primary, main-light-3);
-    background-color: get-color(primary, main-dark-1);
-
-    p {
-      font-weight: bold;
-    }
-
-    svg g g {
-      fill: get-color(primary, main-light-3);
-    }
-  }
-
-  &__inner {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-
-  &--mobile {
-    background-color: transparent;
-    border: none;
-    outline: none;
-    width: 100%;
-    padding: 0;
-    position: relative;
-
-    .sans-serif.--medium {
-      font-size: 0.75rem;
-    }
-
-    &:hover {
-      cursor: pointer;
-    }
-
-    &.sidemenu-tab--active {
-      color: get-color(primary, main-light-1);
-      background-color: get-color(primary, main-light-5);
-
-      .sidemenu-tab__inner {
-        p {
-          font-weight: bold;
-        }
-
-        svg g g {
-          fill: get-color(primary, main-light-1);
-        }
-
-        svg g g use {
-          fill: get-color(primary, main-light-1);
-        }
-      }
-    }
-
-    .sidemenu-tab__inner {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-    }
-
-    svg {
-      margin-right: 0;
-      width: 16px;
-      g g use {
-        fill: get-color(neutral, neutral-2);
-      }
-    }
-  }
-}

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

@@ -1,31 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.e-spinner {
-  animation: rotate 2s linear infinite;
-  width: 24px;
-  height: 24px;
-
-  path {
-    fill: get-color(others, white);
-    stroke-linecap: round;
-    stroke-dasharray: 15, 150;
-  }
-}
-
-.e-spinner.big {
-  width: 70px;
-  height: 70px;
-}
-
-.spinner--neutral {
-  path {
-    fill: get-color(neutral, neutral-2);
-  }
-}
-
-.spinner--primary {
-  path {
-    fill: get-color(primary);
-  }
-}

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

@@ -1,27 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.step-ratafia-card {
-  display: flex;
-  padding: 1.5rem;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.5rem;
-  align-self: stretch;
-
-  border-radius: 4px;
-  background: get-color(neutral, neutral-6);
-
-  &__title {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    align-self: stretch;
-
-    color: get-color(neutral, neutral-1);
-
-    &__icon {
-      width: 20px;
-      height: 20px;
-    }
-  }
-}

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

@@ -1,22 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.tag-ratafia-item {
-  background: get-color(primary, main-light-6);
-  border-radius: 4px;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.25rem;
-
-  padding: 0.25rem 0.5rem;
-
-  &__icon {
-    height: 16px;
-    width: 16px;
-  }
-  &__description {
-    color: get-color(primary, main-dark-2);
-  }
-}

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

@@ -1,103 +0,0 @@
-@import '../../../globalStyles/variables';
-
-.e-textarea {
-  display: flex;
-  flex-direction: column-reverse;
-
-  textarea {
-    color: get-color(neutral, neutral-2);
-    background-color: get-color(neutral, neutral-6);
-    border-radius: 4px;
-    padding: 0.75rem 0 0.75rem 0.75rem;
-    font-size: 0.875rem;
-    height: 10rem;
-    border: none;
-    text-overflow: ellipsis;
-    transition: box-shadow 0.3s ease;
-    box-shadow: 0 0 0 1px get-color(neutral, neutral-3);
-    margin: 0.0005em;
-    outline: none;
-    resize: vertical;
-
-    &::placeholder {
-      color: get-color(neutral, neutral-2);
-    }
-
-    &:-ms-input-placeholder {
-      color: get-color(neutral, neutral-2);
-    }
-
-    &::-ms-input-placeholder {
-      color: get-color(neutral, neutral-2);
-    }
-
-    &:hover {
-      box-shadow: 0 0 0 1px get-color(neutral, neutral-2);
-    }
-
-    &:active,
-    &:focus {
-      box-shadow: 0 0 0 2px get-color(primary);
-      outline: none;
-    }
-  }
-
-  &.--group-invalid {
-    input {
-      box-shadow: 0 0 0 2px get-color(error);
-      background-color: get-color(error, error-3);
-
-      &:active,
-      &:focus {
-        box-shadow: 0 0 0 2px get-color(primary);
-        outline: none;
-        background-color: get-color(neutral, neutral-6);
-      }
-    }
-  }
-
-  &.--is-invalid {
-    .e-text--error {
-      display: flex;
-      align-content: center;
-      bottom: -1.5rem;
-      margin-top: 0.5rem;
-      color: get-color(error);
-
-      img {
-        max-width: 20px;
-        margin-right: 0.25rem;
-      }
-    }
-
-    textarea {
-      box-shadow: 0 0 0 2px get-color(error);
-      background-color: get-color(error, error-3);
-
-      &:active,
-      &:focus {
-        box-shadow: 0 0 0 2px get-color(primary);
-        outline: none;
-        background-color: get-color(neutral, neutral-6);
-      }
-    }
-  }
-
-  .input-icon {
-    position: absolute;
-    transform: translate(-15%, -65%);
-    right: 0;
-    bottom: 0;
-  }
-
-  &__inner {
-    margin-bottom: 0;
-  }
-
-  .inputLabel {
-    font-weight: bold;
-  }
-  .tooltip-form {
-    margin-top: 0;
-  }
-}

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

@@ -1,59 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.e-toggle {
-  display: flex;
-  align-items: center;
-  color: get-color(others, black);
-
-  .switch {
-    position: relative;
-    display: inline-block;
-    width: 60px;
-    height: 34px;
-    outline: none;
-  }
-
-  .switch input {
-    position: absolute;
-    top: -99999px;
-    left: -99999px;
-  }
-
-  .slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #ccc;
-    -webkit-transition: 0.4s;
-    transition: 0.4s;
-    border-radius: 34px;
-  }
-
-  .slider:before {
-    position: absolute;
-    content: '';
-    height: 26px;
-    width: 26px;
-    left: 4px;
-    bottom: 4px;
-    background-color: get-color(others, white);
-    transition: 0.4s;
-    border-radius: 50%;
-  }
-
-  input:checked + .slider {
-    background-color: green;
-  }
-
-  input:focus + .slider {
-    box-shadow: 0 0 1px green;
-  }
-
-  input:checked + .slider:before {
-    transform: translateX(26px);
-  }
-}

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

@@ -1,54 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.top-bar-wrapper {
-  display: none;
-  height: 35px;
-  overflow: hidden;
-  transition: all 0.6s ease;
-
-  &.--is-hidden {
-    height: 0;
-  }
-
-  @include landscape-tablets {
-    display: block;
-  }
-
-  @include mobile {
-    display: block;
-  }
-
-  .top-bar {
-    display: flex;
-    background-color: get-color(neutral, neutral-6);
-    font-size: 0.9rem;
-    letter-spacing: -0.3px;
-    width: 100%;
-    height: 100%;
-    justify-content: center;
-    align-items: flex-end;
-    border: 1px solid get-color(neutral, neutral-4);
-
-    @include mobile {
-      align-items: center;
-    }
-
-    &-content {
-      margin: 0 1rem 5px;
-      @include mobile {
-        margin: 0;
-      }
-
-      svg,
-      img {
-        vertical-align: middle;
-      }
-
-      img {
-        margin-right: 8px;
-        display: inherit;
-      }
-    }
-  }
-}