@npm_leadtech/legal-lib-components 5.72.3 → 5.73.0
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.
- package/dist/src/components/atoms/DatePickerCustom/DatePickerCustom.js +1 -1
- package/dist/src/components/atoms/DatePickerCustom/DatePickerCustom.tsx +1 -0
- package/dist/src/components/atoms/DatePickerCustom/index.js.map +2 -2
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.js +1 -1
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.js +3 -20
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.ts +3 -20
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.tsx +1 -3
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.d.ts +0 -1
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.ts +0 -1
- package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.js +0 -7
- package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.ts +0 -7
- package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.scss +37 -0
- package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.styled.js +11 -9
- package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.styled.ts +11 -9
- package/package.json +1 -1
|
@@ -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:
|
|
4
|
+
return (_jsx(TrustworthyWebsitesStyled, { className: 'trustworthy-websites', children: images.map((item) => (_jsx("div", { className: 'trustworthy-websites__image', children: item.src }, item.id))) }));
|
|
5
5
|
};
|
|
6
6
|
export default TrustworthyWebsites;
|
|
@@ -1,31 +1,14 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints';
|
|
2
1
|
import styled from 'styled-components';
|
|
3
2
|
export const TrustworthyWebsitesStyled = styled.div `
|
|
4
3
|
display: flex;
|
|
5
4
|
flex-wrap: wrap;
|
|
6
|
-
justify-content:
|
|
5
|
+
justify-content: center;
|
|
7
6
|
align-items: center;
|
|
8
7
|
|
|
9
|
-
@media ${device['landscape-tablets']} {
|
|
10
|
-
gap: 4%;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
8
|
.trustworthy-websites {
|
|
14
9
|
&__image {
|
|
15
|
-
margin:
|
|
16
|
-
width:
|
|
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
|
-
}
|
|
10
|
+
margin: 1.5rem;
|
|
11
|
+
max-width: 7rem;
|
|
29
12
|
}
|
|
30
13
|
}
|
|
31
14
|
`;
|
|
@@ -1,32 +1,15 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
1
|
import styled from 'styled-components'
|
|
3
2
|
|
|
4
3
|
export const TrustworthyWebsitesStyled = styled.div`
|
|
5
4
|
display: flex;
|
|
6
5
|
flex-wrap: wrap;
|
|
7
|
-
justify-content:
|
|
6
|
+
justify-content: center;
|
|
8
7
|
align-items: center;
|
|
9
8
|
|
|
10
|
-
@media ${device['landscape-tablets']} {
|
|
11
|
-
gap: 4%;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
9
|
.trustworthy-websites {
|
|
15
10
|
&__image {
|
|
16
|
-
margin:
|
|
17
|
-
width:
|
|
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
|
-
}
|
|
11
|
+
margin: 1.5rem;
|
|
12
|
+
max-width: 7rem;
|
|
30
13
|
}
|
|
31
14
|
}
|
|
32
15
|
`
|
|
@@ -8,9 +8,7 @@ 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
|
-
|
|
12
|
-
{item.src}
|
|
13
|
-
</a>
|
|
11
|
+
{item.src}
|
|
14
12
|
</div>
|
|
15
13
|
))}
|
|
16
14
|
</TrustworthyWebsitesStyled>
|
|
@@ -0,0 +1,37 @@
|
|
|
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
|
+
}
|
|
@@ -2,28 +2,30 @@ 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:
|
|
6
|
-
padding: 2rem 1.5rem;
|
|
5
|
+
background-color: get-color(secondary, main-light-5);
|
|
6
|
+
padding: 0 1.5rem 2rem 1.5rem;
|
|
7
7
|
|
|
8
8
|
@media ${device['landscape-tablets']} {
|
|
9
|
-
padding: 3rem 1.5rem;
|
|
9
|
+
padding: 0 1.5rem 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);
|
|
15
16
|
background: get-color(others, white);
|
|
17
|
+
padding: 1.5rem 0;
|
|
16
18
|
|
|
17
19
|
&__title {
|
|
18
|
-
color: var(--neutral-neutral-
|
|
20
|
+
color: var(--neutral-neutral-2);
|
|
19
21
|
text-align: center;
|
|
20
|
-
font-size:
|
|
21
|
-
font-family: var(--font-
|
|
22
|
+
font-size: 32px;
|
|
23
|
+
font-family: var(--font-serif);
|
|
22
24
|
font-style: normal;
|
|
23
|
-
font-weight:
|
|
24
|
-
line-height:
|
|
25
|
+
font-weight: 400;
|
|
26
|
+
line-height: 42px;
|
|
25
27
|
letter-spacing: -0.3px;
|
|
26
|
-
margin:
|
|
28
|
+
margin: 1rem 0;
|
|
27
29
|
}
|
|
28
30
|
}
|
|
29
31
|
`;
|
|
@@ -3,28 +3,30 @@ import styled from 'styled-components'
|
|
|
3
3
|
|
|
4
4
|
export const AsSeeInSectionStyled = styled.section`
|
|
5
5
|
flex-shrink: 0;
|
|
6
|
-
background-color:
|
|
7
|
-
padding: 2rem 1.5rem;
|
|
6
|
+
background-color: get-color(secondary, main-light-5);
|
|
7
|
+
padding: 0 1.5rem 2rem 1.5rem;
|
|
8
8
|
|
|
9
9
|
@media ${device['landscape-tablets']} {
|
|
10
|
-
padding: 3rem 1.5rem;
|
|
10
|
+
padding: 0 1.5rem 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);
|
|
16
17
|
background: get-color(others, white);
|
|
18
|
+
padding: 1.5rem 0;
|
|
17
19
|
|
|
18
20
|
&__title {
|
|
19
|
-
color: var(--neutral-neutral-
|
|
21
|
+
color: var(--neutral-neutral-2);
|
|
20
22
|
text-align: center;
|
|
21
|
-
font-size:
|
|
22
|
-
font-family: var(--font-
|
|
23
|
+
font-size: 32px;
|
|
24
|
+
font-family: var(--font-serif);
|
|
23
25
|
font-style: normal;
|
|
24
|
-
font-weight:
|
|
25
|
-
line-height:
|
|
26
|
+
font-weight: 400;
|
|
27
|
+
line-height: 42px;
|
|
26
28
|
letter-spacing: -0.3px;
|
|
27
|
-
margin:
|
|
29
|
+
margin: 1rem 0;
|
|
28
30
|
}
|
|
29
31
|
}
|
|
30
32
|
`
|