npm - @npm_leadtech/legal-lib-components - Versions diffs - 5.2.40 → 5.3.1 - Mend

@npm_leadtech/legal-lib-components 5.2.40 → 5.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (448) hide show

package/dist/src/components/organisms/AboutUsContent/AboutUsContent.scss CHANGED Viewed

@@ -13,7 +13,7 @@
   &__body {
     margin-top: 1rem;
     margin-bottom: 2rem;
-    font-family: $font-sans;
+    font-family: var(--font-sans);
     @include landscape-tablets {
       flex-basis: 50%;
@@ -23,13 +23,13 @@
     .m-richText {
       a {
-        color: get-color(primary, main);
+        color: var(--primary-main);
       }
     }
     &__button {
       margin-top: 2rem;
-      font-family: $font-sans;
+      font-family: var(--font-sans);
       .e-button {
         display: block;
         @include landscape-tablets {

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.scss CHANGED Viewed

@@ -10,12 +10,12 @@
     #articles,
     #legal-documents {
-      color: get-color(primary, main-light-1);
+      color: var(--primary-main-light-1);
       font-weight: 400;
     }
     a {
-      color: get-color(primary, main-light-1);
+      color: var(--primary-main-light-1);
       font-weight: 400 !important;
     }
   }

package/dist/src/components/organisms/CardFunctionality/CardFunctionality.scss CHANGED Viewed

@@ -1,22 +1,22 @@
 @import '../../../globalStyles/variables.scss';
 .card-functionality {
-  border-radius: $global-border-radius;
-  box-shadow: $box-shadow-medium;
+  border-radius: var(--global-border-radius);
+  box-shadow: var(--box-shadow-medium);
   display: flex;
   flex-direction: column;
-  gap: $global-gap;
+  gap: var(--global-gap);
   padding: 1em;
   .content-tags {
     display: flex;
     flex-direction: column;
-    gap: $global-gap;
+    gap: var(--global-gap);
     .content {
       display: flex;
       flex-direction: column;
-      gap: $global-gap/2;
+      gap: calc(1rem / 2);
       .header {
         display: flex;
@@ -26,19 +26,19 @@
         .icon {
           padding: 2px;
-          border-radius: $global-border-radius;
-          background: get-color(primary, main-light-5);
+          border-radius: var(--global-border-radius);
+          background: var(--primary-main-light-5);
         }
         .title {
-          color: get-color(neutral, neutral-1);
+          color: var(--neutral-neutral-1);
           font-weight: 700;
         }
       }
       .text {
         overflow: hidden;
-        color: get-color(neutral, neutral-1);
+        color: var(--neutral-neutral-1);
         font-size: 14px;
         display: -webkit-box;
         -webkit-line-clamp: 2;
@@ -49,7 +49,7 @@
     .tags {
       display: flex;
-      gap: $global-gap * 2;
+      gap: calc(1rem * 2);
       flex-wrap: wrap;
     }
   }

package/dist/src/components/organisms/ContactContent/ContactContent.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { ContactContentProps } from './ContactContentProps.types';
+declare const ContactContent: FC<ContactContentProps>;
+export default ContactContent;

package/dist/src/components/organisms/ContactContent/ContactContent.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContactCardList } from '../../molecules';
+import { ContactContentStyled } from './ContactContent.styled';
+const ContactContent = ({ title, text, contactCards = [] }) => {
+    if (contactCards.length === 0)
+        return null;
+    return (_jsxs(ContactContentStyled, { className: 'contact-content', children: [_jsx("h2", { className: 'contact-content__title', children: title }), _jsx("p", { className: 'contact-content__text', children: text }), _jsx(ContactCardList, { contactCards: contactCards })] }));
+};
+export default ContactContent;

package/dist/src/components/organisms/ContactContent/ContactContent.styled.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const ContactContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/organisms/ContactContent/ContactContent.styled.js ADDED Viewed

@@ -0,0 +1,28 @@
+import styled from 'styled-components';
+export const ContactContentStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  transform: translateY(-5rem);
+  color: var(--neutral-neutral-1);
+  margin-top: 1rem;
+  .contact-content {
+    &__title {
+      text-align: center;
+      font-size: 32px;
+      font-family: var(--font-serif);
+      font-style: normal;
+      font-weight: 400;
+      line-height: 42px;
+      letter-spacing: -0.3px;
+      margin: 1rem 0;
+    }
+    &__text {
+      text-align: center;
+      font-style: normal;
+      font-weight: 400;
+      margin: 0 0 2rem 0;
+    }
+  }
+`;

package/dist/src/components/organisms/ContactContent/ContactContent.styled.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import styled from 'styled-components'
+export const ContactContentStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  transform: translateY(-5rem);
+  color: var(--neutral-neutral-1);
+  margin-top: 1rem;
+  .contact-content {
+    &__title {
+      text-align: center;
+      font-size: 32px;
+      font-family: var(--font-serif);
+      font-style: normal;
+      font-weight: 400;
+      line-height: 42px;
+      letter-spacing: -0.3px;
+      margin: 1rem 0;
+    }
+    &__text {
+      text-align: center;
+      font-style: normal;
+      font-weight: 400;
+      margin: 0 0 2rem 0;
+    }
+  }
+`

package/dist/src/components/organisms/ContactContent/ContactContent.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import React, { type FC } from 'react'
+import { ContactCardList } from '../../molecules'
+import { ContactContentProps } from './ContactContentProps.types'
+import { ContactContentStyled } from './ContactContent.styled'
+const ContactContent: FC<ContactContentProps> = ({ title, text, contactCards = [] }) => {
+  if (contactCards.length === 0) return null
+  return (
+    <ContactContentStyled className='contact-content'>
+      <h2 className='contact-content__title'>{title}</h2>
+      <p className='contact-content__text'>{text}</p>
+      <ContactCardList contactCards={contactCards} />
+    </ContactContentStyled>
+  )
+}
+export default ContactContent

package/dist/src/components/organisms/ContactContent/ContactContentProps.types.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ContactCardProps } from '../../atoms';
+export interface ContactContentProps {
+    title: string;
+    text: string;
+    contactCards?: ContactCardProps[];
+}

package/dist/src/components/organisms/ContactContent/ContactContentProps.types.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/src/components/organisms/ContactContent/ContactContentProps.types.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { ContactCardProps } from '../../atoms'
+export interface ContactContentProps {
+  title: string
+  text: string
+  contactCards?: ContactCardProps[]
+}

package/dist/src/components/organisms/ContactContent/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default as ContactContent } from './ContactContent';
2	+ export { type ContactContentProps } from './ContactContentProps.types';

package/dist/src/components/organisms/ContactContent/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { default as ContactContent } from './ContactContent';

package/dist/src/components/organisms/ContactContent/index.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default as ContactContent } from './ContactContent'
2	+ export { type ContactContentProps } from './ContactContentProps.types'

package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.scss CHANGED Viewed

@@ -4,7 +4,7 @@
 .contact__text {
   .contact__text__title {
-    color: get-color(primary, main-dark-1);
+    color: var(--primary-main-dark-1);
     margin-bottom: space(8);
     font-size: 1.5rem;
     font-weight: 500;
@@ -12,7 +12,7 @@
   }
   .contact__text__subtitle {
-    color: get-color(neutral, neutral-1);
+    color: var(--neutral-neutral-1);
     font-size: 1rem;
     p {
       margin-bottom: 1rem;
@@ -20,7 +20,7 @@
   }
   .contact__text .logo-text {
-    color: get-color(neutral, neutral-2);
+    color: var(--neutral-neutral-2);
   }
   .logo-text {

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/organisms/index.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ export * from './Accordion';
 export * from './ArticlesList';
 export * from './AsSeeInContent';
 export * from './CardFunctionality';
+export * from './ContactContent';
 export * from './ContactJumbotron';
 export * from './CookiePolicyBar';
 export * from './ErrorContentRatafia';

package/dist/src/components/organisms/index.js CHANGED Viewed

@@ -3,6 +3,7 @@ export * from './Accordion';
 export * from './ArticlesList';
 export * from './AsSeeInContent';
 export * from './CardFunctionality';
+export * from './ContactContent';
 export * from './ContactJumbotron';
 export * from './CookiePolicyBar';
 export * from './ErrorContentRatafia';

package/dist/src/components/organisms/index.ts CHANGED Viewed

@@ -3,6 +3,7 @@ export * from './Accordion'
 export * from './ArticlesList'
 export * from './AsSeeInContent'
 export * from './CardFunctionality'
+export * from './ContactContent'
 export * from './ContactJumbotron'
 export * from './CookiePolicyBar'
 export * from './ErrorContentRatafia'

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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;