@npm_leadtech/legal-lib-components 5.78.4 → 5.78.6

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 (28) hide show
  1. package/dist/src/components/atoms/ExpertCard/ExpertCard.styled.js +2 -1
  2. package/dist/src/components/atoms/ExpertCard/ExpertCard.styled.ts +2 -1
  3. package/dist/src/components/atoms/TrustPilot/TrustPilot.styled.js +2 -3
  4. package/dist/src/components/atoms/TrustPilot/TrustPilot.styled.ts +2 -3
  5. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.js +1 -4
  6. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.tsx +7 -4
  7. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.d.ts +3 -0
  8. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.ts +3 -0
  9. package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.js +1 -1
  10. package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.js +20 -3
  11. package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.ts +20 -3
  12. package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.tsx +3 -1
  13. package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.d.ts +1 -0
  14. package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.ts +1 -0
  15. package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.js +7 -0
  16. package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.ts +7 -0
  17. package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.styled.js +9 -11
  18. package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.styled.ts +9 -11
  19. package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.js +0 -1
  20. package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.ts +0 -1
  21. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js +2 -2
  22. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.tsx +11 -2
  23. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.d.ts +3 -0
  24. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.ts +3 -0
  25. package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.js +11 -7
  26. package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.ts +11 -7
  27. package/package.json +1 -1
  28. package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.scss +0 -37
package/dist/src/components/atoms/ExpertCard/ExpertCard.styled.js CHANGED
@@ -21,6 +21,7 @@ export const ExpertCardStyled = styled.div `
21
21
  }
22
22
 
23
23
  &__image {
24
+ min-width: 117px;
24
25
  img {
25
26
  width: 117px;
26
27
  height: auto;
@@ -48,8 +49,8 @@ export const ExpertCardStyled = styled.div `
48
49
  }
49
50
 
50
51
  &__description {
52
+ font-family: var(--font-sans);
51
53
  color: var(--neutral-neutral-1);
52
- font-family: Inter;
53
54
  font-size: 16px;
54
55
  font-style: normal;
55
56
  font-weight: 400;
package/dist/src/components/atoms/ExpertCard/ExpertCard.styled.ts CHANGED
@@ -22,6 +22,7 @@ export const ExpertCardStyled = styled.div`
22
22
  }
23
23
 
24
24
  &__image {
25
+ min-width: 117px;
25
26
  img {
26
27
  width: 117px;
27
28
  height: auto;
@@ -49,8 +50,8 @@ export const ExpertCardStyled = styled.div`
49
50
  }
50
51
 
51
52
  &__description {
53
+ font-family: var(--font-sans);
52
54
  color: var(--neutral-neutral-1);
53
- font-family: Inter;
54
55
  font-size: 16px;
55
56
  font-style: normal;
56
57
  font-weight: 400;
package/dist/src/components/atoms/TrustPilot/TrustPilot.styled.js CHANGED
@@ -1,12 +1,11 @@
1
1
  import { device } from '../../../globalStyles/breakpoints';
2
2
  import styled from 'styled-components';
3
3
  export const TrustPilotStyled = styled.div `
4
- margin: auto;
5
- padding: 0 1rem;
4
+ padding: 4rem 0 0rem;
6
5
 
7
6
  &.trustpilot {
8
7
  @media ${device['landscape-tablets']} {
9
- margin: 3rem auto;
8
+ margin: 0 auto;
10
9
  }
11
10
  }
12
11
  `;
package/dist/src/components/atoms/TrustPilot/TrustPilot.styled.ts CHANGED
@@ -2,12 +2,11 @@ import { device } from '../../../globalStyles/breakpoints'
2
2
  import styled from 'styled-components'
3
3
 
4
4
  export const TrustPilotStyled = styled.div`
5
- margin: auto;
6
- padding: 0 1rem;
5
+ padding: 4rem 0 0rem;
7
6
 
8
7
  &.trustpilot {
9
8
  @media ${device['landscape-tablets']} {
10
- margin: 3rem auto;
9
+ margin: 0 auto;
11
10
  }
12
11
  }
13
12
  `
package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.js CHANGED
@@ -1,9 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { MidBannerRatafiaSampleStyled } from './MidBannerRatafiaSample.styled';
3
- import midBanner1Img from '../../../../images/svg/mid-banner-1.svg';
4
- import midBanner2Img from '../../../../images/svg/mid-banner-2.svg';
5
- import midBanner3Img from '../../../../images/svg/mid-banner-3.svg';
6
- const MidBannerRatafiaSample = ({ image, isEsignatureImage = false }) => {
3
+ const MidBannerRatafiaSample = ({ image, isEsignatureImage = false, midBanner1Img, midBanner2Img, midBanner3Img }) => {
7
4
  return (_jsxs(MidBannerRatafiaSampleStyled, { className: 'mid-banner-ratafia-sample', children: [_jsx("div", { className: 'mid-banner-ratafia-sample__image', children: image }), !isEsignatureImage && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'mid-banner-ratafia-sample__sumarized-tag', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__sumarized-tag__icon', src: midBanner1Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small --bold-weight mid-banner-ratafia-sample__sumarized-tag__text', children: "Summarized" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__key-facts', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner2Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Key facts" })] }), _jsxs("div", { className: 'mid-banner-ratafia-sample__feature-tag mid-banner-ratafia-sample__feature-tag__clauses', children: [_jsx("img", { className: 'mid-banner-ratafia-sample__feature-tag__icon', src: midBanner3Img, alt: '', role: 'img' }), _jsx("p", { className: 'sans-serif --small mid-banner-ratafia-sample__feature-tag__text', children: "Clauses" })] })] }))] }));
8
5
  };
9
6
  export default MidBannerRatafiaSample;
package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.tsx CHANGED
@@ -2,11 +2,14 @@ import React, { type FC } from 'react'
2
2
 
3
3
  import { type MidBannerRatafiaSampleProps } from './MidBannerRatafiaSampleProps.types'
4
4
  import { MidBannerRatafiaSampleStyled } from './MidBannerRatafiaSample.styled'
5
- import midBanner1Img from '../../../../images/svg/mid-banner-1.svg'
6
- import midBanner2Img from '../../../../images/svg/mid-banner-2.svg'
7
- import midBanner3Img from '../../../../images/svg/mid-banner-3.svg'
8
5
 
9
- const MidBannerRatafiaSample: FC<MidBannerRatafiaSampleProps> = ({ image, isEsignatureImage = false }) => {
6
+ const MidBannerRatafiaSample: FC<MidBannerRatafiaSampleProps> = ({
7
+ image,
8
+ isEsignatureImage = false,
9
+ midBanner1Img,
10
+ midBanner2Img,
11
+ midBanner3Img
12
+ }) => {
10
13
  return (
11
14
  <MidBannerRatafiaSampleStyled className='mid-banner-ratafia-sample'>
12
15
  <div className='mid-banner-ratafia-sample__image'>{image}</div>
package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.d.ts CHANGED
@@ -1,4 +1,7 @@
1
1
  export interface MidBannerRatafiaSampleProps {
2
2
  image: React.ReactNode;
3
3
  isEsignatureImage?: boolean;
4
+ midBanner1Img: string;
5
+ midBanner2Img: string;
6
+ midBanner3Img: string;
4
7
  }
package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.ts CHANGED
@@ -1,4 +1,7 @@
1
1
  export interface MidBannerRatafiaSampleProps {
2
2
  image: React.ReactNode
3
3
  isEsignatureImage?: boolean
4
+ midBanner1Img: string
5
+ midBanner2Img: string
6
+ midBanner3Img: string
4
7
  }
package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { TrustworthyWebsitesStyled } from './TrustworthyWebsites.styled';
3
3
  const TrustworthyWebsites = ({ images }) => {
4
- return (_jsx(TrustworthyWebsitesStyled, { className: 'trustworthy-websites', children: images.map((item) => (_jsx("div", { className: 'trustworthy-websites__image', children: item.src }, item.id))) }));
4
+ return (_jsx(TrustworthyWebsitesStyled, { className: 'trustworthy-websites', children: images.map((item) => (_jsx("div", { className: 'trustworthy-websites__image', children: _jsx("a", { href: item.url, target: '_blank', rel: 'noreferrer', children: item.src }) }, item.id))) }));
5
5
  };
6
6
  export default TrustworthyWebsites;
package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.js CHANGED
@@ -1,14 +1,31 @@
1
+ import { device } from '../../../globalStyles/breakpoints';
1
2
  import styled from 'styled-components';
2
3
  export const TrustworthyWebsitesStyled = styled.div `
3
4
  display: flex;
4
5
  flex-wrap: wrap;
5
- justify-content: center;
6
+ justify-content: space-around;
6
7
  align-items: center;
7
8
 
9
+ @media ${device['landscape-tablets']} {
10
+ gap: 4%;
11
+ }
12
+
8
13
  .trustworthy-websites {
9
14
  &__image {
10
- margin: 1.5rem;
11
- max-width: 7rem;
15
+ margin: 1rem 0 1rem 0;
16
+ width: 45.5%;
17
+
18
+ @media ${device['landscape-tablets']} {
19
+ width: 10.28%;
20
+ }
21
+
22
+ img {
23
+ margin: 0 auto;
24
+ }
25
+
26
+ .gatsby-image-wrapper-constrained {
27
+ display: block;
28
+ }
12
29
  }
13
30
  }
14
31
  `;
package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.ts CHANGED
@@ -1,15 +1,32 @@
1
+ import { device } from '../../../globalStyles/breakpoints'
1
2
  import styled from 'styled-components'
2
3
 
3
4
  export const TrustworthyWebsitesStyled = styled.div`
4
5
  display: flex;
5
6
  flex-wrap: wrap;
6
- justify-content: center;
7
+ justify-content: space-around;
7
8
  align-items: center;
8
9
 
10
+ @media ${device['landscape-tablets']} {
11
+ gap: 4%;
12
+ }
13
+
9
14
  .trustworthy-websites {
10
15
  &__image {
11
- margin: 1.5rem;
12
- max-width: 7rem;
16
+ margin: 1rem 0 1rem 0;
17
+ width: 45.5%;
18
+
19
+ @media ${device['landscape-tablets']} {
20
+ width: 10.28%;
21
+ }
22
+
23
+ img {
24
+ margin: 0 auto;
25
+ }
26
+
27
+ .gatsby-image-wrapper-constrained {
28
+ display: block;
29
+ }
13
30
  }
14
31
  }
15
32
  `
package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.tsx CHANGED
@@ -8,7 +8,9 @@ const TrustworthyWebsites: FC<TrustworthyWebsitesProps> = ({ images }) => {
8
8
  <TrustworthyWebsitesStyled className='trustworthy-websites'>
9
9
  {images.map((item) => (
10
10
  <div className='trustworthy-websites__image' key={item.id}>
11
- {item.src}
11
+ <a href={item.url} target='_blank' rel='noreferrer'>
12
+ {item.src}
13
+ </a>
12
14
  </div>
13
15
  ))}
14
16
  </TrustworthyWebsitesStyled>
package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.d.ts CHANGED
@@ -4,4 +4,5 @@ export interface TrustworthyWebsitesProps {
4
4
  export interface ImageStructure {
5
5
  id: string;
6
6
  src: React.ReactNode;
7
+ url: string;
7
8
  }
package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.ts CHANGED
@@ -5,4 +5,5 @@ export interface TrustworthyWebsitesProps {
5
5
  export interface ImageStructure {
6
6
  id: string
7
7
  src: React.ReactNode
8
+ url: string
8
9
  }
package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.js CHANGED
@@ -16,6 +16,13 @@ export const AsSeenInContentStyled = styled.div `
16
16
  a {
17
17
  color: var(--primary-main-light-1);
18
18
  font-weight: 400 !important;
19
+ text-decoration: underline;
20
+ }
21
+
22
+ .m-richText {
23
+ p {
24
+ margin-bottom: 1.5rem;
25
+ }
19
26
  }
20
27
  }
21
28
  }
package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.ts CHANGED
@@ -17,6 +17,13 @@ export const AsSeenInContentStyled = styled.div`
17
17
  a {
18
18
  color: var(--primary-main-light-1);
19
19
  font-weight: 400 !important;
20
+ text-decoration: underline;
21
+ }
22
+
23
+ .m-richText {
24
+ p {
25
+ margin-bottom: 1.5rem;
26
+ }
20
27
  }
21
28
  }
22
29
  }
package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.styled.js CHANGED
@@ -2,30 +2,28 @@ import { device } from '../../../globalStyles/breakpoints';
2
2
  import styled from 'styled-components';
3
3
  export const AsSeeInSectionStyled = styled.section `
4
4
  flex-shrink: 0;
5
- background-color: get-color(secondary, main-light-5);
6
- padding: 0 1.5rem 2rem 1.5rem;
5
+ background-color: var(--neutral-neutral-6);
6
+ padding: 2rem 1.5rem;
7
7
 
8
8
  @media ${device['landscape-tablets']} {
9
- padding: 0 1.5rem 3rem 1.5rem;
9
+ padding: 3rem 1.5rem;
10
10
  }
11
11
 
12
12
  .as-seen-in-section {
13
13
  display: flex;
14
14
  flex-direction: column;
15
- box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
16
15
  background: get-color(others, white);
17
- padding: 1.5rem 0;
18
16
 
19
17
  &__title {
20
- color: var(--neutral-neutral-2);
18
+ color: var(--neutral-neutral-1);
21
19
  text-align: center;
22
- font-size: 32px;
23
- font-family: var(--font-serif);
20
+ font-size: 1.75rem;
21
+ font-family: var(--font-sans);
24
22
  font-style: normal;
25
- font-weight: 400;
26
- line-height: 42px;
23
+ font-weight: 700;
24
+ line-height: 1;
27
25
  letter-spacing: -0.3px;
28
- margin: 1rem 0;
26
+ margin: 0rem 0 1.5rem 0;
29
27
  }
30
28
  }
31
29
  `;
package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.styled.ts CHANGED
@@ -3,30 +3,28 @@ import styled from 'styled-components'
3
3
 
4
4
  export const AsSeeInSectionStyled = styled.section`
5
5
  flex-shrink: 0;
6
- background-color: get-color(secondary, main-light-5);
7
- padding: 0 1.5rem 2rem 1.5rem;
6
+ background-color: var(--neutral-neutral-6);
7
+ padding: 2rem 1.5rem;
8
8
 
9
9
  @media ${device['landscape-tablets']} {
10
- padding: 0 1.5rem 3rem 1.5rem;
10
+ padding: 3rem 1.5rem;
11
11
  }
12
12
 
13
13
  .as-seen-in-section {
14
14
  display: flex;
15
15
  flex-direction: column;
16
- box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
17
16
  background: get-color(others, white);
18
- padding: 1.5rem 0;
19
17
 
20
18
  &__title {
21
- color: var(--neutral-neutral-2);
19
+ color: var(--neutral-neutral-1);
22
20
  text-align: center;
23
- font-size: 32px;
24
- font-family: var(--font-serif);
21
+ font-size: 1.75rem;
22
+ font-family: var(--font-sans);
25
23
  font-style: normal;
26
- font-weight: 400;
27
- line-height: 42px;
24
+ font-weight: 700;
25
+ line-height: 1;
28
26
  letter-spacing: -0.3px;
29
- margin: 1rem 0;
27
+ margin: 0rem 0 1.5rem 0;
30
28
  }
31
29
  }
32
30
  `
package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.js CHANGED
@@ -5,7 +5,6 @@ export const ExpertsSectionStyled = styled.div `
5
5
  justify-content: center;
6
6
  flex-direction: column;
7
7
  background-color: var(--neutral-neutral-6);
8
- margin-bottom: 4rem;
9
8
 
10
9
  .experts-section {
11
10
  &__title {
package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.ts CHANGED
@@ -6,7 +6,6 @@ export const ExpertsSectionStyled = styled.div`
6
6
  justify-content: center;
7
7
  flex-direction: column;
8
8
  background-color: var(--neutral-neutral-6);
9
- margin-bottom: 4rem;
10
9
 
11
10
  .experts-section {
12
11
  &__title {
package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js CHANGED
@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { MidBannerRatafiaContent, MidBannerRatafiaSample } from '../../molecules';
3
3
  import { MidBannerRatafiaSectionStyled } from './MidBannerRatafiaSection.styled';
4
4
  import classNames from 'classnames';
5
- const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image }) => {
5
+ const MidBannerRatafiaSection = ({ title, paragraph, ctaLabel, ctaLink, ctaDataQa, image, midBanner1Img, midBanner2Img, midBanner3Img }) => {
6
6
  const isEsignature = ctaDataQa.includes('esignature') && true;
7
7
  const classnames = classNames({
8
8
  '--is-esignature': isEsignature
9
9
  });
10
- return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: `mid-banner-ratafia-section__wrapper ${classnames}`, children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: `mid-banner-ratafia-section__wrapper__sample ${classnames}`, children: _jsx(MidBannerRatafiaSample, { image: image, isEsignatureImage: isEsignature }) })] }) }));
10
+ return (_jsx(MidBannerRatafiaSectionStyled, { className: 'mid-banner-ratafia-section', children: _jsxs("div", { className: `mid-banner-ratafia-section__wrapper ${classnames}`, children: [_jsx(MidBannerRatafiaContent, { title: title, paragraph: paragraph, ctaLabel: ctaLabel, ctaLink: ctaLink, ctaDataQa: ctaDataQa }), _jsx("div", { className: `mid-banner-ratafia-section__wrapper__sample ${classnames}`, children: _jsx(MidBannerRatafiaSample, { image: image, isEsignatureImage: isEsignature, midBanner1Img: midBanner1Img, midBanner2Img: midBanner2Img, midBanner3Img: midBanner3Img }) })] }) }));
11
11
  };
12
12
  export default MidBannerRatafiaSection;
package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.tsx CHANGED
@@ -11,7 +11,10 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
11
11
  ctaLabel,
12
12
  ctaLink,
13
13
  ctaDataQa,
14
- image
14
+ image,
15
+ midBanner1Img,
16
+ midBanner2Img,
17
+ midBanner3Img
15
18
  }) => {
16
19
  const isEsignature = ctaDataQa.includes('esignature') && true
17
20
  const classnames = classNames({
@@ -28,7 +31,13 @@ const MidBannerRatafiaSection: FC<MidBannerRatafiaSectionProps> = ({
28
31
  ctaDataQa={ctaDataQa}
29
32
  />
30
33
  <div className={`mid-banner-ratafia-section__wrapper__sample ${classnames}`}>
31
- <MidBannerRatafiaSample image={image} isEsignatureImage={isEsignature} />
34
+ <MidBannerRatafiaSample
35
+ image={image}
36
+ isEsignatureImage={isEsignature}
37
+ midBanner1Img={midBanner1Img}
38
+ midBanner2Img={midBanner2Img}
39
+ midBanner3Img={midBanner3Img}
40
+ />
32
41
  </div>
33
42
  </div>
34
43
  </MidBannerRatafiaSectionStyled>
package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.d.ts CHANGED
@@ -5,4 +5,7 @@ export interface MidBannerRatafiaSectionProps {
5
5
  ctaLink: string;
6
6
  ctaDataQa: string;
7
7
  image: React.ReactNode;
8
+ midBanner1Img: string;
9
+ midBanner2Img: string;
10
+ midBanner3Img: string;
8
11
  }
package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.ts CHANGED
@@ -5,4 +5,7 @@ export interface MidBannerRatafiaSectionProps {
5
5
  ctaLink: string
6
6
  ctaDataQa: string
7
7
  image: React.ReactNode
8
+ midBanner1Img: string
9
+ midBanner2Img: string
10
+ midBanner3Img: string
8
11
  }
package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.js CHANGED
@@ -4,10 +4,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section `
4
4
  width: 100%;
5
5
  margin: 0 auto;
6
6
  text-align: center;
7
- padding: 1.5rem;
7
+ padding: 2rem 1.5rem;
8
8
 
9
- @media ${device.laptop} {
10
- padding: 0;
9
+ @media ${device['landscape-tablets']} {
10
+ padding: 3rem 1.5rem;
11
11
  }
12
12
 
13
13
  @media ${device.desktop} {
@@ -16,10 +16,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section `
16
16
 
17
17
  .people-say {
18
18
  &__title {
19
- font-family: var(--font-serif);
20
- font-size: 32px;
21
- font-weight: 400;
22
- line-height: 42px;
19
+ font-family: var(--font-sans);
20
+ font-size: 1.75rem;
21
+ font-weight: 700;
22
+ line-height: 1.3;
23
23
  letter-spacing: -0.3px;
24
24
  text-align: center;
25
25
  }
@@ -29,6 +29,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section `
29
29
  text-align: left;
30
30
  margin-top: 2rem;
31
31
 
32
+ a {
33
+ text-decoration: underline;
34
+ color: var(--primary-main);
35
+ }
32
36
  > p,
33
37
  > blockquote {
34
38
  margin-top: 1.5rem;
package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.ts CHANGED
@@ -5,10 +5,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section`
5
5
  width: 100%;
6
6
  margin: 0 auto;
7
7
  text-align: center;
8
- padding: 1.5rem;
8
+ padding: 2rem 1.5rem;
9
9
 
10
- @media ${device.laptop} {
11
- padding: 0;
10
+ @media ${device['landscape-tablets']} {
11
+ padding: 3rem 1.5rem;
12
12
  }
13
13
 
14
14
  @media ${device.desktop} {
@@ -17,10 +17,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section`
17
17
 
18
18
  .people-say {
19
19
  &__title {
20
- font-family: var(--font-serif);
21
- font-size: 32px;
22
- font-weight: 400;
23
- line-height: 42px;
20
+ font-family: var(--font-sans);
21
+ font-size: 1.75rem;
22
+ font-weight: 700;
23
+ line-height: 1.3;
24
24
  letter-spacing: -0.3px;
25
25
  text-align: center;
26
26
  }
@@ -30,6 +30,10 @@ export const PeopleSayAboutUsSectionStyled = styled.section`
30
30
  text-align: left;
31
31
  margin-top: 2rem;
32
32
 
33
+ a {
34
+ text-decoration: underline;
35
+ color: var(--primary-main);
36
+ }
33
37
  > p,
34
38
  > blockquote {
35
39
  margin-top: 1.5rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.78.4",
3
+ "version": "5.78.6",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.scss DELETED
@@ -1,37 +0,0 @@
1
- @import '../../../globalStyles/variables.scss';
2
- @import '../../../globalStyles/mediaqueries.scss';
3
-
4
- .as-seen-in-section-box {
5
- flex-shrink: 0;
6
- background-color: get-color(secondary, main-light-5);
7
- padding: 0 1.5rem;
8
-
9
- @include laptop {
10
- margin-top: 12rem;
11
- }
12
-
13
- .as-seen-in-section {
14
- display: flex;
15
- flex-direction: column;
16
- box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
17
- background: get-color(others, white);
18
- transform: translateY(-5rem);
19
- padding: 1.5rem 0;
20
-
21
- @include laptop {
22
- transform: translateY(-50%);
23
- }
24
-
25
- &__title {
26
- color: var(--neutral-neutral-2);
27
- text-align: center;
28
- font-size: 32px;
29
- font-family: var(--font-serif);
30
- font-style: normal;
31
- font-weight: 400;
32
- line-height: 42px;
33
- letter-spacing: -0.3px;
34
- margin: 1rem 0;
35
- }
36
- }
37
- }