@entur/form 7.1.4 → 7.1.6
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/Checkbox.d.ts +2 -2
- package/dist/form.cjs.development.js.map +1 -1
- package/dist/form.cjs.production.min.js.map +1 -1
- package/dist/form.esm.js.map +1 -1
- package/dist/styles.css +210 -210
- package/package.json +5 -5
package/dist/styles.css
CHANGED
|
@@ -73,161 +73,6 @@
|
|
|
73
73
|
}
|
|
74
74
|
/* DO NOT CHANGE!*/
|
|
75
75
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
76
|
-
.eds-checkbox__container {
|
|
77
|
-
display: flex;
|
|
78
|
-
align-items: center;
|
|
79
|
-
position: relative;
|
|
80
|
-
-webkit-appearance: none;
|
|
81
|
-
-moz-appearance: none;
|
|
82
|
-
appearance: none;
|
|
83
|
-
cursor: pointer;
|
|
84
|
-
-webkit-user-select: none;
|
|
85
|
-
-moz-user-select: none;
|
|
86
|
-
user-select: none;
|
|
87
|
-
width: -moz-fit-content;
|
|
88
|
-
width: fit-content;
|
|
89
|
-
margin: 0.5rem 0;
|
|
90
|
-
}
|
|
91
|
-
.eds-checkbox__container--reduced-click-area {
|
|
92
|
-
height: -moz-fit-content;
|
|
93
|
-
height: fit-content;
|
|
94
|
-
}
|
|
95
|
-
.eds-checkbox__container input {
|
|
96
|
-
position: absolute;
|
|
97
|
-
opacity: 0;
|
|
98
|
-
height: 0;
|
|
99
|
-
width: 0;
|
|
100
|
-
}
|
|
101
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
102
|
-
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
103
|
-
}
|
|
104
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
105
|
-
visibility: visible;
|
|
106
|
-
}
|
|
107
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
|
|
108
|
-
stroke: var(--components-form-checkbox-standard-icon);
|
|
109
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
110
|
-
}
|
|
111
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
|
|
112
|
-
fill: var(--components-form-checkbox-standard-icon);
|
|
113
|
-
}
|
|
114
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
115
|
-
opacity: 0.5;
|
|
116
|
-
}
|
|
117
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
|
|
118
|
-
opacity: 0.5;
|
|
119
|
-
}
|
|
120
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
|
|
121
|
-
opacity: 0.5;
|
|
122
|
-
}
|
|
123
|
-
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
|
|
124
|
-
opacity: 0.5;
|
|
125
|
-
}
|
|
126
|
-
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
|
|
127
|
-
opacity: 0.5;
|
|
128
|
-
}
|
|
129
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
130
|
-
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
131
|
-
}
|
|
132
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
|
|
133
|
-
stroke: var(--components-form-checkbox-contrast-icon);
|
|
134
|
-
}
|
|
135
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
|
|
136
|
-
fill: var(--components-form-checkbox-contrast-icon);
|
|
137
|
-
}
|
|
138
|
-
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
139
|
-
border-color: var(--components-form-checkbox-standard-border);
|
|
140
|
-
background-color: var(--components-form-checkbox-standard-fill-hover);
|
|
141
|
-
}
|
|
142
|
-
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
143
|
-
border-color: var(--components-form-checkbox-contrast-border);
|
|
144
|
-
background-color: var(--components-form-checkbox-contrast-fill-hover);
|
|
145
|
-
}
|
|
146
|
-
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
147
|
-
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
148
|
-
border-color: transparent;
|
|
149
|
-
background-color: var(--components-form-checkbox-standard-fill-selectedhover);
|
|
150
|
-
}
|
|
151
|
-
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
152
|
-
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
153
|
-
background-color: var(--components-form-checkbox-contrast-fill-selectedhover);
|
|
154
|
-
}
|
|
155
|
-
.eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
156
|
-
.eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
157
|
-
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
158
|
-
}
|
|
159
|
-
.eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
160
|
-
.eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
161
|
-
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
162
|
-
}
|
|
163
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
164
|
-
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
165
|
-
outline: 2px solid #181c56;
|
|
166
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
167
|
-
outline-offset: 0.125rem;
|
|
168
|
-
}
|
|
169
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
170
|
-
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
171
|
-
outline: 2px solid #181c56;
|
|
172
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
173
|
-
outline-offset: 0.125rem;
|
|
174
|
-
}
|
|
175
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
176
|
-
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
177
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
178
|
-
}
|
|
179
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
180
|
-
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
181
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
182
|
-
}
|
|
183
|
-
.eds-checkbox--disabled {
|
|
184
|
-
pointer-events: none;
|
|
185
|
-
}
|
|
186
|
-
.eds-checkbox--disabled .eds-checkbox__label {
|
|
187
|
-
opacity: 0.5;
|
|
188
|
-
}
|
|
189
|
-
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
190
|
-
opacity: 0.5;
|
|
191
|
-
}
|
|
192
|
-
.eds-checkbox__icon {
|
|
193
|
-
box-sizing: border-box;
|
|
194
|
-
display: inline-flex;
|
|
195
|
-
justify-content: center;
|
|
196
|
-
align-items: center;
|
|
197
|
-
position: relative;
|
|
198
|
-
margin-right: 1rem;
|
|
199
|
-
height: 1.25rem;
|
|
200
|
-
width: 1.25rem;
|
|
201
|
-
border: 0.125rem solid var(--components-form-checkbox-standard-border);
|
|
202
|
-
border-radius: 0.125rem;
|
|
203
|
-
background-color: transparent;
|
|
204
|
-
transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
205
|
-
}
|
|
206
|
-
.eds-checkbox__icon--reduced-click-area {
|
|
207
|
-
margin-right: 0;
|
|
208
|
-
}
|
|
209
|
-
.eds-contrast .eds-checkbox__icon {
|
|
210
|
-
border-color: var(--components-form-checkbox-contrast-border);
|
|
211
|
-
}
|
|
212
|
-
.eds-checkbox__icon .eds-checkbox-icon {
|
|
213
|
-
height: 1rem;
|
|
214
|
-
width: 1rem;
|
|
215
|
-
visibility: hidden;
|
|
216
|
-
}
|
|
217
|
-
.eds-checkbox__icon .eds-checkbox-icon path {
|
|
218
|
-
transform-origin: 50% 50%;
|
|
219
|
-
stroke-dasharray: 48;
|
|
220
|
-
stroke-dashoffset: 48;
|
|
221
|
-
stroke-width: 0.375rem;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
@keyframes stroke {
|
|
225
|
-
100% {
|
|
226
|
-
stroke-dashoffset: 0;
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
/* DO NOT CHANGE!*/
|
|
230
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
231
76
|
.eds-form-control-wrapper {
|
|
232
77
|
align-items: center;
|
|
233
78
|
background-color: var(--components-form-baseform-standard-fill-default);
|
|
@@ -411,92 +256,160 @@
|
|
|
411
256
|
.eds-form-control__append {
|
|
412
257
|
margin-left: 0;
|
|
413
258
|
}
|
|
414
|
-
.eds-fieldset {
|
|
415
|
-
margin: 0;
|
|
416
|
-
padding: 0;
|
|
417
|
-
border: 0;
|
|
418
|
-
}
|
|
419
259
|
/* DO NOT CHANGE!*/
|
|
420
260
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
421
|
-
.eds-
|
|
261
|
+
.eds-checkbox__container {
|
|
422
262
|
display: flex;
|
|
423
|
-
justify-content: center;
|
|
424
263
|
align-items: center;
|
|
425
264
|
position: relative;
|
|
265
|
+
-webkit-appearance: none;
|
|
266
|
+
-moz-appearance: none;
|
|
267
|
+
appearance: none;
|
|
426
268
|
cursor: pointer;
|
|
427
|
-
height: 2rem;
|
|
428
|
-
width: -moz-fit-content;
|
|
429
|
-
width: fit-content;
|
|
430
269
|
-webkit-user-select: none;
|
|
431
270
|
-moz-user-select: none;
|
|
432
271
|
user-select: none;
|
|
272
|
+
width: -moz-fit-content;
|
|
273
|
+
width: fit-content;
|
|
274
|
+
margin: 0.5rem 0;
|
|
433
275
|
}
|
|
434
|
-
.eds-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
438
|
-
background-color: var(--components-form-radio-contrast-fill-hover);
|
|
276
|
+
.eds-checkbox__container--reduced-click-area {
|
|
277
|
+
height: -moz-fit-content;
|
|
278
|
+
height: fit-content;
|
|
439
279
|
}
|
|
440
|
-
.eds-
|
|
280
|
+
.eds-checkbox__container input {
|
|
441
281
|
position: absolute;
|
|
442
282
|
opacity: 0;
|
|
443
|
-
cursor: pointer;
|
|
444
283
|
height: 0;
|
|
445
284
|
width: 0;
|
|
446
285
|
}
|
|
447
|
-
.eds-
|
|
448
|
-
|
|
449
|
-
width: 0.625rem;
|
|
286
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
287
|
+
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
450
288
|
}
|
|
451
|
-
.eds-
|
|
289
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
290
|
+
visibility: visible;
|
|
291
|
+
}
|
|
292
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
|
|
293
|
+
stroke: var(--components-form-checkbox-standard-icon);
|
|
294
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
295
|
+
}
|
|
296
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
|
|
297
|
+
fill: var(--components-form-checkbox-standard-icon);
|
|
298
|
+
}
|
|
299
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
300
|
+
opacity: 0.5;
|
|
301
|
+
}
|
|
302
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
|
|
303
|
+
opacity: 0.5;
|
|
304
|
+
}
|
|
305
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
|
|
306
|
+
opacity: 0.5;
|
|
307
|
+
}
|
|
308
|
+
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
|
|
309
|
+
opacity: 0.5;
|
|
310
|
+
}
|
|
311
|
+
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
|
|
312
|
+
opacity: 0.5;
|
|
313
|
+
}
|
|
314
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
315
|
+
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
316
|
+
}
|
|
317
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
|
|
318
|
+
stroke: var(--components-form-checkbox-contrast-icon);
|
|
319
|
+
}
|
|
320
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
|
|
321
|
+
fill: var(--components-form-checkbox-contrast-icon);
|
|
322
|
+
}
|
|
323
|
+
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
324
|
+
border-color: var(--components-form-checkbox-standard-border);
|
|
325
|
+
background-color: var(--components-form-checkbox-standard-fill-hover);
|
|
326
|
+
}
|
|
327
|
+
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
328
|
+
border-color: var(--components-form-checkbox-contrast-border);
|
|
329
|
+
background-color: var(--components-form-checkbox-contrast-fill-hover);
|
|
330
|
+
}
|
|
331
|
+
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
332
|
+
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
333
|
+
border-color: transparent;
|
|
334
|
+
background-color: var(--components-form-checkbox-standard-fill-selectedhover);
|
|
335
|
+
}
|
|
336
|
+
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
337
|
+
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
338
|
+
background-color: var(--components-form-checkbox-contrast-fill-selectedhover);
|
|
339
|
+
}
|
|
340
|
+
.eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
341
|
+
.eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
342
|
+
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
343
|
+
}
|
|
344
|
+
.eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
345
|
+
.eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
346
|
+
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
347
|
+
}
|
|
348
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
349
|
+
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
452
350
|
outline: 2px solid #181c56;
|
|
453
351
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
454
352
|
outline-offset: 0.125rem;
|
|
455
353
|
}
|
|
456
|
-
.eds-
|
|
354
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
355
|
+
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
356
|
+
outline: 2px solid #181c56;
|
|
357
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
358
|
+
outline-offset: 0.125rem;
|
|
359
|
+
}
|
|
360
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
361
|
+
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
457
362
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
458
363
|
}
|
|
459
|
-
.eds-
|
|
364
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
365
|
+
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
366
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
367
|
+
}
|
|
368
|
+
.eds-checkbox--disabled {
|
|
369
|
+
pointer-events: none;
|
|
370
|
+
}
|
|
371
|
+
.eds-checkbox--disabled .eds-checkbox__label {
|
|
372
|
+
opacity: 0.5;
|
|
373
|
+
}
|
|
374
|
+
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
375
|
+
opacity: 0.5;
|
|
376
|
+
}
|
|
377
|
+
.eds-checkbox__icon {
|
|
378
|
+
box-sizing: border-box;
|
|
379
|
+
display: inline-flex;
|
|
380
|
+
justify-content: center;
|
|
381
|
+
align-items: center;
|
|
460
382
|
position: relative;
|
|
383
|
+
margin-right: 1rem;
|
|
461
384
|
height: 1.25rem;
|
|
462
385
|
width: 1.25rem;
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
border-
|
|
467
|
-
display: flex;
|
|
468
|
-
align-items: center;
|
|
469
|
-
justify-content: center;
|
|
470
|
-
}
|
|
471
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
472
|
-
background-color: var(--components-form-radio-contrast-fill-default);
|
|
473
|
-
border-color: var(--components-form-radio-contrast-border);
|
|
474
|
-
}
|
|
475
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
476
|
-
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
477
|
-
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
478
|
-
cursor: not-allowed;
|
|
386
|
+
border: 0.125rem solid var(--components-form-checkbox-standard-border);
|
|
387
|
+
border-radius: 0.125rem;
|
|
388
|
+
background-color: transparent;
|
|
389
|
+
transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
479
390
|
}
|
|
480
|
-
.eds-
|
|
481
|
-
|
|
391
|
+
.eds-checkbox__icon--reduced-click-area {
|
|
392
|
+
margin-right: 0;
|
|
482
393
|
}
|
|
483
|
-
.eds-contrast .eds-
|
|
484
|
-
|
|
485
|
-
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
394
|
+
.eds-contrast .eds-checkbox__icon {
|
|
395
|
+
border-color: var(--components-form-checkbox-contrast-border);
|
|
486
396
|
}
|
|
487
|
-
.eds-
|
|
488
|
-
|
|
397
|
+
.eds-checkbox__icon .eds-checkbox-icon {
|
|
398
|
+
height: 1rem;
|
|
399
|
+
width: 1rem;
|
|
400
|
+
visibility: hidden;
|
|
489
401
|
}
|
|
490
|
-
.eds-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
background-color: var(--components-form-radio-standard-fill-selected);
|
|
496
|
-
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
402
|
+
.eds-checkbox__icon .eds-checkbox-icon path {
|
|
403
|
+
transform-origin: 50% 50%;
|
|
404
|
+
stroke-dasharray: 48;
|
|
405
|
+
stroke-dashoffset: 48;
|
|
406
|
+
stroke-width: 0.375rem;
|
|
497
407
|
}
|
|
498
|
-
|
|
499
|
-
|
|
408
|
+
|
|
409
|
+
@keyframes stroke {
|
|
410
|
+
100% {
|
|
411
|
+
stroke-dashoffset: 0;
|
|
412
|
+
}
|
|
500
413
|
}
|
|
501
414
|
/* DO NOT CHANGE!*/
|
|
502
415
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -627,6 +540,11 @@
|
|
|
627
540
|
.eds-form-control-wrapper .eds-tooltip::after {
|
|
628
541
|
background: var(--components-tooltip-tooltip-standard-fill);
|
|
629
542
|
}
|
|
543
|
+
.eds-fieldset {
|
|
544
|
+
margin: 0;
|
|
545
|
+
padding: 0;
|
|
546
|
+
border: 0;
|
|
547
|
+
}
|
|
630
548
|
/* DO NOT CHANGE!*/
|
|
631
549
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
632
550
|
textarea.eds-form-control.eds-textarea {
|
|
@@ -636,6 +554,88 @@ textarea.eds-form-control.eds-textarea {
|
|
|
636
554
|
}
|
|
637
555
|
/* DO NOT CHANGE!*/
|
|
638
556
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
557
|
+
.eds-form-component--radio__container {
|
|
558
|
+
display: flex;
|
|
559
|
+
justify-content: center;
|
|
560
|
+
align-items: center;
|
|
561
|
+
position: relative;
|
|
562
|
+
cursor: pointer;
|
|
563
|
+
height: 2rem;
|
|
564
|
+
width: -moz-fit-content;
|
|
565
|
+
width: fit-content;
|
|
566
|
+
-webkit-user-select: none;
|
|
567
|
+
-moz-user-select: none;
|
|
568
|
+
user-select: none;
|
|
569
|
+
}
|
|
570
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
571
|
+
background-color: var(--components-form-radio-standard-fill-hover);
|
|
572
|
+
}
|
|
573
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
574
|
+
background-color: var(--components-form-radio-contrast-fill-hover);
|
|
575
|
+
}
|
|
576
|
+
.eds-form-component--radio__container input {
|
|
577
|
+
position: absolute;
|
|
578
|
+
opacity: 0;
|
|
579
|
+
cursor: pointer;
|
|
580
|
+
height: 0;
|
|
581
|
+
width: 0;
|
|
582
|
+
}
|
|
583
|
+
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
584
|
+
height: 0.625rem;
|
|
585
|
+
width: 0.625rem;
|
|
586
|
+
}
|
|
587
|
+
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
588
|
+
outline: 2px solid #181c56;
|
|
589
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
590
|
+
outline-offset: 0.125rem;
|
|
591
|
+
}
|
|
592
|
+
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
593
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
594
|
+
}
|
|
595
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
596
|
+
position: relative;
|
|
597
|
+
height: 1.25rem;
|
|
598
|
+
width: 1.25rem;
|
|
599
|
+
margin-right: 1rem;
|
|
600
|
+
background-color: var(--components-form-radio-standard-fill-default);
|
|
601
|
+
border: 0.125rem solid var(--components-form-radio-standard-border);
|
|
602
|
+
border-radius: 50%;
|
|
603
|
+
display: flex;
|
|
604
|
+
align-items: center;
|
|
605
|
+
justify-content: center;
|
|
606
|
+
}
|
|
607
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
608
|
+
background-color: var(--components-form-radio-contrast-fill-default);
|
|
609
|
+
border-color: var(--components-form-radio-contrast-border);
|
|
610
|
+
}
|
|
611
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
612
|
+
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
613
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
614
|
+
cursor: not-allowed;
|
|
615
|
+
}
|
|
616
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
617
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
618
|
+
}
|
|
619
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
620
|
+
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
621
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
622
|
+
}
|
|
623
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
624
|
+
color: var(--components-form-baseform-contrast-text-disabled);
|
|
625
|
+
}
|
|
626
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
627
|
+
display: block;
|
|
628
|
+
width: 0;
|
|
629
|
+
height: 0;
|
|
630
|
+
border-radius: 50%;
|
|
631
|
+
background-color: var(--components-form-radio-standard-fill-selected);
|
|
632
|
+
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
633
|
+
}
|
|
634
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
635
|
+
background-color: var(--components-form-radio-contrast-icon);
|
|
636
|
+
}
|
|
637
|
+
/* DO NOT CHANGE!*/
|
|
638
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
639
639
|
.eds-switch {
|
|
640
640
|
cursor: pointer;
|
|
641
641
|
-webkit-user-select: none;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.1.
|
|
3
|
+
"version": "7.1.6",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/form.esm.js",
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/icons": "^6.
|
|
30
|
+
"@entur/icons": "^6.16.0",
|
|
31
31
|
"@entur/tokens": "^3.14.0",
|
|
32
|
-
"@entur/tooltip": "^2.7.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
32
|
+
"@entur/tooltip": "^2.7.5",
|
|
33
|
+
"@entur/typography": "^1.8.34",
|
|
34
34
|
"@entur/utils": "^0.11.1",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "3c7f2eef6a200733249c13a3eaf5796054e44fb6"
|
|
38
38
|
}
|