@entur/form 8.2.8 → 8.2.10-beta.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/Radio.d.ts +8 -0
- 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 +423 -357
- package/package.json +7 -7
package/dist/styles.css
CHANGED
|
@@ -1,148 +1,5 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
-
.eds-checkbox__container {
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: center;
|
|
6
|
-
position: relative;
|
|
7
|
-
-webkit-appearance: none;
|
|
8
|
-
-moz-appearance: none;
|
|
9
|
-
appearance: none;
|
|
10
|
-
cursor: pointer;
|
|
11
|
-
-webkit-user-select: none;
|
|
12
|
-
-moz-user-select: none;
|
|
13
|
-
user-select: none;
|
|
14
|
-
width: -moz-fit-content;
|
|
15
|
-
width: fit-content;
|
|
16
|
-
margin: 0.5rem 0;
|
|
17
|
-
}
|
|
18
|
-
.eds-checkbox__container--reduced-click-area {
|
|
19
|
-
height: -moz-fit-content;
|
|
20
|
-
height: fit-content;
|
|
21
|
-
}
|
|
22
|
-
.eds-checkbox__container input {
|
|
23
|
-
position: absolute;
|
|
24
|
-
opacity: 0;
|
|
25
|
-
height: 0;
|
|
26
|
-
width: 0;
|
|
27
|
-
}
|
|
28
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
29
|
-
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
30
|
-
}
|
|
31
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
32
|
-
visibility: visible;
|
|
33
|
-
}
|
|
34
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
|
|
35
|
-
stroke: var(--components-form-checkbox-standard-icon);
|
|
36
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
37
|
-
}
|
|
38
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
|
|
39
|
-
fill: var(--components-form-checkbox-standard-icon);
|
|
40
|
-
}
|
|
41
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
42
|
-
opacity: 0.5;
|
|
43
|
-
}
|
|
44
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
|
|
45
|
-
opacity: 0.5;
|
|
46
|
-
}
|
|
47
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
|
|
48
|
-
opacity: 0.5;
|
|
49
|
-
}
|
|
50
|
-
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
|
|
51
|
-
opacity: 0.5;
|
|
52
|
-
}
|
|
53
|
-
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
|
|
54
|
-
opacity: 0.5;
|
|
55
|
-
}
|
|
56
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
57
|
-
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
58
|
-
}
|
|
59
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
|
|
60
|
-
stroke: var(--components-form-checkbox-contrast-icon);
|
|
61
|
-
}
|
|
62
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
|
|
63
|
-
fill: var(--components-form-checkbox-contrast-icon);
|
|
64
|
-
}
|
|
65
|
-
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
66
|
-
border-color: var(--components-form-checkbox-standard-border);
|
|
67
|
-
background-color: var(--components-form-checkbox-standard-fill-hover);
|
|
68
|
-
}
|
|
69
|
-
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
70
|
-
border-color: var(--components-form-checkbox-contrast-border);
|
|
71
|
-
background-color: var(--components-form-checkbox-contrast-fill-hover);
|
|
72
|
-
}
|
|
73
|
-
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
74
|
-
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
75
|
-
border-color: transparent;
|
|
76
|
-
background-color: var(--components-form-checkbox-standard-fill-selectedhover);
|
|
77
|
-
}
|
|
78
|
-
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
79
|
-
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
80
|
-
background-color: var(--components-form-checkbox-contrast-fill-selectedhover);
|
|
81
|
-
}
|
|
82
|
-
.eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
83
|
-
.eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
84
|
-
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
85
|
-
}
|
|
86
|
-
.eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
87
|
-
.eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
88
|
-
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
89
|
-
}
|
|
90
|
-
.eds-checkbox__container:has(:focus-visible) .eds-checkbox__icon {
|
|
91
|
-
outline: 2px solid #181c56;
|
|
92
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
93
|
-
outline-offset: 0.125rem;
|
|
94
|
-
}
|
|
95
|
-
.eds-contrast .eds-checkbox__container:has(:focus-visible) .eds-checkbox__icon {
|
|
96
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
97
|
-
}
|
|
98
|
-
.eds-checkbox--disabled {
|
|
99
|
-
pointer-events: none;
|
|
100
|
-
}
|
|
101
|
-
.eds-checkbox--disabled .eds-checkbox__label {
|
|
102
|
-
opacity: 0.5;
|
|
103
|
-
}
|
|
104
|
-
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
105
|
-
opacity: 0.5;
|
|
106
|
-
}
|
|
107
|
-
.eds-checkbox__icon {
|
|
108
|
-
box-sizing: border-box;
|
|
109
|
-
display: inline-flex;
|
|
110
|
-
justify-content: center;
|
|
111
|
-
align-items: center;
|
|
112
|
-
position: relative;
|
|
113
|
-
margin-right: 1rem;
|
|
114
|
-
height: 1.25rem;
|
|
115
|
-
width: 1.25rem;
|
|
116
|
-
border: 0.125rem solid var(--components-form-checkbox-standard-border);
|
|
117
|
-
border-radius: 0.125rem;
|
|
118
|
-
background-color: transparent;
|
|
119
|
-
transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
120
|
-
}
|
|
121
|
-
.eds-checkbox__icon--reduced-click-area {
|
|
122
|
-
margin-right: 0;
|
|
123
|
-
}
|
|
124
|
-
.eds-contrast .eds-checkbox__icon {
|
|
125
|
-
border-color: var(--components-form-checkbox-contrast-border);
|
|
126
|
-
}
|
|
127
|
-
.eds-checkbox__icon .eds-checkbox-icon {
|
|
128
|
-
height: 1rem;
|
|
129
|
-
width: 1rem;
|
|
130
|
-
visibility: hidden;
|
|
131
|
-
}
|
|
132
|
-
.eds-checkbox__icon .eds-checkbox-icon path {
|
|
133
|
-
transform-origin: 50% 50%;
|
|
134
|
-
stroke-dasharray: 48;
|
|
135
|
-
stroke-dashoffset: 48;
|
|
136
|
-
stroke-width: 0.375rem;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
@keyframes stroke {
|
|
140
|
-
100% {
|
|
141
|
-
stroke-dashoffset: 0;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
/* DO NOT CHANGE!*/
|
|
145
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
146
3
|
.eds-form-control__field-and-feedback-text {
|
|
147
4
|
display: flex;
|
|
148
5
|
flex-direction: column;
|
|
@@ -429,6 +286,155 @@
|
|
|
429
286
|
}
|
|
430
287
|
/* DO NOT CHANGE!*/
|
|
431
288
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
289
|
+
.eds-checkbox__container {
|
|
290
|
+
display: flex;
|
|
291
|
+
align-items: center;
|
|
292
|
+
position: relative;
|
|
293
|
+
-webkit-appearance: none;
|
|
294
|
+
-moz-appearance: none;
|
|
295
|
+
appearance: none;
|
|
296
|
+
cursor: pointer;
|
|
297
|
+
-webkit-user-select: none;
|
|
298
|
+
-moz-user-select: none;
|
|
299
|
+
user-select: none;
|
|
300
|
+
width: -moz-fit-content;
|
|
301
|
+
width: fit-content;
|
|
302
|
+
margin: 0.5rem 0;
|
|
303
|
+
}
|
|
304
|
+
.eds-checkbox__container--reduced-click-area {
|
|
305
|
+
height: -moz-fit-content;
|
|
306
|
+
height: fit-content;
|
|
307
|
+
}
|
|
308
|
+
.eds-checkbox__container input {
|
|
309
|
+
position: absolute;
|
|
310
|
+
opacity: 0;
|
|
311
|
+
height: 0;
|
|
312
|
+
width: 0;
|
|
313
|
+
}
|
|
314
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
315
|
+
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
316
|
+
}
|
|
317
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
318
|
+
visibility: visible;
|
|
319
|
+
}
|
|
320
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
|
|
321
|
+
stroke: var(--components-form-checkbox-standard-icon);
|
|
322
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
323
|
+
}
|
|
324
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
|
|
325
|
+
fill: var(--components-form-checkbox-standard-icon);
|
|
326
|
+
}
|
|
327
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
328
|
+
background-color: var(--components-form-checkbox-standard-icon-disabled);
|
|
329
|
+
}
|
|
330
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
|
|
331
|
+
background-color: var(--components-form-checkbox-standard-icon-disabled);
|
|
332
|
+
}
|
|
333
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
|
|
334
|
+
background-color: var(--components-form-checkbox-standard-icon-disabled);
|
|
335
|
+
}
|
|
336
|
+
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
|
|
337
|
+
background-color: var(--components-form-checkbox-standard-icon-disabled);
|
|
338
|
+
}
|
|
339
|
+
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
|
|
340
|
+
background-color: var(--components-form-checkbox-standard-icon-disabled);
|
|
341
|
+
}
|
|
342
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-contrast, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-contrast {
|
|
343
|
+
color: var(--components-form-checkbox-contrast-fill-selected);
|
|
344
|
+
}
|
|
345
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-contrast path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-contrast path {
|
|
346
|
+
stroke: var(--components-form-checkbox-contrast-icon);
|
|
347
|
+
}
|
|
348
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-contrast rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-contrast rect {
|
|
349
|
+
fill: var(--components-form-checkbox-contrast-icon);
|
|
350
|
+
}
|
|
351
|
+
.eds-checkbox__container:hover(:not(:has(input:disabled))) input + .eds-checkbox__icon {
|
|
352
|
+
border-color: var(--components-form-checkbox-standard-border);
|
|
353
|
+
background-color: var(--components-form-checkbox-standard-fill-hover);
|
|
354
|
+
}
|
|
355
|
+
.eds-contrast .eds-checkbox__container:hover(:not(:has(input:disabled))) input + .eds-checkbox__icon {
|
|
356
|
+
border-color: var(--components-form-checkbox-contrast-border);
|
|
357
|
+
background-color: var(--components-form-checkbox-contrast-fill-hover);
|
|
358
|
+
}
|
|
359
|
+
.eds-checkbox__container:hover(:not(:has(input:disabled))) input:checked + .eds-checkbox__icon,
|
|
360
|
+
.eds-checkbox__container:hover(:not(:has(input:disabled))) input:indeterminate + .eds-checkbox__icon:not(.eds-checkbox--disabled) {
|
|
361
|
+
border-color: transparent;
|
|
362
|
+
background-color: var(--components-form-checkbox-standard-fill-selectedhover);
|
|
363
|
+
}
|
|
364
|
+
.eds-contrast .eds-checkbox__container:hover(:not(:has(input:disabled))) input:checked + .eds-checkbox__icon,
|
|
365
|
+
.eds-contrast .eds-checkbox__container:hover(:not(:has(input:disabled))) input:indeterminate + .eds-checkbox__icon:not(.eds-checkbox--disabled) {
|
|
366
|
+
background-color: var(--components-form-checkbox-contrast-fill-selectedhover);
|
|
367
|
+
}
|
|
368
|
+
.eds-checkbox__container:active(:not(:has(input:disabled))) input:checked + .eds-checkbox__icon,
|
|
369
|
+
.eds-checkbox__container:active(:not(:has(input:disabled))) input:indeterminate + .eds-checkbox__icon {
|
|
370
|
+
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
371
|
+
}
|
|
372
|
+
.eds-contrast .eds-checkbox__container:active(:not(:has(input:disabled))) input:checked + .eds-checkbox__icon,
|
|
373
|
+
.eds-contrast .eds-checkbox__container:active(:not(:has(input:disabled))) input:indeterminate + .eds-checkbox__icon {
|
|
374
|
+
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
375
|
+
}
|
|
376
|
+
.eds-checkbox__container:has(:focus-visible) .eds-checkbox__icon {
|
|
377
|
+
outline: 2px solid #181c56;
|
|
378
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
379
|
+
outline-offset: 0.125rem;
|
|
380
|
+
}
|
|
381
|
+
.eds-contrast .eds-checkbox__container:has(:focus-visible) .eds-checkbox__icon {
|
|
382
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
383
|
+
}
|
|
384
|
+
.eds-checkbox--disabled {
|
|
385
|
+
cursor: not-allowed;
|
|
386
|
+
}
|
|
387
|
+
.eds-checkbox--disabled input {
|
|
388
|
+
pointer-events: none;
|
|
389
|
+
}
|
|
390
|
+
.eds-checkbox--disabled .eds-checkbox__label {
|
|
391
|
+
opacity: 0.5;
|
|
392
|
+
}
|
|
393
|
+
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
394
|
+
border-color: var(--components-form-checkbox-standard-icon-disabled);
|
|
395
|
+
}
|
|
396
|
+
.eds-contrast .eds-checkbox--disabled .eds-checkbox__icon {
|
|
397
|
+
border-color: var(--components-form-checkbox-contrast-icon-disabled);
|
|
398
|
+
}
|
|
399
|
+
.eds-checkbox__icon {
|
|
400
|
+
box-sizing: border-box;
|
|
401
|
+
display: inline-flex;
|
|
402
|
+
justify-content: center;
|
|
403
|
+
align-items: center;
|
|
404
|
+
position: relative;
|
|
405
|
+
margin-right: 1rem;
|
|
406
|
+
height: 1.25rem;
|
|
407
|
+
width: 1.25rem;
|
|
408
|
+
border: 0.125rem solid var(--components-form-checkbox-standard-border);
|
|
409
|
+
border-radius: 0.125rem;
|
|
410
|
+
background-color: transparent;
|
|
411
|
+
transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
412
|
+
}
|
|
413
|
+
.eds-checkbox__icon--reduced-click-area {
|
|
414
|
+
margin-right: 0;
|
|
415
|
+
}
|
|
416
|
+
.eds-contrast .eds-checkbox__icon {
|
|
417
|
+
border-color: var(--components-form-checkbox-contrast-border);
|
|
418
|
+
}
|
|
419
|
+
.eds-checkbox__icon .eds-checkbox-icon {
|
|
420
|
+
height: 1rem;
|
|
421
|
+
width: 1rem;
|
|
422
|
+
visibility: hidden;
|
|
423
|
+
}
|
|
424
|
+
.eds-checkbox__icon .eds-checkbox-icon path {
|
|
425
|
+
transform-origin: 50% 50%;
|
|
426
|
+
stroke-dasharray: 48;
|
|
427
|
+
stroke-dashoffset: 48;
|
|
428
|
+
stroke-width: 0.375rem;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
@keyframes stroke {
|
|
432
|
+
100% {
|
|
433
|
+
stroke-dashoffset: 0;
|
|
434
|
+
}
|
|
435
|
+
}
|
|
436
|
+
/* DO NOT CHANGE!*/
|
|
437
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
432
438
|
.eds-form-component--radio__container {
|
|
433
439
|
display: flex;
|
|
434
440
|
justify-content: center;
|
|
@@ -467,6 +473,9 @@
|
|
|
467
473
|
.eds-contrast .eds-form-component--radio__container input:focus-visible ~ .eds-form-component--radio__radio {
|
|
468
474
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
469
475
|
}
|
|
476
|
+
.eds-form-component--radio__container:has(input:disabled) {
|
|
477
|
+
cursor: not-allowed;
|
|
478
|
+
}
|
|
470
479
|
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
471
480
|
position: relative;
|
|
472
481
|
height: 1.25rem;
|
|
@@ -484,19 +493,28 @@
|
|
|
484
493
|
border-color: var(--components-form-radio-contrast-border);
|
|
485
494
|
}
|
|
486
495
|
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
487
|
-
background: var(--components-form-
|
|
488
|
-
border-color: var(--components-form-
|
|
489
|
-
cursor: not-allowed;
|
|
496
|
+
background: var(--components-form-radio-contrast-fill-disabled);
|
|
497
|
+
border-color: var(--components-form-radio-contrast-text-disabled);
|
|
490
498
|
}
|
|
491
499
|
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
492
|
-
border-color: var(--components-form-
|
|
500
|
+
border-color: var(--components-form-radio-contrast-text-disabled);
|
|
493
501
|
}
|
|
494
502
|
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
495
|
-
background: var(--components-form-
|
|
496
|
-
border-color: var(--components-form-
|
|
503
|
+
background: var(--components-form-radio-contrast-fill-disabled);
|
|
504
|
+
border-color: var(--components-form-radio-contrast-text-disabled);
|
|
497
505
|
}
|
|
498
506
|
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
499
|
-
color: var(--components-form-
|
|
507
|
+
color: var(--components-form-radio-contrast-text-disabled);
|
|
508
|
+
}
|
|
509
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
510
|
+
background-color: var(--components-form-radio-standard-icon-disabled);
|
|
511
|
+
border-color: var(--components-form-radio-contrast-text-disabled);
|
|
512
|
+
}
|
|
513
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled .eds-form-component--radio__circle {
|
|
514
|
+
background-color: var(--components-form-radio-standard-icon-disabled);
|
|
515
|
+
}
|
|
516
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled .eds-form-component--radio__circle {
|
|
517
|
+
background-color: var(--components-form-radio-contrast-icon-disabled);
|
|
500
518
|
}
|
|
501
519
|
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
502
520
|
display: block;
|
|
@@ -511,6 +529,125 @@
|
|
|
511
529
|
}
|
|
512
530
|
/* DO NOT CHANGE!*/
|
|
513
531
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
532
|
+
.eds-switch {
|
|
533
|
+
cursor: pointer;
|
|
534
|
+
-webkit-user-select: none;
|
|
535
|
+
-moz-user-select: none;
|
|
536
|
+
user-select: none;
|
|
537
|
+
padding: 0.5rem 0;
|
|
538
|
+
width: -moz-fit-content;
|
|
539
|
+
width: fit-content;
|
|
540
|
+
}
|
|
541
|
+
.eds-switch input {
|
|
542
|
+
opacity: 0;
|
|
543
|
+
pointer-events: none;
|
|
544
|
+
position: absolute;
|
|
545
|
+
}
|
|
546
|
+
.eds-switch--right {
|
|
547
|
+
display: flex;
|
|
548
|
+
flex-direction: row;
|
|
549
|
+
align-items: center;
|
|
550
|
+
}
|
|
551
|
+
.eds-switch--bottom {
|
|
552
|
+
display: flex;
|
|
553
|
+
flex-direction: column;
|
|
554
|
+
align-items: center;
|
|
555
|
+
}
|
|
556
|
+
.eds-switch__circle {
|
|
557
|
+
border-radius: 50%;
|
|
558
|
+
height: 1.25rem;
|
|
559
|
+
width: 1.25rem;
|
|
560
|
+
content: "";
|
|
561
|
+
display: flex;
|
|
562
|
+
align-items: center;
|
|
563
|
+
justify-content: center;
|
|
564
|
+
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
565
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
566
|
+
background-color: var(--components-form-switch-standard-switch);
|
|
567
|
+
top: 0.125rem;
|
|
568
|
+
left: 0.125rem;
|
|
569
|
+
position: relative;
|
|
570
|
+
}
|
|
571
|
+
.eds-switch__switch--large .eds-switch__circle {
|
|
572
|
+
height: 1.75rem;
|
|
573
|
+
width: 1.75rem;
|
|
574
|
+
}
|
|
575
|
+
.eds-contrast .eds-switch__circle {
|
|
576
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
|
|
577
|
+
}
|
|
578
|
+
.eds-switch__switch {
|
|
579
|
+
position: relative;
|
|
580
|
+
background-color: var(--components-form-switch-standard-fill-false);
|
|
581
|
+
content: "";
|
|
582
|
+
display: block;
|
|
583
|
+
transition: background-color 0.1s ease-in-out;
|
|
584
|
+
height: 1.5rem;
|
|
585
|
+
width: 3rem;
|
|
586
|
+
border-radius: 1.5rem;
|
|
587
|
+
box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
|
|
588
|
+
}
|
|
589
|
+
.eds-contrast .eds-switch__switch {
|
|
590
|
+
background-color: var(--components-form-switch-contrast-fill-false);
|
|
591
|
+
}
|
|
592
|
+
.eds-switch--right .eds-switch__switch {
|
|
593
|
+
margin-right: 0.75rem;
|
|
594
|
+
}
|
|
595
|
+
.eds-switch__switch svg g,
|
|
596
|
+
.eds-switch__switch path {
|
|
597
|
+
fill: var(--components-form-switch-standard-icon-false);
|
|
598
|
+
transition: fill ease-in-out 0.1s;
|
|
599
|
+
}
|
|
600
|
+
.eds-contrast .eds-switch__switch svg g,
|
|
601
|
+
.eds-contrast .eds-switch__switch path {
|
|
602
|
+
fill: var(--components-form-switch-contrast-icon-false);
|
|
603
|
+
}
|
|
604
|
+
:checked + .eds-switch__switch {
|
|
605
|
+
background-color: var(--eds-switch-color);
|
|
606
|
+
}
|
|
607
|
+
:checked + .eds-switch__switch .eds-switch__circle {
|
|
608
|
+
left: 1.625rem;
|
|
609
|
+
}
|
|
610
|
+
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
611
|
+
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
612
|
+
fill: var(--eds-switch-color);
|
|
613
|
+
}
|
|
614
|
+
.eds-contrast :checked + .eds-switch__switch {
|
|
615
|
+
background-color: var(--eds-switch-contrast-color);
|
|
616
|
+
}
|
|
617
|
+
:focus-visible + .eds-switch__switch {
|
|
618
|
+
outline: 2px solid #181c56;
|
|
619
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
620
|
+
outline-offset: 0.125rem;
|
|
621
|
+
}
|
|
622
|
+
.eds-contrast :focus-visible + .eds-switch__switch {
|
|
623
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
624
|
+
}
|
|
625
|
+
.eds-switch__switch--large {
|
|
626
|
+
width: 3.75rem;
|
|
627
|
+
height: 2rem;
|
|
628
|
+
border-radius: 3.75rem;
|
|
629
|
+
}
|
|
630
|
+
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
631
|
+
left: 1.875rem;
|
|
632
|
+
}
|
|
633
|
+
.eds-switch__switch--large svg {
|
|
634
|
+
position: relative;
|
|
635
|
+
right: 0.05rem;
|
|
636
|
+
}
|
|
637
|
+
.eds-switch__label--large--right {
|
|
638
|
+
font-size: 1rem;
|
|
639
|
+
}
|
|
640
|
+
.eds-switch__label--large--bottom {
|
|
641
|
+
font-size: 0.875rem;
|
|
642
|
+
}
|
|
643
|
+
.eds-switch__label--medium--right {
|
|
644
|
+
font-size: 0.875rem;
|
|
645
|
+
}
|
|
646
|
+
.eds-switch__label--medium--bottom {
|
|
647
|
+
font-size: 0.75rem;
|
|
648
|
+
}
|
|
649
|
+
/* DO NOT CHANGE!*/
|
|
650
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
514
651
|
/* DO NOT CHANGE!*/
|
|
515
652
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
516
653
|
/* DO NOT CHANGE!*/
|
|
@@ -677,6 +814,94 @@
|
|
|
677
814
|
}
|
|
678
815
|
/* DO NOT CHANGE!*/
|
|
679
816
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
817
|
+
.eds-input-group {
|
|
818
|
+
color: inherit;
|
|
819
|
+
display: block;
|
|
820
|
+
position: relative;
|
|
821
|
+
}
|
|
822
|
+
.eds-input-group__label {
|
|
823
|
+
color: var(--components-form-baseform-standard-text-label);
|
|
824
|
+
display: flex;
|
|
825
|
+
font-size: 1rem;
|
|
826
|
+
position: absolute;
|
|
827
|
+
line-height: 1rem;
|
|
828
|
+
height: 3rem;
|
|
829
|
+
padding-left: 0;
|
|
830
|
+
top: 1rem;
|
|
831
|
+
transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out, padding 0.2s ease-in-out, line-height ease-in-out 0.2s;
|
|
832
|
+
-webkit-user-select: none;
|
|
833
|
+
-moz-user-select: none;
|
|
834
|
+
user-select: none;
|
|
835
|
+
pointer-events: none;
|
|
836
|
+
}
|
|
837
|
+
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
838
|
+
top: 0.375rem;
|
|
839
|
+
font-size: 0.75rem;
|
|
840
|
+
line-height: 0.75rem;
|
|
841
|
+
height: 10px;
|
|
842
|
+
padding: 0;
|
|
843
|
+
}
|
|
844
|
+
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
845
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
846
|
+
background: var(--textarea-label-background);
|
|
847
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
848
|
+
}
|
|
849
|
+
.eds-form-control-wrapper--is-filled.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
850
|
+
top: 0.5rem;
|
|
851
|
+
font-size: 0.875rem;
|
|
852
|
+
line-height: 1rem;
|
|
853
|
+
padding: 0;
|
|
854
|
+
}
|
|
855
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
856
|
+
top: 0.75rem;
|
|
857
|
+
font-size: 1.5rem;
|
|
858
|
+
line-height: 2.25rem;
|
|
859
|
+
}
|
|
860
|
+
.eds-input-group__label--filled {
|
|
861
|
+
top: 0.375rem;
|
|
862
|
+
font-size: 0.75rem;
|
|
863
|
+
line-height: 0.75rem;
|
|
864
|
+
height: 10px;
|
|
865
|
+
padding: 0;
|
|
866
|
+
}
|
|
867
|
+
.eds-textarea__label .eds-input-group__label--filled {
|
|
868
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
869
|
+
background: var(--textarea-label-background);
|
|
870
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
871
|
+
}
|
|
872
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
873
|
+
top: 0.5rem;
|
|
874
|
+
font-size: 0.875rem;
|
|
875
|
+
line-height: 1rem;
|
|
876
|
+
padding: 0;
|
|
877
|
+
}
|
|
878
|
+
|
|
879
|
+
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
880
|
+
top: 0.375rem;
|
|
881
|
+
font-size: 0.75rem;
|
|
882
|
+
line-height: 0.75rem;
|
|
883
|
+
height: 10px;
|
|
884
|
+
padding: 0;
|
|
885
|
+
}
|
|
886
|
+
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
887
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
888
|
+
background: var(--textarea-label-background);
|
|
889
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
890
|
+
}
|
|
891
|
+
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
892
|
+
top: 0.5rem;
|
|
893
|
+
font-size: 0.875rem;
|
|
894
|
+
line-height: 1rem;
|
|
895
|
+
padding: 0;
|
|
896
|
+
}
|
|
897
|
+
.eds-form-control-wrapper--disabled:focus-within .eds-input-group__label {
|
|
898
|
+
top: 1rem;
|
|
899
|
+
font-size: 1rem;
|
|
900
|
+
height: 3rem;
|
|
901
|
+
line-height: 1rem;
|
|
902
|
+
}
|
|
903
|
+
/* DO NOT CHANGE!*/
|
|
904
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
680
905
|
.eds-input-panel:has(:focus-visible) .eds-input-panel__container {
|
|
681
906
|
outline: 2px solid #181c56;
|
|
682
907
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
@@ -825,213 +1050,6 @@ input:disabled + .eds-input-panel__container {
|
|
|
825
1050
|
}
|
|
826
1051
|
/* DO NOT CHANGE!*/
|
|
827
1052
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
828
|
-
.eds-switch {
|
|
829
|
-
cursor: pointer;
|
|
830
|
-
-webkit-user-select: none;
|
|
831
|
-
-moz-user-select: none;
|
|
832
|
-
user-select: none;
|
|
833
|
-
padding: 0.5rem 0;
|
|
834
|
-
width: -moz-fit-content;
|
|
835
|
-
width: fit-content;
|
|
836
|
-
}
|
|
837
|
-
.eds-switch input {
|
|
838
|
-
opacity: 0;
|
|
839
|
-
pointer-events: none;
|
|
840
|
-
position: absolute;
|
|
841
|
-
}
|
|
842
|
-
.eds-switch--right {
|
|
843
|
-
display: flex;
|
|
844
|
-
flex-direction: row;
|
|
845
|
-
align-items: center;
|
|
846
|
-
}
|
|
847
|
-
.eds-switch--bottom {
|
|
848
|
-
display: flex;
|
|
849
|
-
flex-direction: column;
|
|
850
|
-
align-items: center;
|
|
851
|
-
}
|
|
852
|
-
.eds-switch__circle {
|
|
853
|
-
border-radius: 50%;
|
|
854
|
-
height: 1.25rem;
|
|
855
|
-
width: 1.25rem;
|
|
856
|
-
content: "";
|
|
857
|
-
display: flex;
|
|
858
|
-
align-items: center;
|
|
859
|
-
justify-content: center;
|
|
860
|
-
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
861
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
862
|
-
background-color: var(--components-form-switch-standard-switch);
|
|
863
|
-
top: 0.125rem;
|
|
864
|
-
left: 0.125rem;
|
|
865
|
-
position: relative;
|
|
866
|
-
}
|
|
867
|
-
.eds-switch__switch--large .eds-switch__circle {
|
|
868
|
-
height: 1.75rem;
|
|
869
|
-
width: 1.75rem;
|
|
870
|
-
}
|
|
871
|
-
.eds-contrast .eds-switch__circle {
|
|
872
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
|
|
873
|
-
}
|
|
874
|
-
.eds-switch__switch {
|
|
875
|
-
position: relative;
|
|
876
|
-
background-color: var(--components-form-switch-standard-fill-false);
|
|
877
|
-
content: "";
|
|
878
|
-
display: block;
|
|
879
|
-
transition: background-color 0.1s ease-in-out;
|
|
880
|
-
height: 1.5rem;
|
|
881
|
-
width: 3rem;
|
|
882
|
-
border-radius: 1.5rem;
|
|
883
|
-
box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
|
|
884
|
-
}
|
|
885
|
-
.eds-contrast .eds-switch__switch {
|
|
886
|
-
background-color: var(--components-form-switch-contrast-fill-false);
|
|
887
|
-
}
|
|
888
|
-
.eds-switch--right .eds-switch__switch {
|
|
889
|
-
margin-right: 0.75rem;
|
|
890
|
-
}
|
|
891
|
-
.eds-switch__switch svg g,
|
|
892
|
-
.eds-switch__switch path {
|
|
893
|
-
fill: var(--components-form-switch-standard-icon-false);
|
|
894
|
-
transition: fill ease-in-out 0.1s;
|
|
895
|
-
}
|
|
896
|
-
.eds-contrast .eds-switch__switch svg g,
|
|
897
|
-
.eds-contrast .eds-switch__switch path {
|
|
898
|
-
fill: var(--components-form-switch-contrast-icon-false);
|
|
899
|
-
}
|
|
900
|
-
:checked + .eds-switch__switch {
|
|
901
|
-
background-color: var(--eds-switch-color);
|
|
902
|
-
}
|
|
903
|
-
:checked + .eds-switch__switch .eds-switch__circle {
|
|
904
|
-
left: 1.625rem;
|
|
905
|
-
}
|
|
906
|
-
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
907
|
-
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
908
|
-
fill: var(--eds-switch-color);
|
|
909
|
-
}
|
|
910
|
-
.eds-contrast :checked + .eds-switch__switch {
|
|
911
|
-
background-color: var(--eds-switch-contrast-color);
|
|
912
|
-
}
|
|
913
|
-
:focus-visible + .eds-switch__switch {
|
|
914
|
-
outline: 2px solid #181c56;
|
|
915
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
916
|
-
outline-offset: 0.125rem;
|
|
917
|
-
}
|
|
918
|
-
.eds-contrast :focus-visible + .eds-switch__switch {
|
|
919
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
920
|
-
}
|
|
921
|
-
.eds-switch__switch--large {
|
|
922
|
-
width: 3.75rem;
|
|
923
|
-
height: 2rem;
|
|
924
|
-
border-radius: 3.75rem;
|
|
925
|
-
}
|
|
926
|
-
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
927
|
-
left: 1.875rem;
|
|
928
|
-
}
|
|
929
|
-
.eds-switch__switch--large svg {
|
|
930
|
-
position: relative;
|
|
931
|
-
right: 0.05rem;
|
|
932
|
-
}
|
|
933
|
-
.eds-switch__label--large--right {
|
|
934
|
-
font-size: 1rem;
|
|
935
|
-
}
|
|
936
|
-
.eds-switch__label--large--bottom {
|
|
937
|
-
font-size: 0.875rem;
|
|
938
|
-
}
|
|
939
|
-
.eds-switch__label--medium--right {
|
|
940
|
-
font-size: 0.875rem;
|
|
941
|
-
}
|
|
942
|
-
.eds-switch__label--medium--bottom {
|
|
943
|
-
font-size: 0.75rem;
|
|
944
|
-
}
|
|
945
|
-
/* DO NOT CHANGE!*/
|
|
946
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
947
|
-
.eds-input-group {
|
|
948
|
-
color: inherit;
|
|
949
|
-
display: block;
|
|
950
|
-
position: relative;
|
|
951
|
-
}
|
|
952
|
-
.eds-input-group__label {
|
|
953
|
-
color: var(--components-form-baseform-standard-text-label);
|
|
954
|
-
display: flex;
|
|
955
|
-
font-size: 1rem;
|
|
956
|
-
position: absolute;
|
|
957
|
-
line-height: 1rem;
|
|
958
|
-
height: 3rem;
|
|
959
|
-
padding-left: 0;
|
|
960
|
-
top: 1rem;
|
|
961
|
-
transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out, padding 0.2s ease-in-out, line-height ease-in-out 0.2s;
|
|
962
|
-
-webkit-user-select: none;
|
|
963
|
-
-moz-user-select: none;
|
|
964
|
-
user-select: none;
|
|
965
|
-
pointer-events: none;
|
|
966
|
-
}
|
|
967
|
-
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
968
|
-
top: 0.375rem;
|
|
969
|
-
font-size: 0.75rem;
|
|
970
|
-
line-height: 0.75rem;
|
|
971
|
-
height: 10px;
|
|
972
|
-
padding: 0;
|
|
973
|
-
}
|
|
974
|
-
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
975
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
976
|
-
background: var(--textarea-label-background);
|
|
977
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
978
|
-
}
|
|
979
|
-
.eds-form-control-wrapper--is-filled.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
980
|
-
top: 0.5rem;
|
|
981
|
-
font-size: 0.875rem;
|
|
982
|
-
line-height: 1rem;
|
|
983
|
-
padding: 0;
|
|
984
|
-
}
|
|
985
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
986
|
-
top: 0.75rem;
|
|
987
|
-
font-size: 1.5rem;
|
|
988
|
-
line-height: 2.25rem;
|
|
989
|
-
}
|
|
990
|
-
.eds-input-group__label--filled {
|
|
991
|
-
top: 0.375rem;
|
|
992
|
-
font-size: 0.75rem;
|
|
993
|
-
line-height: 0.75rem;
|
|
994
|
-
height: 10px;
|
|
995
|
-
padding: 0;
|
|
996
|
-
}
|
|
997
|
-
.eds-textarea__label .eds-input-group__label--filled {
|
|
998
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
999
|
-
background: var(--textarea-label-background);
|
|
1000
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
1001
|
-
}
|
|
1002
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
1003
|
-
top: 0.5rem;
|
|
1004
|
-
font-size: 0.875rem;
|
|
1005
|
-
line-height: 1rem;
|
|
1006
|
-
padding: 0;
|
|
1007
|
-
}
|
|
1008
|
-
|
|
1009
|
-
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
1010
|
-
top: 0.375rem;
|
|
1011
|
-
font-size: 0.75rem;
|
|
1012
|
-
line-height: 0.75rem;
|
|
1013
|
-
height: 10px;
|
|
1014
|
-
padding: 0;
|
|
1015
|
-
}
|
|
1016
|
-
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
1017
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
1018
|
-
background: var(--textarea-label-background);
|
|
1019
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
1020
|
-
}
|
|
1021
|
-
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
1022
|
-
top: 0.5rem;
|
|
1023
|
-
font-size: 0.875rem;
|
|
1024
|
-
line-height: 1rem;
|
|
1025
|
-
padding: 0;
|
|
1026
|
-
}
|
|
1027
|
-
.eds-form-control-wrapper--disabled:focus-within .eds-input-group__label {
|
|
1028
|
-
top: 1rem;
|
|
1029
|
-
font-size: 1rem;
|
|
1030
|
-
height: 3rem;
|
|
1031
|
-
line-height: 1rem;
|
|
1032
|
-
}
|
|
1033
|
-
/* DO NOT CHANGE!*/
|
|
1034
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1035
1053
|
.eds-textfield__clear-button {
|
|
1036
1054
|
background: none;
|
|
1037
1055
|
border: none;
|
|
@@ -1221,21 +1239,33 @@ input:disabled + .eds-input-panel__container {
|
|
|
1221
1239
|
--components-form-basepanel-standard-text-rebate: #1a8e60;
|
|
1222
1240
|
--components-form-basepanel-standard-text-subdued: #626493;
|
|
1223
1241
|
--components-form-checkbox-contrast-border: #aeb7e2;
|
|
1242
|
+
--components-form-checkbox-contrast-border-disabled: #6e6f73;
|
|
1224
1243
|
--components-form-checkbox-contrast-border-negative: #ff9494;
|
|
1244
|
+
--components-form-checkbox-contrast-border-readonly: #6e6f73;
|
|
1225
1245
|
--components-form-checkbox-contrast-fill-default: rgba(255, 255, 255, 0);
|
|
1246
|
+
--components-form-checkbox-contrast-fill-disabled: rgba(207, 210, 212, 0.1490196078);
|
|
1226
1247
|
--components-form-checkbox-contrast-fill-hover: #626493;
|
|
1227
1248
|
--components-form-checkbox-contrast-fill-selected: #aeb7e2;
|
|
1228
1249
|
--components-form-checkbox-contrast-fill-selectedhover: #c7cdeb;
|
|
1229
1250
|
--components-form-checkbox-contrast-icon: #181c56;
|
|
1251
|
+
--components-form-checkbox-contrast-icon-disabled: #949699;
|
|
1252
|
+
--components-form-checkbox-contrast-icon-readonly: #ffffff;
|
|
1230
1253
|
--components-form-checkbox-contrast-text: #ffffff;
|
|
1254
|
+
--components-form-checkbox-contrast-text-disabled: #949699;
|
|
1231
1255
|
--components-form-checkbox-standard-border: #181c56;
|
|
1256
|
+
--components-form-checkbox-standard-border-disabled: #e3e6e8;
|
|
1232
1257
|
--components-form-checkbox-standard-border-negative: #d31b1b;
|
|
1258
|
+
--components-form-checkbox-standard-border-readonly: #e3e6e8;
|
|
1233
1259
|
--components-form-checkbox-standard-fill-default: rgba(255, 255, 255, 0);
|
|
1260
|
+
--components-form-checkbox-standard-fill-disabled: rgba(207, 210, 212, 0.1490196078);
|
|
1234
1261
|
--components-form-checkbox-standard-fill-hover: #d9ddf2;
|
|
1235
1262
|
--components-form-checkbox-standard-fill-selected: #181c56;
|
|
1236
1263
|
--components-form-checkbox-standard-fill-selectedhover: #393d79;
|
|
1237
1264
|
--components-form-checkbox-standard-icon: #ffffff;
|
|
1265
|
+
--components-form-checkbox-standard-icon-disabled: #b6b8ba;
|
|
1266
|
+
--components-form-checkbox-standard-icon-readonly: #181c56;
|
|
1238
1267
|
--components-form-checkbox-standard-text: #181c56;
|
|
1268
|
+
--components-form-checkbox-standard-text-disabled: #b6b8ba;
|
|
1239
1269
|
--components-form-feedbacktext-information-contrast-icon-fill: #64b3e7;
|
|
1240
1270
|
--components-form-feedbacktext-information-contrast-icon-symbol: #181c56;
|
|
1241
1271
|
--components-form-feedbacktext-information-contrast-stroke: #181c56;
|
|
@@ -1269,21 +1299,33 @@ input:disabled + .eds-input-panel__container {
|
|
|
1269
1299
|
--components-form-feedbacktext-warning-standard-stroke: #ffffff;
|
|
1270
1300
|
--components-form-feedbacktext-warning-standard-text: #181c56;
|
|
1271
1301
|
--components-form-radio-contrast-border: #aeb7e2;
|
|
1302
|
+
--components-form-radio-contrast-border-disabled: #6e6f73;
|
|
1272
1303
|
--components-form-radio-contrast-border-negative: #ff9494;
|
|
1304
|
+
--components-form-radio-contrast-border-readonly: #6e6f73;
|
|
1273
1305
|
--components-form-radio-contrast-fill-default: rgba(255, 255, 255, 0);
|
|
1306
|
+
--components-form-radio-contrast-fill-disabled: rgba(207, 210, 212, 0.1490196078);
|
|
1274
1307
|
--components-form-radio-contrast-fill-hover: #626493;
|
|
1275
1308
|
--components-form-radio-contrast-fill-selected: #aeb7e2;
|
|
1276
1309
|
--components-form-radio-contrast-fill-selectedhover: #c7cdeb;
|
|
1277
1310
|
--components-form-radio-contrast-icon: #ffffff;
|
|
1311
|
+
--components-form-radio-contrast-icon-disabled: #949699;
|
|
1312
|
+
--components-form-radio-contrast-icon-readonly: #ffffff;
|
|
1278
1313
|
--components-form-radio-contrast-text: #ffffff;
|
|
1314
|
+
--components-form-radio-contrast-text-disabled: #949699;
|
|
1279
1315
|
--components-form-radio-standard-border: #181c56;
|
|
1316
|
+
--components-form-radio-standard-border-disabled: #e3e6e8;
|
|
1280
1317
|
--components-form-radio-standard-border-negative: #d31b1b;
|
|
1318
|
+
--components-form-radio-standard-border-readonly: #e3e6e8;
|
|
1281
1319
|
--components-form-radio-standard-fill-default: rgba(255, 255, 255, 0);
|
|
1320
|
+
--components-form-radio-standard-fill-disabled: rgba(207, 210, 212, 0.1490196078);
|
|
1282
1321
|
--components-form-radio-standard-fill-hover: #d9ddf2;
|
|
1283
1322
|
--components-form-radio-standard-fill-selected: #181c56;
|
|
1284
1323
|
--components-form-radio-standard-icon: #181c56;
|
|
1324
|
+
--components-form-radio-standard-icon-disabled: #b6b8ba;
|
|
1325
|
+
--components-form-radio-standard-icon-readonly: #181c56;
|
|
1285
1326
|
--components-form-radio-standard-selectedhover: #393d79;
|
|
1286
1327
|
--components-form-radio-standard-text: #181c56;
|
|
1328
|
+
--components-form-radio-standard-text-disabled: #b6b8ba;
|
|
1287
1329
|
--components-form-segmentedcontrol-contrast-background: #393d79;
|
|
1288
1330
|
--components-form-segmentedcontrol-contrast-fill-hover: #626493;
|
|
1289
1331
|
--components-form-segmentedcontrol-contrast-fill-selected: #ffffff;
|
|
@@ -1374,21 +1416,33 @@ input:disabled + .eds-input-panel__container {
|
|
|
1374
1416
|
--components-form-basepanel-standard-text-rebate: #5ac39a;
|
|
1375
1417
|
--components-form-basepanel-standard-text-subdued: #b3b4bd;
|
|
1376
1418
|
--components-form-checkbox-contrast-border: #aeb7e2;
|
|
1419
|
+
--components-form-checkbox-contrast-border-disabled: #6e6f73;
|
|
1377
1420
|
--components-form-checkbox-contrast-border-negative: #ff9494;
|
|
1421
|
+
--components-form-checkbox-contrast-border-readonly: #6e6f73;
|
|
1378
1422
|
--components-form-checkbox-contrast-fill-default: rgba(255, 255, 255, 0);
|
|
1423
|
+
--components-form-checkbox-contrast-fill-disabled: rgba(204, 205, 212, 0.3019607843);
|
|
1379
1424
|
--components-form-checkbox-contrast-fill-hover: #626493;
|
|
1380
1425
|
--components-form-checkbox-contrast-fill-selected: #aeb7e2;
|
|
1381
1426
|
--components-form-checkbox-contrast-fill-selectedhover: #c7cdeb;
|
|
1382
1427
|
--components-form-checkbox-contrast-icon: #181c56;
|
|
1428
|
+
--components-form-checkbox-contrast-icon-disabled: #6e6f73;
|
|
1429
|
+
--components-form-checkbox-contrast-icon-readonly: #e5e5e9;
|
|
1383
1430
|
--components-form-checkbox-contrast-text: #e5e5e9;
|
|
1431
|
+
--components-form-checkbox-contrast-text-disabled: #6e6f73;
|
|
1384
1432
|
--components-form-checkbox-standard-border: #aeb7e2;
|
|
1433
|
+
--components-form-checkbox-standard-border-disabled: #6e6f73;
|
|
1385
1434
|
--components-form-checkbox-standard-border-negative: #ff9494;
|
|
1435
|
+
--components-form-checkbox-standard-border-readonly: #6e6f73;
|
|
1386
1436
|
--components-form-checkbox-standard-fill-default: rgba(255, 255, 255, 0);
|
|
1437
|
+
--components-form-checkbox-standard-fill-disabled: rgba(207, 210, 212, 0.1490196078);
|
|
1387
1438
|
--components-form-checkbox-standard-fill-hover: #626493;
|
|
1388
1439
|
--components-form-checkbox-standard-fill-selected: #aeb7e2;
|
|
1389
1440
|
--components-form-checkbox-standard-fill-selectedhover: #c7cdeb;
|
|
1390
1441
|
--components-form-checkbox-standard-icon: #181c56;
|
|
1442
|
+
--components-form-checkbox-standard-icon-disabled: #6e6f73;
|
|
1443
|
+
--components-form-checkbox-standard-icon-readonly: #e5e5e9;
|
|
1391
1444
|
--components-form-checkbox-standard-text: #e5e5e9;
|
|
1445
|
+
--components-form-checkbox-standard-text-disabled: #6e6f73;
|
|
1392
1446
|
--components-form-feedbacktext-information-contrast-icon-fill: #64b3e7;
|
|
1393
1447
|
--components-form-feedbacktext-information-contrast-icon-symbol: #08091c;
|
|
1394
1448
|
--components-form-feedbacktext-information-contrast-stroke: #08091c;
|
|
@@ -1422,21 +1476,33 @@ input:disabled + .eds-input-panel__container {
|
|
|
1422
1476
|
--components-form-feedbacktext-warning-standard-stroke: #08091c;
|
|
1423
1477
|
--components-form-feedbacktext-warning-standard-text: #e5e5e9;
|
|
1424
1478
|
--components-form-radio-contrast-border: #aeb7e2;
|
|
1479
|
+
--components-form-radio-contrast-border-disabled: #6e6f73;
|
|
1425
1480
|
--components-form-radio-contrast-border-negative: #ff9494;
|
|
1481
|
+
--components-form-radio-contrast-border-readonly: #6e6f73;
|
|
1426
1482
|
--components-form-radio-contrast-fill-default: rgba(255, 255, 255, 0);
|
|
1483
|
+
--components-form-radio-contrast-fill-disabled: rgba(204, 205, 212, 0.3019607843);
|
|
1427
1484
|
--components-form-radio-contrast-fill-hover: #626493;
|
|
1428
1485
|
--components-form-radio-contrast-fill-selected: #aeb7e2;
|
|
1429
1486
|
--components-form-radio-contrast-fill-selectedhover: #c7cdeb;
|
|
1430
1487
|
--components-form-radio-contrast-icon: #e5e5e9;
|
|
1488
|
+
--components-form-radio-contrast-icon-disabled: #6e6f73;
|
|
1489
|
+
--components-form-radio-contrast-icon-readonly: #e5e5e9;
|
|
1431
1490
|
--components-form-radio-contrast-text: #e5e5e9;
|
|
1491
|
+
--components-form-radio-contrast-text-disabled: #6e6f73;
|
|
1432
1492
|
--components-form-radio-standard-border: #aeb7e2;
|
|
1493
|
+
--components-form-radio-standard-border-disabled: #6e6f73;
|
|
1433
1494
|
--components-form-radio-standard-border-negative: #ff9494;
|
|
1495
|
+
--components-form-radio-standard-border-readonly: #6e6f73;
|
|
1434
1496
|
--components-form-radio-standard-fill-default: rgba(255, 255, 255, 0);
|
|
1497
|
+
--components-form-radio-standard-fill-disabled: rgba(207, 210, 212, 0.1490196078);
|
|
1435
1498
|
--components-form-radio-standard-fill-hover: #626493;
|
|
1436
1499
|
--components-form-radio-standard-fill-selected: #aeb7e2;
|
|
1437
1500
|
--components-form-radio-standard-icon: #e5e5e9;
|
|
1501
|
+
--components-form-radio-standard-icon-disabled: #6e6f73;
|
|
1502
|
+
--components-form-radio-standard-icon-readonly: #e5e5e9;
|
|
1438
1503
|
--components-form-radio-standard-selectedhover: #c7cdeb;
|
|
1439
1504
|
--components-form-radio-standard-text: #e5e5e9;
|
|
1505
|
+
--components-form-radio-standard-text-disabled: #6e6f73;
|
|
1440
1506
|
--components-form-segmentedcontrol-contrast-background: rgba(229, 229, 233, 0.1490196078);
|
|
1441
1507
|
--components-form-segmentedcontrol-contrast-fill-hover: rgba(229, 229, 233, 0.1490196078);
|
|
1442
1508
|
--components-form-segmentedcontrol-contrast-fill-selected: #e5e5e9;
|