@npm_leadtech/legal-lib-components 5.11.11 → 5.11.12

package/dist/src/components/organisms/StepsRatafiaContent/StepsRatafiaContent.styled.ts

@@ -0,0 +1,12 @@
+import styled from 'styled-components'
+
+export const StepsRatafiaContentStyled = styled.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+
+  .steps-ratafia-content__title {
+    color: var(--neutral-neutral-1);
+  }
+`

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

@@ -2,14 +2,14 @@ import React, { type FC } from 'react'
 
 import { StepRatafiaCardList } from '../../molecules'
 import { type StepsRatafiaContentProps } from './StepsRatafiaContentProps.types'
-// import './StepsRatafiaContent.scss'
+import { StepsRatafiaContentStyled } from './StepsRatafiaContent.styled'
 
 const StepsRatafiaContent: FC<StepsRatafiaContentProps> = ({ title, steps }) => {
   return (
-    <div className='steps-ratafia-content'>
+    <StepsRatafiaContentStyled>
       <h2 className='sans-serif --super-large --bold-weight steps-ratafia-content__title'>{title}</h2>
       <StepRatafiaCardList steps={steps} />
-    </div>
+    </StepsRatafiaContentStyled>
   )
 }
 

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

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RichTextInner } from '../../atoms';
-// import './TryOurFreeLegalBlogsContent.scss'
+import { TryOurFreeLegalBlogsContentStyled } from './TryOurFreeLegalBlogsContent.styled';
 const TryOurFreeLegalBlogsContent = ({ title, image, children }) => {
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'try-our-free-legal-blogs-section__texts', children: [_jsx("h2", { className: 'try-our-free-legal-blogs-section__texts__title', children: title }), _jsx(RichTextInner, { customClass: 'try-our-free-legal-blogs-section__texts__body', children: children })] }), _jsx("div", { className: 'try-our-free-legal-blogs-section__image', children: image })] }));
+    return (_jsxs(TryOurFreeLegalBlogsContentStyled, { children: [_jsxs("div", { className: 'try-our-free-legal-blogs-section__texts', children: [_jsx("h2", { className: 'try-our-free-legal-blogs-section__texts__title', children: title }), _jsx(RichTextInner, { customClass: 'try-our-free-legal-blogs-section__texts__body', children: children })] }), _jsx("div", { className: 'try-our-free-legal-blogs-section__image', children: image })] }));
 };
 export default TryOurFreeLegalBlogsContent;

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.styled.d.ts

@@ -0,0 +1 @@
+export declare const TryOurFreeLegalBlogsContentStyled: 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/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.styled.js

@@ -0,0 +1,54 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const TryOurFreeLegalBlogsContentStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  @media ${device['landscape-tablets']} {
+    flex-direction: row;
+  }
+  .try-our-free-legal-blogs-section__texts {
+    flex-basis: 50%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-bottom: 1rem;
+    margin-right: 0;
+    color: var(--neutral-neutral-1);
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.3px;
+
+    @media ${device['landscape-tablets']} {
+      margin-right: 3rem;
+      margin-bottom: 0;
+    }
+
+    &__title {
+      font-family: var(--font-serif);
+      font-size: 32px;
+      line-height: 42px;
+      margin-bottom: 2rem;
+      text-align: center;
+      font-weight: 400;
+
+      @media ${device['landscape-tablets']} {
+        text-align: left;
+      }
+    }
+
+    &__body {
+      font-family: var(--font-sans);
+      font-size: 16px;
+      line-height: 22px;
+
+      a {
+        color: var(--primary-main-light-1);
+        font-weight: 400 !important;
+      }
+    }
+  }
+
+  .try-our-free-legal-blogs-section__image {
+    flex-basis: 50%;
+  }
+`;

package/dist/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.styled.ts

@@ -0,0 +1,55 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const TryOurFreeLegalBlogsContentStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  @media ${device['landscape-tablets']} {
+    flex-direction: row;
+  }
+  .try-our-free-legal-blogs-section__texts {
+    flex-basis: 50%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-bottom: 1rem;
+    margin-right: 0;
+    color: var(--neutral-neutral-1);
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.3px;
+
+    @media ${device['landscape-tablets']} {
+      margin-right: 3rem;
+      margin-bottom: 0;
+    }
+
+    &__title {
+      font-family: var(--font-serif);
+      font-size: 32px;
+      line-height: 42px;
+      margin-bottom: 2rem;
+      text-align: center;
+      font-weight: 400;
+
+      @media ${device['landscape-tablets']} {
+        text-align: left;
+      }
+    }
+
+    &__body {
+      font-family: var(--font-sans);
+      font-size: 16px;
+      line-height: 22px;
+
+      a {
+        color: var(--primary-main-light-1);
+        font-weight: 400 !important;
+      }
+    }
+  }
+
+  .try-our-free-legal-blogs-section__image {
+    flex-basis: 50%;
+  }
+`

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

@@ -2,17 +2,17 @@ import React, { type FC } from 'react'
 
 import { RichTextInner } from '../../atoms'
 import { type TryOurFreeLegalBlogsContentProps } from './TryOurFreeLegalBlogsContentProps.types'
-// import './TryOurFreeLegalBlogsContent.scss'
+import { TryOurFreeLegalBlogsContentStyled } from './TryOurFreeLegalBlogsContent.styled'
 
 const TryOurFreeLegalBlogsContent: FC<TryOurFreeLegalBlogsContentProps> = ({ title, image, children }) => {
   return (
-    <>
+    <TryOurFreeLegalBlogsContentStyled>
       <div className='try-our-free-legal-blogs-section__texts'>
         <h2 className='try-our-free-legal-blogs-section__texts__title'>{title}</h2>
         <RichTextInner customClass='try-our-free-legal-blogs-section__texts__body'>{children}</RichTextInner>
       </div>
       <div className='try-our-free-legal-blogs-section__image'>{image}</div>
-    </>
+    </TryOurFreeLegalBlogsContentStyled>
   )
 }
 

package/dist/src/components/pages/ErrorRatafiaPage/ErrorRatafiaPage.styled.js

@@ -1,3 +1,4 @@
+import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const ErrorRatafiaPageStyled = styled.div `
   display: flex;
@@ -17,7 +18,7 @@ export const ErrorRatafiaPageStyled = styled.div `
         margin-bottom: 1rem;
       }
 
-      @include portrait-tablets {
+      @media ${device['portrait-tablets']} {
         display: inline-grid;
         width: inherit;
 

package/dist/src/components/pages/ErrorRatafiaPage/ErrorRatafiaPage.styled.ts

@@ -1,3 +1,4 @@
+import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const ErrorRatafiaPageStyled = styled.div`
@@ -18,7 +19,7 @@ export const ErrorRatafiaPageStyled = styled.div`
         margin-bottom: 1rem;
       }
 
-      @include portrait-tablets {
+      @media ${device['portrait-tablets']} {
         display: inline-grid;
         width: inherit;
 

package/dist/src/components/pages/FaqsPage/FaqsPage.styled.js

@@ -1,3 +1,4 @@
+import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const FaqsPageStyled = styled.div `
   .titles {
@@ -8,7 +9,7 @@ export const FaqsPageStyled = styled.div `
     gap: 8px;
     background: var(--primary-main-light-6);
 
-    @include landscape-tablets {
+    @media ${device['landscape-tablets']} {
       padding: 40px 32px 80px 32px;
     }
 
@@ -31,7 +32,7 @@ export const FaqsPageStyled = styled.div `
       font-weight: 400;
       letter-spacing: -0.3px;
 
-      @include landscape-tablets {
+      @media ${device['landscape-tablets']} {
         font-size: 48px;
         line-height: 58px;
       }
@@ -46,12 +47,12 @@ export const FaqsPageStyled = styled.div `
     background: var(--primary-main-light-6);
     justify-content: center;
 
-    @include mobile {
+    @media ${device.mobile} {
       flex-direction: column;
       gap: calc(1rem * 3);
     }
 
-    @include landscape-tablets {
+    @media ${device['landscape-tablets']} {
       padding: 32px;
       gap: 106px;
     }

package/dist/src/components/pages/FaqsPage/FaqsPage.styled.ts

@@ -1,3 +1,4 @@
+import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const FaqsPageStyled = styled.div`
@@ -9,7 +10,7 @@ export const FaqsPageStyled = styled.div`
     gap: 8px;
     background: var(--primary-main-light-6);
 
-    @include landscape-tablets {
+    @media ${device['landscape-tablets']} {
       padding: 40px 32px 80px 32px;
     }
 
@@ -32,7 +33,7 @@ export const FaqsPageStyled = styled.div`
       font-weight: 400;
       letter-spacing: -0.3px;
 
-      @include landscape-tablets {
+      @media ${device['landscape-tablets']} {
         font-size: 48px;
         line-height: 58px;
       }
@@ -47,12 +48,12 @@ export const FaqsPageStyled = styled.div`
     background: var(--primary-main-light-6);
     justify-content: center;
 
-    @include mobile {
+    @media ${device.mobile} {
       flex-direction: column;
       gap: calc(1rem * 3);
     }
 
-    @include landscape-tablets {
+    @media ${device['landscape-tablets']} {
       padding: 32px;
       gap: 106px;
     }

package/dist/src/components/pages/KeyFactsResultRatafiaPage/KeyFactsResultRatafiaPage.styled.js

@@ -1,3 +1,4 @@
+import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const KeyFactsResultRatafiaPageStyled = styled.div `
   background-color: var(--neutral-neutral-6);
@@ -14,7 +15,7 @@ export const KeyFactsResultRatafiaPageStyled = styled.div `
       align-self: start;
       display: block;
       width: 100%;
-      @include portrait-tablets {
+      @media ${device['portrait-tablets']} {
         display: inline-block;
       }
     }

package/dist/src/components/pages/KeyFactsResultRatafiaPage/KeyFactsResultRatafiaPage.styled.ts

@@ -1,3 +1,4 @@
+import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const KeyFactsResultRatafiaPageStyled = styled.div`
@@ -15,7 +16,7 @@ export const KeyFactsResultRatafiaPageStyled = styled.div`
       align-self: start;
       display: block;
       width: 100%;
-      @include portrait-tablets {
+      @media ${device['portrait-tablets']} {
         display: inline-block;
       }
     }

package/dist/src/globalStyles/styles.scss

@@ -18,27 +18,5 @@
 @import 'tippy.js/dist/tippy.css';
 @import '../components/atoms/Tooltip/Tooltip.scss';
 
-@import '../components/organisms/AboutUsContent/AboutUsContent.scss';
-@import '../components/organisms/Accordion/Accordion.scss';
-@import '../components/organisms/ArticlesList/ArticlesList.scss';
-@import '../components/organisms/AsSeeInContent/AsSeeInContent.scss';
-@import '../components/organisms/CardFunctionality/CardFunctionality.scss';
-@import '../components/organisms/ContactJumbotron/ContactJumbotron.scss';
-@import '../components/organisms/CookiePolicyBar/CookiePolicyBar.scss';
-@import '../components/organisms/ErrorContentRatafia/ErrorContentRatafia.scss';
-@import '../components/organisms/FaqGroup/FaqGroup.scss';
-@import '../components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContent.scss';
-@import '../components/organisms/GuidelinesContent/GuidelinesContent.scss';
-@import '../components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContent.scss';
-@import '../components/organisms/KeyFactsLoadingContentRatafia/KeyFactsLoadingContentRatafia.scss';
-@import '../components/organisms/KeyFactsResultContentRatafia/KeyFactsResultContentRatafia.scss';
-@import '../components/organisms/LanguageSelectorMobile/LanguageSelectorMobile.scss';
-@import '../components/organisms/LayoutRatafia/LayoutRatafia.scss';
-@import '../components/organisms/ListStepsGetForm/ListStepsGetForm.scss';
-@import '../components/organisms/LoginRatafiaContent/LoginRatafiaContent.scss';
-@import '../components/organisms/MobileBottomBar/MobileBottomBar.scss';
-@import '../components/organisms/StepsRatafiaContent/StepsRatafiaContent.scss';
-@import '../components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.scss';
-
 @import '../components/molecules/TextInput/TextInput.scss';
 @import '../components/molecules/TooltipMenu/TooltipMenu.scss';