@npm_leadtech/legal-lib-components 5.42.10 → 5.42.11
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 +59 -26
- package/dist/src/components/atoms/Radio/Radio.scss +93 -31
- package/dist/src/components/atoms/Radio/RadioProps.types.d.ts +2 -1
- package/dist/src/components/atoms/Radio/RadioProps.types.js +1 -0
- package/dist/src/components/atoms/Radio/RadioProps.types.ts +2 -1
- package/package.json +1 -1
package/dist/css/styles.css
CHANGED
|
@@ -1778,37 +1778,12 @@ h2.react-datepicker__current-month {
|
|
|
1778
1778
|
flex-direction: column;
|
|
1779
1779
|
gap: 1rem;
|
|
1780
1780
|
}
|
|
1781
|
-
.e-radio.default .e-radio__inner .radio-item-container .e-radio-label {
|
|
1782
|
-
align-items: center;
|
|
1783
|
-
display: flex;
|
|
1784
|
-
gap: 0.5rem;
|
|
1785
|
-
}
|
|
1786
|
-
.e-radio.default .e-radio__inner .radio-item-container .e-radio-label input[type=radio]:after {
|
|
1787
|
-
background-color: var(--others-white);
|
|
1788
|
-
border: 1px solid var(--neutral-neutral-1);
|
|
1789
|
-
border-radius: 16px;
|
|
1790
|
-
content: "";
|
|
1791
|
-
cursor: pointer;
|
|
1792
|
-
display: inline-block;
|
|
1793
|
-
height: 16px;
|
|
1794
|
-
left: -2px;
|
|
1795
|
-
position: relative;
|
|
1796
|
-
top: -4px;
|
|
1797
|
-
visibility: visible;
|
|
1798
|
-
width: 16px;
|
|
1799
|
-
}
|
|
1800
1781
|
.e-radio.default .e-radio__inner .radio-item-container .e-radio-label .e-radio-label__label {
|
|
1801
1782
|
cursor: pointer;
|
|
1802
1783
|
}
|
|
1803
|
-
.e-radio.default .e-radio__inner .radio-item-container.active .e-radio-label input[type=radio]:after {
|
|
1804
|
-
border: 5px solid var(--primary-main);
|
|
1805
|
-
}
|
|
1806
1784
|
.e-radio.default .e-radio__inner .radio-item-container.active .e-radio-label .e-radio-label__label {
|
|
1807
1785
|
color: var(--primary-main);
|
|
1808
1786
|
}
|
|
1809
|
-
.e-radio.default .e-radio__inner .radio-item-container:hover .e-radio-label input[type=radio]:after {
|
|
1810
|
-
background-color: var(--primary-main-light-5);
|
|
1811
|
-
}
|
|
1812
1787
|
@media (min-width: 575px) {
|
|
1813
1788
|
.e-radio.default .e-radio__inner {
|
|
1814
1789
|
gap: 0.5rem;
|
|
@@ -1858,7 +1833,7 @@ h2.react-datepicker__current-month {
|
|
|
1858
1833
|
}
|
|
1859
1834
|
@media (min-width: 575px) {
|
|
1860
1835
|
.e-radio.icons .e-radio__inner .radio-item-container {
|
|
1861
|
-
|
|
1836
|
+
width: 49%;
|
|
1862
1837
|
}
|
|
1863
1838
|
.e-radio.icons .e-radio__inner .radio-item-container .e-radio-label {
|
|
1864
1839
|
padding: 16px 15px;
|
|
@@ -1912,6 +1887,64 @@ h2.react-datepicker__current-month {
|
|
|
1912
1887
|
.e-radio.tabs .e-radio__inner :not(:first-child) {
|
|
1913
1888
|
border-left-width: 1px;
|
|
1914
1889
|
}
|
|
1890
|
+
.e-radio.box .e-radio__inner {
|
|
1891
|
+
display: flex;
|
|
1892
|
+
flex-direction: column;
|
|
1893
|
+
gap: 0.5rem;
|
|
1894
|
+
}
|
|
1895
|
+
.e-radio.box .e-radio__inner .radio-item-container {
|
|
1896
|
+
width: 100%;
|
|
1897
|
+
}
|
|
1898
|
+
.e-radio.box .e-radio__inner .radio-item-container .e-radio-label {
|
|
1899
|
+
padding: 1rem;
|
|
1900
|
+
border-radius: 4px;
|
|
1901
|
+
border: 1px solid var(--neutral-neutral-4, #dbe1e5);
|
|
1902
|
+
background: var(--neutral-White, #fff);
|
|
1903
|
+
cursor: pointer;
|
|
1904
|
+
}
|
|
1905
|
+
.e-radio.box .e-radio__inner .radio-item-container .e-radio-label .e-radio-label__label {
|
|
1906
|
+
font-size: 14px;
|
|
1907
|
+
cursor: pointer;
|
|
1908
|
+
}
|
|
1909
|
+
.e-radio.box .e-radio__inner .radio-item-container.active .e-radio-label {
|
|
1910
|
+
border: 2px solid var(--primary-main-dark-2, #032a38);
|
|
1911
|
+
background: var(--neutral-neutral-5, #f3f7fa);
|
|
1912
|
+
}
|
|
1913
|
+
.e-radio.box .e-radio__inner .radio-item-container.active .e-radio-label .e-radio-label__label {
|
|
1914
|
+
font-weight: bold;
|
|
1915
|
+
}
|
|
1916
|
+
.e-radio.box .e-radio__inner .radio-item-container:hover .e-radio-label {
|
|
1917
|
+
background: var(--neutral-neutral-5, #f3f7fa);
|
|
1918
|
+
}
|
|
1919
|
+
.e-radio.default .e-radio__inner .radio-item-container .e-radio-label,
|
|
1920
|
+
.e-radio.box .e-radio__inner .radio-item-container .e-radio-label {
|
|
1921
|
+
align-items: center;
|
|
1922
|
+
display: flex;
|
|
1923
|
+
gap: 0.5rem;
|
|
1924
|
+
}
|
|
1925
|
+
.e-radio.default .e-radio__inner .radio-item-container .e-radio-label input[type=radio]:after,
|
|
1926
|
+
.e-radio.box .e-radio__inner .radio-item-container .e-radio-label input[type=radio]:after {
|
|
1927
|
+
background-color: var(--others-white);
|
|
1928
|
+
border: 1px solid var(--neutral-neutral-1);
|
|
1929
|
+
border-radius: 16px;
|
|
1930
|
+
content: "";
|
|
1931
|
+
cursor: pointer;
|
|
1932
|
+
display: inline-block;
|
|
1933
|
+
height: 16px;
|
|
1934
|
+
left: -2px;
|
|
1935
|
+
position: relative;
|
|
1936
|
+
top: -5px;
|
|
1937
|
+
visibility: visible;
|
|
1938
|
+
width: 16px;
|
|
1939
|
+
}
|
|
1940
|
+
.e-radio.default .e-radio__inner .radio-item-container.active .e-radio-label input[type=radio]:after,
|
|
1941
|
+
.e-radio.box .e-radio__inner .radio-item-container.active .e-radio-label input[type=radio]:after {
|
|
1942
|
+
border: 5px solid var(--primary-main);
|
|
1943
|
+
}
|
|
1944
|
+
.e-radio.default .e-radio__inner .radio-item-container:hover .e-radio-label input[type=radio]:after,
|
|
1945
|
+
.e-radio.box .e-radio__inner .radio-item-container:hover .e-radio-label input[type=radio]:after {
|
|
1946
|
+
background-color: var(--primary-main-light-5);
|
|
1947
|
+
}
|
|
1915
1948
|
.e-radio label:first-child:not(.e-radio-label) {
|
|
1916
1949
|
font-weight: bold;
|
|
1917
1950
|
}
|
|
@@ -8,25 +8,6 @@
|
|
|
8
8
|
gap: 1rem;
|
|
9
9
|
.radio-item-container {
|
|
10
10
|
.e-radio-label {
|
|
11
|
-
align-items: center;
|
|
12
|
-
display: flex;
|
|
13
|
-
gap: 0.5rem;
|
|
14
|
-
|
|
15
|
-
input[type='radio']:after {
|
|
16
|
-
background-color: var(--others-white);
|
|
17
|
-
border: 1px solid var(--neutral-neutral-1);
|
|
18
|
-
border-radius: 16px;
|
|
19
|
-
content: '';
|
|
20
|
-
cursor: pointer;
|
|
21
|
-
display: inline-block;
|
|
22
|
-
height: 16px;
|
|
23
|
-
left: -2px;
|
|
24
|
-
position: relative;
|
|
25
|
-
top: -4px;
|
|
26
|
-
visibility: visible;
|
|
27
|
-
width: 16px;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
11
|
.e-radio-label__label {
|
|
31
12
|
cursor: pointer;
|
|
32
13
|
}
|
|
@@ -34,22 +15,11 @@
|
|
|
34
15
|
|
|
35
16
|
&.active {
|
|
36
17
|
.e-radio-label {
|
|
37
|
-
input[type='radio']:after {
|
|
38
|
-
border: 5px solid var(--primary-main);
|
|
39
|
-
}
|
|
40
18
|
.e-radio-label__label {
|
|
41
19
|
color: var(--primary-main);
|
|
42
20
|
}
|
|
43
21
|
}
|
|
44
22
|
}
|
|
45
|
-
|
|
46
|
-
&:hover {
|
|
47
|
-
.e-radio-label {
|
|
48
|
-
input[type='radio']:after {
|
|
49
|
-
background-color: var(--primary-main-light-5);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
23
|
}
|
|
54
24
|
|
|
55
25
|
@include portrait-tablets {
|
|
@@ -169,7 +139,7 @@
|
|
|
169
139
|
|
|
170
140
|
@include portrait-tablets {
|
|
171
141
|
.radio-item-container {
|
|
172
|
-
|
|
142
|
+
width: 49%;
|
|
173
143
|
.e-radio-label {
|
|
174
144
|
padding: 16px 15px;
|
|
175
145
|
}
|
|
@@ -178,6 +148,89 @@
|
|
|
178
148
|
}
|
|
179
149
|
}
|
|
180
150
|
|
|
151
|
+
@mixin normalRadioStyles {
|
|
152
|
+
.e-radio__inner {
|
|
153
|
+
.radio-item-container {
|
|
154
|
+
.e-radio-label {
|
|
155
|
+
align-items: center;
|
|
156
|
+
display: flex;
|
|
157
|
+
gap: 0.5rem;
|
|
158
|
+
|
|
159
|
+
input[type='radio']:after {
|
|
160
|
+
background-color: var(--others-white);
|
|
161
|
+
border: 1px solid var(--neutral-neutral-1);
|
|
162
|
+
border-radius: 16px;
|
|
163
|
+
content: '';
|
|
164
|
+
cursor: pointer;
|
|
165
|
+
display: inline-block;
|
|
166
|
+
height: 16px;
|
|
167
|
+
left: -2px;
|
|
168
|
+
position: relative;
|
|
169
|
+
top: -5px;
|
|
170
|
+
visibility: visible;
|
|
171
|
+
width: 16px;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
&.active {
|
|
176
|
+
.e-radio-label {
|
|
177
|
+
input[type='radio']:after {
|
|
178
|
+
border: 5px solid var(--primary-main);
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
&:hover {
|
|
184
|
+
.e-radio-label {
|
|
185
|
+
input[type='radio']:after {
|
|
186
|
+
background-color: var(--primary-main-light-5);
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
@mixin boxStyles {
|
|
195
|
+
.e-radio__inner {
|
|
196
|
+
display: flex;
|
|
197
|
+
flex-direction: column;
|
|
198
|
+
gap: 0.5rem;
|
|
199
|
+
.radio-item-container {
|
|
200
|
+
width: 100%;
|
|
201
|
+
|
|
202
|
+
.e-radio-label {
|
|
203
|
+
padding: 1rem;
|
|
204
|
+
border-radius: 4px;
|
|
205
|
+
border: 1px solid var(--neutral-neutral-4, #dbe1e5);
|
|
206
|
+
background: var(--neutral-White, #fff);
|
|
207
|
+
|
|
208
|
+
cursor: pointer;
|
|
209
|
+
.e-radio-label__label {
|
|
210
|
+
font-size: 14px;
|
|
211
|
+
cursor: pointer;
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
&.active {
|
|
216
|
+
.e-radio-label {
|
|
217
|
+
border: 2px solid var(--primary-main-dark-2, #032a38);
|
|
218
|
+
background: var(--neutral-neutral-5, #f3f7fa);
|
|
219
|
+
.e-radio-label__label {
|
|
220
|
+
font-weight: bold;
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
&:hover {
|
|
226
|
+
.e-radio-label {
|
|
227
|
+
background: var(--neutral-neutral-5, #f3f7fa);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
|
|
181
234
|
.e-radio {
|
|
182
235
|
.label {
|
|
183
236
|
color: var(--neutral-neutral-1);
|
|
@@ -197,6 +250,15 @@
|
|
|
197
250
|
@include tabsStyles;
|
|
198
251
|
}
|
|
199
252
|
|
|
253
|
+
&.box {
|
|
254
|
+
@include boxStyles;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
&.default,
|
|
258
|
+
&.box {
|
|
259
|
+
@include normalRadioStyles;
|
|
260
|
+
}
|
|
261
|
+
|
|
200
262
|
label:first-child:not(.e-radio-label) {
|
|
201
263
|
font-weight: bold;
|
|
202
264
|
}
|