@npm_leadtech/legal-lib-components 7.12.3 → 7.12.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 (9) hide show
  1. package/dist/src/components/atoms/TopBar/TopBar.js +1 -1
  2. package/dist/src/components/atoms/TopBar/TopBar.tsx +2 -2
  3. package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.styled.js +10 -7
  4. package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.styled.ts +10 -7
  5. package/dist/src/components/organisms/MenuItems/MenuItems.styled.js +3 -1
  6. package/dist/src/components/organisms/MenuItems/MenuItems.styled.ts +3 -1
  7. package/dist/src/components/organisms/NavMenu/NavMenu.styled.js +7 -4
  8. package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts +7 -4
  9. package/package.json +1 -1
package/dist/src/components/atoms/TopBar/TopBar.js CHANGED
@@ -7,6 +7,6 @@ const TopBar = ({ hide, children }) => {
7
7
  const classnames = classNames({
8
8
  '--is-hidden': hide
9
9
  });
10
- return (_jsx(TopBarStyled, { className: `top-bar-content top-bar-wrapper ${classnames}`, children: _jsx("div", { className: 'top-bar', children: _jsx("div", { children: children }) }) }));
10
+ return (_jsx(TopBarStyled, { className: `top-bar-wrapper ${classnames}`, children: _jsx("div", { className: 'top-bar', children: _jsx("div", { className: 'top-bar-content', children: children }) }) }));
11
11
  };
12
12
  export default TopBar;
package/dist/src/components/atoms/TopBar/TopBar.tsx CHANGED
@@ -12,9 +12,9 @@ const TopBar: FC<TopBarProps> = ({ hide, children }) => {
12
12
  })
13
13
 
14
14
  return (
15
- <TopBarStyled className={`top-bar-content top-bar-wrapper ${classnames}`}>
15
+ <TopBarStyled className={`top-bar-wrapper ${classnames}`}>
16
16
  <div className={'top-bar'}>
17
- <div>{children}</div>
17
+ <div className='top-bar-content'>{children}</div>
18
18
  </div>
19
19
  </TopBarStyled>
20
20
  )
package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.styled.js CHANGED
@@ -1,12 +1,13 @@
1
+ import { device } from '../../../globalStyles/breakpoints';
1
2
  import styled from 'styled-components';
2
3
  export const DocumentListMenuStyled = styled.div `
3
4
  display: flex;
4
5
  flex-flow: column nowrap;
5
- background: variables.get-color(others, white);
6
+ background: var(--others-white);
6
7
  width: 100%;
7
8
  padding: 1rem 0;
8
9
 
9
- @include mediaqueries.sm {
10
+ @media ${device['landscape-tablets']} {
10
11
  display: none;
11
12
  }
12
13
 
@@ -16,15 +17,15 @@ export const DocumentListMenuStyled = styled.div `
16
17
  align-items: flex-start;
17
18
  margin: auto;
18
19
 
19
- @include mediaqueries.sm {
20
+ @media ${device['landscape-tablets']} {
20
21
  width: 696px;
21
22
  }
22
23
 
23
- @include mediaqueries.md {
24
+ @media ${device['laptop']} {
24
25
  width: 910px;
25
26
  }
26
27
 
27
- @include mediaqueries.xl {
28
+ @media ${device['desktop-xl']} {
28
29
  width: 1128px;
29
30
  }
30
31
 
@@ -32,7 +33,7 @@ export const DocumentListMenuStyled = styled.div `
32
33
  text-align: left;
33
34
  width: 100%;
34
35
 
35
- @include mediaqueries.sm {
36
+ @media ${device['landscape-tablets']} {
36
37
  width: 33%;
37
38
  padding-right: 1rem;
38
39
  &:nth-child(3) {
@@ -40,7 +41,7 @@ export const DocumentListMenuStyled = styled.div `
40
41
  }
41
42
  }
42
43
 
43
- @include mediaqueries.md {
44
+ @media ${device['laptop']} {
44
45
  width: 20%;
45
46
  &:nth-child(3) {
46
47
  padding-right: 1rem;
@@ -54,6 +55,8 @@ export const DocumentListMenuStyled = styled.div `
54
55
 
55
56
  .all-documents-button-wrapper {
56
57
  display: flex;
58
+ justify-content: center;
59
+ width: 100%;
57
60
 
58
61
  .all-documents-button {
59
62
  margin: 1rem auto;
package/dist/src/components/organisms/DocumentListMenu/DocumentListMenu.styled.ts CHANGED
@@ -1,13 +1,14 @@
1
+ import { device } from '../../../globalStyles/breakpoints'
1
2
  import styled from 'styled-components'
2
3
 
3
4
  export const DocumentListMenuStyled = styled.div`
4
5
  display: flex;
5
6
  flex-flow: column nowrap;
6
- background: variables.get-color(others, white);
7
+ background: var(--others-white);
7
8
  width: 100%;
8
9
  padding: 1rem 0;
9
10
 
10
- @include mediaqueries.sm {
11
+ @media ${device['landscape-tablets']} {
11
12
  display: none;
12
13
  }
13
14
 
@@ -17,15 +18,15 @@ export const DocumentListMenuStyled = styled.div`
17
18
  align-items: flex-start;
18
19
  margin: auto;
19
20
 
20
- @include mediaqueries.sm {
21
+ @media ${device['landscape-tablets']} {
21
22
  width: 696px;
22
23
  }
23
24
 
24
- @include mediaqueries.md {
25
+ @media ${device['laptop']} {
25
26
  width: 910px;
26
27
  }
27
28
 
28
- @include mediaqueries.xl {
29
+ @media ${device['desktop-xl']} {
29
30
  width: 1128px;
30
31
  }
31
32
 
@@ -33,7 +34,7 @@ export const DocumentListMenuStyled = styled.div`
33
34
  text-align: left;
34
35
  width: 100%;
35
36
 
36
- @include mediaqueries.sm {
37
+ @media ${device['landscape-tablets']} {
37
38
  width: 33%;
38
39
  padding-right: 1rem;
39
40
  &:nth-child(3) {
@@ -41,7 +42,7 @@ export const DocumentListMenuStyled = styled.div`
41
42
  }
42
43
  }
43
44
 
44
- @include mediaqueries.md {
45
+ @media ${device['laptop']} {
45
46
  width: 20%;
46
47
  &:nth-child(3) {
47
48
  padding-right: 1rem;
@@ -55,6 +56,8 @@ export const DocumentListMenuStyled = styled.div`
55
56
 
56
57
  .all-documents-button-wrapper {
57
58
  display: flex;
59
+ justify-content: center;
60
+ width: 100%;
58
61
 
59
62
  .all-documents-button {
60
63
  margin: 1rem auto;
package/dist/src/components/organisms/MenuItems/MenuItems.styled.js CHANGED
@@ -4,7 +4,7 @@ export const MenuItemsStyled = styled.div `
4
4
  display: flex;
5
5
  flex-direction: column;
6
6
  justify-content: flex-start;
7
- align-items: baseline;
7
+ align-items: flex-start;
8
8
  margin-top: 1rem;
9
9
 
10
10
  &__wrapper {
@@ -577,6 +577,7 @@ export const MenuItemsStyled = styled.div `
577
577
  .navigation-pane__link,
578
578
  .navigation-pane__esignature {
579
579
  order: 3;
580
+ padding-left: 1.5rem;
580
581
  }
581
582
 
582
583
  .navigation-pane__products {
@@ -591,6 +592,7 @@ export const MenuItemsStyled = styled.div `
591
592
  margin: 0 1.5rem 1.5rem 1.5rem;
592
593
  border-top: 1px solid var(--neutral-neutral-4);
593
594
  border-bottom: 1px solid var(--neutral-neutral-4);
595
+ width: -webkit-fill-available;
594
596
  }
595
597
  }
596
598
  `;
package/dist/src/components/organisms/MenuItems/MenuItems.styled.ts CHANGED
@@ -5,7 +5,7 @@ export const MenuItemsStyled = styled.div`
5
5
  display: flex;
6
6
  flex-direction: column;
7
7
  justify-content: flex-start;
8
- align-items: baseline;
8
+ align-items: flex-start;
9
9
  margin-top: 1rem;
10
10
 
11
11
  &__wrapper {
@@ -581,6 +581,7 @@ export const MenuItemsStyled = styled.div`
581
581
  .navigation-pane__link,
582
582
  .navigation-pane__esignature {
583
583
  order: 3;
584
+ padding-left: 1.5rem;
584
585
  }
585
586
 
586
587
  .navigation-pane__products {
@@ -595,6 +596,7 @@ export const MenuItemsStyled = styled.div`
595
596
  margin: 0 1.5rem 1.5rem 1.5rem;
596
597
  border-top: 1px solid var(--neutral-neutral-4);
597
598
  border-bottom: 1px solid var(--neutral-neutral-4);
599
+ width: -webkit-fill-available;
598
600
  }
599
601
  }
600
602
  `
package/dist/src/components/organisms/NavMenu/NavMenu.styled.js CHANGED
@@ -67,7 +67,7 @@ export const NavMenuStyled = styled.div `
67
67
  .navigation-pane__help,
68
68
  .navigation-pane__resources {
69
69
  position: relative;
70
- margin-left: 0.5rem;
70
+ //margin-left: 0.5rem;
71
71
  padding: 0.75rem 0;
72
72
  cursor: pointer;
73
73
 
@@ -114,9 +114,14 @@ export const NavMenuStyled = styled.div `
114
114
  left: 0;
115
115
  }
116
116
 
117
+ .resources__list {
118
+ @media ${device['mobile']} {
119
+ margin-bottom: 2rem;
120
+ }
121
+ }
122
+
117
123
  @media ${device['mobile']} {
118
124
  position: static;
119
- margin-bottom: 2rem;
120
125
  }
121
126
 
122
127
  .products__list {
@@ -456,7 +461,6 @@ export const NavMenuStyled = styled.div `
456
461
  padding: 1.5rem 0 0 0;
457
462
  margin: 0 1.5rem 1.5rem 1.5rem;
458
463
  border-top: 1px solid var(--neutral-neutral-4);
459
- border-bottom: 1px solid var(--neutral-neutral-4);
460
464
  }
461
465
  }
462
466
 
@@ -566,7 +570,6 @@ export const NavMenuStyled = styled.div `
566
570
  padding: 1.5rem 0 0 0;
567
571
  margin: 0 1.5rem 1.5rem 1.5rem;
568
572
  border-top: 1px solid var(--neutral-neutral-4);
569
- border-bottom: 1px solid var(--neutral-neutral-4);
570
573
  }
571
574
  }
572
575
  `;
package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts CHANGED
@@ -68,7 +68,7 @@ export const NavMenuStyled = styled.div`
68
68
  .navigation-pane__help,
69
69
  .navigation-pane__resources {
70
70
  position: relative;
71
- margin-left: 0.5rem;
71
+ //margin-left: 0.5rem;
72
72
  padding: 0.75rem 0;
73
73
  cursor: pointer;
74
74
 
@@ -115,9 +115,14 @@ export const NavMenuStyled = styled.div`
115
115
  left: 0;
116
116
  }
117
117
 
118
+ .resources__list {
119
+ @media ${device['mobile']} {
120
+ margin-bottom: 2rem;
121
+ }
122
+ }
123
+
118
124
  @media ${device['mobile']} {
119
125
  position: static;
120
- margin-bottom: 2rem;
121
126
  }
122
127
 
123
128
  .products__list {
@@ -457,7 +462,6 @@ export const NavMenuStyled = styled.div`
457
462
  padding: 1.5rem 0 0 0;
458
463
  margin: 0 1.5rem 1.5rem 1.5rem;
459
464
  border-top: 1px solid var(--neutral-neutral-4);
460
- border-bottom: 1px solid var(--neutral-neutral-4);
461
465
  }
462
466
  }
463
467
 
@@ -570,7 +574,6 @@ export const NavMenuStyled = styled.div`
570
574
  padding: 1.5rem 0 0 0;
571
575
  margin: 0 1.5rem 1.5rem 1.5rem;
572
576
  border-top: 1px solid var(--neutral-neutral-4);
573
- border-bottom: 1px solid var(--neutral-neutral-4);
574
577
  }
575
578
  }
576
579
  `
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.12.3",
3
+ "version": "7.12.4",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",