@npm_leadtech/legal-lib-components 7.51.1 → 7.52.0

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/css/styles.css +3 -2
  2. package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.js +2 -36
  3. package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.ts +2 -36
  4. package/dist/src/components/atoms/WideInfoBar/WideInfoBar.styled.js +0 -10
  5. package/dist/src/components/atoms/WideInfoBar/WideInfoBar.styled.ts +0 -10
  6. package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.styled.js +2 -2
  7. package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.styled.ts +2 -2
  8. package/dist/src/components/molecules/TextInput/TextInput.scss +3 -2
  9. package/package.json +1 -1
package/dist/css/styles.css CHANGED
@@ -2118,10 +2118,9 @@ h2.react-datepicker__current-month {
2118
2118
  display: flex;
2119
2119
  align-content: center;
2120
2120
  color: var(--error-main);
2121
- position: absolute;
2122
- bottom: -1.5rem;
2123
2121
  align-items: center;
2124
2122
  height: fit-content;
2123
+ margin-top: 0.5rem;
2125
2124
  }
2126
2125
  .e-text--is-invalid .e-text__error-icon {
2127
2126
  display: flex;
@@ -2202,6 +2201,8 @@ h2.react-datepicker__current-month {
2202
2201
  position: absolute;
2203
2202
  right: 0px;
2204
2203
  bottom: 6px;
2204
+ top: 2.5rem;
2205
+ height: fit-content;
2205
2206
  background: none;
2206
2207
  border: none;
2207
2208
  }
package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.js CHANGED
@@ -1,4 +1,3 @@
1
- import { size } from '../../../globalStyles/breakpoints';
2
1
  import styled from 'styled-components';
3
2
  export const FixedFooterStyled = styled.div `
4
3
  .prefooter {
@@ -746,19 +745,6 @@ export const FixedFooterStyled = styled.div `
746
745
  .contact-bar-wrapper {
747
746
  display: flex;
748
747
  align-items: center;
749
- flex: 1;
750
- min-width: 0;
751
- }
752
- @media (min-width: 768px) {
753
- .contact-bar-wrapper {
754
- flex: 1;
755
- min-width: 0;
756
- }
757
- }
758
- @media (min-width: ${size.sm}) {
759
- .contact-bar-wrapper {
760
- flex: none;
761
- }
762
748
  }
763
749
  .contact-bar-wrapper.hidden {
764
750
  display: none;
@@ -767,20 +753,10 @@ export const FixedFooterStyled = styled.div `
767
753
  width: -moz-max-content;
768
754
  width: max-content;
769
755
  margin: 0.25rem;
770
- flex: 1;
771
- min-width: 0;
772
- }
773
- @media (min-width: 768px) {
774
- .contact-bar-wrapper__text {
775
- margin: 0.5rem;
776
- flex: 1;
777
- min-width: 0;
778
- }
779
756
  }
780
- @media (min-width: ${size.sm}) {
757
+ @media (min-width: 720px) {
781
758
  .contact-bar-wrapper__text {
782
759
  margin: 1rem 0.5rem;
783
- flex: none;
784
760
  }
785
761
  }
786
762
  .contact-bar-wrapper__text .phone {
@@ -823,24 +799,14 @@ export const FixedFooterStyled = styled.div `
823
799
  justify-content: space-between;
824
800
  padding: 1rem 2rem;
825
801
 
826
- @media (min-width: 768px) {
827
- flex-flow: row;
828
- font-size: 0.9rem;
829
- padding: 1rem 2rem;
830
- gap: 1rem;
831
- flex-wrap: wrap;
832
- }
833
-
834
802
  @media (min-width: 720px) {
835
803
  flex-flow: row;
836
804
  font-size: 0.9rem;
837
805
  padding: 0;
838
- gap: 0.5rem;
839
806
  }
840
807
 
841
- @media (min-width: 960px) {
808
+ @media {
842
809
  padding: 0;
843
- gap: 1rem;
844
810
  }
845
811
  }
846
812
  }
package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { size } from '../../../globalStyles/breakpoints'
2
1
  import styled from 'styled-components'
3
2
 
4
3
  export const FixedFooterStyled = styled.div`
@@ -747,19 +746,6 @@ export const FixedFooterStyled = styled.div`
747
746
  .contact-bar-wrapper {
748
747
  display: flex;
749
748
  align-items: center;
750
- flex: 1;
751
- min-width: 0;
752
- }
753
- @media (min-width: 768px) {
754
- .contact-bar-wrapper {
755
- flex: 1;
756
- min-width: 0;
757
- }
758
- }
759
- @media (min-width: ${size.sm}) {
760
- .contact-bar-wrapper {
761
- flex: none;
762
- }
763
749
  }
764
750
  .contact-bar-wrapper.hidden {
765
751
  display: none;
@@ -768,20 +754,10 @@ export const FixedFooterStyled = styled.div`
768
754
  width: -moz-max-content;
769
755
  width: max-content;
770
756
  margin: 0.25rem;
771
- flex: 1;
772
- min-width: 0;
773
- }
774
- @media (min-width: 768px) {
775
- .contact-bar-wrapper__text {
776
- margin: 0.5rem;
777
- flex: 1;
778
- min-width: 0;
779
- }
780
757
  }
781
- @media (min-width: ${size.sm}) {
758
+ @media (min-width: 720px) {
782
759
  .contact-bar-wrapper__text {
783
760
  margin: 1rem 0.5rem;
784
- flex: none;
785
761
  }
786
762
  }
787
763
  .contact-bar-wrapper__text .phone {
@@ -824,24 +800,14 @@ export const FixedFooterStyled = styled.div`
824
800
  justify-content: space-between;
825
801
  padding: 1rem 2rem;
826
802
 
827
- @media (min-width: 768px) {
828
- flex-flow: row;
829
- font-size: 0.9rem;
830
- padding: 1rem 2rem;
831
- gap: 1rem;
832
- flex-wrap: wrap;
833
- }
834
-
835
803
  @media (min-width: 720px) {
836
804
  flex-flow: row;
837
805
  font-size: 0.9rem;
838
806
  padding: 0;
839
- gap: 0.5rem;
840
807
  }
841
808
 
842
- @media (min-width: 960px) {
809
+ @media {
843
810
  padding: 0;
844
- gap: 1rem;
845
811
  }
846
812
  }
847
813
  }
package/dist/src/components/atoms/WideInfoBar/WideInfoBar.styled.js CHANGED
@@ -18,24 +18,14 @@ export const WideInfoBarStyled = styled.div `
18
18
  justify-content: space-between;
19
19
  padding: 1rem 2rem;
20
20
 
21
- @media ${device.tablets} {
22
- flex-flow: row;
23
- font-size: 0.9rem;
24
- padding: 1rem 2rem;
25
- gap: 1rem;
26
- flex-wrap: wrap;
27
- }
28
-
29
21
  @media ${device['landscape-tablets']} {
30
22
  flex-flow: row;
31
23
  font-size: 0.9rem;
32
24
  padding: 0;
33
- gap: 0.5rem;
34
25
  }
35
26
 
36
27
  @media ${device.desktop} {
37
28
  padding: 0;
38
- gap: 1rem;
39
29
  }
40
30
  }
41
31
  }
package/dist/src/components/atoms/WideInfoBar/WideInfoBar.styled.ts CHANGED
@@ -19,24 +19,14 @@ export const WideInfoBarStyled = styled.div`
19
19
  justify-content: space-between;
20
20
  padding: 1rem 2rem;
21
21
 
22
- @media ${device.tablets} {
23
- flex-flow: row;
24
- font-size: 0.9rem;
25
- padding: 1rem 2rem;
26
- gap: 1rem;
27
- flex-wrap: wrap;
28
- }
29
-
30
22
  @media ${device['landscape-tablets']} {
31
23
  flex-flow: row;
32
24
  font-size: 0.9rem;
33
25
  padding: 0;
34
- gap: 0.5rem;
35
26
  }
36
27
 
37
28
  @media ${device.desktop} {
38
29
  padding: 0;
39
- gap: 1rem;
40
30
  }
41
31
  }
42
32
  }
package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.styled.js CHANGED
@@ -32,8 +32,8 @@ export const ScheduleWrapper = styled.div `
32
32
  }
33
33
  `;
34
34
  export const ContactBarWrapperText = styled.p `
35
- width: -moz-auto;
36
- width: auto;
35
+ width: -moz-max-content;
36
+ width: max-content;
37
37
  margin: 0.25rem;
38
38
  @media (min-width: 720px) {
39
39
  margin: 1rem 0.5rem;
package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.styled.ts CHANGED
@@ -34,8 +34,8 @@ export const ScheduleWrapper = styled.div`
34
34
  `
35
35
 
36
36
  export const ContactBarWrapperText = styled.p`
37
- width: -moz-auto;
38
- width: auto;
37
+ width: -moz-max-content;
38
+ width: max-content;
39
39
  margin: 0.25rem;
40
40
  @media (min-width: 720px) {
41
41
  margin: 1rem 0.5rem;
package/dist/src/components/molecules/TextInput/TextInput.scss CHANGED
@@ -112,10 +112,9 @@
112
112
  display: flex;
113
113
  align-content: center;
114
114
  color: var(--error-main);
115
- position: absolute;
116
- bottom: -1.5rem;
117
115
  align-items: center;
118
116
  height: fit-content;
117
+ margin-top: 0.5rem;
119
118
 
120
119
  &-icon {
121
120
  display: flex;
@@ -205,6 +204,8 @@
205
204
  position: absolute;
206
205
  right: 0px;
207
206
  bottom: 6px;
207
+ top: 2.5rem;
208
+ height: fit-content;
208
209
  background: none;
209
210
  border: none;
210
211
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.51.1",
3
+ "version": "7.52.0",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",