@npm_leadtech/legal-lib-components 7.49.3 → 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.
- package/dist/css/styles.css +3 -2
- package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.js +3 -36
- package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.ts +3 -36
- package/dist/src/components/atoms/WideInfoBar/WideInfoBar.styled.js +0 -10
- package/dist/src/components/atoms/WideInfoBar/WideInfoBar.styled.ts +0 -10
- package/dist/src/components/molecules/TextInput/TextInput.scss +3 -2
- 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
|
}
|
|
@@ -745,41 +745,18 @@ 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;
|
|
764
751
|
}
|
|
765
752
|
.contact-bar-wrapper__text {
|
|
766
|
-
width: -moz-
|
|
767
|
-
width:
|
|
753
|
+
width: -moz-max-content;
|
|
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
|
|
808
|
+
@media {
|
|
841
809
|
padding: 0;
|
|
842
|
-
gap: 1rem;
|
|
843
810
|
}
|
|
844
811
|
}
|
|
845
812
|
}
|
|
@@ -746,41 +746,18 @@ 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;
|
|
765
752
|
}
|
|
766
753
|
.contact-bar-wrapper__text {
|
|
767
|
-
width: -moz-
|
|
768
|
-
width:
|
|
754
|
+
width: -moz-max-content;
|
|
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
|
|
809
|
+
@media {
|
|
842
810
|
padding: 0;
|
|
843
|
-
gap: 1rem;
|
|
844
811
|
}
|
|
845
812
|
}
|
|
846
813
|
}
|
|
@@ -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
|
}
|
|
@@ -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
|
}
|
|
@@ -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
|
}
|