@entur/form 7.1.10-beta.0 → 7.1.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/dist/styles.css +430 -430
- package/package.json +5 -5
package/dist/styles.css
CHANGED
|
@@ -1,233 +1,5 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
-
.eds-checkbox__container {
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: center;
|
|
6
|
-
position: relative;
|
|
7
|
-
-webkit-appearance: none;
|
|
8
|
-
-moz-appearance: none;
|
|
9
|
-
appearance: none;
|
|
10
|
-
cursor: pointer;
|
|
11
|
-
-webkit-user-select: none;
|
|
12
|
-
-moz-user-select: none;
|
|
13
|
-
user-select: none;
|
|
14
|
-
width: -moz-fit-content;
|
|
15
|
-
width: fit-content;
|
|
16
|
-
margin: 0.5rem 0;
|
|
17
|
-
}
|
|
18
|
-
.eds-checkbox__container--reduced-click-area {
|
|
19
|
-
height: -moz-fit-content;
|
|
20
|
-
height: fit-content;
|
|
21
|
-
}
|
|
22
|
-
.eds-checkbox__container input {
|
|
23
|
-
position: absolute;
|
|
24
|
-
opacity: 0;
|
|
25
|
-
height: 0;
|
|
26
|
-
width: 0;
|
|
27
|
-
}
|
|
28
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
29
|
-
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
30
|
-
}
|
|
31
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
32
|
-
visibility: visible;
|
|
33
|
-
}
|
|
34
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
|
|
35
|
-
stroke: var(--components-form-checkbox-standard-icon);
|
|
36
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
37
|
-
}
|
|
38
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
|
|
39
|
-
fill: var(--components-form-checkbox-standard-icon);
|
|
40
|
-
}
|
|
41
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
42
|
-
opacity: 0.5;
|
|
43
|
-
}
|
|
44
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
|
|
45
|
-
opacity: 0.5;
|
|
46
|
-
}
|
|
47
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
|
|
48
|
-
opacity: 0.5;
|
|
49
|
-
}
|
|
50
|
-
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
|
|
51
|
-
opacity: 0.5;
|
|
52
|
-
}
|
|
53
|
-
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
|
|
54
|
-
opacity: 0.5;
|
|
55
|
-
}
|
|
56
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
57
|
-
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
58
|
-
}
|
|
59
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
|
|
60
|
-
stroke: var(--components-form-checkbox-contrast-icon);
|
|
61
|
-
}
|
|
62
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
|
|
63
|
-
fill: var(--components-form-checkbox-contrast-icon);
|
|
64
|
-
}
|
|
65
|
-
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
66
|
-
border-color: var(--components-form-checkbox-standard-border);
|
|
67
|
-
background-color: var(--components-form-checkbox-standard-fill-hover);
|
|
68
|
-
}
|
|
69
|
-
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
70
|
-
border-color: var(--components-form-checkbox-contrast-border);
|
|
71
|
-
background-color: var(--components-form-checkbox-contrast-fill-hover);
|
|
72
|
-
}
|
|
73
|
-
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
74
|
-
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
75
|
-
border-color: transparent;
|
|
76
|
-
background-color: var(--components-form-checkbox-standard-fill-selectedhover);
|
|
77
|
-
}
|
|
78
|
-
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
79
|
-
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
80
|
-
background-color: var(--components-form-checkbox-contrast-fill-selectedhover);
|
|
81
|
-
}
|
|
82
|
-
.eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
83
|
-
.eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
84
|
-
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
85
|
-
}
|
|
86
|
-
.eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
87
|
-
.eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
88
|
-
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
89
|
-
}
|
|
90
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
91
|
-
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
92
|
-
outline: 2px solid #181c56;
|
|
93
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
94
|
-
outline-offset: 0.125rem;
|
|
95
|
-
}
|
|
96
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
97
|
-
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
98
|
-
outline: 2px solid #181c56;
|
|
99
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
100
|
-
outline-offset: 0.125rem;
|
|
101
|
-
}
|
|
102
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
103
|
-
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
104
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
105
|
-
}
|
|
106
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
107
|
-
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
108
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
109
|
-
}
|
|
110
|
-
.eds-checkbox--disabled {
|
|
111
|
-
pointer-events: none;
|
|
112
|
-
}
|
|
113
|
-
.eds-checkbox--disabled .eds-checkbox__label {
|
|
114
|
-
opacity: 0.5;
|
|
115
|
-
}
|
|
116
|
-
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
117
|
-
opacity: 0.5;
|
|
118
|
-
}
|
|
119
|
-
.eds-checkbox__icon {
|
|
120
|
-
box-sizing: border-box;
|
|
121
|
-
display: inline-flex;
|
|
122
|
-
justify-content: center;
|
|
123
|
-
align-items: center;
|
|
124
|
-
position: relative;
|
|
125
|
-
margin-right: 1rem;
|
|
126
|
-
height: 1.25rem;
|
|
127
|
-
width: 1.25rem;
|
|
128
|
-
border: 0.125rem solid var(--components-form-checkbox-standard-border);
|
|
129
|
-
border-radius: 0.125rem;
|
|
130
|
-
background-color: transparent;
|
|
131
|
-
transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
132
|
-
}
|
|
133
|
-
.eds-checkbox__icon--reduced-click-area {
|
|
134
|
-
margin-right: 0;
|
|
135
|
-
}
|
|
136
|
-
.eds-contrast .eds-checkbox__icon {
|
|
137
|
-
border-color: var(--components-form-checkbox-contrast-border);
|
|
138
|
-
}
|
|
139
|
-
.eds-checkbox__icon .eds-checkbox-icon {
|
|
140
|
-
height: 1rem;
|
|
141
|
-
width: 1rem;
|
|
142
|
-
visibility: hidden;
|
|
143
|
-
}
|
|
144
|
-
.eds-checkbox__icon .eds-checkbox-icon path {
|
|
145
|
-
transform-origin: 50% 50%;
|
|
146
|
-
stroke-dasharray: 48;
|
|
147
|
-
stroke-dashoffset: 48;
|
|
148
|
-
stroke-width: 0.375rem;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
@keyframes stroke {
|
|
152
|
-
100% {
|
|
153
|
-
stroke-dashoffset: 0;
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
/* DO NOT CHANGE!*/
|
|
157
|
-
/* 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
3
|
.eds-form-control-wrapper {
|
|
232
4
|
align-items: center;
|
|
233
5
|
background-color: var(--components-form-baseform-standard-fill-default);
|
|
@@ -413,122 +185,287 @@
|
|
|
413
185
|
}
|
|
414
186
|
/* DO NOT CHANGE!*/
|
|
415
187
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
416
|
-
.eds-
|
|
417
|
-
|
|
188
|
+
.eds-input-group {
|
|
189
|
+
color: inherit;
|
|
190
|
+
display: block;
|
|
191
|
+
position: relative;
|
|
192
|
+
}
|
|
193
|
+
.eds-input-group__label {
|
|
194
|
+
color: var(--components-form-baseform-standard-text-label);
|
|
195
|
+
display: flex;
|
|
196
|
+
font-size: 1rem;
|
|
197
|
+
position: absolute;
|
|
198
|
+
line-height: 1rem;
|
|
199
|
+
height: 3rem;
|
|
200
|
+
padding: 1rem;
|
|
201
|
+
padding-left: 0;
|
|
202
|
+
margin-left: 1rem;
|
|
203
|
+
top: -0.125rem;
|
|
204
|
+
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;
|
|
418
205
|
-webkit-user-select: none;
|
|
419
206
|
-moz-user-select: none;
|
|
420
207
|
user-select: none;
|
|
421
|
-
padding: 0.5rem 0;
|
|
422
|
-
width: -moz-fit-content;
|
|
423
|
-
width: fit-content;
|
|
424
|
-
}
|
|
425
|
-
.eds-switch input {
|
|
426
|
-
opacity: 0;
|
|
427
208
|
pointer-events: none;
|
|
428
|
-
position: absolute;
|
|
429
209
|
}
|
|
430
|
-
.eds-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
210
|
+
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
211
|
+
top: 0.375rem;
|
|
212
|
+
font-size: 0.75rem;
|
|
213
|
+
line-height: 0.75rem;
|
|
214
|
+
height: 10px;
|
|
215
|
+
padding: 0;
|
|
216
|
+
margin-left: 1rem;
|
|
434
217
|
}
|
|
435
|
-
.eds-
|
|
218
|
+
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
219
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
220
|
+
background: var(--textarea-label-background);
|
|
221
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
222
|
+
}
|
|
223
|
+
.eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
224
|
+
top: 0.5rem;
|
|
225
|
+
font-size: 0.875rem;
|
|
226
|
+
line-height: 1rem;
|
|
227
|
+
padding: 0;
|
|
228
|
+
margin-left: 1rem;
|
|
229
|
+
}
|
|
230
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
231
|
+
font-size: 1.5rem;
|
|
232
|
+
line-height: 2.25rem;
|
|
233
|
+
height: 4rem;
|
|
234
|
+
top: -0.25rem;
|
|
235
|
+
}
|
|
236
|
+
.eds-input-group__label--filled {
|
|
237
|
+
top: 0.375rem;
|
|
238
|
+
font-size: 0.75rem;
|
|
239
|
+
line-height: 0.75rem;
|
|
240
|
+
height: 10px;
|
|
241
|
+
padding: 0;
|
|
242
|
+
margin-left: 1rem;
|
|
243
|
+
}
|
|
244
|
+
.eds-textarea__label .eds-input-group__label--filled {
|
|
245
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
246
|
+
background: var(--textarea-label-background);
|
|
247
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
248
|
+
}
|
|
249
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
250
|
+
top: 0.5rem;
|
|
251
|
+
font-size: 0.875rem;
|
|
252
|
+
line-height: 1rem;
|
|
253
|
+
padding: 0;
|
|
254
|
+
margin-left: 1rem;
|
|
255
|
+
}
|
|
256
|
+
.eds-input-group__label-tooltip-icon {
|
|
257
|
+
color: var(--base-colors-shape-accent);
|
|
258
|
+
padding-left: 0.25rem;
|
|
259
|
+
padding-right: 0.25rem;
|
|
436
260
|
display: flex;
|
|
437
|
-
flex-direction: column;
|
|
438
261
|
align-items: center;
|
|
262
|
+
cursor: help;
|
|
263
|
+
font-size: 1rem;
|
|
439
264
|
}
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
265
|
+
|
|
266
|
+
.eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
267
|
+
top: 0.375rem;
|
|
268
|
+
font-size: 0.75rem;
|
|
269
|
+
line-height: 0.75rem;
|
|
270
|
+
height: 10px;
|
|
271
|
+
padding: 0;
|
|
272
|
+
margin-left: 1rem;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
276
|
+
top: 0.375rem;
|
|
277
|
+
font-size: 0.75rem;
|
|
278
|
+
line-height: 0.75rem;
|
|
279
|
+
height: 10px;
|
|
280
|
+
padding: 0;
|
|
281
|
+
margin-left: 1rem;
|
|
282
|
+
}
|
|
283
|
+
.eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
284
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
285
|
+
background: var(--textarea-label-background);
|
|
286
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
287
|
+
}
|
|
288
|
+
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
289
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
290
|
+
background: var(--textarea-label-background);
|
|
291
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
292
|
+
}
|
|
293
|
+
.eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
|
|
294
|
+
top: 0.5rem;
|
|
295
|
+
font-size: 0.875rem;
|
|
296
|
+
line-height: 1rem;
|
|
297
|
+
padding: 0;
|
|
298
|
+
margin-left: 1rem;
|
|
299
|
+
}
|
|
300
|
+
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
301
|
+
top: 0.5rem;
|
|
302
|
+
font-size: 0.875rem;
|
|
303
|
+
line-height: 1rem;
|
|
304
|
+
padding: 0;
|
|
305
|
+
margin-left: 1rem;
|
|
306
|
+
}
|
|
307
|
+
.eds-contrast .eds-form-control-wrapper .eds-tooltip {
|
|
308
|
+
background: var(--components-tooltip-tooltip-standard-fill);
|
|
309
|
+
color: var(--components-tooltip-tooltip-standard-text);
|
|
310
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
311
|
+
}
|
|
312
|
+
.eds-form-control-wrapper .eds-tooltip::after {
|
|
313
|
+
background: var(--components-tooltip-tooltip-standard-fill);
|
|
314
|
+
}
|
|
315
|
+
/* DO NOT CHANGE!*/
|
|
316
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
317
|
+
.eds-checkbox__container {
|
|
445
318
|
display: flex;
|
|
446
319
|
align-items: center;
|
|
447
|
-
justify-content: center;
|
|
448
|
-
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
449
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
450
|
-
background-color: var(--components-form-switch-standard-switch);
|
|
451
|
-
top: 0.125rem;
|
|
452
|
-
left: 0.125rem;
|
|
453
320
|
position: relative;
|
|
321
|
+
-webkit-appearance: none;
|
|
322
|
+
-moz-appearance: none;
|
|
323
|
+
appearance: none;
|
|
324
|
+
cursor: pointer;
|
|
325
|
+
-webkit-user-select: none;
|
|
326
|
+
-moz-user-select: none;
|
|
327
|
+
user-select: none;
|
|
328
|
+
width: -moz-fit-content;
|
|
329
|
+
width: fit-content;
|
|
330
|
+
margin: 0.5rem 0;
|
|
454
331
|
}
|
|
455
|
-
.eds-
|
|
456
|
-
height:
|
|
457
|
-
|
|
332
|
+
.eds-checkbox__container--reduced-click-area {
|
|
333
|
+
height: -moz-fit-content;
|
|
334
|
+
height: fit-content;
|
|
458
335
|
}
|
|
459
|
-
.eds-
|
|
460
|
-
|
|
336
|
+
.eds-checkbox__container input {
|
|
337
|
+
position: absolute;
|
|
338
|
+
opacity: 0;
|
|
339
|
+
height: 0;
|
|
340
|
+
width: 0;
|
|
461
341
|
}
|
|
462
|
-
.eds-
|
|
463
|
-
|
|
464
|
-
background-color: var(--components-form-switch-standard-fill-false);
|
|
465
|
-
content: "";
|
|
466
|
-
display: block;
|
|
467
|
-
transition: background-color 0.1s ease-in-out;
|
|
468
|
-
height: 1.5rem;
|
|
469
|
-
width: 3rem;
|
|
470
|
-
border-radius: 1.5rem;
|
|
471
|
-
box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
|
|
342
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
343
|
+
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
472
344
|
}
|
|
473
|
-
.eds-
|
|
474
|
-
|
|
345
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
346
|
+
visibility: visible;
|
|
475
347
|
}
|
|
476
|
-
.eds-
|
|
477
|
-
|
|
348
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
|
|
349
|
+
stroke: var(--components-form-checkbox-standard-icon);
|
|
350
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
478
351
|
}
|
|
479
|
-
.eds-
|
|
480
|
-
|
|
481
|
-
fill: var(--components-form-switch-standard-icon-false);
|
|
482
|
-
transition: fill ease-in-out 0.1s;
|
|
352
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
|
|
353
|
+
fill: var(--components-form-checkbox-standard-icon);
|
|
483
354
|
}
|
|
484
|
-
.eds-
|
|
485
|
-
|
|
486
|
-
fill: var(--components-form-switch-contrast-icon-false);
|
|
355
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
356
|
+
opacity: 0.5;
|
|
487
357
|
}
|
|
488
|
-
:checked + .eds-
|
|
489
|
-
|
|
358
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
|
|
359
|
+
opacity: 0.5;
|
|
490
360
|
}
|
|
491
|
-
:checked + .eds-
|
|
492
|
-
|
|
361
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
|
|
362
|
+
opacity: 0.5;
|
|
493
363
|
}
|
|
494
|
-
:
|
|
495
|
-
:
|
|
496
|
-
fill: var(--eds-switch-color);
|
|
364
|
+
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
|
|
365
|
+
opacity: 0.5;
|
|
497
366
|
}
|
|
498
|
-
.eds-
|
|
499
|
-
|
|
367
|
+
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
|
|
368
|
+
opacity: 0.5;
|
|
500
369
|
}
|
|
501
|
-
:
|
|
370
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
371
|
+
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
372
|
+
}
|
|
373
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
|
|
374
|
+
stroke: var(--components-form-checkbox-contrast-icon);
|
|
375
|
+
}
|
|
376
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
|
|
377
|
+
fill: var(--components-form-checkbox-contrast-icon);
|
|
378
|
+
}
|
|
379
|
+
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
380
|
+
border-color: var(--components-form-checkbox-standard-border);
|
|
381
|
+
background-color: var(--components-form-checkbox-standard-fill-hover);
|
|
382
|
+
}
|
|
383
|
+
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
384
|
+
border-color: var(--components-form-checkbox-contrast-border);
|
|
385
|
+
background-color: var(--components-form-checkbox-contrast-fill-hover);
|
|
386
|
+
}
|
|
387
|
+
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
388
|
+
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
389
|
+
border-color: transparent;
|
|
390
|
+
background-color: var(--components-form-checkbox-standard-fill-selectedhover);
|
|
391
|
+
}
|
|
392
|
+
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
393
|
+
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
394
|
+
background-color: var(--components-form-checkbox-contrast-fill-selectedhover);
|
|
395
|
+
}
|
|
396
|
+
.eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
397
|
+
.eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
398
|
+
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
399
|
+
}
|
|
400
|
+
.eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
401
|
+
.eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
402
|
+
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
403
|
+
}
|
|
404
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
405
|
+
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
502
406
|
outline: 2px solid #181c56;
|
|
503
407
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
504
408
|
outline-offset: 0.125rem;
|
|
505
409
|
}
|
|
506
|
-
.eds-
|
|
410
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
411
|
+
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
412
|
+
outline: 2px solid #181c56;
|
|
413
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
414
|
+
outline-offset: 0.125rem;
|
|
415
|
+
}
|
|
416
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
417
|
+
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
507
418
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
508
419
|
}
|
|
509
|
-
.eds-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
border-radius: 3.75rem;
|
|
420
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
421
|
+
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
422
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
513
423
|
}
|
|
514
|
-
|
|
515
|
-
|
|
424
|
+
.eds-checkbox--disabled {
|
|
425
|
+
pointer-events: none;
|
|
516
426
|
}
|
|
517
|
-
.eds-
|
|
427
|
+
.eds-checkbox--disabled .eds-checkbox__label {
|
|
428
|
+
opacity: 0.5;
|
|
429
|
+
}
|
|
430
|
+
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
431
|
+
opacity: 0.5;
|
|
432
|
+
}
|
|
433
|
+
.eds-checkbox__icon {
|
|
434
|
+
box-sizing: border-box;
|
|
435
|
+
display: inline-flex;
|
|
436
|
+
justify-content: center;
|
|
437
|
+
align-items: center;
|
|
518
438
|
position: relative;
|
|
519
|
-
right:
|
|
439
|
+
margin-right: 1rem;
|
|
440
|
+
height: 1.25rem;
|
|
441
|
+
width: 1.25rem;
|
|
442
|
+
border: 0.125rem solid var(--components-form-checkbox-standard-border);
|
|
443
|
+
border-radius: 0.125rem;
|
|
444
|
+
background-color: transparent;
|
|
445
|
+
transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
520
446
|
}
|
|
521
|
-
.eds-
|
|
522
|
-
|
|
447
|
+
.eds-checkbox__icon--reduced-click-area {
|
|
448
|
+
margin-right: 0;
|
|
523
449
|
}
|
|
524
|
-
.eds-
|
|
525
|
-
|
|
450
|
+
.eds-contrast .eds-checkbox__icon {
|
|
451
|
+
border-color: var(--components-form-checkbox-contrast-border);
|
|
526
452
|
}
|
|
527
|
-
.eds-
|
|
528
|
-
|
|
453
|
+
.eds-checkbox__icon .eds-checkbox-icon {
|
|
454
|
+
height: 1rem;
|
|
455
|
+
width: 1rem;
|
|
456
|
+
visibility: hidden;
|
|
529
457
|
}
|
|
530
|
-
.eds-
|
|
531
|
-
|
|
458
|
+
.eds-checkbox__icon .eds-checkbox-icon path {
|
|
459
|
+
transform-origin: 50% 50%;
|
|
460
|
+
stroke-dasharray: 48;
|
|
461
|
+
stroke-dashoffset: 48;
|
|
462
|
+
stroke-width: 0.375rem;
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
@keyframes stroke {
|
|
466
|
+
100% {
|
|
467
|
+
stroke-dashoffset: 0;
|
|
468
|
+
}
|
|
532
469
|
}
|
|
533
470
|
/* DO NOT CHANGE!*/
|
|
534
471
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -609,149 +546,134 @@
|
|
|
609
546
|
background-color: var(--components-form-radio-standard-fill-selected);
|
|
610
547
|
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
611
548
|
}
|
|
612
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
613
|
-
background-color: var(--components-form-radio-contrast-icon);
|
|
549
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
550
|
+
background-color: var(--components-form-radio-contrast-icon);
|
|
551
|
+
}
|
|
552
|
+
/* DO NOT CHANGE!*/
|
|
553
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
554
|
+
textarea.eds-form-control.eds-textarea {
|
|
555
|
+
min-height: 7.75rem;
|
|
556
|
+
resize: vertical;
|
|
557
|
+
line-height: 1.5rem;
|
|
558
|
+
}
|
|
559
|
+
/* DO NOT CHANGE!*/
|
|
560
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
561
|
+
.eds-switch {
|
|
562
|
+
cursor: pointer;
|
|
563
|
+
-webkit-user-select: none;
|
|
564
|
+
-moz-user-select: none;
|
|
565
|
+
user-select: none;
|
|
566
|
+
padding: 0.5rem 0;
|
|
567
|
+
width: -moz-fit-content;
|
|
568
|
+
width: fit-content;
|
|
569
|
+
}
|
|
570
|
+
.eds-switch input {
|
|
571
|
+
opacity: 0;
|
|
572
|
+
pointer-events: none;
|
|
573
|
+
position: absolute;
|
|
574
|
+
}
|
|
575
|
+
.eds-switch--right {
|
|
576
|
+
display: flex;
|
|
577
|
+
flex-direction: row;
|
|
578
|
+
align-items: center;
|
|
579
|
+
}
|
|
580
|
+
.eds-switch--bottom {
|
|
581
|
+
display: flex;
|
|
582
|
+
flex-direction: column;
|
|
583
|
+
align-items: center;
|
|
584
|
+
}
|
|
585
|
+
.eds-switch__circle {
|
|
586
|
+
border-radius: 50%;
|
|
587
|
+
height: 1.25rem;
|
|
588
|
+
width: 1.25rem;
|
|
589
|
+
content: "";
|
|
590
|
+
display: flex;
|
|
591
|
+
align-items: center;
|
|
592
|
+
justify-content: center;
|
|
593
|
+
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
594
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
595
|
+
background-color: var(--components-form-switch-standard-switch);
|
|
596
|
+
top: 0.125rem;
|
|
597
|
+
left: 0.125rem;
|
|
598
|
+
position: relative;
|
|
599
|
+
}
|
|
600
|
+
.eds-switch__switch--large .eds-switch__circle {
|
|
601
|
+
height: 1.75rem;
|
|
602
|
+
width: 1.75rem;
|
|
603
|
+
}
|
|
604
|
+
.eds-contrast .eds-switch__circle {
|
|
605
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
|
|
614
606
|
}
|
|
615
|
-
|
|
616
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
617
|
-
.eds-input-group {
|
|
618
|
-
color: inherit;
|
|
619
|
-
display: block;
|
|
607
|
+
.eds-switch__switch {
|
|
620
608
|
position: relative;
|
|
609
|
+
background-color: var(--components-form-switch-standard-fill-false);
|
|
610
|
+
content: "";
|
|
611
|
+
display: block;
|
|
612
|
+
transition: background-color 0.1s ease-in-out;
|
|
613
|
+
height: 1.5rem;
|
|
614
|
+
width: 3rem;
|
|
615
|
+
border-radius: 1.5rem;
|
|
616
|
+
box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
|
|
621
617
|
}
|
|
622
|
-
.eds-
|
|
623
|
-
color: var(--components-form-
|
|
624
|
-
display: flex;
|
|
625
|
-
font-size: 1rem;
|
|
626
|
-
position: absolute;
|
|
627
|
-
line-height: 1rem;
|
|
628
|
-
height: 3rem;
|
|
629
|
-
padding: 1rem;
|
|
630
|
-
padding-left: 0;
|
|
631
|
-
margin-left: 1rem;
|
|
632
|
-
top: -0.125rem;
|
|
633
|
-
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;
|
|
634
|
-
-webkit-user-select: none;
|
|
635
|
-
-moz-user-select: none;
|
|
636
|
-
user-select: none;
|
|
637
|
-
pointer-events: none;
|
|
618
|
+
.eds-contrast .eds-switch__switch {
|
|
619
|
+
background-color: var(--components-form-switch-contrast-fill-false);
|
|
638
620
|
}
|
|
639
|
-
.eds-
|
|
640
|
-
|
|
641
|
-
font-size: 0.75rem;
|
|
642
|
-
line-height: 0.75rem;
|
|
643
|
-
height: 10px;
|
|
644
|
-
padding: 0;
|
|
645
|
-
margin-left: 1rem;
|
|
621
|
+
.eds-switch--right .eds-switch__switch {
|
|
622
|
+
margin-right: 0.75rem;
|
|
646
623
|
}
|
|
647
|
-
.eds-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
624
|
+
.eds-switch__switch svg g,
|
|
625
|
+
.eds-switch__switch path {
|
|
626
|
+
fill: var(--components-form-switch-standard-icon-false);
|
|
627
|
+
transition: fill ease-in-out 0.1s;
|
|
651
628
|
}
|
|
652
|
-
.eds-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
line-height: 1rem;
|
|
656
|
-
padding: 0;
|
|
657
|
-
margin-left: 1rem;
|
|
629
|
+
.eds-contrast .eds-switch__switch svg g,
|
|
630
|
+
.eds-contrast .eds-switch__switch path {
|
|
631
|
+
fill: var(--components-form-switch-contrast-icon-false);
|
|
658
632
|
}
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
line-height: 2.25rem;
|
|
662
|
-
height: 4rem;
|
|
663
|
-
top: -0.25rem;
|
|
633
|
+
:checked + .eds-switch__switch {
|
|
634
|
+
background-color: var(--eds-switch-color);
|
|
664
635
|
}
|
|
665
|
-
.eds-
|
|
666
|
-
|
|
667
|
-
font-size: 0.75rem;
|
|
668
|
-
line-height: 0.75rem;
|
|
669
|
-
height: 10px;
|
|
670
|
-
padding: 0;
|
|
671
|
-
margin-left: 1rem;
|
|
636
|
+
:checked + .eds-switch__switch .eds-switch__circle {
|
|
637
|
+
left: 1.625rem;
|
|
672
638
|
}
|
|
673
|
-
.eds-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
639
|
+
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
640
|
+
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
641
|
+
fill: var(--eds-switch-color);
|
|
677
642
|
}
|
|
678
|
-
.eds-
|
|
679
|
-
|
|
680
|
-
font-size: 0.875rem;
|
|
681
|
-
line-height: 1rem;
|
|
682
|
-
padding: 0;
|
|
683
|
-
margin-left: 1rem;
|
|
643
|
+
.eds-contrast :checked + .eds-switch__switch {
|
|
644
|
+
background-color: var(--eds-switch-contrast-color);
|
|
684
645
|
}
|
|
685
|
-
.eds-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
display: flex;
|
|
690
|
-
align-items: center;
|
|
691
|
-
cursor: help;
|
|
692
|
-
font-size: 1rem;
|
|
646
|
+
:focus + .eds-switch__switch {
|
|
647
|
+
outline: 2px solid #181c56;
|
|
648
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
649
|
+
outline-offset: 0.125rem;
|
|
693
650
|
}
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
top: 0.375rem;
|
|
697
|
-
font-size: 0.75rem;
|
|
698
|
-
line-height: 0.75rem;
|
|
699
|
-
height: 10px;
|
|
700
|
-
padding: 0;
|
|
701
|
-
margin-left: 1rem;
|
|
651
|
+
.eds-contrast :focus + .eds-switch__switch {
|
|
652
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
702
653
|
}
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
line-height: 0.75rem;
|
|
708
|
-
height: 10px;
|
|
709
|
-
padding: 0;
|
|
710
|
-
margin-left: 1rem;
|
|
654
|
+
.eds-switch__switch--large {
|
|
655
|
+
width: 3.75rem;
|
|
656
|
+
height: 2rem;
|
|
657
|
+
border-radius: 3.75rem;
|
|
711
658
|
}
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
background: var(--textarea-label-background);
|
|
715
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
659
|
+
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
660
|
+
left: 1.875rem;
|
|
716
661
|
}
|
|
717
|
-
.eds-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
662
|
+
.eds-switch__switch--large svg {
|
|
663
|
+
position: relative;
|
|
664
|
+
right: 0.05rem;
|
|
721
665
|
}
|
|
722
|
-
.eds-
|
|
723
|
-
|
|
724
|
-
font-size: 0.875rem;
|
|
725
|
-
line-height: 1rem;
|
|
726
|
-
padding: 0;
|
|
727
|
-
margin-left: 1rem;
|
|
666
|
+
.eds-switch__label--large--right {
|
|
667
|
+
font-size: 1rem;
|
|
728
668
|
}
|
|
729
|
-
.eds-
|
|
730
|
-
top: 0.5rem;
|
|
669
|
+
.eds-switch__label--large--bottom {
|
|
731
670
|
font-size: 0.875rem;
|
|
732
|
-
line-height: 1rem;
|
|
733
|
-
padding: 0;
|
|
734
|
-
margin-left: 1rem;
|
|
735
|
-
}
|
|
736
|
-
.eds-contrast .eds-form-control-wrapper .eds-tooltip {
|
|
737
|
-
background: var(--components-tooltip-tooltip-standard-fill);
|
|
738
|
-
color: var(--components-tooltip-tooltip-standard-text);
|
|
739
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
740
|
-
}
|
|
741
|
-
.eds-form-control-wrapper .eds-tooltip::after {
|
|
742
|
-
background: var(--components-tooltip-tooltip-standard-fill);
|
|
743
671
|
}
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
textarea.eds-form-control.eds-textarea {
|
|
747
|
-
min-height: 7.75rem;
|
|
748
|
-
resize: vertical;
|
|
749
|
-
line-height: 1.5rem;
|
|
672
|
+
.eds-switch__label--medium--right {
|
|
673
|
+
font-size: 0.875rem;
|
|
750
674
|
}
|
|
751
|
-
.eds-
|
|
752
|
-
|
|
753
|
-
padding: 0;
|
|
754
|
-
border: 0;
|
|
675
|
+
.eds-switch__label--medium--bottom {
|
|
676
|
+
font-size: 0.75rem;
|
|
755
677
|
}
|
|
756
678
|
/* DO NOT CHANGE!*/
|
|
757
679
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -909,6 +831,84 @@ input:disabled + .eds-input-panel__container {
|
|
|
909
831
|
margin-top: 0.25rem;
|
|
910
832
|
word-wrap: break-word;
|
|
911
833
|
}
|
|
834
|
+
.eds-fieldset {
|
|
835
|
+
margin: 0;
|
|
836
|
+
padding: 0;
|
|
837
|
+
border: 0;
|
|
838
|
+
}
|
|
839
|
+
/* DO NOT CHANGE!*/
|
|
840
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
841
|
+
.eds-feedback-text {
|
|
842
|
+
display: flex;
|
|
843
|
+
align-items: center;
|
|
844
|
+
margin-top: 0.25rem;
|
|
845
|
+
}
|
|
846
|
+
.eds-feedback-text--info, .eds-feedback-text--information {
|
|
847
|
+
padding-left: calc(1rem + 0.125rem);
|
|
848
|
+
}
|
|
849
|
+
.eds-feedback-text__text {
|
|
850
|
+
color: var(--components-form-feedbacktext-information-standard-text);
|
|
851
|
+
}
|
|
852
|
+
.eds-contrast .eds-feedback-text__text {
|
|
853
|
+
color: var(--components-form-feedbacktext-information-contrast-text);
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
.eds-feedback-text__icon {
|
|
857
|
+
font-size: 1.5rem;
|
|
858
|
+
min-height: 1.5rem;
|
|
859
|
+
min-width: 1.5rem;
|
|
860
|
+
padding-right: 0.5rem;
|
|
861
|
+
position: relative;
|
|
862
|
+
top: -0.1rem;
|
|
863
|
+
}
|
|
864
|
+
.eds-feedback-text__icon--success {
|
|
865
|
+
color: var(--components-form-feedbacktext-success-standard-icon-fill);
|
|
866
|
+
}
|
|
867
|
+
.eds-feedback-text__icon--success circle {
|
|
868
|
+
fill: var(--components-form-feedbacktext-success-standard-icon-symbol);
|
|
869
|
+
}
|
|
870
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
871
|
+
color: var(--components-form-feedbacktext-success-contrast-icon-fill);
|
|
872
|
+
}
|
|
873
|
+
.eds-contrast .eds-feedback-text__icon--success circle {
|
|
874
|
+
fill: var(--components-form-feedbacktext-success-contrast-icon-symbol);
|
|
875
|
+
}
|
|
876
|
+
.eds-feedback-text__icon--error, .eds-feedback-text__icon--negative {
|
|
877
|
+
color: var(--components-form-feedbacktext-negative-standard-icon-fill);
|
|
878
|
+
}
|
|
879
|
+
.eds-feedback-text__icon--error circle, .eds-feedback-text__icon--negative circle {
|
|
880
|
+
fill: var(--components-form-feedbacktext-negative-standard-icon-symbol);
|
|
881
|
+
}
|
|
882
|
+
.eds-contrast .eds-feedback-text__icon--error, .eds-contrast .eds-feedback-text__icon--negative {
|
|
883
|
+
color: var(--components-form-feedbacktext-negative-contrast-icon-fill);
|
|
884
|
+
}
|
|
885
|
+
.eds-contrast .eds-feedback-text__icon--error circle, .eds-contrast .eds-feedback-text__icon--negative circle {
|
|
886
|
+
fill: var(--components-form-feedbacktext-negative-contrast-icon-symbol);
|
|
887
|
+
}
|
|
888
|
+
.eds-feedback-text__icon--info, .eds-feedback-text__icon--information {
|
|
889
|
+
color: var(--components-form-feedbacktext-information-standard-icon-fill);
|
|
890
|
+
}
|
|
891
|
+
.eds-feedback-text__icon--info circle, .eds-feedback-text__icon--information circle {
|
|
892
|
+
fill: var(--components-form-feedbacktext-information-standard-icon-symbol);
|
|
893
|
+
}
|
|
894
|
+
.eds-contrast .eds-feedback-text__icon--info, .eds-contrast .eds-feedback-text__icon--information {
|
|
895
|
+
color: var(--components-form-feedbacktext-information-contrast-icon-fill);
|
|
896
|
+
}
|
|
897
|
+
.eds-contrast .eds-feedback-text__icon--info circle, .eds-contrast .eds-feedback-text__icon--information circle {
|
|
898
|
+
fill: var(--components-form-feedbacktext-information-contrast-icon-symbol);
|
|
899
|
+
}
|
|
900
|
+
.eds-feedback-text__icon--warning {
|
|
901
|
+
color: var(--components-form-feedbacktext-warning-standard-icon-fill);
|
|
902
|
+
}
|
|
903
|
+
.eds-feedback-text__icon--warning .svg-exclamation {
|
|
904
|
+
fill: var(--components-form-feedbacktext-warning-standard-icon-symbol);
|
|
905
|
+
}
|
|
906
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
907
|
+
color: var(--components-form-feedbacktext-warning-contrast-icon-fill);
|
|
908
|
+
}
|
|
909
|
+
.eds-contrast .eds-feedback-text__icon--warning circle {
|
|
910
|
+
fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
|
|
911
|
+
}
|
|
912
912
|
/* DO NOT CHANGE!*/
|
|
913
913
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
914
914
|
.eds-textfield__clear-button {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.1.10
|
|
3
|
+
"version": "7.1.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": "^6.17.1
|
|
30
|
+
"@entur/icons": "^6.17.1",
|
|
31
31
|
"@entur/tokens": "^3.15.0",
|
|
32
|
-
"@entur/tooltip": "^2.7.9
|
|
33
|
-
"@entur/typography": "^1.8.38
|
|
32
|
+
"@entur/tooltip": "^2.7.9",
|
|
33
|
+
"@entur/typography": "^1.8.38",
|
|
34
34
|
"@entur/utils": "^0.11.1",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "8f5dd2a35e3794050cdc8664efeb078254404632"
|
|
38
38
|
}
|