@npm_leadtech/legal-lib-components 7.49.4 → 7.50.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 +1 -34
  3. package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.ts +1 -34
  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
@@ -745,19 +745,6 @@ export const FixedFooterStyled = styled.div `
745
745
  .contact-bar-wrapper {
746
746
  display: flex;
747
747
  align-items: center;
748
- flex: 1;
749
- min-width: 0;
750
- }
751
- @media (min-width: 768px) {
752
- .contact-bar-wrapper {
753
- flex: 1;
754
- min-width: 0;
755
- }
756
- }
757
- @media (min-width: 720px) {
758
- .contact-bar-wrapper {
759
- flex: none;
760
- }
761
748
  }
762
749
  .contact-bar-wrapper.hidden {
763
750
  display: none;
@@ -766,20 +753,10 @@ export const FixedFooterStyled = styled.div `
766
753
  width: -moz-max-content;
767
754
  width: max-content;
768
755
  margin: 0.25rem;
769
- flex: 1;
770
- min-width: 0;
771
- }
772
- @media (min-width: 768px) {
773
- .contact-bar-wrapper__text {
774
- margin: 0.5rem;
775
- flex: 1;
776
- min-width: 0;
777
- }
778
756
  }
779
757
  @media (min-width: 720px) {
780
758
  .contact-bar-wrapper__text {
781
759
  margin: 1rem 0.5rem;
782
- flex: none;
783
760
  }
784
761
  }
785
762
  .contact-bar-wrapper__text .phone {
@@ -822,24 +799,14 @@ export const FixedFooterStyled = styled.div `
822
799
  justify-content: space-between;
823
800
  padding: 1rem 2rem;
824
801
 
825
- @media (min-width: 768px) {
826
- flex-flow: row;
827
- font-size: 0.9rem;
828
- padding: 1rem 2rem;
829
- gap: 1rem;
830
- flex-wrap: wrap;
831
- }
832
-
833
802
  @media (min-width: 720px) {
834
803
  flex-flow: row;
835
804
  font-size: 0.9rem;
836
805
  padding: 0;
837
- gap: 0.5rem;
838
806
  }
839
807
 
840
- @media (min-width: 960px) {
808
+ @media {
841
809
  padding: 0;
842
- gap: 1rem;
843
810
  }
844
811
  }
845
812
  }
package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.ts CHANGED
@@ -746,19 +746,6 @@ export const FixedFooterStyled = styled.div`
746
746
  .contact-bar-wrapper {
747
747
  display: flex;
748
748
  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: 720px) {
759
- .contact-bar-wrapper {
760
- flex: none;
761
- }
762
749
  }
763
750
  .contact-bar-wrapper.hidden {
764
751
  display: none;
@@ -767,20 +754,10 @@ export const FixedFooterStyled = styled.div`
767
754
  width: -moz-max-content;
768
755
  width: max-content;
769
756
  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
757
  }
780
758
  @media (min-width: 720px) {
781
759
  .contact-bar-wrapper__text {
782
760
  margin: 1rem 0.5rem;
783
- flex: none;
784
761
  }
785
762
  }
786
763
  .contact-bar-wrapper__text .phone {
@@ -823,24 +800,14 @@ export const FixedFooterStyled = styled.div`
823
800
  justify-content: space-between;
824
801
  padding: 1rem 2rem;
825
802
 
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
803
  @media (min-width: 720px) {
835
804
  flex-flow: row;
836
805
  font-size: 0.9rem;
837
806
  padding: 0;
838
- gap: 0.5rem;
839
807
  }
840
808
 
841
- @media (min-width: 960px) {
809
+ @media {
842
810
  padding: 0;
843
- gap: 1rem;
844
811
  }
845
812
  }
846
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.49.4",
3
+ "version": "7.50.0",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",