@npm_leadtech/legal-lib-components 5.2.32 → 5.3.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 +4 -0
- package/dist/src/components/atoms/Tag/Tag.styled.js +4 -0
- package/dist/src/components/atoms/Tag/Tag.styled.ts +4 -0
- package/dist/src/components/molecules/FaqItem/FaqItem.scss +5 -0
- package/package.json +1 -1
- package/dist/src/components/atoms/DialogMenuIcon/DialogMenuIcon.scss +0 -84
- package/dist/src/components/atoms/Tag/Tag.scss +0 -27
- package/dist/src/components/atoms/Tagline/Tagline.scss +0 -16
package/dist/css/styles.css
CHANGED
|
@@ -2834,6 +2834,10 @@ h2.react-datepicker__current-month {
|
|
|
2834
2834
|
letter-spacing: -0.3px;
|
|
2835
2835
|
padding: 0 1rem 1rem;
|
|
2836
2836
|
}
|
|
2837
|
+
.faqItem .content .answer ul {
|
|
2838
|
+
list-style: disc;
|
|
2839
|
+
margin-left: 2rem;
|
|
2840
|
+
}
|
|
2837
2841
|
.faqItem.open .question svg {
|
|
2838
2842
|
transform: rotate(90deg);
|
|
2839
2843
|
}
|
package/package.json
CHANGED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
@import '../../../globalStyles/variables.scss';
|
|
2
|
-
@import '../../../globalStyles/mediaqueries.scss';
|
|
3
|
-
|
|
4
|
-
.dialog-menu-icon {
|
|
5
|
-
position: relative;
|
|
6
|
-
cursor: pointer;
|
|
7
|
-
|
|
8
|
-
&__image {
|
|
9
|
-
min-width: 1rem;
|
|
10
|
-
height: 1rem;
|
|
11
|
-
margin-left: 0.4rem;
|
|
12
|
-
|
|
13
|
-
@include laptop {
|
|
14
|
-
align-self: center;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&__message {
|
|
19
|
-
visibility: hidden;
|
|
20
|
-
background-color: var(--neutral-neutral-1);
|
|
21
|
-
color: var(--others-white);
|
|
22
|
-
padding: 1rem 1rem;
|
|
23
|
-
border-radius: 0.3rem;
|
|
24
|
-
font-size: 12px;
|
|
25
|
-
width: 19rem;
|
|
26
|
-
display: flex;
|
|
27
|
-
align-items: flex-start;
|
|
28
|
-
justify-content: space-between;
|
|
29
|
-
position: absolute;
|
|
30
|
-
z-index: 1;
|
|
31
|
-
top: 1.5rem;
|
|
32
|
-
right: -5rem;
|
|
33
|
-
|
|
34
|
-
@media (max-width: #{$xs}) {
|
|
35
|
-
width: 15rem;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
@include portrait-tablets {
|
|
39
|
-
right: -4rem;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
@include landscape-tablets {
|
|
43
|
-
width: 19rem;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
p {
|
|
47
|
-
margin-right: 0.5rem;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
&--visible .dialog-menu-icon__message {
|
|
52
|
-
visibility: visible;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
&--hidden .dialog-menu-icon__message {
|
|
56
|
-
visibility: hidden;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
&--visible-on-hover:hover .dialog-menu-icon__message {
|
|
60
|
-
visibility: visible;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
&::before {
|
|
64
|
-
content: '';
|
|
65
|
-
visibility: hidden;
|
|
66
|
-
position: absolute;
|
|
67
|
-
width: 0;
|
|
68
|
-
height: 0;
|
|
69
|
-
box-shadow: 0 0.25rem 0.5rem -0.5rem;
|
|
70
|
-
border-bottom: 0.5rem solid var(--neutral-neutral-1);
|
|
71
|
-
-webkit-transform: translate(-100%, 0);
|
|
72
|
-
transform: translate(-100%, 0);
|
|
73
|
-
top: 1.1rem;
|
|
74
|
-
right: -1rem;
|
|
75
|
-
border-left: 0.5rem solid transparent;
|
|
76
|
-
border-right: 0.5rem solid transparent;
|
|
77
|
-
z-index: 20;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
&--visible::before,
|
|
81
|
-
&--visible-on-hover:hover::before {
|
|
82
|
-
visibility: visible;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
@import '../../../globalStyles/variables.scss';
|
|
2
|
-
|
|
3
|
-
.tag {
|
|
4
|
-
align-items: center;
|
|
5
|
-
background: var(--secondary-main-light-4);
|
|
6
|
-
border-radius: var(--global-border-radius);
|
|
7
|
-
display: flex;
|
|
8
|
-
gap: 4px;
|
|
9
|
-
justify-content: center;
|
|
10
|
-
padding: 4px;
|
|
11
|
-
width: fit-content;
|
|
12
|
-
|
|
13
|
-
.icon {
|
|
14
|
-
display: flex;
|
|
15
|
-
|
|
16
|
-
.icon-svg-with-theme-color {
|
|
17
|
-
background-color: get-color(secondary, main-dark-2);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.text {
|
|
22
|
-
color: var(--neutral-neutral-1);
|
|
23
|
-
font-size: 12px;
|
|
24
|
-
font-weight: 700;
|
|
25
|
-
line-height: 16px;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
@import '../../../globalStyles/variables.scss';
|
|
2
|
-
|
|
3
|
-
.tagline {
|
|
4
|
-
margin-bottom: 1rem;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.tagline__text {
|
|
8
|
-
border-bottom: solid 1px var(--neutral-neutral-3);
|
|
9
|
-
color: var(--neutral-neutral-2);
|
|
10
|
-
display: inline-block;
|
|
11
|
-
font-family: var(--font-sans);
|
|
12
|
-
font-weight: bold;
|
|
13
|
-
letter-spacing: 0;
|
|
14
|
-
padding-bottom: 0.5rem;
|
|
15
|
-
text-transform: uppercase;
|
|
16
|
-
}
|