@npm_leadtech/legal-lib-components 2.5.4 → 2.5.5

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.
@@ -3391,44 +3391,46 @@
3391
3391
  .how-it-works-wrapper .works-title {
3392
3392
  padding-top: 2.5rem; } }
3393
3393
 
3394
+ .try-our-free-legal-blogs-section__texts {
3395
+ flex-basis: 50%;
3396
+ display: flex;
3397
+ flex-direction: column;
3398
+ justify-content: center;
3399
+ margin-bottom: 1rem;
3400
+ margin-right: 0;
3401
+ color: #3D4042;
3402
+ font-style: normal;
3403
+ font-weight: 400;
3404
+ letter-spacing: -0.3px; }
3405
+ @media (min-width: 720px) {
3406
+ .try-our-free-legal-blogs-section__texts {
3407
+ margin-right: 3rem;
3408
+ margin-bottom: 0; } }
3409
+ .try-our-free-legal-blogs-section__texts__title {
3410
+ font-family: "Lora", serif;
3411
+ font-size: 28px;
3412
+ line-height: 42px;
3413
+ margin-bottom: 2rem;
3414
+ text-align: center; }
3415
+ @media (min-width: 720px) {
3416
+ .try-our-free-legal-blogs-section__texts__title {
3417
+ text-align: left; } }
3418
+ .try-our-free-legal-blogs-section__texts__body {
3419
+ font-family: "Inter", sans-serif;
3420
+ font-size: 16px;
3421
+ line-height: 22px; }
3422
+ .try-our-free-legal-blogs-section__texts__body a {
3423
+ color: #078080; }
3424
+
3425
+ .try-our-free-legal-blogs-section__image {
3426
+ flex-basis: 50%; }
3427
+
3394
3428
  .try-our-free-legal-blogs-section {
3395
3429
  display: flex;
3396
3430
  flex-direction: column; }
3397
3431
  @media (min-width: 720px) {
3398
3432
  .try-our-free-legal-blogs-section {
3399
3433
  flex-flow: row nowrap; } }
3400
- .try-our-free-legal-blogs-section__texts {
3401
- flex-basis: 50%;
3402
- display: flex;
3403
- flex-direction: column;
3404
- justify-content: center;
3405
- margin-bottom: 1rem;
3406
- margin-right: 0;
3407
- color: #3D4042;
3408
- font-style: normal;
3409
- font-weight: 400;
3410
- letter-spacing: -0.3px; }
3411
- @media (min-width: 720px) {
3412
- .try-our-free-legal-blogs-section__texts {
3413
- margin-right: 3rem;
3414
- margin-bottom: 0; } }
3415
- .try-our-free-legal-blogs-section__texts__title {
3416
- font-family: "Lora", serif;
3417
- font-size: 28px;
3418
- line-height: 42px;
3419
- margin-bottom: 2rem;
3420
- text-align: center; }
3421
- @media (min-width: 720px) {
3422
- .try-our-free-legal-blogs-section__texts__title {
3423
- text-align: left; } }
3424
- .try-our-free-legal-blogs-section__texts__body {
3425
- font-family: "Inter", sans-serif;
3426
- font-size: 16px;
3427
- line-height: 22px; }
3428
- .try-our-free-legal-blogs-section__texts__body a {
3429
- color: #078080; }
3430
- .try-our-free-legal-blogs-section__image {
3431
- flex-basis: 50%; }
3432
3434
 
3433
3435
  .about-us-content {
3434
3436
  display: flex;
@@ -3509,32 +3511,50 @@
3509
3511
  .about-us-section__sub-title {
3510
3512
  font-size: 3rem; } }
3511
3513
 
3512
- .homeSteps__container {
3513
- transform: translateY(0%); }
3514
- @media (min-width: 575px) {
3515
- .homeSteps__container {
3516
- transform: translateY(0%); } }
3514
+ .guidelines-section__texts {
3515
+ flex-basis: 50%;
3516
+ display: flex;
3517
+ flex-direction: column;
3518
+ justify-content: center;
3519
+ margin-bottom: 1rem;
3520
+ margin-right: 0;
3521
+ color: #3D4042;
3522
+ font-style: normal;
3523
+ font-weight: 400;
3524
+ letter-spacing: -0.3px; }
3517
3525
  @media (min-width: 720px) {
3518
- .homeSteps__container {
3519
- transform: translateY(0%); } }
3520
- .homeSteps__container .homeSteps {
3521
- display: flex;
3522
- flex-direction: column;
3523
- align-items: center;
3524
- padding-top: 2rem;
3525
- padding-bottom: 2rem;
3526
- position: relative; }
3527
- .homeSteps__container .homeSteps .homeStepsItemsContainer {
3528
- display: flex;
3529
- justify-content: space-between;
3530
- width: 100%;
3531
- max-width: 888px;
3532
- flex-flow: row wrap;
3533
- padding: 0 1rem; }
3534
- @media (min-width: 960px) {
3535
- .homeSteps__container .homeSteps .homeStepsItemsContainer {
3536
- flex-flow: row nowrap;
3537
- padding: 0; } }
3526
+ .guidelines-section__texts {
3527
+ margin-left: 3rem;
3528
+ margin-bottom: 0; } }
3529
+ .guidelines-section__texts__title {
3530
+ font-family: "Lora", serif;
3531
+ font-size: 28px;
3532
+ line-height: 42px;
3533
+ margin-bottom: 2rem;
3534
+ text-align: center; }
3535
+ @media (min-width: 720px) {
3536
+ .guidelines-section__texts__title {
3537
+ text-align: left; } }
3538
+ .guidelines-section__texts__body {
3539
+ font-family: "Inter", sans-serif;
3540
+ font-size: 16px;
3541
+ line-height: 22px; }
3542
+ .guidelines-section__texts__body a {
3543
+ color: #078080; }
3544
+
3545
+ .guidelines-section__image {
3546
+ flex-basis: 50%;
3547
+ margin-bottom: 2rem; }
3548
+ .guidelines-section__image.big-devices {
3549
+ display: none; }
3550
+ @media (min-width: 720px) {
3551
+ .guidelines-section__image.big-devices {
3552
+ display: flex; } }
3553
+ .guidelines-section__image.is-mobile {
3554
+ display: flex; }
3555
+ @media (min-width: 720px) {
3556
+ .guidelines-section__image.is-mobile {
3557
+ display: none; } }
3538
3558
 
3539
3559
  .guidelines-section {
3540
3560
  display: flex;
@@ -3542,46 +3562,3 @@
3542
3562
  @media (min-width: 720px) {
3543
3563
  .guidelines-section {
3544
3564
  flex-flow: row nowrap; } }
3545
- .guidelines-section__texts {
3546
- flex-basis: 50%;
3547
- display: flex;
3548
- flex-direction: column;
3549
- justify-content: center;
3550
- margin-bottom: 1rem;
3551
- margin-right: 0;
3552
- color: #3D4042;
3553
- font-style: normal;
3554
- font-weight: 400;
3555
- letter-spacing: -0.3px; }
3556
- @media (min-width: 720px) {
3557
- .guidelines-section__texts {
3558
- margin-left: 3rem;
3559
- margin-bottom: 0; } }
3560
- .guidelines-section__texts__title {
3561
- font-family: "Lora", serif;
3562
- font-size: 28px;
3563
- line-height: 42px;
3564
- margin-bottom: 2rem;
3565
- text-align: center; }
3566
- @media (min-width: 720px) {
3567
- .guidelines-section__texts__title {
3568
- text-align: left; } }
3569
- .guidelines-section__texts__body {
3570
- font-family: "Inter", sans-serif;
3571
- font-size: 16px;
3572
- line-height: 22px; }
3573
- .guidelines-section__texts__body a {
3574
- color: #078080; }
3575
- .guidelines-section__image {
3576
- flex-basis: 50%;
3577
- margin-bottom: 2rem; }
3578
- .guidelines-section__image.big-devices {
3579
- display: none; }
3580
- @media (min-width: 720px) {
3581
- .guidelines-section__image.big-devices {
3582
- display: flex; } }
3583
- .guidelines-section__image.is-mobile {
3584
- display: flex; }
3585
- @media (min-width: 720px) {
3586
- .guidelines-section__image.is-mobile {
3587
- display: none; } }
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type TryOurFreeLegalBlogsContentProps } from './TryOurFreeLegalBlogsContentProps.types';
3
+ import './TryOurFreeLegalBlogsContent.scss';
4
+ declare const TryOurFreeLegalBlogsContent: FC<TryOurFreeLegalBlogsContentProps>;
5
+ export default TryOurFreeLegalBlogsContent;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export interface TryOurFreeLegalBlogsContentProps {
3
+ title: string;
4
+ image: React.ReactNode;
5
+ children: React.ReactNode;
6
+ }
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import TryOurFreeLegalBlogsContent from '../TryOurFreeLegalBlogsContent';
3
+ declare const meta: Meta<typeof TryOurFreeLegalBlogsContent>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TryOurFreeLegalBlogsContent>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ export { default as TryOurFreeLegalBlogsContent } from './TryOurFreeLegalBlogsContent';
2
+ export { type TryOurFreeLegalBlogsContentProps } from './TryOurFreeLegalBlogsContentProps.types';
@@ -1,6 +1,4 @@
1
- /// <reference types="react" />
1
+ import { type TryOurFreeLegalBlogsContentProps } from '../../organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContentProps.types';
2
2
  export interface TryOurFreeLegalBlogsSectionProps {
3
- title: string;
4
- image: React.ReactNode;
5
- children?: string | React.ReactNode;
3
+ contentTryOurFreeLegalBlogs: TryOurFreeLegalBlogsContentProps;
6
4
  }