@npm_leadtech/legal-lib-components 5.11.3 → 5.11.4

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 (7) hide show
  1. package/dist/src/components/pages/ErrorRatafiaPage/ErrorRatafiaPage.styled.js +2 -1
  2. package/dist/src/components/pages/ErrorRatafiaPage/ErrorRatafiaPage.styled.ts +2 -1
  3. package/dist/src/components/pages/FaqsPage/FaqsPage.styled.js +5 -4
  4. package/dist/src/components/pages/FaqsPage/FaqsPage.styled.ts +5 -4
  5. package/dist/src/components/pages/KeyFactsResultRatafiaPage/KeyFactsResultRatafiaPage.styled.js +2 -1
  6. package/dist/src/components/pages/KeyFactsResultRatafiaPage/KeyFactsResultRatafiaPage.styled.ts +2 -1
  7. package/package.json +1 -1
package/dist/src/components/pages/ErrorRatafiaPage/ErrorRatafiaPage.styled.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { device } from '../../../globalStyles/breakpoints';
1
2
  import styled from 'styled-components';
2
3
  export const ErrorRatafiaPageStyled = styled.div `
3
4
  display: flex;
@@ -17,7 +18,7 @@ export const ErrorRatafiaPageStyled = styled.div `
17
18
  margin-bottom: 1rem;
18
19
  }
19
20
 
20
- @include portrait-tablets {
21
+ @media ${device['portrait-tablets']} {
21
22
  display: inline-grid;
22
23
  width: inherit;
23
24
 
package/dist/src/components/pages/ErrorRatafiaPage/ErrorRatafiaPage.styled.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { device } from '../../../globalStyles/breakpoints'
1
2
  import styled from 'styled-components'
2
3
 
3
4
  export const ErrorRatafiaPageStyled = styled.div`
@@ -18,7 +19,7 @@ export const ErrorRatafiaPageStyled = styled.div`
18
19
  margin-bottom: 1rem;
19
20
  }
20
21
 
21
- @include portrait-tablets {
22
+ @media ${device['portrait-tablets']} {
22
23
  display: inline-grid;
23
24
  width: inherit;
24
25
 
package/dist/src/components/pages/FaqsPage/FaqsPage.styled.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { device } from '../../../globalStyles/breakpoints';
1
2
  import styled from 'styled-components';
2
3
  export const FaqsPageStyled = styled.div `
3
4
  .titles {
@@ -8,7 +9,7 @@ export const FaqsPageStyled = styled.div `
8
9
  gap: 8px;
9
10
  background: var(--primary-main-light-6);
10
11
 
11
- @include landscape-tablets {
12
+ @media ${device['landscape-tablets']} {
12
13
  padding: 40px 32px 80px 32px;
13
14
  }
14
15
 
@@ -31,7 +32,7 @@ export const FaqsPageStyled = styled.div `
31
32
  font-weight: 400;
32
33
  letter-spacing: -0.3px;
33
34
 
34
- @include landscape-tablets {
35
+ @media ${device['landscape-tablets']} {
35
36
  font-size: 48px;
36
37
  line-height: 58px;
37
38
  }
@@ -46,12 +47,12 @@ export const FaqsPageStyled = styled.div `
46
47
  background: var(--primary-main-light-6);
47
48
  justify-content: center;
48
49
 
49
- @include mobile {
50
+ @media ${device.mobile} {
50
51
  flex-direction: column;
51
52
  gap: calc(1rem * 3);
52
53
  }
53
54
 
54
- @include landscape-tablets {
55
+ @media ${device['landscape-tablets']} {
55
56
  padding: 32px;
56
57
  gap: 106px;
57
58
  }
package/dist/src/components/pages/FaqsPage/FaqsPage.styled.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { device } from '../../../globalStyles/breakpoints'
1
2
  import styled from 'styled-components'
2
3
 
3
4
  export const FaqsPageStyled = styled.div`
@@ -9,7 +10,7 @@ export const FaqsPageStyled = styled.div`
9
10
  gap: 8px;
10
11
  background: var(--primary-main-light-6);
11
12
 
12
- @include landscape-tablets {
13
+ @media ${device['landscape-tablets']} {
13
14
  padding: 40px 32px 80px 32px;
14
15
  }
15
16
 
@@ -32,7 +33,7 @@ export const FaqsPageStyled = styled.div`
32
33
  font-weight: 400;
33
34
  letter-spacing: -0.3px;
34
35
 
35
- @include landscape-tablets {
36
+ @media ${device['landscape-tablets']} {
36
37
  font-size: 48px;
37
38
  line-height: 58px;
38
39
  }
@@ -47,12 +48,12 @@ export const FaqsPageStyled = styled.div`
47
48
  background: var(--primary-main-light-6);
48
49
  justify-content: center;
49
50
 
50
- @include mobile {
51
+ @media ${device.mobile} {
51
52
  flex-direction: column;
52
53
  gap: calc(1rem * 3);
53
54
  }
54
55
 
55
- @include landscape-tablets {
56
+ @media ${device['landscape-tablets']} {
56
57
  padding: 32px;
57
58
  gap: 106px;
58
59
  }
package/dist/src/components/pages/KeyFactsResultRatafiaPage/KeyFactsResultRatafiaPage.styled.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { device } from '../../../globalStyles/breakpoints';
1
2
  import styled from 'styled-components';
2
3
  export const KeyFactsResultRatafiaPageStyled = styled.div `
3
4
  background-color: var(--neutral-neutral-6);
@@ -14,7 +15,7 @@ export const KeyFactsResultRatafiaPageStyled = styled.div `
14
15
  align-self: start;
15
16
  display: block;
16
17
  width: 100%;
17
- @include portrait-tablets {
18
+ @media ${device['portrait-tablets']} {
18
19
  display: inline-block;
19
20
  }
20
21
  }
package/dist/src/components/pages/KeyFactsResultRatafiaPage/KeyFactsResultRatafiaPage.styled.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { device } from '../../../globalStyles/breakpoints'
1
2
  import styled from 'styled-components'
2
3
 
3
4
  export const KeyFactsResultRatafiaPageStyled = styled.div`
@@ -15,7 +16,7 @@ export const KeyFactsResultRatafiaPageStyled = styled.div`
15
16
  align-self: start;
16
17
  display: block;
17
18
  width: 100%;
18
- @include portrait-tablets {
19
+ @media ${device['portrait-tablets']} {
19
20
  display: inline-block;
20
21
  }
21
22
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.11.3",
3
+ "version": "5.11.4",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",