@entur/form 5.4.9 → 5.4.10
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/CHANGELOG.md +4 -0
- package/dist/styles.css +157 -157
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [5.4.10](https://bitbucket.org/enturas/design-system/compare/@entur/form@5.4.9...@entur/form@5.4.10) (2022-10-31)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @entur/form
|
|
9
|
+
|
|
6
10
|
## [5.4.9](https://bitbucket.org/enturas/design-system/compare/@entur/form@5.4.8...@entur/form@5.4.9) (2022-10-31)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @entur/form
|
package/dist/styles.css
CHANGED
|
@@ -2,153 +2,6 @@
|
|
|
2
2
|
--eds-form: 1;
|
|
3
3
|
}/* DO NOT CHANGE!*/
|
|
4
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
|
-
.eds-checkbox__container {
|
|
6
|
-
display: flex;
|
|
7
|
-
align-items: center;
|
|
8
|
-
position: relative;
|
|
9
|
-
-webkit-appearance: none;
|
|
10
|
-
-moz-appearance: none;
|
|
11
|
-
appearance: none;
|
|
12
|
-
cursor: pointer;
|
|
13
|
-
height: 2rem;
|
|
14
|
-
-webkit-user-select: none;
|
|
15
|
-
-moz-user-select: none;
|
|
16
|
-
-ms-user-select: none;
|
|
17
|
-
user-select: none;
|
|
18
|
-
width: -webkit-fit-content;
|
|
19
|
-
width: -moz-fit-content;
|
|
20
|
-
width: fit-content;
|
|
21
|
-
}
|
|
22
|
-
.eds-checkbox__container--reduced-click-area {
|
|
23
|
-
height: -webkit-fit-content;
|
|
24
|
-
height: -moz-fit-content;
|
|
25
|
-
height: fit-content;
|
|
26
|
-
}
|
|
27
|
-
.eds-checkbox__container input {
|
|
28
|
-
position: absolute;
|
|
29
|
-
opacity: 0;
|
|
30
|
-
height: 0;
|
|
31
|
-
width: 0;
|
|
32
|
-
}
|
|
33
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
34
|
-
background-color: #181c56;
|
|
35
|
-
}
|
|
36
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
37
|
-
visibility: visible;
|
|
38
|
-
}
|
|
39
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
|
|
40
|
-
stroke: #ffffff;
|
|
41
|
-
-webkit-animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
42
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
43
|
-
}
|
|
44
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
45
|
-
opacity: 0.5;
|
|
46
|
-
}
|
|
47
|
-
.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 {
|
|
48
|
-
opacity: 0.5;
|
|
49
|
-
}
|
|
50
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
51
|
-
background: #54568c;
|
|
52
|
-
}
|
|
53
|
-
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
54
|
-
border-color: #54568c;
|
|
55
|
-
background: #f3f3f3;
|
|
56
|
-
}
|
|
57
|
-
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
58
|
-
border-color: #656782;
|
|
59
|
-
background: #292b6a;
|
|
60
|
-
}
|
|
61
|
-
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
62
|
-
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
63
|
-
border-color: #54568c;
|
|
64
|
-
background-color: #54568c;
|
|
65
|
-
}
|
|
66
|
-
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
67
|
-
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
68
|
-
background: #8285a8;
|
|
69
|
-
border-color: #8285a8;
|
|
70
|
-
}
|
|
71
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
72
|
-
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
73
|
-
outline: none;
|
|
74
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
75
|
-
outline-offset: 0.125rem;
|
|
76
|
-
}
|
|
77
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
78
|
-
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
79
|
-
outline: none;
|
|
80
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
81
|
-
outline-offset: 0.125rem;
|
|
82
|
-
}
|
|
83
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
84
|
-
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
85
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
86
|
-
}
|
|
87
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
88
|
-
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
89
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
90
|
-
}
|
|
91
|
-
.eds-checkbox--disabled {
|
|
92
|
-
pointer-events: none;
|
|
93
|
-
}
|
|
94
|
-
.eds-checkbox--disabled .eds-checkbox__label {
|
|
95
|
-
opacity: 0.5;
|
|
96
|
-
}
|
|
97
|
-
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
98
|
-
opacity: 0.5;
|
|
99
|
-
}
|
|
100
|
-
.eds-checkbox__icon {
|
|
101
|
-
display: inline-flex;
|
|
102
|
-
justify-content: center;
|
|
103
|
-
align-items: center;
|
|
104
|
-
position: relative;
|
|
105
|
-
margin-right: 1rem;
|
|
106
|
-
height: 1.25rem;
|
|
107
|
-
width: 1.25rem;
|
|
108
|
-
border: 0.125rem solid #181c56;
|
|
109
|
-
border-radius: 0.0625rem;
|
|
110
|
-
background-color: transparent;
|
|
111
|
-
color: #ffffff;
|
|
112
|
-
}
|
|
113
|
-
.eds-checkbox__icon--reduced-click-area {
|
|
114
|
-
margin-right: 0;
|
|
115
|
-
}
|
|
116
|
-
.eds-contrast .eds-checkbox__icon {
|
|
117
|
-
border-color: #54568c;
|
|
118
|
-
}
|
|
119
|
-
.eds-checkbox__icon .eds-checkbox-icon {
|
|
120
|
-
height: 1rem;
|
|
121
|
-
width: 1rem;
|
|
122
|
-
visibility: hidden;
|
|
123
|
-
}
|
|
124
|
-
.eds-checkbox__icon .eds-checkbox-icon__path {
|
|
125
|
-
transform-origin: 50% 50%;
|
|
126
|
-
stroke-dasharray: 48;
|
|
127
|
-
stroke-dashoffset: 48;
|
|
128
|
-
stroke-width: 0.375rem;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
@-webkit-keyframes stroke {
|
|
132
|
-
100% {
|
|
133
|
-
stroke-dashoffset: 0;
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
@keyframes stroke {
|
|
138
|
-
100% {
|
|
139
|
-
stroke-dashoffset: 0;
|
|
140
|
-
}
|
|
141
|
-
}/* DO NOT CHANGE!*/
|
|
142
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
143
|
-
.eds-fieldset {
|
|
144
|
-
margin: 0;
|
|
145
|
-
padding: 0;
|
|
146
|
-
border: 0;
|
|
147
|
-
}
|
|
148
|
-
.eds-fieldset .eds-legend {
|
|
149
|
-
margin: 0 0 0.5rem;
|
|
150
|
-
}/* DO NOT CHANGE!*/
|
|
151
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
152
5
|
.eds-feedback-text {
|
|
153
6
|
display: flex;
|
|
154
7
|
align-items: center;
|
|
@@ -200,6 +53,15 @@
|
|
|
200
53
|
color: #ffe082;
|
|
201
54
|
}/* DO NOT CHANGE!*/
|
|
202
55
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
56
|
+
.eds-fieldset {
|
|
57
|
+
margin: 0;
|
|
58
|
+
padding: 0;
|
|
59
|
+
border: 0;
|
|
60
|
+
}
|
|
61
|
+
.eds-fieldset .eds-legend {
|
|
62
|
+
margin: 0 0 0.5rem;
|
|
63
|
+
}/* DO NOT CHANGE!*/
|
|
64
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
203
65
|
.eds-form-control-wrapper {
|
|
204
66
|
--border-color: #181c56;
|
|
205
67
|
--border-color-hover: #aeb7e2;
|
|
@@ -587,6 +449,144 @@ textarea.eds-form-control.eds-textarea {
|
|
|
587
449
|
background-color: #aeb7e2;
|
|
588
450
|
}/* DO NOT CHANGE!*/
|
|
589
451
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
452
|
+
.eds-checkbox__container {
|
|
453
|
+
display: flex;
|
|
454
|
+
align-items: center;
|
|
455
|
+
position: relative;
|
|
456
|
+
-webkit-appearance: none;
|
|
457
|
+
-moz-appearance: none;
|
|
458
|
+
appearance: none;
|
|
459
|
+
cursor: pointer;
|
|
460
|
+
height: 2rem;
|
|
461
|
+
-webkit-user-select: none;
|
|
462
|
+
-moz-user-select: none;
|
|
463
|
+
-ms-user-select: none;
|
|
464
|
+
user-select: none;
|
|
465
|
+
width: -webkit-fit-content;
|
|
466
|
+
width: -moz-fit-content;
|
|
467
|
+
width: fit-content;
|
|
468
|
+
}
|
|
469
|
+
.eds-checkbox__container--reduced-click-area {
|
|
470
|
+
height: -webkit-fit-content;
|
|
471
|
+
height: -moz-fit-content;
|
|
472
|
+
height: fit-content;
|
|
473
|
+
}
|
|
474
|
+
.eds-checkbox__container input {
|
|
475
|
+
position: absolute;
|
|
476
|
+
opacity: 0;
|
|
477
|
+
height: 0;
|
|
478
|
+
width: 0;
|
|
479
|
+
}
|
|
480
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
481
|
+
background-color: #181c56;
|
|
482
|
+
}
|
|
483
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
484
|
+
visibility: visible;
|
|
485
|
+
}
|
|
486
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
|
|
487
|
+
stroke: #ffffff;
|
|
488
|
+
-webkit-animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
489
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
490
|
+
}
|
|
491
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
492
|
+
opacity: 0.5;
|
|
493
|
+
}
|
|
494
|
+
.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 {
|
|
495
|
+
opacity: 0.5;
|
|
496
|
+
}
|
|
497
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
498
|
+
background: #54568c;
|
|
499
|
+
}
|
|
500
|
+
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
501
|
+
border-color: #54568c;
|
|
502
|
+
background: #f3f3f3;
|
|
503
|
+
}
|
|
504
|
+
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
505
|
+
border-color: #656782;
|
|
506
|
+
background: #292b6a;
|
|
507
|
+
}
|
|
508
|
+
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
509
|
+
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
510
|
+
border-color: #54568c;
|
|
511
|
+
background-color: #54568c;
|
|
512
|
+
}
|
|
513
|
+
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
514
|
+
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
515
|
+
background: #8285a8;
|
|
516
|
+
border-color: #8285a8;
|
|
517
|
+
}
|
|
518
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
519
|
+
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
520
|
+
outline: none;
|
|
521
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
522
|
+
outline-offset: 0.125rem;
|
|
523
|
+
}
|
|
524
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
525
|
+
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
526
|
+
outline: none;
|
|
527
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
528
|
+
outline-offset: 0.125rem;
|
|
529
|
+
}
|
|
530
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
531
|
+
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
532
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
533
|
+
}
|
|
534
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
535
|
+
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
536
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
537
|
+
}
|
|
538
|
+
.eds-checkbox--disabled {
|
|
539
|
+
pointer-events: none;
|
|
540
|
+
}
|
|
541
|
+
.eds-checkbox--disabled .eds-checkbox__label {
|
|
542
|
+
opacity: 0.5;
|
|
543
|
+
}
|
|
544
|
+
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
545
|
+
opacity: 0.5;
|
|
546
|
+
}
|
|
547
|
+
.eds-checkbox__icon {
|
|
548
|
+
display: inline-flex;
|
|
549
|
+
justify-content: center;
|
|
550
|
+
align-items: center;
|
|
551
|
+
position: relative;
|
|
552
|
+
margin-right: 1rem;
|
|
553
|
+
height: 1.25rem;
|
|
554
|
+
width: 1.25rem;
|
|
555
|
+
border: 0.125rem solid #181c56;
|
|
556
|
+
border-radius: 0.0625rem;
|
|
557
|
+
background-color: transparent;
|
|
558
|
+
color: #ffffff;
|
|
559
|
+
}
|
|
560
|
+
.eds-checkbox__icon--reduced-click-area {
|
|
561
|
+
margin-right: 0;
|
|
562
|
+
}
|
|
563
|
+
.eds-contrast .eds-checkbox__icon {
|
|
564
|
+
border-color: #54568c;
|
|
565
|
+
}
|
|
566
|
+
.eds-checkbox__icon .eds-checkbox-icon {
|
|
567
|
+
height: 1rem;
|
|
568
|
+
width: 1rem;
|
|
569
|
+
visibility: hidden;
|
|
570
|
+
}
|
|
571
|
+
.eds-checkbox__icon .eds-checkbox-icon__path {
|
|
572
|
+
transform-origin: 50% 50%;
|
|
573
|
+
stroke-dasharray: 48;
|
|
574
|
+
stroke-dashoffset: 48;
|
|
575
|
+
stroke-width: 0.375rem;
|
|
576
|
+
}
|
|
577
|
+
|
|
578
|
+
@-webkit-keyframes stroke {
|
|
579
|
+
100% {
|
|
580
|
+
stroke-dashoffset: 0;
|
|
581
|
+
}
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
@keyframes stroke {
|
|
585
|
+
100% {
|
|
586
|
+
stroke-dashoffset: 0;
|
|
587
|
+
}
|
|
588
|
+
}/* DO NOT CHANGE!*/
|
|
589
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
590
590
|
.eds-switch {
|
|
591
591
|
cursor: pointer;
|
|
592
592
|
-webkit-user-select: none;
|
|
@@ -967,6 +967,16 @@ textarea.eds-form-control.eds-textarea {
|
|
|
967
967
|
margin-left: 1rem;
|
|
968
968
|
}/* DO NOT CHANGE!*/
|
|
969
969
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
970
|
+
.eds-segmented-control {
|
|
971
|
+
margin-top: 0.25rem;
|
|
972
|
+
display: flex;
|
|
973
|
+
background: #d1d4e3;
|
|
974
|
+
border-radius: 0.25rem;
|
|
975
|
+
}
|
|
976
|
+
.eds-contrast .eds-segmented-control {
|
|
977
|
+
background: #393d79;
|
|
978
|
+
}/* DO NOT CHANGE!*/
|
|
979
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
970
980
|
.eds-segmented-choice {
|
|
971
981
|
display: block;
|
|
972
982
|
flex: 1 1 0px;
|
|
@@ -1034,14 +1044,4 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1034
1044
|
}
|
|
1035
1045
|
.eds-contrast .eds-segmented-choice:hover input:checked + .eds-base-segmented {
|
|
1036
1046
|
--background-color: #d1d4e3;
|
|
1037
|
-
}/* DO NOT CHANGE!*/
|
|
1038
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1039
|
-
.eds-segmented-control {
|
|
1040
|
-
margin-top: 0.25rem;
|
|
1041
|
-
display: flex;
|
|
1042
|
-
background: #d1d4e3;
|
|
1043
|
-
border-radius: 0.25rem;
|
|
1044
|
-
}
|
|
1045
|
-
.eds-contrast .eds-segmented-control {
|
|
1046
|
-
background: #393d79;
|
|
1047
1047
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.10",
|
|
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.2.
|
|
30
|
+
"@entur/icons": "^5.2.2",
|
|
31
31
|
"@entur/tokens": "^3.4.1",
|
|
32
|
-
"@entur/tooltip": "^2.5.
|
|
33
|
-
"@entur/typography": "^1.7.
|
|
34
|
-
"@entur/utils": "^0.4.
|
|
32
|
+
"@entur/tooltip": "^2.5.22",
|
|
33
|
+
"@entur/typography": "^1.7.1",
|
|
34
|
+
"@entur/utils": "^0.4.6",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "11fde5ffbfd805773572c3a7d999d63f2733e0c7"
|
|
38
38
|
}
|