@npm_leadtech/legal-lib-components 7.54.0 → 7.54.1
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 +1 -1
- package/dist/src/components/atoms/CardPane/CardPane.styled.js +8 -4
- package/dist/src/components/atoms/CardPane/CardPane.styled.ts +8 -4
- package/dist/src/components/atoms/CardPane/CardPaneInfo.js +1 -1
- package/dist/src/components/atoms/CardPane/CardPaneInfo.tsx +2 -2
- package/dist/src/components/atoms/Radio/Radio.scss +1 -1
- package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.js +3 -1
- package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.ts +3 -1
- package/package.json +1 -1
package/dist/css/styles.css
CHANGED
|
@@ -1853,7 +1853,7 @@ h2.react-datepicker__current-month {
|
|
|
1853
1853
|
display: flex;
|
|
1854
1854
|
height: 42px;
|
|
1855
1855
|
justify-content: center;
|
|
1856
|
-
width: 80px;
|
|
1856
|
+
min-width: 80px;
|
|
1857
1857
|
}
|
|
1858
1858
|
.e-radio.tabs .e-radio__inner .radio-item-container:hover {
|
|
1859
1859
|
background: var(--neutral-neutral-4);
|
|
@@ -93,12 +93,10 @@ export const CardPaneStyled = styled.div `
|
|
|
93
93
|
|
|
94
94
|
&--active {
|
|
95
95
|
color: var(--primary-main);
|
|
96
|
-
font-weight: 700;
|
|
97
96
|
}
|
|
98
97
|
|
|
99
98
|
&--inactive {
|
|
100
99
|
color: var(--error-main);
|
|
101
|
-
font-weight: 700;
|
|
102
100
|
}
|
|
103
101
|
}
|
|
104
102
|
|
|
@@ -108,10 +106,16 @@ export const CardPaneStyled = styled.div `
|
|
|
108
106
|
}
|
|
109
107
|
.marker {
|
|
110
108
|
display: inline-block;
|
|
111
|
-
margin-left:
|
|
109
|
+
margin-left: -10px;
|
|
110
|
+
@-moz-document url-prefix() {
|
|
111
|
+
margin-left: 0px;
|
|
112
|
+
}
|
|
113
|
+
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
114
|
+
margin-left: 0px;
|
|
115
|
+
}
|
|
112
116
|
}
|
|
113
117
|
.position {
|
|
114
|
-
margin-left:
|
|
118
|
+
margin-left: 2px;
|
|
115
119
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
116
120
|
margin-left: 15px;
|
|
117
121
|
}
|
|
@@ -94,12 +94,10 @@ export const CardPaneStyled = styled.div`
|
|
|
94
94
|
|
|
95
95
|
&--active {
|
|
96
96
|
color: var(--primary-main);
|
|
97
|
-
font-weight: 700;
|
|
98
97
|
}
|
|
99
98
|
|
|
100
99
|
&--inactive {
|
|
101
100
|
color: var(--error-main);
|
|
102
|
-
font-weight: 700;
|
|
103
101
|
}
|
|
104
102
|
}
|
|
105
103
|
|
|
@@ -109,10 +107,16 @@ export const CardPaneStyled = styled.div`
|
|
|
109
107
|
}
|
|
110
108
|
.marker {
|
|
111
109
|
display: inline-block;
|
|
112
|
-
margin-left:
|
|
110
|
+
margin-left: -10px;
|
|
111
|
+
@-moz-document url-prefix() {
|
|
112
|
+
margin-left: 0px;
|
|
113
|
+
}
|
|
114
|
+
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
115
|
+
margin-left: 0px;
|
|
116
|
+
}
|
|
113
117
|
}
|
|
114
118
|
.position {
|
|
115
|
-
margin-left:
|
|
119
|
+
margin-left: 2px;
|
|
116
120
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
117
121
|
margin-left: 15px;
|
|
118
122
|
}
|
|
@@ -9,7 +9,7 @@ const CardPaneInfo = ({ dataQA, description, subdescription, id, title, handleCl
|
|
|
9
9
|
else if (description === 'Inactive') {
|
|
10
10
|
descriptionClass = 'pane--description--inactive';
|
|
11
11
|
}
|
|
12
|
-
return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsx("div", { "data-testid": 'description-div', className: descriptionClass, children: _jsx("
|
|
12
|
+
return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsx("div", { "data-testid": 'description-div', className: descriptionClass, children: _jsx("li", { className: 'position', children: _jsx("div", { className: 'marker', children: description }) }) })] }, id));
|
|
13
13
|
}
|
|
14
14
|
return (_jsxs("div", { className: 'pane-wrapper', children: [paneTitle, _jsxs("div", { className: 'pane--description', children: [description, subdescription !== undefined && _jsx("span", { className: 'pane--description--subdescription', children: subdescription })] })] }, id));
|
|
15
15
|
};
|
|
@@ -25,9 +25,9 @@ const CardPaneInfo: FC<CardPaneInfoProps> = ({ dataQA, description, subdescripti
|
|
|
25
25
|
<div key={id} className='pane-wrapper'>
|
|
26
26
|
{paneTitle}
|
|
27
27
|
<div data-testid='description-div' className={descriptionClass}>
|
|
28
|
-
<
|
|
28
|
+
<li className='position'>
|
|
29
29
|
<div className='marker'>{description}</div>
|
|
30
|
-
</
|
|
30
|
+
</li>
|
|
31
31
|
</div>
|
|
32
32
|
</div>
|
|
33
33
|
)
|
|
@@ -8,6 +8,8 @@ export const CardFunctionalityStyled = styled.article `
|
|
|
8
8
|
gap: var(--global-gap);
|
|
9
9
|
padding: 1em;
|
|
10
10
|
width: 100%;
|
|
11
|
+
justify-content: space-between;
|
|
12
|
+
|
|
11
13
|
@media ${device.laptop} {
|
|
12
14
|
width: 50%;
|
|
13
15
|
}
|
|
@@ -53,7 +55,7 @@ export const CardFunctionalityStyled = styled.article `
|
|
|
53
55
|
|
|
54
56
|
.tags {
|
|
55
57
|
display: flex;
|
|
56
|
-
gap:
|
|
58
|
+
gap: 0.5rem;
|
|
57
59
|
flex-wrap: wrap;
|
|
58
60
|
}
|
|
59
61
|
}
|
|
@@ -9,6 +9,8 @@ export const CardFunctionalityStyled = styled.article`
|
|
|
9
9
|
gap: var(--global-gap);
|
|
10
10
|
padding: 1em;
|
|
11
11
|
width: 100%;
|
|
12
|
+
justify-content: space-between;
|
|
13
|
+
|
|
12
14
|
@media ${device.laptop} {
|
|
13
15
|
width: 50%;
|
|
14
16
|
}
|
|
@@ -54,7 +56,7 @@ export const CardFunctionalityStyled = styled.article`
|
|
|
54
56
|
|
|
55
57
|
.tags {
|
|
56
58
|
display: flex;
|
|
57
|
-
gap:
|
|
59
|
+
gap: 0.5rem;
|
|
58
60
|
flex-wrap: wrap;
|
|
59
61
|
}
|
|
60
62
|
}
|