@npm_leadtech/legal-lib-components 7.12.19 → 7.12.20

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/organisms/MenuItems/MenuItems.styled.js +26 -15
  2. package/dist/src/components/organisms/MenuItems/MenuItems.styled.ts +26 -15
  3. package/dist/src/components/organisms/NavMenu/NavMenu.styled.js +26 -9
  4. package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts +26 -9
  5. package/dist/src/components/sections/Header/Header.styled.js +1 -0
  6. package/dist/src/components/sections/Header/Header.styled.ts +1 -0
  7. package/package.json +1 -1
package/dist/src/components/organisms/MenuItems/MenuItems.styled.js CHANGED
@@ -8,7 +8,7 @@ export const MenuItemsStyled = styled.div `
8
8
 
9
9
  &__wrapper {
10
10
  width: 100%;
11
- margin-top: 3rem;
11
+ margin-top: 1rem;
12
12
  left: 0;
13
13
  background: var(--others-white);
14
14
  position: fixed;
@@ -29,7 +29,6 @@ export const MenuItemsStyled = styled.div `
29
29
  display: none;
30
30
  flex-flow: row wrap;
31
31
  justify-content: flex-end;
32
- margin-left: 1rem;
33
32
  }
34
33
 
35
34
  &__spacer {
@@ -40,7 +39,6 @@ export const MenuItemsStyled = styled.div `
40
39
  .left-nav {
41
40
  display: flex;
42
41
  align-items: center;
43
- margin-left: 1rem;
44
42
  }
45
43
 
46
44
  .header-phone {
@@ -90,11 +88,11 @@ export const MenuItemsStyled = styled.div `
90
88
  .navigation-pane__resources,
91
89
  .navigation-pane__help {
92
90
  position: relative;
93
- //margin-left: 0.5rem;
91
+ margin-left: 0.5rem;
94
92
  padding: 0.75rem 0;
95
93
  cursor: pointer;
96
94
 
97
- @media ${device['desktop']} {
95
+ @media ${device['portrait-tablets']} {
98
96
  margin-right: 1.5rem;
99
97
  padding-bottom: 0.5rem;
100
98
  }
@@ -415,7 +413,7 @@ export const MenuItemsStyled = styled.div `
415
413
  .--is-open .--is-mobile .navigation-pane {
416
414
  .navigation-pane__wrapper {
417
415
  width: 100%;
418
- margin-top: 3rem;
416
+ margin-top: 1rem;
419
417
  left: 0;
420
418
  background: var(--others-white);
421
419
  position: fixed;
@@ -501,12 +499,12 @@ export const MenuItemsStyled = styled.div `
501
499
  display: none;
502
500
  }
503
501
 
504
- &__resources {
502
+ .navigation-pane__resources {
505
503
  display: flex;
506
504
  flex-direction: column;
507
505
  align-items: flex-start;
508
- padding: 1.5rem 0 0 0;
509
- margin: 0 1.5rem 1.5rem 1.5rem;
506
+ padding: 1.5rem 0;
507
+ margin: 0 1.5rem 2rem 1.5rem;
510
508
  border-top: 1px solid var(--neutral-neutral-4);
511
509
  border-bottom: 1px solid var(--neutral-neutral-4);
512
510
  }
@@ -517,7 +515,7 @@ export const MenuItemsStyled = styled.div `
517
515
  .navigation-pane {
518
516
  .navigation-pane__wrapper {
519
517
  width: 100%;
520
- margin-top: 3rem;
518
+ margin-top: 1rem;
521
519
  left: 0;
522
520
  background: var(--others-white);
523
521
  position: fixed;
@@ -629,7 +627,7 @@ export const MenuItemsStyled = styled.div `
629
627
  display: flex;
630
628
  flex-direction: column;
631
629
  width: 100%;
632
- margin-top: 3rem;
630
+ margin-top: 1rem;
633
631
  left: 0;
634
632
  background: var(--others-white);
635
633
  position: fixed;
@@ -652,11 +650,25 @@ export const MenuItemsStyled = styled.div `
652
650
  }
653
651
  }
654
652
 
653
+ .navigation-pane__user-menu {
654
+ display: flex;
655
+ flex-flow: row nowrap;
656
+ justify-content: center;
657
+ align-content: center;
658
+ padding: 1.5rem 0;
659
+ margin: 0 1rem;
660
+
661
+ .log-in {
662
+ min-width: 120px;
663
+ margin-right: 0.5rem;
664
+ }
665
+ }
666
+
655
667
  .navigation-pane__ratafia,
656
668
  .navigation-pane__link,
657
669
  .navigation-pane__esignature {
658
670
  order: 3;
659
- padding-left: 1.5rem;
671
+ padding: 1.5rem 0 0.5rem 1.5rem;
660
672
  }
661
673
 
662
674
  .navigation-pane__products {
@@ -667,10 +679,9 @@ export const MenuItemsStyled = styled.div `
667
679
  display: flex;
668
680
  flex-direction: column;
669
681
  align-items: flex-start;
670
- padding: 1.5rem 0 0 0;
671
- margin: 0 1.5rem 1.5rem 1.5rem;
682
+ padding: 1rem 0;
683
+ margin: 0 1.5rem 2rem 1.5rem;
672
684
  border-top: 1px solid var(--neutral-neutral-4);
673
- border-bottom: 1px solid var(--neutral-neutral-4);
674
685
  width: -webkit-fill-available;
675
686
  }
676
687
  }
package/dist/src/components/organisms/MenuItems/MenuItems.styled.ts CHANGED
@@ -9,7 +9,7 @@ export const MenuItemsStyled = styled.div`
9
9
 
10
10
  &__wrapper {
11
11
  width: 100%;
12
- margin-top: 3rem;
12
+ margin-top: 1rem;
13
13
  left: 0;
14
14
  background: var(--others-white);
15
15
  position: fixed;
@@ -30,7 +30,6 @@ export const MenuItemsStyled = styled.div`
30
30
  display: none;
31
31
  flex-flow: row wrap;
32
32
  justify-content: flex-end;
33
- margin-left: 1rem;
34
33
  }
35
34
 
36
35
  &__spacer {
@@ -41,7 +40,6 @@ export const MenuItemsStyled = styled.div`
41
40
  .left-nav {
42
41
  display: flex;
43
42
  align-items: center;
44
- margin-left: 1rem;
45
43
  }
46
44
 
47
45
  .header-phone {
@@ -91,11 +89,11 @@ export const MenuItemsStyled = styled.div`
91
89
  .navigation-pane__resources,
92
90
  .navigation-pane__help {
93
91
  position: relative;
94
- //margin-left: 0.5rem;
92
+ margin-left: 0.5rem;
95
93
  padding: 0.75rem 0;
96
94
  cursor: pointer;
97
95
 
98
- @media ${device['desktop']} {
96
+ @media ${device['portrait-tablets']} {
99
97
  margin-right: 1.5rem;
100
98
  padding-bottom: 0.5rem;
101
99
  }
@@ -416,7 +414,7 @@ export const MenuItemsStyled = styled.div`
416
414
  .--is-open .--is-mobile .navigation-pane {
417
415
  .navigation-pane__wrapper {
418
416
  width: 100%;
419
- margin-top: 3rem;
417
+ margin-top: 1rem;
420
418
  left: 0;
421
419
  background: var(--others-white);
422
420
  position: fixed;
@@ -502,12 +500,12 @@ export const MenuItemsStyled = styled.div`
502
500
  display: none;
503
501
  }
504
502
 
505
- &__resources {
503
+ .navigation-pane__resources {
506
504
  display: flex;
507
505
  flex-direction: column;
508
506
  align-items: flex-start;
509
- padding: 1.5rem 0 0 0;
510
- margin: 0 1.5rem 1.5rem 1.5rem;
507
+ padding: 1.5rem 0;
508
+ margin: 0 1.5rem 2rem 1.5rem;
511
509
  border-top: 1px solid var(--neutral-neutral-4);
512
510
  border-bottom: 1px solid var(--neutral-neutral-4);
513
511
  }
@@ -518,7 +516,7 @@ export const MenuItemsStyled = styled.div`
518
516
  .navigation-pane {
519
517
  .navigation-pane__wrapper {
520
518
  width: 100%;
521
- margin-top: 3rem;
519
+ margin-top: 1rem;
522
520
  left: 0;
523
521
  background: var(--others-white);
524
522
  position: fixed;
@@ -630,7 +628,7 @@ export const MenuItemsStyled = styled.div`
630
628
  display: flex;
631
629
  flex-direction: column;
632
630
  width: 100%;
633
- margin-top: 3rem;
631
+ margin-top: 1rem;
634
632
  left: 0;
635
633
  background: var(--others-white);
636
634
  position: fixed;
@@ -656,11 +654,25 @@ export const MenuItemsStyled = styled.div`
656
654
  }
657
655
  }
658
656
 
657
+ .navigation-pane__user-menu {
658
+ display: flex;
659
+ flex-flow: row nowrap;
660
+ justify-content: center;
661
+ align-content: center;
662
+ padding: 1.5rem 0;
663
+ margin: 0 1rem;
664
+
665
+ .log-in {
666
+ min-width: 120px;
667
+ margin-right: 0.5rem;
668
+ }
669
+ }
670
+
659
671
  .navigation-pane__ratafia,
660
672
  .navigation-pane__link,
661
673
  .navigation-pane__esignature {
662
674
  order: 3;
663
- padding-left: 1.5rem;
675
+ padding: 1.5rem 0 0.5rem 1.5rem;
664
676
  }
665
677
 
666
678
  .navigation-pane__products {
@@ -671,10 +683,9 @@ export const MenuItemsStyled = styled.div`
671
683
  display: flex;
672
684
  flex-direction: column;
673
685
  align-items: flex-start;
674
- padding: 1.5rem 0 0 0;
675
- margin: 0 1.5rem 1.5rem 1.5rem;
686
+ padding: 1rem 0;
687
+ margin: 0 1.5rem 2rem 1.5rem;
676
688
  border-top: 1px solid var(--neutral-neutral-4);
677
- border-bottom: 1px solid var(--neutral-neutral-4);
678
689
  width: -webkit-fill-available;
679
690
  }
680
691
  }
package/dist/src/components/organisms/NavMenu/NavMenu.styled.js CHANGED
@@ -2,6 +2,9 @@ import { device, size } from '../../../globalStyles/breakpoints';
2
2
  import styled from 'styled-components';
3
3
  export const NavMenuStyled = styled.nav `
4
4
  width: 100%;
5
+ display: flex;
6
+ justify-content: flex-end;
7
+
5
8
  .navigation-pane {
6
9
  &__spacer {
7
10
  display: flex;
@@ -19,7 +22,6 @@ export const NavMenuStyled = styled.nav `
19
22
  .left-nav {
20
23
  display: flex;
21
24
  align-items: center;
22
- margin-left: 1rem;
23
25
  }
24
26
 
25
27
  .header-phone {
@@ -68,11 +70,11 @@ export const NavMenuStyled = styled.nav `
68
70
  .navigation-pane__help,
69
71
  .navigation-pane__resources {
70
72
  position: relative;
71
- //margin-left: 0.5rem;
73
+ margin-left: 0.5rem;
72
74
  padding: 0.75rem 0;
73
75
  cursor: pointer;
74
76
 
75
- @media ${device['desktop']} {
77
+ @media ${device['portrait-tablets']} {
76
78
  margin-right: 1.5rem;
77
79
  padding-bottom: 0.5rem;
78
80
  }
@@ -397,7 +399,7 @@ export const NavMenuStyled = styled.nav `
397
399
  .navigation-pane {
398
400
  .navigation-pane__wrapper {
399
401
  width: 100%;
400
- margin-top: 3rem;
402
+ margin-top: 1rem;
401
403
  left: 0;
402
404
  background: var(--others-white);
403
405
  position: fixed;
@@ -489,8 +491,8 @@ export const NavMenuStyled = styled.nav `
489
491
  display: flex;
490
492
  flex-direction: column;
491
493
  align-items: flex-start;
492
- padding: 1.5rem 0 0 0;
493
- margin: 0 1.5rem 1.5rem 1.5rem;
494
+ padding: 1.5rem 0;
495
+ margin: 0 1.5rem 2rem 1.5rem;
494
496
  border-top: 1px solid var(--neutral-neutral-4);
495
497
  }
496
498
  }
@@ -576,7 +578,7 @@ export const NavMenuStyled = styled.nav `
576
578
  display: flex;
577
579
  flex-direction: column;
578
580
  width: 100%;
579
- margin-top: 3rem;
581
+ margin-top: 1rem;
580
582
  left: 0;
581
583
  background: var(--others-white);
582
584
  position: fixed;
@@ -594,6 +596,20 @@ export const NavMenuStyled = styled.nav `
594
596
  }
595
597
  }
596
598
 
599
+ .navigation-pane__user-menu {
600
+ display: flex;
601
+ flex-flow: row nowrap;
602
+ justify-content: center;
603
+ align-content: center;
604
+ padding: 1.5rem 0;
605
+ margin: 0 1rem;
606
+
607
+ .log-in {
608
+ min-width: 120px;
609
+ margin-right: 0.5rem;
610
+ }
611
+ }
612
+
597
613
  .navigation-pane__ratafia,
598
614
  .navigation-pane__esignature {
599
615
  order: 3;
@@ -608,9 +624,10 @@ export const NavMenuStyled = styled.nav `
608
624
  display: flex;
609
625
  flex-direction: column;
610
626
  align-items: flex-start;
611
- padding: 1.5rem 0 0 0;
612
- margin: 0 1.5rem 1.5rem 1.5rem;
627
+ padding: 1rem 0;
628
+ margin: 0 1.5rem 2rem 1.5rem;
613
629
  border-top: 1px solid var(--neutral-neutral-4);
630
+ width: -webkit-fill-available;
614
631
  }
615
632
  }
616
633
  `;
package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts CHANGED
@@ -3,6 +3,9 @@ import styled from 'styled-components'
3
3
 
4
4
  export const NavMenuStyled = styled.nav`
5
5
  width: 100%;
6
+ display: flex;
7
+ justify-content: flex-end;
8
+
6
9
  .navigation-pane {
7
10
  &__spacer {
8
11
  display: flex;
@@ -20,7 +23,6 @@ export const NavMenuStyled = styled.nav`
20
23
  .left-nav {
21
24
  display: flex;
22
25
  align-items: center;
23
- margin-left: 1rem;
24
26
  }
25
27
 
26
28
  .header-phone {
@@ -69,11 +71,11 @@ export const NavMenuStyled = styled.nav`
69
71
  .navigation-pane__help,
70
72
  .navigation-pane__resources {
71
73
  position: relative;
72
- //margin-left: 0.5rem;
74
+ margin-left: 0.5rem;
73
75
  padding: 0.75rem 0;
74
76
  cursor: pointer;
75
77
 
76
- @media ${device['desktop']} {
78
+ @media ${device['portrait-tablets']} {
77
79
  margin-right: 1.5rem;
78
80
  padding-bottom: 0.5rem;
79
81
  }
@@ -398,7 +400,7 @@ export const NavMenuStyled = styled.nav`
398
400
  .navigation-pane {
399
401
  .navigation-pane__wrapper {
400
402
  width: 100%;
401
- margin-top: 3rem;
403
+ margin-top: 1rem;
402
404
  left: 0;
403
405
  background: var(--others-white);
404
406
  position: fixed;
@@ -490,8 +492,8 @@ export const NavMenuStyled = styled.nav`
490
492
  display: flex;
491
493
  flex-direction: column;
492
494
  align-items: flex-start;
493
- padding: 1.5rem 0 0 0;
494
- margin: 0 1.5rem 1.5rem 1.5rem;
495
+ padding: 1.5rem 0;
496
+ margin: 0 1.5rem 2rem 1.5rem;
495
497
  border-top: 1px solid var(--neutral-neutral-4);
496
498
  }
497
499
  }
@@ -577,7 +579,7 @@ export const NavMenuStyled = styled.nav`
577
579
  display: flex;
578
580
  flex-direction: column;
579
581
  width: 100%;
580
- margin-top: 3rem;
582
+ margin-top: 1rem;
581
583
  left: 0;
582
584
  background: var(--others-white);
583
585
  position: fixed;
@@ -598,6 +600,20 @@ export const NavMenuStyled = styled.nav`
598
600
  }
599
601
  }
600
602
 
603
+ .navigation-pane__user-menu {
604
+ display: flex;
605
+ flex-flow: row nowrap;
606
+ justify-content: center;
607
+ align-content: center;
608
+ padding: 1.5rem 0;
609
+ margin: 0 1rem;
610
+
611
+ .log-in {
612
+ min-width: 120px;
613
+ margin-right: 0.5rem;
614
+ }
615
+ }
616
+
601
617
  .navigation-pane__ratafia,
602
618
  .navigation-pane__esignature {
603
619
  order: 3;
@@ -612,9 +628,10 @@ export const NavMenuStyled = styled.nav`
612
628
  display: flex;
613
629
  flex-direction: column;
614
630
  align-items: flex-start;
615
- padding: 1.5rem 0 0 0;
616
- margin: 0 1.5rem 1.5rem 1.5rem;
631
+ padding: 1rem 0;
632
+ margin: 0 1.5rem 2rem 1.5rem;
617
633
  border-top: 1px solid var(--neutral-neutral-4);
634
+ width: -webkit-fill-available;
618
635
  }
619
636
  }
620
637
  `
package/dist/src/components/sections/Header/Header.styled.js CHANGED
@@ -26,6 +26,7 @@ export const HeaderStyled = styled.header `
26
26
  justify-content: space-between;
27
27
  max-width: 1200px;
28
28
  padding: 1rem 1.5rem;
29
+ margin-bottom: 0.1rem;
29
30
 
30
31
  @media (min-width: ${size.sm}) {
31
32
  padding: 1rem;
package/dist/src/components/sections/Header/Header.styled.ts CHANGED
@@ -27,6 +27,7 @@ export const HeaderStyled = styled.header`
27
27
  justify-content: space-between;
28
28
  max-width: 1200px;
29
29
  padding: 1rem 1.5rem;
30
+ margin-bottom: 0.1rem;
30
31
 
31
32
  @media (min-width: ${size.sm}) {
32
33
  padding: 1rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.12.19",
3
+ "version": "7.12.20",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",