@entur/form 7.1.6 → 7.1.8
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 +147 -147
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -1,78 +1,5 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
-
.eds-feedback-text {
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: center;
|
|
6
|
-
margin-top: 0.25rem;
|
|
7
|
-
}
|
|
8
|
-
.eds-feedback-text--info, .eds-feedback-text--information {
|
|
9
|
-
padding-left: calc(1rem + 0.125rem);
|
|
10
|
-
}
|
|
11
|
-
.eds-feedback-text__text {
|
|
12
|
-
color: var(--components-form-feedbacktext-information-standard-text);
|
|
13
|
-
}
|
|
14
|
-
.eds-contrast .eds-feedback-text__text {
|
|
15
|
-
color: var(--components-form-feedbacktext-information-contrast-text);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.eds-feedback-text__icon {
|
|
19
|
-
font-size: 1.5rem;
|
|
20
|
-
min-height: 1.5rem;
|
|
21
|
-
min-width: 1.5rem;
|
|
22
|
-
padding-right: 0.5rem;
|
|
23
|
-
position: relative;
|
|
24
|
-
top: -0.1rem;
|
|
25
|
-
}
|
|
26
|
-
.eds-feedback-text__icon--success {
|
|
27
|
-
color: var(--components-form-feedbacktext-success-standard-icon-fill);
|
|
28
|
-
}
|
|
29
|
-
.eds-feedback-text__icon--success circle {
|
|
30
|
-
fill: var(--components-form-feedbacktext-success-standard-icon-symbol);
|
|
31
|
-
}
|
|
32
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
33
|
-
color: var(--components-form-feedbacktext-success-contrast-icon-fill);
|
|
34
|
-
}
|
|
35
|
-
.eds-contrast .eds-feedback-text__icon--success circle {
|
|
36
|
-
fill: var(--components-form-feedbacktext-success-contrast-icon-symbol);
|
|
37
|
-
}
|
|
38
|
-
.eds-feedback-text__icon--error, .eds-feedback-text__icon--negative {
|
|
39
|
-
color: var(--components-form-feedbacktext-negative-standard-icon-fill);
|
|
40
|
-
}
|
|
41
|
-
.eds-feedback-text__icon--error circle, .eds-feedback-text__icon--negative circle {
|
|
42
|
-
fill: var(--components-form-feedbacktext-negative-standard-icon-symbol);
|
|
43
|
-
}
|
|
44
|
-
.eds-contrast .eds-feedback-text__icon--error, .eds-contrast .eds-feedback-text__icon--negative {
|
|
45
|
-
color: var(--components-form-feedbacktext-negative-contrast-icon-fill);
|
|
46
|
-
}
|
|
47
|
-
.eds-contrast .eds-feedback-text__icon--error circle, .eds-contrast .eds-feedback-text__icon--negative circle {
|
|
48
|
-
fill: var(--components-form-feedbacktext-negative-contrast-icon-symbol);
|
|
49
|
-
}
|
|
50
|
-
.eds-feedback-text__icon--info, .eds-feedback-text__icon--information {
|
|
51
|
-
color: var(--components-form-feedbacktext-information-standard-icon-fill);
|
|
52
|
-
}
|
|
53
|
-
.eds-feedback-text__icon--info circle, .eds-feedback-text__icon--information circle {
|
|
54
|
-
fill: var(--components-form-feedbacktext-information-standard-icon-symbol);
|
|
55
|
-
}
|
|
56
|
-
.eds-contrast .eds-feedback-text__icon--info, .eds-contrast .eds-feedback-text__icon--information {
|
|
57
|
-
color: var(--components-form-feedbacktext-information-contrast-icon-fill);
|
|
58
|
-
}
|
|
59
|
-
.eds-contrast .eds-feedback-text__icon--info circle, .eds-contrast .eds-feedback-text__icon--information circle {
|
|
60
|
-
fill: var(--components-form-feedbacktext-information-contrast-icon-symbol);
|
|
61
|
-
}
|
|
62
|
-
.eds-feedback-text__icon--warning {
|
|
63
|
-
color: var(--components-form-feedbacktext-warning-standard-icon-fill);
|
|
64
|
-
}
|
|
65
|
-
.eds-feedback-text__icon--warning .svg-exclamation {
|
|
66
|
-
fill: var(--components-form-feedbacktext-warning-standard-icon-symbol);
|
|
67
|
-
}
|
|
68
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
69
|
-
color: var(--components-form-feedbacktext-warning-contrast-icon-fill);
|
|
70
|
-
}
|
|
71
|
-
.eds-contrast .eds-feedback-text__icon--warning circle {
|
|
72
|
-
fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
|
|
73
|
-
}
|
|
74
|
-
/* DO NOT CHANGE!*/
|
|
75
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
76
3
|
.eds-form-control-wrapper {
|
|
77
4
|
align-items: center;
|
|
78
5
|
background-color: var(--components-form-baseform-standard-fill-default);
|
|
@@ -413,6 +340,93 @@
|
|
|
413
340
|
}
|
|
414
341
|
/* DO NOT CHANGE!*/
|
|
415
342
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
343
|
+
.eds-form-component--radio__container {
|
|
344
|
+
display: flex;
|
|
345
|
+
justify-content: center;
|
|
346
|
+
align-items: center;
|
|
347
|
+
position: relative;
|
|
348
|
+
cursor: pointer;
|
|
349
|
+
height: 2rem;
|
|
350
|
+
width: -moz-fit-content;
|
|
351
|
+
width: fit-content;
|
|
352
|
+
-webkit-user-select: none;
|
|
353
|
+
-moz-user-select: none;
|
|
354
|
+
user-select: none;
|
|
355
|
+
}
|
|
356
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
357
|
+
background-color: var(--components-form-radio-standard-fill-hover);
|
|
358
|
+
}
|
|
359
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
360
|
+
background-color: var(--components-form-radio-contrast-fill-hover);
|
|
361
|
+
}
|
|
362
|
+
.eds-form-component--radio__container input {
|
|
363
|
+
position: absolute;
|
|
364
|
+
opacity: 0;
|
|
365
|
+
cursor: pointer;
|
|
366
|
+
height: 0;
|
|
367
|
+
width: 0;
|
|
368
|
+
}
|
|
369
|
+
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
370
|
+
height: 0.625rem;
|
|
371
|
+
width: 0.625rem;
|
|
372
|
+
}
|
|
373
|
+
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
374
|
+
outline: 2px solid #181c56;
|
|
375
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
376
|
+
outline-offset: 0.125rem;
|
|
377
|
+
}
|
|
378
|
+
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
379
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
380
|
+
}
|
|
381
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
382
|
+
position: relative;
|
|
383
|
+
height: 1.25rem;
|
|
384
|
+
width: 1.25rem;
|
|
385
|
+
margin-right: 1rem;
|
|
386
|
+
background-color: var(--components-form-radio-standard-fill-default);
|
|
387
|
+
border: 0.125rem solid var(--components-form-radio-standard-border);
|
|
388
|
+
border-radius: 50%;
|
|
389
|
+
display: flex;
|
|
390
|
+
align-items: center;
|
|
391
|
+
justify-content: center;
|
|
392
|
+
}
|
|
393
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
394
|
+
background-color: var(--components-form-radio-contrast-fill-default);
|
|
395
|
+
border-color: var(--components-form-radio-contrast-border);
|
|
396
|
+
}
|
|
397
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
398
|
+
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
399
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
400
|
+
cursor: not-allowed;
|
|
401
|
+
}
|
|
402
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
403
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
404
|
+
}
|
|
405
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
406
|
+
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
407
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
408
|
+
}
|
|
409
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
410
|
+
color: var(--components-form-baseform-contrast-text-disabled);
|
|
411
|
+
}
|
|
412
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
413
|
+
display: block;
|
|
414
|
+
width: 0;
|
|
415
|
+
height: 0;
|
|
416
|
+
border-radius: 50%;
|
|
417
|
+
background-color: var(--components-form-radio-standard-fill-selected);
|
|
418
|
+
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
419
|
+
}
|
|
420
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
421
|
+
background-color: var(--components-form-radio-contrast-icon);
|
|
422
|
+
}
|
|
423
|
+
.eds-fieldset {
|
|
424
|
+
margin: 0;
|
|
425
|
+
padding: 0;
|
|
426
|
+
border: 0;
|
|
427
|
+
}
|
|
428
|
+
/* DO NOT CHANGE!*/
|
|
429
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
416
430
|
.eds-input-group {
|
|
417
431
|
color: inherit;
|
|
418
432
|
display: block;
|
|
@@ -540,99 +554,78 @@
|
|
|
540
554
|
.eds-form-control-wrapper .eds-tooltip::after {
|
|
541
555
|
background: var(--components-tooltip-tooltip-standard-fill);
|
|
542
556
|
}
|
|
543
|
-
.eds-fieldset {
|
|
544
|
-
margin: 0;
|
|
545
|
-
padding: 0;
|
|
546
|
-
border: 0;
|
|
547
|
-
}
|
|
548
557
|
/* DO NOT CHANGE!*/
|
|
549
558
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
550
|
-
|
|
551
|
-
min-height: 7.75rem;
|
|
552
|
-
resize: vertical;
|
|
553
|
-
line-height: 1.5rem;
|
|
554
|
-
}
|
|
555
|
-
/* DO NOT CHANGE!*/
|
|
556
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
557
|
-
.eds-form-component--radio__container {
|
|
559
|
+
.eds-feedback-text {
|
|
558
560
|
display: flex;
|
|
559
|
-
justify-content: center;
|
|
560
561
|
align-items: center;
|
|
562
|
+
margin-top: 0.25rem;
|
|
563
|
+
}
|
|
564
|
+
.eds-feedback-text--info, .eds-feedback-text--information {
|
|
565
|
+
padding-left: calc(1rem + 0.125rem);
|
|
566
|
+
}
|
|
567
|
+
.eds-feedback-text__text {
|
|
568
|
+
color: var(--components-form-feedbacktext-information-standard-text);
|
|
569
|
+
}
|
|
570
|
+
.eds-contrast .eds-feedback-text__text {
|
|
571
|
+
color: var(--components-form-feedbacktext-information-contrast-text);
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
.eds-feedback-text__icon {
|
|
575
|
+
font-size: 1.5rem;
|
|
576
|
+
min-height: 1.5rem;
|
|
577
|
+
min-width: 1.5rem;
|
|
578
|
+
padding-right: 0.5rem;
|
|
561
579
|
position: relative;
|
|
562
|
-
|
|
563
|
-
height: 2rem;
|
|
564
|
-
width: -moz-fit-content;
|
|
565
|
-
width: fit-content;
|
|
566
|
-
-webkit-user-select: none;
|
|
567
|
-
-moz-user-select: none;
|
|
568
|
-
user-select: none;
|
|
580
|
+
top: -0.1rem;
|
|
569
581
|
}
|
|
570
|
-
.eds-
|
|
571
|
-
|
|
582
|
+
.eds-feedback-text__icon--success {
|
|
583
|
+
color: var(--components-form-feedbacktext-success-standard-icon-fill);
|
|
572
584
|
}
|
|
573
|
-
.eds-
|
|
574
|
-
|
|
585
|
+
.eds-feedback-text__icon--success circle {
|
|
586
|
+
fill: var(--components-form-feedbacktext-success-standard-icon-symbol);
|
|
575
587
|
}
|
|
576
|
-
.eds-
|
|
577
|
-
|
|
578
|
-
opacity: 0;
|
|
579
|
-
cursor: pointer;
|
|
580
|
-
height: 0;
|
|
581
|
-
width: 0;
|
|
588
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
589
|
+
color: var(--components-form-feedbacktext-success-contrast-icon-fill);
|
|
582
590
|
}
|
|
583
|
-
.eds-
|
|
584
|
-
|
|
585
|
-
width: 0.625rem;
|
|
591
|
+
.eds-contrast .eds-feedback-text__icon--success circle {
|
|
592
|
+
fill: var(--components-form-feedbacktext-success-contrast-icon-symbol);
|
|
586
593
|
}
|
|
587
|
-
.eds-
|
|
588
|
-
|
|
589
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
590
|
-
outline-offset: 0.125rem;
|
|
594
|
+
.eds-feedback-text__icon--error, .eds-feedback-text__icon--negative {
|
|
595
|
+
color: var(--components-form-feedbacktext-negative-standard-icon-fill);
|
|
591
596
|
}
|
|
592
|
-
.eds-
|
|
593
|
-
|
|
597
|
+
.eds-feedback-text__icon--error circle, .eds-feedback-text__icon--negative circle {
|
|
598
|
+
fill: var(--components-form-feedbacktext-negative-standard-icon-symbol);
|
|
594
599
|
}
|
|
595
|
-
.eds-
|
|
596
|
-
|
|
597
|
-
height: 1.25rem;
|
|
598
|
-
width: 1.25rem;
|
|
599
|
-
margin-right: 1rem;
|
|
600
|
-
background-color: var(--components-form-radio-standard-fill-default);
|
|
601
|
-
border: 0.125rem solid var(--components-form-radio-standard-border);
|
|
602
|
-
border-radius: 50%;
|
|
603
|
-
display: flex;
|
|
604
|
-
align-items: center;
|
|
605
|
-
justify-content: center;
|
|
600
|
+
.eds-contrast .eds-feedback-text__icon--error, .eds-contrast .eds-feedback-text__icon--negative {
|
|
601
|
+
color: var(--components-form-feedbacktext-negative-contrast-icon-fill);
|
|
606
602
|
}
|
|
607
|
-
.eds-contrast .eds-
|
|
608
|
-
|
|
609
|
-
border-color: var(--components-form-radio-contrast-border);
|
|
603
|
+
.eds-contrast .eds-feedback-text__icon--error circle, .eds-contrast .eds-feedback-text__icon--negative circle {
|
|
604
|
+
fill: var(--components-form-feedbacktext-negative-contrast-icon-symbol);
|
|
610
605
|
}
|
|
611
|
-
.eds-
|
|
612
|
-
|
|
613
|
-
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
614
|
-
cursor: not-allowed;
|
|
606
|
+
.eds-feedback-text__icon--info, .eds-feedback-text__icon--information {
|
|
607
|
+
color: var(--components-form-feedbacktext-information-standard-icon-fill);
|
|
615
608
|
}
|
|
616
|
-
.eds-
|
|
617
|
-
|
|
609
|
+
.eds-feedback-text__icon--info circle, .eds-feedback-text__icon--information circle {
|
|
610
|
+
fill: var(--components-form-feedbacktext-information-standard-icon-symbol);
|
|
618
611
|
}
|
|
619
|
-
.eds-contrast .eds-
|
|
620
|
-
|
|
621
|
-
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
612
|
+
.eds-contrast .eds-feedback-text__icon--info, .eds-contrast .eds-feedback-text__icon--information {
|
|
613
|
+
color: var(--components-form-feedbacktext-information-contrast-icon-fill);
|
|
622
614
|
}
|
|
623
|
-
.eds-
|
|
624
|
-
|
|
615
|
+
.eds-contrast .eds-feedback-text__icon--info circle, .eds-contrast .eds-feedback-text__icon--information circle {
|
|
616
|
+
fill: var(--components-form-feedbacktext-information-contrast-icon-symbol);
|
|
625
617
|
}
|
|
626
|
-
.eds-
|
|
627
|
-
|
|
628
|
-
width: 0;
|
|
629
|
-
height: 0;
|
|
630
|
-
border-radius: 50%;
|
|
631
|
-
background-color: var(--components-form-radio-standard-fill-selected);
|
|
632
|
-
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
618
|
+
.eds-feedback-text__icon--warning {
|
|
619
|
+
color: var(--components-form-feedbacktext-warning-standard-icon-fill);
|
|
633
620
|
}
|
|
634
|
-
.eds-
|
|
635
|
-
|
|
621
|
+
.eds-feedback-text__icon--warning .svg-exclamation {
|
|
622
|
+
fill: var(--components-form-feedbacktext-warning-standard-icon-symbol);
|
|
623
|
+
}
|
|
624
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
625
|
+
color: var(--components-form-feedbacktext-warning-contrast-icon-fill);
|
|
626
|
+
}
|
|
627
|
+
.eds-contrast .eds-feedback-text__icon--warning circle {
|
|
628
|
+
fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
|
|
636
629
|
}
|
|
637
630
|
/* DO NOT CHANGE!*/
|
|
638
631
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -911,6 +904,13 @@ input:disabled + .eds-input-panel__container {
|
|
|
911
904
|
}
|
|
912
905
|
/* DO NOT CHANGE!*/
|
|
913
906
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
907
|
+
textarea.eds-form-control.eds-textarea {
|
|
908
|
+
min-height: 7.75rem;
|
|
909
|
+
resize: vertical;
|
|
910
|
+
line-height: 1.5rem;
|
|
911
|
+
}
|
|
912
|
+
/* DO NOT CHANGE!*/
|
|
913
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
914
914
|
.eds-textfield__clear-button {
|
|
915
915
|
background: none;
|
|
916
916
|
border: none;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.1.
|
|
3
|
+
"version": "7.1.8",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/form.esm.js",
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/icons": "^6.16.
|
|
31
|
-
"@entur/tokens": "^3.
|
|
32
|
-
"@entur/tooltip": "^2.7.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
30
|
+
"@entur/icons": "^6.16.2",
|
|
31
|
+
"@entur/tokens": "^3.15.0",
|
|
32
|
+
"@entur/tooltip": "^2.7.7",
|
|
33
|
+
"@entur/typography": "^1.8.36",
|
|
34
34
|
"@entur/utils": "^0.11.1",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "93e3d6a7a2abd4dd20e09b6b631591a4f1bd10d2"
|
|
38
38
|
}
|