@npm_leadtech/legal-lib-components 5.2.24 → 5.2.31

package/dist/src/components/organisms/CookiePolicyBar/CookiePolicyBar.scss

@@ -16,7 +16,7 @@
   width: 100%;
   padding: 0 1.5rem 1rem;
   background-color: black;
-  color: get-color(others, white);
+  color: var(--others-white);
 
   @include portrait-tablets {
     flex-direction: row;
@@ -41,7 +41,7 @@
 
   a {
     text-decoration: underline;
-    color: get-color(others, white);
+    color: var(--others-white);
   }
 
   &.m-richText p {

package/dist/src/components/organisms/ErrorContentRatafia/ErrorContentRatafia.scss

@@ -3,7 +3,7 @@
 
 .error-content-ratafia {
   width: 100%;
-  color: get-color(neutral, neutral-2);
+  color: var(--neutral-neutral-2);
   &__title {
     font-size: 1rem;
     padding-bottom: 1rem;

package/dist/src/components/organisms/FaqGroup/FaqGroup.scss

@@ -7,7 +7,7 @@
   gap: 32px;
 
   .title {
-    color: get-color(neutral, neutral-1);
+    color: var(--neutral-neutral-1);
     font-size: 28px;
     line-height: 32px;
     letter-spacing: -0.3px;
@@ -16,7 +16,7 @@
   .faqs {
     display: flex;
     flex-direction: column;
-    gap: $global-gap;
+    gap: var(--global-gap);
     width: 100%;
   }
 }

package/dist/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContent.scss

@@ -18,11 +18,11 @@
 
     &__text {
       align-self: stretch;
-      color: get-color(neutral, neutral-1);
+      color: var(--neutral-neutral-1);
     }
     &__description {
       align-self: stretch;
-      color: get-color(neutral, neutral-1);
+      color: var(--neutral-neutral-1);
     }
   }
 }

package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.scss

@@ -21,7 +21,7 @@
     justify-content: center;
     margin-bottom: 1rem;
     margin-right: 0;
-    color: get-color(neutral, neutral-1);
+    color: var(--neutral-neutral-1);
     font-style: normal;
     font-weight: 400;
     letter-spacing: -0.3px;
@@ -32,7 +32,7 @@
     }
 
     &__title {
-      font-family: $font-serif;
+      font-family: var(--font-serif);
       margin-bottom: 2rem;
       text-align: center;
       font-size: 32px;
@@ -47,12 +47,12 @@
     }
 
     &__body {
-      font-family: $font-sans;
+      font-family: var(--font-sans);
       font-size: 16px;
       line-height: 22px;
 
       a {
-        color: get-color(primary, main-light-1);
+        color: var(--primary-main-light-1);
         font-weight: 400 !important;
       }
     }

package/dist/src/components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContent.scss

@@ -12,17 +12,17 @@
       line-height: 2.25rem;
       font-size: 2rem;
       font-family: 'Inter', sans-serif;
-      color: get-color(others, white);
+      color: var(--others-white);
 
       &__icon {
         padding: 0 0.6rem;
         border-radius: 4px;
-        color: get-color(primary, main-dark-2);
+        color: var(--primary-main-dark-2);
         background: get-color(secondary, main-light-2);
       }
     }
   }
   &__description {
-    color: get-color(others, white);
+    color: var(--others-white);
   }
 }

package/dist/src/components/organisms/KeyFactsLoadingContentRatafia/KeyFactsLoadingContentRatafia.scss

@@ -10,7 +10,7 @@
   gap: 1rem;
 
   &__document-name {
-    color: get-color(neutral, neutral-2);
+    color: var(--neutral-neutral-2);
     font-size: 1rem;
     @include portrait-tablets {
       font-size: 1.125rem;
@@ -27,9 +27,9 @@
     overflow: hidden;
 
     border-radius: 4px;
-    border-top: 4px solid get-color(neutral, neutral-6);
-    border-bottom: 4px solid get-color(neutral, neutral-6);
-    background: get-color(neutral, neutral-6);
+    border-top: 4px solid var(--neutral-neutral-6);
+    border-bottom: 4px solid var(--neutral-neutral-6);
+    background: var(--neutral-neutral-6);
 
     @include portrait-tablets {
       height: 490px;
@@ -45,9 +45,9 @@
 
       padding: 2rem 0;
 
-      border-bottom: 1px solid get-color(neutral, neutral-4);
+      border-bottom: 1px solid var(--neutral-neutral-4);
       &__loader {
-        background: get-color(neutral, neutral-4);
+        background: var(--neutral-neutral-4);
         border-radius: 16px;
       }
       .item-1 {
@@ -115,13 +115,13 @@
     gap: 0.5rem;
 
     border-radius: 4px;
-    background: get-color(secondary, main-light-4);
+    background: var(--secondary-main-light-4);
 
     &__icon img {
       width: 24px;
     }
     &__text {
-      color: get-color(neutral, neutral-1);
+      color: var(--neutral-neutral-1);
     }
   }
 }

package/dist/src/components/organisms/KeyFactsResultContentRatafia/KeyFactsResultContentRatafia.scss

@@ -11,7 +11,7 @@
   gap: 1rem;
 
   &__document-name {
-    color: get-color(neutral, neutral-2);
+    color: var(--neutral-neutral-2);
     font-size: 1rem;
     @include portrait-tablets {
       font-size: 1.125rem;

package/dist/src/components/organisms/LanguageSelectorMobile/LanguageSelectorMobile.scss

@@ -7,11 +7,11 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    background-color: get-color(primary, main-dark-1);
+    background-color: var(--primary-main-dark-1);
     border: 0;
 
     .language {
-      color: get-color(others, white);
+      color: var(--others-white);
     }
 
     .chevron-expand-more {
@@ -40,11 +40,11 @@
     .option {
       display: flex;
       padding: 0.5rem 1rem;
-      background-color: get-color(neutral, neutral-6);
+      background-color: var(--neutral-neutral-6);
     }
 
     .language {
-      color: get-color(neutral, neutral-1);
+      color: var(--neutral-neutral-1);
     }
   }
 

package/dist/src/components/organisms/LayoutRatafia/LayoutRatafia.scss

@@ -24,7 +24,7 @@
     height: calc(100vh - 5.125rem);
 
     border-radius: 16px 16px 0 0;
-    background: get-color(others, white);
+    background: var(--others-white);
     box-shadow: $box-shadow-small;
 
     @include portrait-tablets {
@@ -79,7 +79,7 @@
       padding: 1.5rem;
 
       width: 100vw;
-      background: get-color(others, white);
+      background: var(--others-white);
       @include portrait-tablets {
         display: none;
       }

package/dist/src/components/organisms/LoginRatafiaContent/LoginRatafiaContent.scss

@@ -5,7 +5,7 @@
   width: 100%;
   &__title {
     font-size: 1rem;
-    color: get-color(neutral, neutral-2);
+    color: var(--neutral-neutral-2);
     padding-bottom: 1rem;
   }
   &__email {

package/dist/src/components/organisms/MobileBottomBar/MobileBottomBar.scss

@@ -2,7 +2,7 @@
 @import '../../../globalStyles/mediaqueries.scss';
 
 .mobile-bottom-bar {
-  background: get-color(others, white);
+  background: var(--others-white);
   position: fixed;
   display: flex;
   flex-direction: row;
@@ -10,7 +10,7 @@
   bottom: 0;
   height: 3.25rem;
   width: 100%;
-  box-shadow: $box-shadow-container;
+  box-shadow: var(--box-shadow-container);
   z-index: 1;
 
   @include portrait-tablets {
@@ -31,8 +31,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: get-color(primary);
-    border-color: get-color(primary);
+    background-color: var(--primary-main);
+    border-color: var(--primary-main);
 
     &:hover {
       cursor: pointer;

package/dist/src/components/organisms/StepsRatafiaContent/StepsRatafiaContent.scss

@@ -7,6 +7,6 @@
   gap: 1.5rem;
 
   &__title {
-    color: get-color(neutral, neutral-1);
+    color: var(--neutral-neutral-1);
   }
 }

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.scss

@@ -9,7 +9,7 @@
     justify-content: center;
     margin-bottom: 1rem;
     margin-right: 0;
-    color: get-color(neutral, neutral-1);
+    color: var(--neutral-neutral-1);
     font-style: normal;
     font-weight: 400;
     letter-spacing: -0.3px;
@@ -20,7 +20,7 @@
     }
 
     &__title {
-      font-family: $font-serif;
+      font-family: var(--font-serif);
       font-size: 32px;
       line-height: 42px;
       margin-bottom: 2rem;
@@ -33,12 +33,12 @@
     }
 
     &__body {
-      font-family: $font-sans;
+      font-family: var(--font-sans);
       font-size: 16px;
       line-height: 22px;
 
       a {
-        color: get-color(primary, main-light-1);
+        color: var(--primary-main-light-1);
         font-weight: 400 !important;
       }
     }

package/dist/src/components/pages/ErrorRatafiaPage/ErrorRatafiaPage.scss

@@ -8,7 +8,7 @@
   flex: 1 0 0;
   align-self: stretch;
   gap: 1.5rem;
-  background-color: get-color(neutral, neutral-6);
+  background-color: var(--neutral-neutral-6);
 
   &__ctas {
     text-align: center;

package/dist/src/components/pages/FaqsPage/FaqsPage.scss

@@ -8,15 +8,15 @@
     flex-direction: column;
     align-items: center;
     gap: 8px;
-    background: get-color(primary, main-light-6);
+    background: var(--primary-main-light-6);
 
     @include landscape-tablets {
       padding: 40px 32px 80px 32px;
     }
 
     .title {
-      color: get-color(neutral, neutral-2);
-      font-family: $font-sans;
+      color: var(--neutral-neutral-2);
+      font-family: var(--font-sans);
       font-size: 14px;
       line-height: 18px;
       letter-spacing: -0.3px;
@@ -26,8 +26,8 @@
     }
 
     .subtitle {
-      color: get-color(neutral, main);
-      font-family: $font-serif;
+      color: var(--neutral-main);
+      font-family: var(--font-serif);
       font-size: 36px;
       line-height: 48px;
       font-weight: 400;
@@ -44,13 +44,13 @@
     display: flex;
     flex-direction: row;
     padding: 32px 24px;
-    gap: $global-gap;
-    background: get-color(primary, main-light-6);
+    gap: var(--global-gap);
+    background: var(--primary-main-light-6);
     justify-content: center;
 
     @include mobile {
       flex-direction: column;
-      gap: $global-gap * 3;
+      gap: calc(1rem * 3);
     }
 
     @include landscape-tablets {

package/dist/src/components/pages/KeyFactsResultRatafiaPage/KeyFactsResultRatafiaPage.scss

@@ -2,7 +2,7 @@
 @import '../../../globalStyles/mediaqueries.scss';
 
 .key-facts-result-page {
-  background-color: get-color(neutral, neutral-6);
+  background-color: var(--neutral-neutral-6);
   &__content {
     display: flex;
     flex-direction: column;

package/dist/src/components/pages/LoginRatafiaPage/LoginPageRatafia.scss

@@ -2,7 +2,7 @@
 @import '../../../globalStyles/mediaqueries.scss';
 
 .login-ratafia-page {
-  background-color: get-color(neutral, neutral-6);
+  background-color: var(--neutral-neutral-6);
   &__ctas {
     text-align: center;
     &__button {
@@ -14,7 +14,7 @@
       &__button {
         background: none;
         border: none;
-        color: get-color(primary, main);
+        color: var(--primary-main);
         text-decoration: underline;
         cursor: pointer;
       }

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

@@ -3,7 +3,7 @@
 
 .about-us-section {
   padding-top: 1.125rem;
-  background: get-color(primary, main-light-6);
+  background: var(--primary-main-light-6);
   margin-bottom: 3rem;
 
   @include laptop {
@@ -18,10 +18,10 @@
       font-size: 0.8rem;
       line-height: 1.2;
       font-weight: 700;
-      font-family: $font-sans;
-      color: get-color(neutral, neutral-2);
+      font-family: var(--font-sans);
+      color: var(--neutral-neutral-2);
       padding-bottom: 0.5rem;
-      border-bottom: 1px solid get-color(neutral, neutral-3);
+      border-bottom: 1px solid var(--neutral-neutral-3);
     }
   }
 
@@ -32,8 +32,8 @@
     line-height: 1.2;
     letter-spacing: -0.4px;
     font-weight: 400;
-    font-family: $font-serif;
-    color: get-color(neutral, neutral-1);
+    font-family: var(--font-serif);
+    color: var(--neutral-neutral-1);
 
     @include landscape-tablets {
       font-size: 2.3rem;

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

@@ -22,9 +22,10 @@
     }
 
     &__title {
+      color: var(--neutral-neutral-2);
       text-align: center;
       font-size: 32px;
-      font-family: $font-serif;
+      font-family: var(--font-serif);
       font-style: normal;
       font-weight: 400;
       line-height: 42px;

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

@@ -2,7 +2,7 @@
 
 .asideMenu {
   .title {
-    color: get-color(neutral, neutral-1);
+    color: var(--neutral-neutral-1);
     font-weight: bold;
     padding-bottom: 1rem;
     border-bottom: get-color(neutral, neutral-4) 1px solid;
@@ -17,7 +17,7 @@
   }
 
   .navItem {
-    color: get-color(neutral, neutral-1);
+    color: var(--neutral-neutral-1);
     font-size: 14px;
     line-height: 18px;
     letter-spacing: -0.3px;
@@ -32,7 +32,7 @@
     &.inView {
       span,
       a {
-        color: get-color(primary, main);
+        color: var(--primary-main);
         font-weight: 700;
       }
     }

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

@@ -47,10 +47,10 @@
       gap: 1rem;
 
       &__text {
-        color: get-color(others, white);
+        color: var(--others-white);
       }
       &__description {
-        color: get-color(others, white);
+        color: var(--others-white);
       }
     }
   }

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

@@ -15,7 +15,7 @@
   }
 
   .blog__title {
-    color: get-color(primary, main-dark-1);
+    color: var(--primary-main-dark-1);
 
     @include laptop {
       margin-bottom: 3rem;

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

@@ -2,7 +2,7 @@
 @import '../../../globalStyles/mediaqueries.scss';
 
 .contact-container {
-  background-color: get-color(primary, main-light-6);
+  background-color: var(--primary-main-light-6);
 
   span > a {
     text-decoration: underline;
@@ -42,7 +42,7 @@
   .contact-right-container {
     display: flex;
     justify-content: flex-start;
-    background-color: get-color(primary, main-light-6);
+    background-color: var(--primary-main-light-6);
     margin-bottom: 2.5rem;
     width: 100%;
 

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

@@ -5,11 +5,11 @@
   display: flex;
   justify-content: center;
   flex-direction: column;
-  background-color: get-color(primary, main-light-6);
+  background-color: var(--neutral-neutral-6);
   margin-bottom: 4rem;
 
   &__title {
-    font-family: $font-serif;
+    font-family: var(--font-serif);
     font-size: 32px;
     font-weight: 400;
     line-height: 42px;

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

@@ -17,7 +17,7 @@
 
   padding: 3rem 1.5rem 5rem 1.5rem;
   max-width: none;
-  background: get-color(neutral, neutral-6);
+  background: var(--neutral-neutral-6);
 
   @include laptop {
     padding: 3rem 2rem 5rem 2rem;

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

@@ -2,7 +2,7 @@
 @import '../../../globalStyles/mediaqueries.scss';
 
 .how-it-works-wrapper {
-  background-color: get-color(neutral, neutral-6);
+  background-color: var(--neutral-neutral-6);
 
   @include laptop {
     background-repeat: no-repeat;
@@ -16,7 +16,7 @@
 
   .works-title {
     width: auto;
-    font-family: $font-serif;
+    font-family: var(--font-serif);
     text-align: center;
     padding-top: 4rem;
     @media only screen and (max-width: #{$md}) {

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

@@ -2,7 +2,7 @@
 @import '../../../globalStyles/mediaqueries.scss';
 
 .jumbotron--simplified {
-  background: get-color(primary, main-light-6);
+  background: var(--primary-main-light-6);
   margin-bottom: -12rem;
   text-align: center;
   padding-bottom: 13rem;
@@ -29,7 +29,7 @@
 }
 
 .jumbotron--simplified__subtitle {
-  color: get-color(neutral, neutral-1);
+  color: var(--neutral-neutral-1);
   font-size: 1rem;
   line-height: 1.5rem;