@entur/form 8.1.5-beta.0 → 8.1.5
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 +232 -232
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -1,3 +1,81 @@
|
|
|
1
|
+
.eds-fieldset {
|
|
2
|
+
margin: 0;
|
|
3
|
+
padding: 0;
|
|
4
|
+
border: 0;
|
|
5
|
+
}
|
|
6
|
+
/* DO NOT CHANGE!*/
|
|
7
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
8
|
+
.eds-feedback-text {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
margin-top: 0.25rem;
|
|
12
|
+
}
|
|
13
|
+
.eds-feedback-text--info, .eds-feedback-text--information {
|
|
14
|
+
padding-left: calc(1rem + 0.125rem);
|
|
15
|
+
}
|
|
16
|
+
.eds-feedback-text__text {
|
|
17
|
+
color: var(--components-form-feedbacktext-information-standard-text);
|
|
18
|
+
}
|
|
19
|
+
.eds-contrast .eds-feedback-text__text {
|
|
20
|
+
color: var(--components-form-feedbacktext-information-contrast-text);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.eds-feedback-text__icon {
|
|
24
|
+
font-size: 1.5rem;
|
|
25
|
+
min-height: 1.5rem;
|
|
26
|
+
min-width: 1.5rem;
|
|
27
|
+
padding-right: 0.5rem;
|
|
28
|
+
position: relative;
|
|
29
|
+
top: -0.1rem;
|
|
30
|
+
}
|
|
31
|
+
.eds-feedback-text__icon--success {
|
|
32
|
+
color: var(--components-form-feedbacktext-success-standard-icon-fill);
|
|
33
|
+
}
|
|
34
|
+
.eds-feedback-text__icon--success circle {
|
|
35
|
+
fill: var(--components-form-feedbacktext-success-standard-icon-symbol);
|
|
36
|
+
}
|
|
37
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
38
|
+
color: var(--components-form-feedbacktext-success-contrast-icon-fill);
|
|
39
|
+
}
|
|
40
|
+
.eds-contrast .eds-feedback-text__icon--success circle {
|
|
41
|
+
fill: var(--components-form-feedbacktext-success-contrast-icon-symbol);
|
|
42
|
+
}
|
|
43
|
+
.eds-feedback-text__icon--error, .eds-feedback-text__icon--negative {
|
|
44
|
+
color: var(--components-form-feedbacktext-negative-standard-icon-fill);
|
|
45
|
+
}
|
|
46
|
+
.eds-feedback-text__icon--error circle, .eds-feedback-text__icon--negative circle {
|
|
47
|
+
fill: var(--components-form-feedbacktext-negative-standard-icon-symbol);
|
|
48
|
+
}
|
|
49
|
+
.eds-contrast .eds-feedback-text__icon--error, .eds-contrast .eds-feedback-text__icon--negative {
|
|
50
|
+
color: var(--components-form-feedbacktext-negative-contrast-icon-fill);
|
|
51
|
+
}
|
|
52
|
+
.eds-contrast .eds-feedback-text__icon--error circle, .eds-contrast .eds-feedback-text__icon--negative circle {
|
|
53
|
+
fill: var(--components-form-feedbacktext-negative-contrast-icon-symbol);
|
|
54
|
+
}
|
|
55
|
+
.eds-feedback-text__icon--info, .eds-feedback-text__icon--information {
|
|
56
|
+
color: var(--components-form-feedbacktext-information-standard-icon-fill);
|
|
57
|
+
}
|
|
58
|
+
.eds-feedback-text__icon--info circle, .eds-feedback-text__icon--information circle {
|
|
59
|
+
fill: var(--components-form-feedbacktext-information-standard-icon-symbol);
|
|
60
|
+
}
|
|
61
|
+
.eds-contrast .eds-feedback-text__icon--info, .eds-contrast .eds-feedback-text__icon--information {
|
|
62
|
+
color: var(--components-form-feedbacktext-information-contrast-icon-fill);
|
|
63
|
+
}
|
|
64
|
+
.eds-contrast .eds-feedback-text__icon--info circle, .eds-contrast .eds-feedback-text__icon--information circle {
|
|
65
|
+
fill: var(--components-form-feedbacktext-information-contrast-icon-symbol);
|
|
66
|
+
}
|
|
67
|
+
.eds-feedback-text__icon--warning {
|
|
68
|
+
color: var(--components-form-feedbacktext-warning-standard-icon-fill);
|
|
69
|
+
}
|
|
70
|
+
.eds-feedback-text__icon--warning .svg-exclamation {
|
|
71
|
+
fill: var(--components-form-feedbacktext-warning-standard-icon-symbol);
|
|
72
|
+
}
|
|
73
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
74
|
+
color: var(--components-form-feedbacktext-warning-contrast-icon-fill);
|
|
75
|
+
}
|
|
76
|
+
.eds-contrast .eds-feedback-text__icon--warning circle {
|
|
77
|
+
fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
|
|
78
|
+
}
|
|
1
79
|
/* DO NOT CHANGE!*/
|
|
2
80
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
81
|
.eds-checkbox__container {
|
|
@@ -155,79 +233,6 @@
|
|
|
155
233
|
}
|
|
156
234
|
/* DO NOT CHANGE!*/
|
|
157
235
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
158
|
-
.eds-feedback-text {
|
|
159
|
-
display: flex;
|
|
160
|
-
align-items: center;
|
|
161
|
-
margin-top: 0.25rem;
|
|
162
|
-
}
|
|
163
|
-
.eds-feedback-text--info, .eds-feedback-text--information {
|
|
164
|
-
padding-left: calc(1rem + 0.125rem);
|
|
165
|
-
}
|
|
166
|
-
.eds-feedback-text__text {
|
|
167
|
-
color: var(--components-form-feedbacktext-information-standard-text);
|
|
168
|
-
}
|
|
169
|
-
.eds-contrast .eds-feedback-text__text {
|
|
170
|
-
color: var(--components-form-feedbacktext-information-contrast-text);
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
.eds-feedback-text__icon {
|
|
174
|
-
font-size: 1.5rem;
|
|
175
|
-
min-height: 1.5rem;
|
|
176
|
-
min-width: 1.5rem;
|
|
177
|
-
padding-right: 0.5rem;
|
|
178
|
-
position: relative;
|
|
179
|
-
top: -0.1rem;
|
|
180
|
-
}
|
|
181
|
-
.eds-feedback-text__icon--success {
|
|
182
|
-
color: var(--components-form-feedbacktext-success-standard-icon-fill);
|
|
183
|
-
}
|
|
184
|
-
.eds-feedback-text__icon--success circle {
|
|
185
|
-
fill: var(--components-form-feedbacktext-success-standard-icon-symbol);
|
|
186
|
-
}
|
|
187
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
188
|
-
color: var(--components-form-feedbacktext-success-contrast-icon-fill);
|
|
189
|
-
}
|
|
190
|
-
.eds-contrast .eds-feedback-text__icon--success circle {
|
|
191
|
-
fill: var(--components-form-feedbacktext-success-contrast-icon-symbol);
|
|
192
|
-
}
|
|
193
|
-
.eds-feedback-text__icon--error, .eds-feedback-text__icon--negative {
|
|
194
|
-
color: var(--components-form-feedbacktext-negative-standard-icon-fill);
|
|
195
|
-
}
|
|
196
|
-
.eds-feedback-text__icon--error circle, .eds-feedback-text__icon--negative circle {
|
|
197
|
-
fill: var(--components-form-feedbacktext-negative-standard-icon-symbol);
|
|
198
|
-
}
|
|
199
|
-
.eds-contrast .eds-feedback-text__icon--error, .eds-contrast .eds-feedback-text__icon--negative {
|
|
200
|
-
color: var(--components-form-feedbacktext-negative-contrast-icon-fill);
|
|
201
|
-
}
|
|
202
|
-
.eds-contrast .eds-feedback-text__icon--error circle, .eds-contrast .eds-feedback-text__icon--negative circle {
|
|
203
|
-
fill: var(--components-form-feedbacktext-negative-contrast-icon-symbol);
|
|
204
|
-
}
|
|
205
|
-
.eds-feedback-text__icon--info, .eds-feedback-text__icon--information {
|
|
206
|
-
color: var(--components-form-feedbacktext-information-standard-icon-fill);
|
|
207
|
-
}
|
|
208
|
-
.eds-feedback-text__icon--info circle, .eds-feedback-text__icon--information circle {
|
|
209
|
-
fill: var(--components-form-feedbacktext-information-standard-icon-symbol);
|
|
210
|
-
}
|
|
211
|
-
.eds-contrast .eds-feedback-text__icon--info, .eds-contrast .eds-feedback-text__icon--information {
|
|
212
|
-
color: var(--components-form-feedbacktext-information-contrast-icon-fill);
|
|
213
|
-
}
|
|
214
|
-
.eds-contrast .eds-feedback-text__icon--info circle, .eds-contrast .eds-feedback-text__icon--information circle {
|
|
215
|
-
fill: var(--components-form-feedbacktext-information-contrast-icon-symbol);
|
|
216
|
-
}
|
|
217
|
-
.eds-feedback-text__icon--warning {
|
|
218
|
-
color: var(--components-form-feedbacktext-warning-standard-icon-fill);
|
|
219
|
-
}
|
|
220
|
-
.eds-feedback-text__icon--warning .svg-exclamation {
|
|
221
|
-
fill: var(--components-form-feedbacktext-warning-standard-icon-symbol);
|
|
222
|
-
}
|
|
223
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
224
|
-
color: var(--components-form-feedbacktext-warning-contrast-icon-fill);
|
|
225
|
-
}
|
|
226
|
-
.eds-contrast .eds-feedback-text__icon--warning circle {
|
|
227
|
-
fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
|
|
228
|
-
}
|
|
229
|
-
/* DO NOT CHANGE!*/
|
|
230
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
231
236
|
.eds-form-control__field-and-feedback-text {
|
|
232
237
|
display: flex;
|
|
233
238
|
flex-direction: column;
|
|
@@ -435,111 +440,87 @@
|
|
|
435
440
|
margin-right: 0;
|
|
436
441
|
margin-left: 0.75rem;
|
|
437
442
|
}
|
|
438
|
-
.eds-fieldset {
|
|
439
|
-
margin: 0;
|
|
440
|
-
padding: 0;
|
|
441
|
-
border: 0;
|
|
442
|
-
}
|
|
443
443
|
/* DO NOT CHANGE!*/
|
|
444
444
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
445
|
-
.eds-
|
|
446
|
-
color: inherit;
|
|
447
|
-
display: block;
|
|
448
|
-
position: relative;
|
|
449
|
-
}
|
|
450
|
-
.eds-input-group__label {
|
|
451
|
-
color: var(--components-form-baseform-standard-text-label);
|
|
445
|
+
.eds-form-component--radio__container {
|
|
452
446
|
display: flex;
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
447
|
+
justify-content: center;
|
|
448
|
+
align-items: center;
|
|
449
|
+
position: relative;
|
|
450
|
+
cursor: pointer;
|
|
451
|
+
height: 2rem;
|
|
452
|
+
width: -moz-fit-content;
|
|
453
|
+
width: fit-content;
|
|
460
454
|
-webkit-user-select: none;
|
|
461
455
|
-moz-user-select: none;
|
|
462
456
|
user-select: none;
|
|
463
|
-
pointer-events: none;
|
|
464
457
|
}
|
|
465
|
-
.eds-form-
|
|
466
|
-
|
|
467
|
-
font-size: 0.75rem;
|
|
468
|
-
line-height: 0.75rem;
|
|
469
|
-
height: 10px;
|
|
470
|
-
padding: 0;
|
|
458
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
459
|
+
background-color: var(--components-form-radio-standard-fill-hover);
|
|
471
460
|
}
|
|
472
|
-
.eds-
|
|
473
|
-
|
|
474
|
-
background: var(--textarea-label-background);
|
|
475
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
461
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
462
|
+
background-color: var(--components-form-radio-contrast-fill-hover);
|
|
476
463
|
}
|
|
477
|
-
.eds-form-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
464
|
+
.eds-form-component--radio__container input {
|
|
465
|
+
position: absolute;
|
|
466
|
+
opacity: 0;
|
|
467
|
+
cursor: pointer;
|
|
468
|
+
height: 0;
|
|
469
|
+
width: 0;
|
|
482
470
|
}
|
|
483
|
-
.eds-form-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
line-height: 2.25rem;
|
|
471
|
+
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
472
|
+
height: 0.625rem;
|
|
473
|
+
width: 0.625rem;
|
|
487
474
|
}
|
|
488
|
-
.eds-input-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
height: 10px;
|
|
493
|
-
padding: 0;
|
|
475
|
+
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
476
|
+
outline: 2px solid #181c56;
|
|
477
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
478
|
+
outline-offset: 0.125rem;
|
|
494
479
|
}
|
|
495
|
-
.eds-
|
|
496
|
-
|
|
497
|
-
background: var(--textarea-label-background);
|
|
498
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
480
|
+
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
481
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
499
482
|
}
|
|
500
|
-
.eds-form-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
483
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
484
|
+
position: relative;
|
|
485
|
+
height: 1.25rem;
|
|
486
|
+
width: 1.25rem;
|
|
487
|
+
margin-right: 1rem;
|
|
488
|
+
background-color: var(--components-form-radio-standard-fill-default);
|
|
489
|
+
border: 0.125rem solid var(--components-form-radio-standard-border);
|
|
490
|
+
border-radius: 50%;
|
|
491
|
+
display: flex;
|
|
492
|
+
align-items: center;
|
|
493
|
+
justify-content: center;
|
|
505
494
|
}
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
font-size: 0.75rem;
|
|
510
|
-
line-height: 0.75rem;
|
|
511
|
-
height: 10px;
|
|
512
|
-
padding: 0;
|
|
495
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
496
|
+
background-color: var(--components-form-radio-contrast-fill-default);
|
|
497
|
+
border-color: var(--components-form-radio-contrast-border);
|
|
513
498
|
}
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
line-height: 0.75rem;
|
|
519
|
-
height: 10px;
|
|
520
|
-
padding: 0;
|
|
499
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
500
|
+
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
501
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
502
|
+
cursor: not-allowed;
|
|
521
503
|
}
|
|
522
|
-
.eds-
|
|
523
|
-
|
|
524
|
-
background: var(--textarea-label-background);
|
|
525
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
504
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
505
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
526
506
|
}
|
|
527
|
-
.eds-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
507
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
508
|
+
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
509
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
531
510
|
}
|
|
532
|
-
.eds-form-
|
|
533
|
-
|
|
534
|
-
font-size: 0.875rem;
|
|
535
|
-
line-height: 1rem;
|
|
536
|
-
padding: 0;
|
|
511
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
512
|
+
color: var(--components-form-baseform-contrast-text-disabled);
|
|
537
513
|
}
|
|
538
|
-
.eds-form-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
514
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
515
|
+
display: block;
|
|
516
|
+
width: 0;
|
|
517
|
+
height: 0;
|
|
518
|
+
border-radius: 50%;
|
|
519
|
+
background-color: var(--components-form-radio-standard-fill-selected);
|
|
520
|
+
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
521
|
+
}
|
|
522
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
523
|
+
background-color: var(--components-form-radio-contrast-icon);
|
|
543
524
|
}
|
|
544
525
|
/* DO NOT CHANGE!*/
|
|
545
526
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -662,85 +643,104 @@
|
|
|
662
643
|
}
|
|
663
644
|
/* DO NOT CHANGE!*/
|
|
664
645
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
665
|
-
.eds-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
align-items: center;
|
|
646
|
+
.eds-input-group {
|
|
647
|
+
color: inherit;
|
|
648
|
+
display: block;
|
|
669
649
|
position: relative;
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
650
|
+
}
|
|
651
|
+
.eds-input-group__label {
|
|
652
|
+
color: var(--components-form-baseform-standard-text-label);
|
|
653
|
+
display: flex;
|
|
654
|
+
font-size: 1rem;
|
|
655
|
+
position: absolute;
|
|
656
|
+
line-height: 1rem;
|
|
657
|
+
height: 3rem;
|
|
658
|
+
padding-left: 0;
|
|
659
|
+
top: 1rem;
|
|
660
|
+
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;
|
|
674
661
|
-webkit-user-select: none;
|
|
675
662
|
-moz-user-select: none;
|
|
676
663
|
user-select: none;
|
|
664
|
+
pointer-events: none;
|
|
677
665
|
}
|
|
678
|
-
.eds-form-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
666
|
+
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
667
|
+
top: 0.375rem;
|
|
668
|
+
font-size: 0.75rem;
|
|
669
|
+
line-height: 0.75rem;
|
|
670
|
+
height: 10px;
|
|
671
|
+
padding: 0;
|
|
683
672
|
}
|
|
684
|
-
.eds-form-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
height: 0;
|
|
689
|
-
width: 0;
|
|
673
|
+
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
674
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
675
|
+
background: var(--textarea-label-background);
|
|
676
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
690
677
|
}
|
|
691
|
-
.eds-form-
|
|
692
|
-
|
|
693
|
-
|
|
678
|
+
.eds-form-control-wrapper--is-filled.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
679
|
+
top: 0.5rem;
|
|
680
|
+
font-size: 0.875rem;
|
|
681
|
+
line-height: 1rem;
|
|
682
|
+
padding: 0;
|
|
694
683
|
}
|
|
695
|
-
.eds-form-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
684
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
685
|
+
top: 0.75rem;
|
|
686
|
+
font-size: 1.5rem;
|
|
687
|
+
line-height: 2.25rem;
|
|
699
688
|
}
|
|
700
|
-
.eds-
|
|
701
|
-
|
|
689
|
+
.eds-input-group__label--filled {
|
|
690
|
+
top: 0.375rem;
|
|
691
|
+
font-size: 0.75rem;
|
|
692
|
+
line-height: 0.75rem;
|
|
693
|
+
height: 10px;
|
|
694
|
+
padding: 0;
|
|
702
695
|
}
|
|
703
|
-
.eds-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
width:
|
|
707
|
-
margin-right: 1rem;
|
|
708
|
-
background-color: var(--components-form-radio-standard-fill-default);
|
|
709
|
-
border: 0.125rem solid var(--components-form-radio-standard-border);
|
|
710
|
-
border-radius: 50%;
|
|
711
|
-
display: flex;
|
|
712
|
-
align-items: center;
|
|
713
|
-
justify-content: center;
|
|
696
|
+
.eds-textarea__label .eds-input-group__label--filled {
|
|
697
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
698
|
+
background: var(--textarea-label-background);
|
|
699
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
714
700
|
}
|
|
715
|
-
.eds-
|
|
716
|
-
|
|
717
|
-
|
|
701
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
702
|
+
top: 0.5rem;
|
|
703
|
+
font-size: 0.875rem;
|
|
704
|
+
line-height: 1rem;
|
|
705
|
+
padding: 0;
|
|
718
706
|
}
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
707
|
+
|
|
708
|
+
.eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
709
|
+
top: 0.375rem;
|
|
710
|
+
font-size: 0.75rem;
|
|
711
|
+
line-height: 0.75rem;
|
|
712
|
+
height: 10px;
|
|
713
|
+
padding: 0;
|
|
723
714
|
}
|
|
724
|
-
|
|
725
|
-
|
|
715
|
+
|
|
716
|
+
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
717
|
+
top: 0.375rem;
|
|
718
|
+
font-size: 0.75rem;
|
|
719
|
+
line-height: 0.75rem;
|
|
720
|
+
height: 10px;
|
|
721
|
+
padding: 0;
|
|
726
722
|
}
|
|
727
|
-
.eds-
|
|
728
|
-
|
|
729
|
-
|
|
723
|
+
.eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
724
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
725
|
+
background: var(--textarea-label-background);
|
|
726
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
730
727
|
}
|
|
731
|
-
.eds-
|
|
732
|
-
|
|
728
|
+
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
729
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
730
|
+
background: var(--textarea-label-background);
|
|
731
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
733
732
|
}
|
|
734
|
-
.eds-form-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
height:
|
|
738
|
-
|
|
739
|
-
background-color: var(--components-form-radio-standard-fill-selected);
|
|
740
|
-
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
733
|
+
.eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
|
|
734
|
+
top: 0.5rem;
|
|
735
|
+
font-size: 0.875rem;
|
|
736
|
+
line-height: 1rem;
|
|
737
|
+
padding: 0;
|
|
741
738
|
}
|
|
742
|
-
.eds-
|
|
743
|
-
|
|
739
|
+
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
740
|
+
top: 0.5rem;
|
|
741
|
+
font-size: 0.875rem;
|
|
742
|
+
line-height: 1rem;
|
|
743
|
+
padding: 0;
|
|
744
744
|
}
|
|
745
745
|
/* DO NOT CHANGE!*/
|
|
746
746
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -1104,6 +1104,17 @@ input:disabled + .eds-input-panel__container {
|
|
|
1104
1104
|
}
|
|
1105
1105
|
/* DO NOT CHANGE!*/
|
|
1106
1106
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1107
|
+
.eds-segmented-control {
|
|
1108
|
+
margin-top: 0.25rem;
|
|
1109
|
+
display: flex;
|
|
1110
|
+
background: var(--components-form-segmentedcontrol-standard-background);
|
|
1111
|
+
border-radius: 0.5rem;
|
|
1112
|
+
}
|
|
1113
|
+
.eds-contrast .eds-segmented-control {
|
|
1114
|
+
background: var(--components-form-segmentedcontrol-contrast-background);
|
|
1115
|
+
}
|
|
1116
|
+
/* DO NOT CHANGE!*/
|
|
1117
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1107
1118
|
.eds-segmented-choice {
|
|
1108
1119
|
display: block;
|
|
1109
1120
|
flex: 1 1 0px;
|
|
@@ -1186,17 +1197,6 @@ input:disabled + .eds-input-panel__container {
|
|
|
1186
1197
|
}
|
|
1187
1198
|
/* DO NOT CHANGE!*/
|
|
1188
1199
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1189
|
-
.eds-segmented-control {
|
|
1190
|
-
margin-top: 0.25rem;
|
|
1191
|
-
display: flex;
|
|
1192
|
-
background: var(--components-form-segmentedcontrol-standard-background);
|
|
1193
|
-
border-radius: 0.5rem;
|
|
1194
|
-
}
|
|
1195
|
-
.eds-contrast .eds-segmented-control {
|
|
1196
|
-
background: var(--components-form-segmentedcontrol-contrast-background);
|
|
1197
|
-
}
|
|
1198
|
-
/* DO NOT CHANGE!*/
|
|
1199
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1200
1200
|
/* DO NOT CHANGE!*/
|
|
1201
1201
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1202
1202
|
/* DO NOT CHANGE!*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "8.1.5
|
|
3
|
+
"version": "8.1.5",
|
|
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": "^7.4.2
|
|
31
|
-
"@entur/tokens": "^3.17.2
|
|
32
|
-
"@entur/tooltip": "^5.1.1
|
|
33
|
-
"@entur/typography": "^1.8.47
|
|
30
|
+
"@entur/icons": "^7.4.2",
|
|
31
|
+
"@entur/tokens": "^3.17.2",
|
|
32
|
+
"@entur/tooltip": "^5.1.1",
|
|
33
|
+
"@entur/typography": "^1.8.47",
|
|
34
34
|
"@entur/utils": "^0.12.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "36055df834c5a9dd170f1846c1e0469481575e1a"
|
|
38
38
|
}
|