@entur/form 5.4.10 → 5.4.12
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 +8 -0
- package/dist/styles.css +150 -150
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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.12](https://bitbucket.org/enturas/design-system/compare/@entur/form@5.4.9...@entur/form@5.4.12) (2022-12-09)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @entur/form
|
|
9
|
+
|
|
10
|
+
## [5.4.11](https://bitbucket.org/enturas/design-system/compare/@entur/form@5.4.10...@entur/form@5.4.11) (2022-11-24)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @entur/form
|
|
13
|
+
|
|
6
14
|
## [5.4.10](https://bitbucket.org/enturas/design-system/compare/@entur/form@5.4.9...@entur/form@5.4.10) (2022-10-31)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @entur/form
|
package/dist/styles.css
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
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-fieldset {
|
|
6
|
+
margin: 0;
|
|
7
|
+
padding: 0;
|
|
8
|
+
border: 0;
|
|
9
|
+
}
|
|
10
|
+
.eds-fieldset .eds-legend {
|
|
11
|
+
margin: 0 0 0.5rem;
|
|
12
|
+
}/* DO NOT CHANGE!*/
|
|
13
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
14
|
.eds-feedback-text {
|
|
6
15
|
display: flex;
|
|
7
16
|
align-items: center;
|
|
@@ -53,13 +62,142 @@
|
|
|
53
62
|
color: #ffe082;
|
|
54
63
|
}/* DO NOT CHANGE!*/
|
|
55
64
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
56
|
-
.eds-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
65
|
+
.eds-checkbox__container {
|
|
66
|
+
display: flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
position: relative;
|
|
69
|
+
-webkit-appearance: none;
|
|
70
|
+
-moz-appearance: none;
|
|
71
|
+
appearance: none;
|
|
72
|
+
cursor: pointer;
|
|
73
|
+
height: 2rem;
|
|
74
|
+
-webkit-user-select: none;
|
|
75
|
+
-moz-user-select: none;
|
|
76
|
+
-ms-user-select: none;
|
|
77
|
+
user-select: none;
|
|
78
|
+
width: -webkit-fit-content;
|
|
79
|
+
width: -moz-fit-content;
|
|
80
|
+
width: fit-content;
|
|
60
81
|
}
|
|
61
|
-
.eds-
|
|
62
|
-
|
|
82
|
+
.eds-checkbox__container--reduced-click-area {
|
|
83
|
+
height: -webkit-fit-content;
|
|
84
|
+
height: -moz-fit-content;
|
|
85
|
+
height: fit-content;
|
|
86
|
+
}
|
|
87
|
+
.eds-checkbox__container input {
|
|
88
|
+
position: absolute;
|
|
89
|
+
opacity: 0;
|
|
90
|
+
height: 0;
|
|
91
|
+
width: 0;
|
|
92
|
+
}
|
|
93
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
94
|
+
background-color: #181c56;
|
|
95
|
+
}
|
|
96
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
97
|
+
visibility: visible;
|
|
98
|
+
}
|
|
99
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
|
|
100
|
+
stroke: #ffffff;
|
|
101
|
+
-webkit-animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
102
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
103
|
+
}
|
|
104
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
105
|
+
opacity: 0.5;
|
|
106
|
+
}
|
|
107
|
+
.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 {
|
|
108
|
+
opacity: 0.5;
|
|
109
|
+
}
|
|
110
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
111
|
+
background: #54568c;
|
|
112
|
+
}
|
|
113
|
+
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
114
|
+
border-color: #54568c;
|
|
115
|
+
background: #f3f3f3;
|
|
116
|
+
}
|
|
117
|
+
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
118
|
+
border-color: #656782;
|
|
119
|
+
background: #292b6a;
|
|
120
|
+
}
|
|
121
|
+
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
122
|
+
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
123
|
+
border-color: #54568c;
|
|
124
|
+
background-color: #54568c;
|
|
125
|
+
}
|
|
126
|
+
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
127
|
+
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
128
|
+
background: #8285a8;
|
|
129
|
+
border-color: #8285a8;
|
|
130
|
+
}
|
|
131
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
132
|
+
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
133
|
+
outline: none;
|
|
134
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
135
|
+
outline-offset: 0.125rem;
|
|
136
|
+
}
|
|
137
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
138
|
+
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
139
|
+
outline: none;
|
|
140
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
141
|
+
outline-offset: 0.125rem;
|
|
142
|
+
}
|
|
143
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
144
|
+
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
145
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
146
|
+
}
|
|
147
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
148
|
+
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
149
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
150
|
+
}
|
|
151
|
+
.eds-checkbox--disabled {
|
|
152
|
+
pointer-events: none;
|
|
153
|
+
}
|
|
154
|
+
.eds-checkbox--disabled .eds-checkbox__label {
|
|
155
|
+
opacity: 0.5;
|
|
156
|
+
}
|
|
157
|
+
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
158
|
+
opacity: 0.5;
|
|
159
|
+
}
|
|
160
|
+
.eds-checkbox__icon {
|
|
161
|
+
display: inline-flex;
|
|
162
|
+
justify-content: center;
|
|
163
|
+
align-items: center;
|
|
164
|
+
position: relative;
|
|
165
|
+
margin-right: 1rem;
|
|
166
|
+
height: 1.25rem;
|
|
167
|
+
width: 1.25rem;
|
|
168
|
+
border: 0.125rem solid #181c56;
|
|
169
|
+
border-radius: 0.0625rem;
|
|
170
|
+
background-color: transparent;
|
|
171
|
+
color: #ffffff;
|
|
172
|
+
}
|
|
173
|
+
.eds-checkbox__icon--reduced-click-area {
|
|
174
|
+
margin-right: 0;
|
|
175
|
+
}
|
|
176
|
+
.eds-contrast .eds-checkbox__icon {
|
|
177
|
+
border-color: #54568c;
|
|
178
|
+
}
|
|
179
|
+
.eds-checkbox__icon .eds-checkbox-icon {
|
|
180
|
+
height: 1rem;
|
|
181
|
+
width: 1rem;
|
|
182
|
+
visibility: hidden;
|
|
183
|
+
}
|
|
184
|
+
.eds-checkbox__icon .eds-checkbox-icon__path {
|
|
185
|
+
transform-origin: 50% 50%;
|
|
186
|
+
stroke-dasharray: 48;
|
|
187
|
+
stroke-dashoffset: 48;
|
|
188
|
+
stroke-width: 0.375rem;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
@-webkit-keyframes stroke {
|
|
192
|
+
100% {
|
|
193
|
+
stroke-dashoffset: 0;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
@keyframes stroke {
|
|
198
|
+
100% {
|
|
199
|
+
stroke-dashoffset: 0;
|
|
200
|
+
}
|
|
63
201
|
}/* DO NOT CHANGE!*/
|
|
64
202
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
65
203
|
.eds-form-control-wrapper {
|
|
@@ -318,12 +456,6 @@
|
|
|
318
456
|
margin-left: 0;
|
|
319
457
|
}/* DO NOT CHANGE!*/
|
|
320
458
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
321
|
-
textarea.eds-form-control.eds-textarea {
|
|
322
|
-
min-height: 7.75rem;
|
|
323
|
-
resize: vertical;
|
|
324
|
-
line-height: 1.5rem;
|
|
325
|
-
}/* DO NOT CHANGE!*/
|
|
326
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
327
459
|
.eds-textfield__clear-button {
|
|
328
460
|
background: none;
|
|
329
461
|
border: none;
|
|
@@ -449,144 +581,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
449
581
|
background-color: #aeb7e2;
|
|
450
582
|
}/* DO NOT CHANGE!*/
|
|
451
583
|
/* 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
584
|
.eds-switch {
|
|
591
585
|
cursor: pointer;
|
|
592
586
|
-webkit-user-select: none;
|
|
@@ -967,6 +961,12 @@ textarea.eds-form-control.eds-textarea {
|
|
|
967
961
|
margin-left: 1rem;
|
|
968
962
|
}/* DO NOT CHANGE!*/
|
|
969
963
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
964
|
+
textarea.eds-form-control.eds-textarea {
|
|
965
|
+
min-height: 7.75rem;
|
|
966
|
+
resize: vertical;
|
|
967
|
+
line-height: 1.5rem;
|
|
968
|
+
}/* DO NOT CHANGE!*/
|
|
969
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
970
970
|
.eds-segmented-control {
|
|
971
971
|
margin-top: 0.25rem;
|
|
972
972
|
display: flex;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.12",
|
|
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.4.
|
|
32
|
-
"@entur/tooltip": "^2.5.
|
|
33
|
-
"@entur/typography": "^1.7.
|
|
34
|
-
"@entur/utils": "^0.4.
|
|
30
|
+
"@entur/icons": "^5.4.0",
|
|
31
|
+
"@entur/tokens": "^3.4.3",
|
|
32
|
+
"@entur/tooltip": "^2.5.24",
|
|
33
|
+
"@entur/typography": "^1.7.3",
|
|
34
|
+
"@entur/utils": "^0.4.8",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "103844c30bdc32296f3998a360cf6066492173e9"
|
|
38
38
|
}
|