@npm_leadtech/legal-lib-components 5.72.0 → 5.72.2

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 (8) hide show
  1. package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.js +16 -3
  2. package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.ts +16 -3
  3. package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.js +7 -0
  4. package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.styled.ts +7 -0
  5. package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.styled.js +9 -11
  6. package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.styled.ts +9 -11
  7. package/package.json +1 -1
  8. package/dist/src/components/sections/AsSeeInSection/AsSeeInSection.scss +0 -37
package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.js CHANGED
@@ -1,14 +1,27 @@
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-between;
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
+ }
12
25
  }
13
26
  }
14
27
  `;
package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.ts CHANGED
@@ -1,15 +1,28 @@
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-between;
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
+ }
13
26
  }
14
27
  }
15
28
  `
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.72.0",
3
+ "version": "5.72.2",
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
- }