@npm_leadtech/legal-lib-components 5.11.6 → 5.11.7

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 (9) hide show
  1. package/dist/src/components/molecules/BottomOverlay/BottomOverlay.styled.js +2 -2
  2. package/dist/src/components/molecules/BottomOverlay/BottomOverlay.styled.ts +2 -2
  3. package/dist/src/components/molecules/MoreDocsDesktop/MoreDocsDesktop.styled.js +0 -5
  4. package/dist/src/components/molecules/MoreDocsDesktop/MoreDocsDesktop.styled.ts +0 -5
  5. package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.js +12 -5
  6. package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.ts +12 -5
  7. package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.js +6 -6
  8. package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.ts +6 -6
  9. package/package.json +1 -1
package/dist/src/components/molecules/BottomOverlay/BottomOverlay.styled.js CHANGED
@@ -76,10 +76,10 @@ export const BottomOverlayStyled = styled.div `
76
76
 
77
77
  .overlay__scrollable-section {
78
78
  position: sticky;
79
- max-height: 30rem;
79
+ max-height: 21rem;
80
80
  min-height: 8.5rem;
81
81
  display: flex;
82
- overflow-y: auto;
82
+ overflow-y: scroll;
83
83
  padding-left: 1.5rem;
84
84
  padding-right: 1.5rem;
85
85
  width: 100%;
package/dist/src/components/molecules/BottomOverlay/BottomOverlay.styled.ts CHANGED
@@ -77,10 +77,10 @@ export const BottomOverlayStyled = styled.div`
77
77
 
78
78
  .overlay__scrollable-section {
79
79
  position: sticky;
80
- max-height: 30rem;
80
+ max-height: 21rem;
81
81
  min-height: 8.5rem;
82
82
  display: flex;
83
- overflow-y: auto;
83
+ overflow-y: scroll;
84
84
  padding-left: 1.5rem;
85
85
  padding-right: 1.5rem;
86
86
  width: 100%;
package/dist/src/components/molecules/MoreDocsDesktop/MoreDocsDesktop.styled.js CHANGED
@@ -29,11 +29,6 @@ export const MoreDocsDesktopStyled = styled.div `
29
29
  letter-spacing: -0.3px;
30
30
  padding: 0 0 1.5rem 0;
31
31
  width: 100%;
32
-
33
- @media only screen and (max-width: ${size.md}) {
34
- display: flex;
35
- justify-content: center;
36
- }
37
32
  }
38
33
 
39
34
  .docs-container {
package/dist/src/components/molecules/MoreDocsDesktop/MoreDocsDesktop.styled.ts CHANGED
@@ -30,11 +30,6 @@ export const MoreDocsDesktopStyled = styled.div`
30
30
  letter-spacing: -0.3px;
31
31
  padding: 0 0 1.5rem 0;
32
32
  width: 100%;
33
-
34
- @media only screen and (max-width: ${size.md}) {
35
- display: flex;
36
- justify-content: center;
37
- }
38
33
  }
39
34
 
40
35
  .docs-container {
package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.js CHANGED
@@ -1,8 +1,12 @@
1
+ import { device } from '../../../globalStyles/breakpoints';
1
2
  import styled from 'styled-components';
2
3
  export const MoreDocsMobileStyled = styled.div `
3
4
  .more-docs-mobile {
4
5
  margin: 0 1.5rem 2.5rem 1.5rem;
5
- padding: 5px 0;
6
+ @media ${device['portrait-tablets']} {
7
+ margin: 0 4.5rem 2.5rem 4.5rem;
8
+ }
9
+ padding: 0.3125rem 0;
6
10
  border-radius: 4px;
7
11
  border: solid 2px #dfe5e8;
8
12
  display: flex;
@@ -42,8 +46,11 @@ export const MoreDocsMobileStyled = styled.div `
42
46
  }
43
47
 
44
48
  .more-docs-list {
45
- margin: -40px 24px 40px 24px;
46
- padding: 16px 8px 16px 8px;
49
+ margin: -2.5rem 1.5rem 2.5rem 1.5rem;
50
+ @media ${device['portrait-tablets']} {
51
+ margin: -2.5rem 4.5rem 2.5rem 4.5rem;
52
+ }
53
+ padding: 1rem 0.5rem 1rem 0.5rem;
47
54
  border-radius: 4px;
48
55
  border: solid 2px #dfe5e8;
49
56
  display: flex;
@@ -56,8 +63,8 @@ export const MoreDocsMobileStyled = styled.div `
56
63
 
57
64
  .separation-line {
58
65
  width: calc(100% - 20px);
59
- height: 1px;
60
- margin: 16px 10px;
66
+ height: 0.0625rem;
67
+ margin: 1rem 0.625rem;
61
68
  background-color: var(--neutral-neutral-3);
62
69
  }
63
70
 
package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.ts CHANGED
@@ -1,9 +1,13 @@
1
+ import { device } from '../../../globalStyles/breakpoints'
1
2
  import styled from 'styled-components'
2
3
 
3
4
  export const MoreDocsMobileStyled = styled.div`
4
5
  .more-docs-mobile {
5
6
  margin: 0 1.5rem 2.5rem 1.5rem;
6
- padding: 5px 0;
7
+ @media ${device['portrait-tablets']} {
8
+ margin: 0 4.5rem 2.5rem 4.5rem;
9
+ }
10
+ padding: 0.3125rem 0;
7
11
  border-radius: 4px;
8
12
  border: solid 2px #dfe5e8;
9
13
  display: flex;
@@ -43,8 +47,11 @@ export const MoreDocsMobileStyled = styled.div`
43
47
  }
44
48
 
45
49
  .more-docs-list {
46
- margin: -40px 24px 40px 24px;
47
- padding: 16px 8px 16px 8px;
50
+ margin: -2.5rem 1.5rem 2.5rem 1.5rem;
51
+ @media ${device['portrait-tablets']} {
52
+ margin: -2.5rem 4.5rem 2.5rem 4.5rem;
53
+ }
54
+ padding: 1rem 0.5rem 1rem 0.5rem;
48
55
  border-radius: 4px;
49
56
  border: solid 2px #dfe5e8;
50
57
  display: flex;
@@ -57,8 +64,8 @@ export const MoreDocsMobileStyled = styled.div`
57
64
 
58
65
  .separation-line {
59
66
  width: calc(100% - 20px);
60
- height: 1px;
61
- margin: 16px 10px;
67
+ height: 0.0625rem;
68
+ margin: 1rem 0.625rem;
62
69
  background-color: var(--neutral-neutral-3);
63
70
  }
64
71
 
package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.js CHANGED
@@ -16,21 +16,21 @@ export const RatafiaSubscriptionCardStyled = styled.div `
16
16
  }
17
17
 
18
18
  .ratafia-card__feature {
19
- &.ai-feature {
19
+ &.ratafia-card__ai-feature {
20
20
  background-color: var(--primary-main-light-6);
21
21
  }
22
22
  }
23
23
  }
24
24
 
25
25
  &.secondary {
26
- background-color: var(--secondary-main-light-4);
26
+ background-color: var(--primary-main-light-4);
27
27
 
28
28
  .icon-svg-with-theme-color {
29
- background-color: var(--secondary-main-dark-2);
29
+ background-color: var(--primary-main-dark-2);
30
30
  }
31
31
 
32
- .ratafia-card {
33
- &.main-feature {
32
+ .ratafia-card__feature {
33
+ &.ratafia-card__ai-feature {
34
34
  background-color: var(--secondary-main-light-3);
35
35
  }
36
36
  }
@@ -79,7 +79,7 @@ export const RatafiaSubscriptionCardStyled = styled.div `
79
79
  margin-top: 0.2rem;
80
80
  }
81
81
 
82
- &.ai-feature {
82
+ &.ratafia-card__ai-feature {
83
83
  background-color: var(--primary-main-light-6);
84
84
  padding-left: 0.5rem;
85
85
  }
package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.ts CHANGED
@@ -17,21 +17,21 @@ export const RatafiaSubscriptionCardStyled = styled.div`
17
17
  }
18
18
 
19
19
  .ratafia-card__feature {
20
- &.ai-feature {
20
+ &.ratafia-card__ai-feature {
21
21
  background-color: var(--primary-main-light-6);
22
22
  }
23
23
  }
24
24
  }
25
25
 
26
26
  &.secondary {
27
- background-color: var(--secondary-main-light-4);
27
+ background-color: var(--primary-main-light-4);
28
28
 
29
29
  .icon-svg-with-theme-color {
30
- background-color: var(--secondary-main-dark-2);
30
+ background-color: var(--primary-main-dark-2);
31
31
  }
32
32
 
33
- .ratafia-card {
34
- &.main-feature {
33
+ .ratafia-card__feature {
34
+ &.ratafia-card__ai-feature {
35
35
  background-color: var(--secondary-main-light-3);
36
36
  }
37
37
  }
@@ -80,7 +80,7 @@ export const RatafiaSubscriptionCardStyled = styled.div`
80
80
  margin-top: 0.2rem;
81
81
  }
82
82
 
83
- &.ai-feature {
83
+ &.ratafia-card__ai-feature {
84
84
  background-color: var(--primary-main-light-6);
85
85
  padding-left: 0.5rem;
86
86
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.11.6",
3
+ "version": "5.11.7",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",