@entur/form 5.4.17 → 5.4.18
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/styles.css +309 -309
- package/package.json +7 -7
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,184 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--eds-form: 1;
|
|
3
|
+
}/* DO NOT CHANGE!*/
|
|
4
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
|
+
.eds-feedback-text {
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
margin-top: 0.25rem;
|
|
9
|
+
}
|
|
10
|
+
.eds-feedback-text--info {
|
|
11
|
+
padding-left: calc(1rem + 0.125rem);
|
|
12
|
+
}
|
|
13
|
+
.eds-feedback-text__text {
|
|
14
|
+
color: #181c56;
|
|
15
|
+
}
|
|
16
|
+
.eds-contrast .eds-feedback-text__text {
|
|
17
|
+
color: #ffffff;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.eds-feedback-text__icon {
|
|
21
|
+
font-size: 1.5rem;
|
|
22
|
+
min-height: 1.5rem;
|
|
23
|
+
min-width: 1.5rem;
|
|
24
|
+
padding-right: 0.5rem;
|
|
25
|
+
position: relative;
|
|
26
|
+
top: -0.1rem;
|
|
27
|
+
}
|
|
28
|
+
.eds-feedback-text__icon--success {
|
|
29
|
+
color: #1a8e60;
|
|
30
|
+
}
|
|
31
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
32
|
+
color: #5ac39a;
|
|
33
|
+
}
|
|
34
|
+
.eds-feedback-text__icon--error {
|
|
35
|
+
color: #d31b1b;
|
|
36
|
+
}
|
|
37
|
+
.eds-contrast .eds-feedback-text__icon--error {
|
|
38
|
+
color: #ff9494;
|
|
39
|
+
}
|
|
40
|
+
.eds-feedback-text__icon--info {
|
|
41
|
+
color: #0082b9;
|
|
42
|
+
}
|
|
43
|
+
.eds-contrast .eds-feedback-text__icon--info {
|
|
44
|
+
color: #64b3e7;
|
|
45
|
+
}
|
|
46
|
+
.eds-feedback-text__icon--warning {
|
|
47
|
+
color: #ffca28;
|
|
48
|
+
}
|
|
49
|
+
.eds-feedback-text__icon--warning circle {
|
|
50
|
+
fill: #181c56;
|
|
51
|
+
}
|
|
52
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
53
|
+
color: #ffe082;
|
|
54
|
+
}/* DO NOT CHANGE!*/
|
|
55
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
56
|
+
.eds-checkbox__container {
|
|
57
|
+
display: flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
position: relative;
|
|
60
|
+
-webkit-appearance: none;
|
|
61
|
+
-moz-appearance: none;
|
|
62
|
+
appearance: none;
|
|
63
|
+
cursor: pointer;
|
|
64
|
+
height: 2rem;
|
|
65
|
+
-webkit-user-select: none;
|
|
66
|
+
-moz-user-select: none;
|
|
67
|
+
user-select: none;
|
|
68
|
+
width: -moz-fit-content;
|
|
69
|
+
width: fit-content;
|
|
70
|
+
}
|
|
71
|
+
.eds-checkbox__container--reduced-click-area {
|
|
72
|
+
height: -moz-fit-content;
|
|
73
|
+
height: fit-content;
|
|
74
|
+
}
|
|
75
|
+
.eds-checkbox__container input {
|
|
76
|
+
position: absolute;
|
|
77
|
+
opacity: 0;
|
|
78
|
+
height: 0;
|
|
79
|
+
width: 0;
|
|
80
|
+
}
|
|
81
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
82
|
+
background-color: #181c56;
|
|
83
|
+
}
|
|
84
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
85
|
+
visibility: visible;
|
|
86
|
+
}
|
|
87
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
|
|
88
|
+
stroke: #ffffff;
|
|
89
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
90
|
+
}
|
|
91
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
92
|
+
opacity: 0.5;
|
|
93
|
+
}
|
|
94
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled .eds-checkbox-icon__path {
|
|
95
|
+
opacity: 0.5;
|
|
96
|
+
}
|
|
97
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
98
|
+
background: #54568c;
|
|
99
|
+
}
|
|
100
|
+
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
101
|
+
border-color: #54568c;
|
|
102
|
+
background: #f3f3f3;
|
|
103
|
+
}
|
|
104
|
+
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
105
|
+
border-color: #656782;
|
|
106
|
+
background: #292b6a;
|
|
107
|
+
}
|
|
108
|
+
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
109
|
+
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
110
|
+
border-color: #54568c;
|
|
111
|
+
background-color: #54568c;
|
|
112
|
+
}
|
|
113
|
+
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
114
|
+
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
115
|
+
background: #8285a8;
|
|
116
|
+
border-color: #8285a8;
|
|
117
|
+
}
|
|
118
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
119
|
+
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
120
|
+
outline: none;
|
|
121
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
122
|
+
outline-offset: 0.125rem;
|
|
123
|
+
}
|
|
124
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
125
|
+
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
126
|
+
outline: none;
|
|
127
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
128
|
+
outline-offset: 0.125rem;
|
|
129
|
+
}
|
|
130
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
131
|
+
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
132
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
133
|
+
}
|
|
134
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
135
|
+
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
136
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
137
|
+
}
|
|
138
|
+
.eds-checkbox--disabled {
|
|
139
|
+
pointer-events: none;
|
|
140
|
+
}
|
|
141
|
+
.eds-checkbox--disabled .eds-checkbox__label {
|
|
142
|
+
opacity: 0.5;
|
|
143
|
+
}
|
|
144
|
+
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
145
|
+
opacity: 0.5;
|
|
146
|
+
}
|
|
147
|
+
.eds-checkbox__icon {
|
|
148
|
+
display: inline-flex;
|
|
149
|
+
justify-content: center;
|
|
150
|
+
align-items: center;
|
|
151
|
+
position: relative;
|
|
152
|
+
margin-right: 1rem;
|
|
153
|
+
height: 1.25rem;
|
|
154
|
+
width: 1.25rem;
|
|
155
|
+
border: 0.125rem solid #181c56;
|
|
156
|
+
border-radius: 0.0625rem;
|
|
157
|
+
background-color: transparent;
|
|
158
|
+
color: #ffffff;
|
|
159
|
+
}
|
|
160
|
+
.eds-checkbox__icon--reduced-click-area {
|
|
161
|
+
margin-right: 0;
|
|
162
|
+
}
|
|
163
|
+
.eds-contrast .eds-checkbox__icon {
|
|
164
|
+
border-color: #54568c;
|
|
165
|
+
}
|
|
166
|
+
.eds-checkbox__icon .eds-checkbox-icon {
|
|
167
|
+
height: 1rem;
|
|
168
|
+
width: 1rem;
|
|
169
|
+
visibility: hidden;
|
|
170
|
+
}
|
|
171
|
+
.eds-checkbox__icon .eds-checkbox-icon__path {
|
|
172
|
+
transform-origin: 50% 50%;
|
|
173
|
+
stroke-dasharray: 48;
|
|
174
|
+
stroke-dashoffset: 48;
|
|
175
|
+
stroke-width: 0.375rem;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
@keyframes stroke {
|
|
179
|
+
100% {
|
|
180
|
+
stroke-dashoffset: 0;
|
|
181
|
+
}
|
|
3
182
|
}@charset "UTF-8";
|
|
4
183
|
/* DO NOT CHANGE!*/
|
|
5
184
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -248,189 +427,10 @@
|
|
|
248
427
|
.eds-fieldset {
|
|
249
428
|
margin: 0;
|
|
250
429
|
padding: 0;
|
|
251
|
-
border: 0;
|
|
252
|
-
}
|
|
253
|
-
.eds-fieldset .eds-legend {
|
|
254
|
-
margin: 0 0 0.5rem;
|
|
255
|
-
}/* DO NOT CHANGE!*/
|
|
256
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
257
|
-
.eds-feedback-text {
|
|
258
|
-
display: flex;
|
|
259
|
-
align-items: center;
|
|
260
|
-
margin-top: 0.25rem;
|
|
261
|
-
}
|
|
262
|
-
.eds-feedback-text--info {
|
|
263
|
-
padding-left: calc(1rem + 0.125rem);
|
|
264
|
-
}
|
|
265
|
-
.eds-feedback-text__text {
|
|
266
|
-
color: #181c56;
|
|
267
|
-
}
|
|
268
|
-
.eds-contrast .eds-feedback-text__text {
|
|
269
|
-
color: #ffffff;
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
.eds-feedback-text__icon {
|
|
273
|
-
font-size: 1.5rem;
|
|
274
|
-
min-height: 1.5rem;
|
|
275
|
-
min-width: 1.5rem;
|
|
276
|
-
padding-right: 0.5rem;
|
|
277
|
-
position: relative;
|
|
278
|
-
top: -0.1rem;
|
|
279
|
-
}
|
|
280
|
-
.eds-feedback-text__icon--success {
|
|
281
|
-
color: #1a8e60;
|
|
282
|
-
}
|
|
283
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
284
|
-
color: #5ac39a;
|
|
285
|
-
}
|
|
286
|
-
.eds-feedback-text__icon--error {
|
|
287
|
-
color: #d31b1b;
|
|
288
|
-
}
|
|
289
|
-
.eds-contrast .eds-feedback-text__icon--error {
|
|
290
|
-
color: #ff9494;
|
|
291
|
-
}
|
|
292
|
-
.eds-feedback-text__icon--info {
|
|
293
|
-
color: #0082b9;
|
|
294
|
-
}
|
|
295
|
-
.eds-contrast .eds-feedback-text__icon--info {
|
|
296
|
-
color: #64b3e7;
|
|
297
|
-
}
|
|
298
|
-
.eds-feedback-text__icon--warning {
|
|
299
|
-
color: #ffca28;
|
|
300
|
-
}
|
|
301
|
-
.eds-feedback-text__icon--warning circle {
|
|
302
|
-
fill: #181c56;
|
|
303
|
-
}
|
|
304
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
305
|
-
color: #ffe082;
|
|
306
|
-
}/* DO NOT CHANGE!*/
|
|
307
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
308
|
-
.eds-checkbox__container {
|
|
309
|
-
display: flex;
|
|
310
|
-
align-items: center;
|
|
311
|
-
position: relative;
|
|
312
|
-
-webkit-appearance: none;
|
|
313
|
-
-moz-appearance: none;
|
|
314
|
-
appearance: none;
|
|
315
|
-
cursor: pointer;
|
|
316
|
-
height: 2rem;
|
|
317
|
-
-webkit-user-select: none;
|
|
318
|
-
-moz-user-select: none;
|
|
319
|
-
user-select: none;
|
|
320
|
-
width: -moz-fit-content;
|
|
321
|
-
width: fit-content;
|
|
322
|
-
}
|
|
323
|
-
.eds-checkbox__container--reduced-click-area {
|
|
324
|
-
height: -moz-fit-content;
|
|
325
|
-
height: fit-content;
|
|
326
|
-
}
|
|
327
|
-
.eds-checkbox__container input {
|
|
328
|
-
position: absolute;
|
|
329
|
-
opacity: 0;
|
|
330
|
-
height: 0;
|
|
331
|
-
width: 0;
|
|
332
|
-
}
|
|
333
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
334
|
-
background-color: #181c56;
|
|
335
|
-
}
|
|
336
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
337
|
-
visibility: visible;
|
|
338
|
-
}
|
|
339
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
|
|
340
|
-
stroke: #ffffff;
|
|
341
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
342
|
-
}
|
|
343
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
344
|
-
opacity: 0.5;
|
|
345
|
-
}
|
|
346
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled .eds-checkbox-icon__path {
|
|
347
|
-
opacity: 0.5;
|
|
348
|
-
}
|
|
349
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
350
|
-
background: #54568c;
|
|
351
|
-
}
|
|
352
|
-
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
353
|
-
border-color: #54568c;
|
|
354
|
-
background: #f3f3f3;
|
|
355
|
-
}
|
|
356
|
-
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
357
|
-
border-color: #656782;
|
|
358
|
-
background: #292b6a;
|
|
359
|
-
}
|
|
360
|
-
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
361
|
-
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
362
|
-
border-color: #54568c;
|
|
363
|
-
background-color: #54568c;
|
|
364
|
-
}
|
|
365
|
-
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
366
|
-
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
367
|
-
background: #8285a8;
|
|
368
|
-
border-color: #8285a8;
|
|
369
|
-
}
|
|
370
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
371
|
-
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
372
|
-
outline: none;
|
|
373
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
374
|
-
outline-offset: 0.125rem;
|
|
375
|
-
}
|
|
376
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
377
|
-
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
378
|
-
outline: none;
|
|
379
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
380
|
-
outline-offset: 0.125rem;
|
|
381
|
-
}
|
|
382
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
383
|
-
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
384
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
385
|
-
}
|
|
386
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
387
|
-
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
388
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
389
|
-
}
|
|
390
|
-
.eds-checkbox--disabled {
|
|
391
|
-
pointer-events: none;
|
|
392
|
-
}
|
|
393
|
-
.eds-checkbox--disabled .eds-checkbox__label {
|
|
394
|
-
opacity: 0.5;
|
|
395
|
-
}
|
|
396
|
-
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
397
|
-
opacity: 0.5;
|
|
398
|
-
}
|
|
399
|
-
.eds-checkbox__icon {
|
|
400
|
-
display: inline-flex;
|
|
401
|
-
justify-content: center;
|
|
402
|
-
align-items: center;
|
|
403
|
-
position: relative;
|
|
404
|
-
margin-right: 1rem;
|
|
405
|
-
height: 1.25rem;
|
|
406
|
-
width: 1.25rem;
|
|
407
|
-
border: 0.125rem solid #181c56;
|
|
408
|
-
border-radius: 0.0625rem;
|
|
409
|
-
background-color: transparent;
|
|
410
|
-
color: #ffffff;
|
|
411
|
-
}
|
|
412
|
-
.eds-checkbox__icon--reduced-click-area {
|
|
413
|
-
margin-right: 0;
|
|
414
|
-
}
|
|
415
|
-
.eds-contrast .eds-checkbox__icon {
|
|
416
|
-
border-color: #54568c;
|
|
417
|
-
}
|
|
418
|
-
.eds-checkbox__icon .eds-checkbox-icon {
|
|
419
|
-
height: 1rem;
|
|
420
|
-
width: 1rem;
|
|
421
|
-
visibility: hidden;
|
|
422
|
-
}
|
|
423
|
-
.eds-checkbox__icon .eds-checkbox-icon__path {
|
|
424
|
-
transform-origin: 50% 50%;
|
|
425
|
-
stroke-dasharray: 48;
|
|
426
|
-
stroke-dashoffset: 48;
|
|
427
|
-
stroke-width: 0.375rem;
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
@keyframes stroke {
|
|
431
|
-
100% {
|
|
432
|
-
stroke-dashoffset: 0;
|
|
433
|
-
}
|
|
430
|
+
border: 0;
|
|
431
|
+
}
|
|
432
|
+
.eds-fieldset .eds-legend {
|
|
433
|
+
margin: 0 0 0.5rem;
|
|
434
434
|
}/* DO NOT CHANGE!*/
|
|
435
435
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
436
436
|
.eds-input-group {
|
|
@@ -653,6 +653,122 @@
|
|
|
653
653
|
background-color: #aeb7e2;
|
|
654
654
|
}/* DO NOT CHANGE!*/
|
|
655
655
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
656
|
+
.eds-switch {
|
|
657
|
+
cursor: pointer;
|
|
658
|
+
-webkit-user-select: none;
|
|
659
|
+
-moz-user-select: none;
|
|
660
|
+
user-select: none;
|
|
661
|
+
padding: 0.5rem 0;
|
|
662
|
+
width: -moz-fit-content;
|
|
663
|
+
width: fit-content;
|
|
664
|
+
}
|
|
665
|
+
.eds-switch input {
|
|
666
|
+
opacity: 0;
|
|
667
|
+
pointer-events: none;
|
|
668
|
+
position: absolute;
|
|
669
|
+
}
|
|
670
|
+
.eds-switch--right {
|
|
671
|
+
display: flex;
|
|
672
|
+
flex-direction: row;
|
|
673
|
+
align-items: center;
|
|
674
|
+
}
|
|
675
|
+
.eds-switch--bottom {
|
|
676
|
+
display: flex;
|
|
677
|
+
flex-direction: column;
|
|
678
|
+
align-items: center;
|
|
679
|
+
}
|
|
680
|
+
.eds-switch__circle {
|
|
681
|
+
border-radius: 50%;
|
|
682
|
+
height: 1.25rem;
|
|
683
|
+
width: 1.25rem;
|
|
684
|
+
content: "";
|
|
685
|
+
display: flex;
|
|
686
|
+
align-items: center;
|
|
687
|
+
justify-content: center;
|
|
688
|
+
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
689
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
690
|
+
background-color: #ffffff;
|
|
691
|
+
top: 0.125rem;
|
|
692
|
+
left: 0.125rem;
|
|
693
|
+
position: relative;
|
|
694
|
+
}
|
|
695
|
+
.eds-switch__switch--large .eds-switch__circle {
|
|
696
|
+
height: 1.75rem;
|
|
697
|
+
width: 1.75rem;
|
|
698
|
+
}
|
|
699
|
+
.eds-switch .eds-switch__switch svg g,
|
|
700
|
+
.eds-switch .eds-switch__switch path {
|
|
701
|
+
fill: #949494;
|
|
702
|
+
transition: fill ease-in-out 0.1s;
|
|
703
|
+
}
|
|
704
|
+
.eds-switch__switch {
|
|
705
|
+
position: relative;
|
|
706
|
+
background-color: #d1d3d3;
|
|
707
|
+
content: "";
|
|
708
|
+
display: block;
|
|
709
|
+
transition: background-color 0.1s ease-in-out;
|
|
710
|
+
height: 1.5rem;
|
|
711
|
+
width: 3rem;
|
|
712
|
+
border-radius: 1.5rem;
|
|
713
|
+
}
|
|
714
|
+
.eds-switch--right .eds-switch__switch {
|
|
715
|
+
margin-right: 0.75rem;
|
|
716
|
+
}
|
|
717
|
+
:checked + .eds-switch__switch {
|
|
718
|
+
background-color: var(--eds-switch-color);
|
|
719
|
+
}
|
|
720
|
+
:checked + .eds-switch__switch .eds-switch__circle {
|
|
721
|
+
left: 1.625rem;
|
|
722
|
+
}
|
|
723
|
+
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
724
|
+
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
725
|
+
fill: var(--eds-switch-color);
|
|
726
|
+
}
|
|
727
|
+
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
728
|
+
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle path {
|
|
729
|
+
fill: var(--eds-switch-color);
|
|
730
|
+
}
|
|
731
|
+
.eds-contrast :checked + .eds-switch__switch {
|
|
732
|
+
background-color: var(--eds-switch-contrast-color);
|
|
733
|
+
}
|
|
734
|
+
:focus + .eds-switch__switch {
|
|
735
|
+
outline: none;
|
|
736
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
737
|
+
outline-offset: 0.125rem;
|
|
738
|
+
}
|
|
739
|
+
.eds-contrast :focus + .eds-switch__switch {
|
|
740
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
741
|
+
}
|
|
742
|
+
.eds-contrast .eds-switch__switch {
|
|
743
|
+
background-color: #54568c;
|
|
744
|
+
}
|
|
745
|
+
.eds-switch__switch--large {
|
|
746
|
+
width: 3.75rem;
|
|
747
|
+
height: 2rem;
|
|
748
|
+
border-radius: 3.75rem;
|
|
749
|
+
}
|
|
750
|
+
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
751
|
+
left: 1.875rem;
|
|
752
|
+
}
|
|
753
|
+
.eds-switch__label--large--right {
|
|
754
|
+
font-size: 1rem;
|
|
755
|
+
}
|
|
756
|
+
.eds-switch__label--large--bottom {
|
|
757
|
+
font-size: 0.875rem;
|
|
758
|
+
}
|
|
759
|
+
.eds-switch__label--medium--right {
|
|
760
|
+
font-size: 0.875rem;
|
|
761
|
+
}
|
|
762
|
+
.eds-switch__label--medium--bottom {
|
|
763
|
+
font-size: 0.75rem;
|
|
764
|
+
}/* DO NOT CHANGE!*/
|
|
765
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
766
|
+
textarea.eds-form-control.eds-textarea {
|
|
767
|
+
min-height: 7.75rem;
|
|
768
|
+
resize: vertical;
|
|
769
|
+
line-height: 1.5rem;
|
|
770
|
+
}/* DO NOT CHANGE!*/
|
|
771
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
656
772
|
.eds-radio-panel__wrapper[focus-within] .eds-radio-panel__container {
|
|
657
773
|
border-color: #181c56;
|
|
658
774
|
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
@@ -792,122 +908,6 @@
|
|
|
792
908
|
stroke-width: 0.375rem;
|
|
793
909
|
}/* DO NOT CHANGE!*/
|
|
794
910
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
795
|
-
.eds-switch {
|
|
796
|
-
cursor: pointer;
|
|
797
|
-
-webkit-user-select: none;
|
|
798
|
-
-moz-user-select: none;
|
|
799
|
-
user-select: none;
|
|
800
|
-
padding: 0.5rem 0;
|
|
801
|
-
width: -moz-fit-content;
|
|
802
|
-
width: fit-content;
|
|
803
|
-
}
|
|
804
|
-
.eds-switch input {
|
|
805
|
-
opacity: 0;
|
|
806
|
-
pointer-events: none;
|
|
807
|
-
position: absolute;
|
|
808
|
-
}
|
|
809
|
-
.eds-switch--right {
|
|
810
|
-
display: flex;
|
|
811
|
-
flex-direction: row;
|
|
812
|
-
align-items: center;
|
|
813
|
-
}
|
|
814
|
-
.eds-switch--bottom {
|
|
815
|
-
display: flex;
|
|
816
|
-
flex-direction: column;
|
|
817
|
-
align-items: center;
|
|
818
|
-
}
|
|
819
|
-
.eds-switch__circle {
|
|
820
|
-
border-radius: 50%;
|
|
821
|
-
height: 1.25rem;
|
|
822
|
-
width: 1.25rem;
|
|
823
|
-
content: "";
|
|
824
|
-
display: flex;
|
|
825
|
-
align-items: center;
|
|
826
|
-
justify-content: center;
|
|
827
|
-
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
828
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
829
|
-
background-color: #ffffff;
|
|
830
|
-
top: 0.125rem;
|
|
831
|
-
left: 0.125rem;
|
|
832
|
-
position: relative;
|
|
833
|
-
}
|
|
834
|
-
.eds-switch__switch--large .eds-switch__circle {
|
|
835
|
-
height: 1.75rem;
|
|
836
|
-
width: 1.75rem;
|
|
837
|
-
}
|
|
838
|
-
.eds-switch .eds-switch__switch svg g,
|
|
839
|
-
.eds-switch .eds-switch__switch path {
|
|
840
|
-
fill: #949494;
|
|
841
|
-
transition: fill ease-in-out 0.1s;
|
|
842
|
-
}
|
|
843
|
-
.eds-switch__switch {
|
|
844
|
-
position: relative;
|
|
845
|
-
background-color: #d1d3d3;
|
|
846
|
-
content: "";
|
|
847
|
-
display: block;
|
|
848
|
-
transition: background-color 0.1s ease-in-out;
|
|
849
|
-
height: 1.5rem;
|
|
850
|
-
width: 3rem;
|
|
851
|
-
border-radius: 1.5rem;
|
|
852
|
-
}
|
|
853
|
-
.eds-switch--right .eds-switch__switch {
|
|
854
|
-
margin-right: 0.75rem;
|
|
855
|
-
}
|
|
856
|
-
:checked + .eds-switch__switch {
|
|
857
|
-
background-color: var(--eds-switch-color);
|
|
858
|
-
}
|
|
859
|
-
:checked + .eds-switch__switch .eds-switch__circle {
|
|
860
|
-
left: 1.625rem;
|
|
861
|
-
}
|
|
862
|
-
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
863
|
-
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
864
|
-
fill: var(--eds-switch-color);
|
|
865
|
-
}
|
|
866
|
-
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
867
|
-
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle path {
|
|
868
|
-
fill: var(--eds-switch-color);
|
|
869
|
-
}
|
|
870
|
-
.eds-contrast :checked + .eds-switch__switch {
|
|
871
|
-
background-color: var(--eds-switch-contrast-color);
|
|
872
|
-
}
|
|
873
|
-
:focus + .eds-switch__switch {
|
|
874
|
-
outline: none;
|
|
875
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
876
|
-
outline-offset: 0.125rem;
|
|
877
|
-
}
|
|
878
|
-
.eds-contrast :focus + .eds-switch__switch {
|
|
879
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
880
|
-
}
|
|
881
|
-
.eds-contrast .eds-switch__switch {
|
|
882
|
-
background-color: #54568c;
|
|
883
|
-
}
|
|
884
|
-
.eds-switch__switch--large {
|
|
885
|
-
width: 3.75rem;
|
|
886
|
-
height: 2rem;
|
|
887
|
-
border-radius: 3.75rem;
|
|
888
|
-
}
|
|
889
|
-
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
890
|
-
left: 1.875rem;
|
|
891
|
-
}
|
|
892
|
-
.eds-switch__label--large--right {
|
|
893
|
-
font-size: 1rem;
|
|
894
|
-
}
|
|
895
|
-
.eds-switch__label--large--bottom {
|
|
896
|
-
font-size: 0.875rem;
|
|
897
|
-
}
|
|
898
|
-
.eds-switch__label--medium--right {
|
|
899
|
-
font-size: 0.875rem;
|
|
900
|
-
}
|
|
901
|
-
.eds-switch__label--medium--bottom {
|
|
902
|
-
font-size: 0.75rem;
|
|
903
|
-
}/* DO NOT CHANGE!*/
|
|
904
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
905
|
-
textarea.eds-form-control.eds-textarea {
|
|
906
|
-
min-height: 7.75rem;
|
|
907
|
-
resize: vertical;
|
|
908
|
-
line-height: 1.5rem;
|
|
909
|
-
}/* DO NOT CHANGE!*/
|
|
910
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
911
911
|
.eds-textfield__clear-button {
|
|
912
912
|
background: none;
|
|
913
913
|
border: none;
|
|
@@ -944,16 +944,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
944
944
|
background-color: #8285a8;
|
|
945
945
|
}/* DO NOT CHANGE!*/
|
|
946
946
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
947
|
-
.eds-segmented-control {
|
|
948
|
-
margin-top: 0.25rem;
|
|
949
|
-
display: flex;
|
|
950
|
-
background: #d1d4e3;
|
|
951
|
-
border-radius: 0.5rem;
|
|
952
|
-
}
|
|
953
|
-
.eds-contrast .eds-segmented-control {
|
|
954
|
-
background: #393d79;
|
|
955
|
-
}/* DO NOT CHANGE!*/
|
|
956
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
957
947
|
.eds-segmented-choice {
|
|
958
948
|
display: block;
|
|
959
949
|
flex: 1 1 0px;
|
|
@@ -1022,4 +1012,14 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1022
1012
|
}
|
|
1023
1013
|
.eds-contrast .eds-segmented-choice input:focus:checked + .eds-base-segmented {
|
|
1024
1014
|
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121), inset 0 0 0 0.0625rem #ffffff, inset 0 0 0 calc(0.125rem + 0.0625rem) #181c56;
|
|
1015
|
+
}/* DO NOT CHANGE!*/
|
|
1016
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1017
|
+
.eds-segmented-control {
|
|
1018
|
+
margin-top: 0.25rem;
|
|
1019
|
+
display: flex;
|
|
1020
|
+
background: #d1d4e3;
|
|
1021
|
+
border-radius: 0.5rem;
|
|
1022
|
+
}
|
|
1023
|
+
.eds-contrast .eds-segmented-control {
|
|
1024
|
+
background: #393d79;
|
|
1025
1025
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.18",
|
|
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": "^5.
|
|
31
|
-
"@entur/tokens": "^3.
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
33
|
-
"@entur/typography": "^1.7.
|
|
34
|
-
"@entur/utils": "^0.5.
|
|
30
|
+
"@entur/icons": "^5.8.0",
|
|
31
|
+
"@entur/tokens": "^3.8.0",
|
|
32
|
+
"@entur/tooltip": "^2.6.5",
|
|
33
|
+
"@entur/typography": "^1.7.10",
|
|
34
|
+
"@entur/utils": "^0.5.5",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "bc067536ed769de8072f19002ef4877a1e974443"
|
|
38
38
|
}
|