@entur/form 8.3.2-beta.10 → 8.3.2-beta.11
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 +208 -208
- package/package.json +5 -5
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__field-and-feedback-text {
|
|
77
4
|
display: flex;
|
|
78
5
|
flex-direction: column;
|
|
@@ -283,6 +210,203 @@
|
|
|
283
210
|
}
|
|
284
211
|
/* DO NOT CHANGE!*/
|
|
285
212
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
213
|
+
.eds-feedback-text {
|
|
214
|
+
display: flex;
|
|
215
|
+
align-items: center;
|
|
216
|
+
margin-top: 0.25rem;
|
|
217
|
+
}
|
|
218
|
+
.eds-feedback-text--info, .eds-feedback-text--information {
|
|
219
|
+
padding-left: calc(1rem + 0.125rem);
|
|
220
|
+
}
|
|
221
|
+
.eds-feedback-text__text {
|
|
222
|
+
color: var(--components-form-feedbacktext-information-standard-text);
|
|
223
|
+
}
|
|
224
|
+
.eds-contrast .eds-feedback-text__text {
|
|
225
|
+
color: var(--components-form-feedbacktext-information-contrast-text);
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.eds-feedback-text__icon {
|
|
229
|
+
font-size: 1.5rem;
|
|
230
|
+
min-height: 1.5rem;
|
|
231
|
+
min-width: 1.5rem;
|
|
232
|
+
padding-right: 0.5rem;
|
|
233
|
+
position: relative;
|
|
234
|
+
top: -0.1rem;
|
|
235
|
+
}
|
|
236
|
+
.eds-feedback-text__icon--success {
|
|
237
|
+
color: var(--components-form-feedbacktext-success-standard-icon-fill);
|
|
238
|
+
}
|
|
239
|
+
.eds-feedback-text__icon--success circle {
|
|
240
|
+
fill: var(--components-form-feedbacktext-success-standard-icon-symbol);
|
|
241
|
+
}
|
|
242
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
243
|
+
color: var(--components-form-feedbacktext-success-contrast-icon-fill);
|
|
244
|
+
}
|
|
245
|
+
.eds-contrast .eds-feedback-text__icon--success circle {
|
|
246
|
+
fill: var(--components-form-feedbacktext-success-contrast-icon-symbol);
|
|
247
|
+
}
|
|
248
|
+
.eds-feedback-text__icon--error, .eds-feedback-text__icon--negative {
|
|
249
|
+
color: var(--components-form-feedbacktext-negative-standard-icon-fill);
|
|
250
|
+
}
|
|
251
|
+
.eds-feedback-text__icon--error circle, .eds-feedback-text__icon--negative circle {
|
|
252
|
+
fill: var(--components-form-feedbacktext-negative-standard-icon-symbol);
|
|
253
|
+
}
|
|
254
|
+
.eds-contrast .eds-feedback-text__icon--error, .eds-contrast .eds-feedback-text__icon--negative {
|
|
255
|
+
color: var(--components-form-feedbacktext-negative-contrast-icon-fill);
|
|
256
|
+
}
|
|
257
|
+
.eds-contrast .eds-feedback-text__icon--error circle, .eds-contrast .eds-feedback-text__icon--negative circle {
|
|
258
|
+
fill: var(--components-form-feedbacktext-negative-contrast-icon-symbol);
|
|
259
|
+
}
|
|
260
|
+
.eds-feedback-text__icon--info, .eds-feedback-text__icon--information {
|
|
261
|
+
color: var(--components-form-feedbacktext-information-standard-icon-fill);
|
|
262
|
+
}
|
|
263
|
+
.eds-feedback-text__icon--info circle, .eds-feedback-text__icon--information circle {
|
|
264
|
+
fill: var(--components-form-feedbacktext-information-standard-icon-symbol);
|
|
265
|
+
}
|
|
266
|
+
.eds-contrast .eds-feedback-text__icon--info, .eds-contrast .eds-feedback-text__icon--information {
|
|
267
|
+
color: var(--components-form-feedbacktext-information-contrast-icon-fill);
|
|
268
|
+
}
|
|
269
|
+
.eds-contrast .eds-feedback-text__icon--info circle, .eds-contrast .eds-feedback-text__icon--information circle {
|
|
270
|
+
fill: var(--components-form-feedbacktext-information-contrast-icon-symbol);
|
|
271
|
+
}
|
|
272
|
+
.eds-feedback-text__icon--warning {
|
|
273
|
+
color: var(--components-form-feedbacktext-warning-standard-icon-fill);
|
|
274
|
+
}
|
|
275
|
+
.eds-feedback-text__icon--warning .svg-exclamation {
|
|
276
|
+
fill: var(--components-form-feedbacktext-warning-standard-icon-symbol);
|
|
277
|
+
}
|
|
278
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
279
|
+
color: var(--components-form-feedbacktext-warning-contrast-icon-fill);
|
|
280
|
+
}
|
|
281
|
+
.eds-contrast .eds-feedback-text__icon--warning circle {
|
|
282
|
+
fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
|
|
283
|
+
}
|
|
284
|
+
.eds-fieldset {
|
|
285
|
+
margin: 0;
|
|
286
|
+
padding: 0;
|
|
287
|
+
border: 0;
|
|
288
|
+
}
|
|
289
|
+
/* DO NOT CHANGE!*/
|
|
290
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
291
|
+
.eds-switch {
|
|
292
|
+
cursor: pointer;
|
|
293
|
+
-webkit-user-select: none;
|
|
294
|
+
-moz-user-select: none;
|
|
295
|
+
user-select: none;
|
|
296
|
+
padding: 0.5rem 0;
|
|
297
|
+
width: -moz-fit-content;
|
|
298
|
+
width: fit-content;
|
|
299
|
+
}
|
|
300
|
+
.eds-switch input {
|
|
301
|
+
opacity: 0;
|
|
302
|
+
pointer-events: none;
|
|
303
|
+
position: absolute;
|
|
304
|
+
}
|
|
305
|
+
.eds-switch--right {
|
|
306
|
+
display: flex;
|
|
307
|
+
flex-direction: row;
|
|
308
|
+
align-items: center;
|
|
309
|
+
}
|
|
310
|
+
.eds-switch--bottom {
|
|
311
|
+
display: flex;
|
|
312
|
+
flex-direction: column;
|
|
313
|
+
align-items: center;
|
|
314
|
+
}
|
|
315
|
+
.eds-switch__circle {
|
|
316
|
+
border-radius: 50%;
|
|
317
|
+
height: 1.25rem;
|
|
318
|
+
width: 1.25rem;
|
|
319
|
+
content: "";
|
|
320
|
+
display: flex;
|
|
321
|
+
align-items: center;
|
|
322
|
+
justify-content: center;
|
|
323
|
+
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
324
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
325
|
+
background-color: var(--components-form-switch-standard-switch);
|
|
326
|
+
top: 0.125rem;
|
|
327
|
+
left: 0.125rem;
|
|
328
|
+
position: relative;
|
|
329
|
+
}
|
|
330
|
+
.eds-switch__switch--large .eds-switch__circle {
|
|
331
|
+
height: 1.75rem;
|
|
332
|
+
width: 1.75rem;
|
|
333
|
+
}
|
|
334
|
+
.eds-contrast .eds-switch__circle {
|
|
335
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
|
|
336
|
+
}
|
|
337
|
+
.eds-switch__switch {
|
|
338
|
+
position: relative;
|
|
339
|
+
background-color: var(--components-form-switch-standard-fill-false);
|
|
340
|
+
content: "";
|
|
341
|
+
display: block;
|
|
342
|
+
transition: background-color 0.1s ease-in-out;
|
|
343
|
+
height: 1.5rem;
|
|
344
|
+
width: 3rem;
|
|
345
|
+
border-radius: 1.5rem;
|
|
346
|
+
box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
|
|
347
|
+
}
|
|
348
|
+
.eds-contrast .eds-switch__switch {
|
|
349
|
+
background-color: var(--components-form-switch-contrast-fill-false);
|
|
350
|
+
}
|
|
351
|
+
.eds-switch--right .eds-switch__switch {
|
|
352
|
+
margin-right: 0.75rem;
|
|
353
|
+
}
|
|
354
|
+
.eds-switch__switch svg g,
|
|
355
|
+
.eds-switch__switch path {
|
|
356
|
+
fill: var(--components-form-switch-standard-icon-false);
|
|
357
|
+
transition: fill ease-in-out 0.1s;
|
|
358
|
+
}
|
|
359
|
+
.eds-contrast .eds-switch__switch svg g,
|
|
360
|
+
.eds-contrast .eds-switch__switch path {
|
|
361
|
+
fill: var(--components-form-switch-contrast-icon-false);
|
|
362
|
+
}
|
|
363
|
+
:checked + .eds-switch__switch {
|
|
364
|
+
background-color: var(--eds-switch-color);
|
|
365
|
+
}
|
|
366
|
+
:checked + .eds-switch__switch .eds-switch__circle {
|
|
367
|
+
left: 1.625rem;
|
|
368
|
+
}
|
|
369
|
+
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
370
|
+
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
371
|
+
fill: var(--eds-switch-color);
|
|
372
|
+
}
|
|
373
|
+
.eds-contrast :checked + .eds-switch__switch {
|
|
374
|
+
background-color: var(--eds-switch-contrast-color);
|
|
375
|
+
}
|
|
376
|
+
:focus-visible + .eds-switch__switch {
|
|
377
|
+
outline: 2px solid #181c56;
|
|
378
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
379
|
+
outline-offset: 0.125rem;
|
|
380
|
+
}
|
|
381
|
+
.eds-contrast :focus-visible + .eds-switch__switch {
|
|
382
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
383
|
+
}
|
|
384
|
+
.eds-switch__switch--large {
|
|
385
|
+
width: 3.75rem;
|
|
386
|
+
height: 2rem;
|
|
387
|
+
border-radius: 3.75rem;
|
|
388
|
+
}
|
|
389
|
+
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
390
|
+
left: 1.875rem;
|
|
391
|
+
}
|
|
392
|
+
.eds-switch__switch--large svg {
|
|
393
|
+
position: relative;
|
|
394
|
+
right: 0.05rem;
|
|
395
|
+
}
|
|
396
|
+
.eds-switch__label--large--right {
|
|
397
|
+
font-size: 1rem;
|
|
398
|
+
}
|
|
399
|
+
.eds-switch__label--large--bottom {
|
|
400
|
+
font-size: 0.875rem;
|
|
401
|
+
}
|
|
402
|
+
.eds-switch__label--medium--right {
|
|
403
|
+
font-size: 0.875rem;
|
|
404
|
+
}
|
|
405
|
+
.eds-switch__label--medium--bottom {
|
|
406
|
+
font-size: 0.75rem;
|
|
407
|
+
}
|
|
408
|
+
/* DO NOT CHANGE!*/
|
|
409
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
286
410
|
.eds-checkbox__container {
|
|
287
411
|
display: flex;
|
|
288
412
|
align-items: center;
|
|
@@ -561,11 +685,6 @@
|
|
|
561
685
|
height: 3rem;
|
|
562
686
|
line-height: 1rem;
|
|
563
687
|
}
|
|
564
|
-
.eds-fieldset {
|
|
565
|
-
margin: 0;
|
|
566
|
-
padding: 0;
|
|
567
|
-
border: 0;
|
|
568
|
-
}
|
|
569
688
|
/* DO NOT CHANGE!*/
|
|
570
689
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
571
690
|
.eds-form-component--radio__container {
|
|
@@ -846,125 +965,6 @@
|
|
|
846
965
|
}
|
|
847
966
|
/* DO NOT CHANGE!*/
|
|
848
967
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
849
|
-
.eds-switch {
|
|
850
|
-
cursor: pointer;
|
|
851
|
-
-webkit-user-select: none;
|
|
852
|
-
-moz-user-select: none;
|
|
853
|
-
user-select: none;
|
|
854
|
-
padding: 0.5rem 0;
|
|
855
|
-
width: -moz-fit-content;
|
|
856
|
-
width: fit-content;
|
|
857
|
-
}
|
|
858
|
-
.eds-switch input {
|
|
859
|
-
opacity: 0;
|
|
860
|
-
pointer-events: none;
|
|
861
|
-
position: absolute;
|
|
862
|
-
}
|
|
863
|
-
.eds-switch--right {
|
|
864
|
-
display: flex;
|
|
865
|
-
flex-direction: row;
|
|
866
|
-
align-items: center;
|
|
867
|
-
}
|
|
868
|
-
.eds-switch--bottom {
|
|
869
|
-
display: flex;
|
|
870
|
-
flex-direction: column;
|
|
871
|
-
align-items: center;
|
|
872
|
-
}
|
|
873
|
-
.eds-switch__circle {
|
|
874
|
-
border-radius: 50%;
|
|
875
|
-
height: 1.25rem;
|
|
876
|
-
width: 1.25rem;
|
|
877
|
-
content: "";
|
|
878
|
-
display: flex;
|
|
879
|
-
align-items: center;
|
|
880
|
-
justify-content: center;
|
|
881
|
-
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
882
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
883
|
-
background-color: var(--components-form-switch-standard-switch);
|
|
884
|
-
top: 0.125rem;
|
|
885
|
-
left: 0.125rem;
|
|
886
|
-
position: relative;
|
|
887
|
-
}
|
|
888
|
-
.eds-switch__switch--large .eds-switch__circle {
|
|
889
|
-
height: 1.75rem;
|
|
890
|
-
width: 1.75rem;
|
|
891
|
-
}
|
|
892
|
-
.eds-contrast .eds-switch__circle {
|
|
893
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
|
|
894
|
-
}
|
|
895
|
-
.eds-switch__switch {
|
|
896
|
-
position: relative;
|
|
897
|
-
background-color: var(--components-form-switch-standard-fill-false);
|
|
898
|
-
content: "";
|
|
899
|
-
display: block;
|
|
900
|
-
transition: background-color 0.1s ease-in-out;
|
|
901
|
-
height: 1.5rem;
|
|
902
|
-
width: 3rem;
|
|
903
|
-
border-radius: 1.5rem;
|
|
904
|
-
box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
|
|
905
|
-
}
|
|
906
|
-
.eds-contrast .eds-switch__switch {
|
|
907
|
-
background-color: var(--components-form-switch-contrast-fill-false);
|
|
908
|
-
}
|
|
909
|
-
.eds-switch--right .eds-switch__switch {
|
|
910
|
-
margin-right: 0.75rem;
|
|
911
|
-
}
|
|
912
|
-
.eds-switch__switch svg g,
|
|
913
|
-
.eds-switch__switch path {
|
|
914
|
-
fill: var(--components-form-switch-standard-icon-false);
|
|
915
|
-
transition: fill ease-in-out 0.1s;
|
|
916
|
-
}
|
|
917
|
-
.eds-contrast .eds-switch__switch svg g,
|
|
918
|
-
.eds-contrast .eds-switch__switch path {
|
|
919
|
-
fill: var(--components-form-switch-contrast-icon-false);
|
|
920
|
-
}
|
|
921
|
-
:checked + .eds-switch__switch {
|
|
922
|
-
background-color: var(--eds-switch-color);
|
|
923
|
-
}
|
|
924
|
-
:checked + .eds-switch__switch .eds-switch__circle {
|
|
925
|
-
left: 1.625rem;
|
|
926
|
-
}
|
|
927
|
-
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
928
|
-
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
929
|
-
fill: var(--eds-switch-color);
|
|
930
|
-
}
|
|
931
|
-
.eds-contrast :checked + .eds-switch__switch {
|
|
932
|
-
background-color: var(--eds-switch-contrast-color);
|
|
933
|
-
}
|
|
934
|
-
:focus-visible + .eds-switch__switch {
|
|
935
|
-
outline: 2px solid #181c56;
|
|
936
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
937
|
-
outline-offset: 0.125rem;
|
|
938
|
-
}
|
|
939
|
-
.eds-contrast :focus-visible + .eds-switch__switch {
|
|
940
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
941
|
-
}
|
|
942
|
-
.eds-switch__switch--large {
|
|
943
|
-
width: 3.75rem;
|
|
944
|
-
height: 2rem;
|
|
945
|
-
border-radius: 3.75rem;
|
|
946
|
-
}
|
|
947
|
-
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
948
|
-
left: 1.875rem;
|
|
949
|
-
}
|
|
950
|
-
.eds-switch__switch--large svg {
|
|
951
|
-
position: relative;
|
|
952
|
-
right: 0.05rem;
|
|
953
|
-
}
|
|
954
|
-
.eds-switch__label--large--right {
|
|
955
|
-
font-size: 1rem;
|
|
956
|
-
}
|
|
957
|
-
.eds-switch__label--large--bottom {
|
|
958
|
-
font-size: 0.875rem;
|
|
959
|
-
}
|
|
960
|
-
.eds-switch__label--medium--right {
|
|
961
|
-
font-size: 0.875rem;
|
|
962
|
-
}
|
|
963
|
-
.eds-switch__label--medium--bottom {
|
|
964
|
-
font-size: 0.75rem;
|
|
965
|
-
}
|
|
966
|
-
/* DO NOT CHANGE!*/
|
|
967
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
968
968
|
.eds-input-panel:has(:focus-visible) .eds-input-panel__container {
|
|
969
969
|
outline: 2px solid #181c56;
|
|
970
970
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
@@ -1155,6 +1155,17 @@ input:disabled + .eds-input-panel__container {
|
|
|
1155
1155
|
}
|
|
1156
1156
|
/* DO NOT CHANGE!*/
|
|
1157
1157
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1158
|
+
.eds-segmented-control {
|
|
1159
|
+
margin-top: 0.25rem;
|
|
1160
|
+
display: flex;
|
|
1161
|
+
background: var(--components-form-segmentedcontrol-standard-background);
|
|
1162
|
+
border-radius: 0.5rem;
|
|
1163
|
+
}
|
|
1164
|
+
.eds-contrast .eds-segmented-control {
|
|
1165
|
+
background: var(--components-form-segmentedcontrol-contrast-background);
|
|
1166
|
+
}
|
|
1167
|
+
/* DO NOT CHANGE!*/
|
|
1168
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1158
1169
|
.eds-segmented-choice {
|
|
1159
1170
|
display: block;
|
|
1160
1171
|
flex: 1 1 0px;
|
|
@@ -1237,17 +1248,6 @@ input:disabled + .eds-input-panel__container {
|
|
|
1237
1248
|
}
|
|
1238
1249
|
/* DO NOT CHANGE!*/
|
|
1239
1250
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1240
|
-
.eds-segmented-control {
|
|
1241
|
-
margin-top: 0.25rem;
|
|
1242
|
-
display: flex;
|
|
1243
|
-
background: var(--components-form-segmentedcontrol-standard-background);
|
|
1244
|
-
border-radius: 0.5rem;
|
|
1245
|
-
}
|
|
1246
|
-
.eds-contrast .eds-segmented-control {
|
|
1247
|
-
background: var(--components-form-segmentedcontrol-contrast-background);
|
|
1248
|
-
}
|
|
1249
|
-
/* DO NOT CHANGE!*/
|
|
1250
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1251
1251
|
/* DO NOT CHANGE!*/
|
|
1252
1252
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1253
1253
|
/* DO NOT CHANGE!*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "8.3.2-beta.
|
|
3
|
+
"version": "8.3.2-beta.11",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/form.esm.js",
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/button": "^3.3.13-beta.
|
|
30
|
+
"@entur/button": "^3.3.13-beta.11",
|
|
31
31
|
"@entur/icons": "^8.0.0",
|
|
32
32
|
"@entur/tokens": "^3.19.1",
|
|
33
|
-
"@entur/tooltip": "^5.2.13-beta.
|
|
34
|
-
"@entur/typography": "^1.10.0-beta.
|
|
33
|
+
"@entur/tooltip": "^5.2.13-beta.11",
|
|
34
|
+
"@entur/typography": "^1.10.0-beta.11",
|
|
35
35
|
"@entur/utils": "^0.12.3",
|
|
36
36
|
"classnames": "^2.3.1"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"dts-cli": "2.0.5"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "43d0a9514cbaeb6c8e319c4286bed9bd3ea21b22"
|
|
42
42
|
}
|