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