@entur/form 7.0.0 → 7.0.2
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 +159 -159
- package/package.json +4 -4
package/dist/styles.css
CHANGED
|
@@ -55,6 +55,13 @@
|
|
|
55
55
|
}
|
|
56
56
|
/* DO NOT CHANGE!*/
|
|
57
57
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
58
|
+
.eds-fieldset {
|
|
59
|
+
margin: 0;
|
|
60
|
+
padding: 0;
|
|
61
|
+
border: 0;
|
|
62
|
+
}
|
|
63
|
+
/* DO NOT CHANGE!*/
|
|
64
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
58
65
|
.eds-form-control-wrapper {
|
|
59
66
|
--border-color: #181c56;
|
|
60
67
|
--border-color-hover: #aeb7e2;
|
|
@@ -298,147 +305,6 @@
|
|
|
298
305
|
}
|
|
299
306
|
/* DO NOT CHANGE!*/
|
|
300
307
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
301
|
-
.eds-input-group {
|
|
302
|
-
color: inherit;
|
|
303
|
-
display: block;
|
|
304
|
-
position: relative;
|
|
305
|
-
}
|
|
306
|
-
.eds-input-group__label {
|
|
307
|
-
color: #656782;
|
|
308
|
-
display: flex;
|
|
309
|
-
font-size: 1rem;
|
|
310
|
-
position: absolute;
|
|
311
|
-
line-height: 1rem;
|
|
312
|
-
height: 3rem;
|
|
313
|
-
padding: 1rem;
|
|
314
|
-
padding-left: 0;
|
|
315
|
-
margin-left: 1rem;
|
|
316
|
-
top: -0.125rem;
|
|
317
|
-
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;
|
|
318
|
-
-webkit-user-select: none;
|
|
319
|
-
-moz-user-select: none;
|
|
320
|
-
user-select: none;
|
|
321
|
-
pointer-events: none;
|
|
322
|
-
}
|
|
323
|
-
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
324
|
-
top: 0.375rem;
|
|
325
|
-
font-size: 0.75rem;
|
|
326
|
-
line-height: 0.75rem;
|
|
327
|
-
height: 10px;
|
|
328
|
-
padding: 0;
|
|
329
|
-
margin-left: 1rem;
|
|
330
|
-
}
|
|
331
|
-
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
332
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
333
|
-
background: var(--textarea-label-background);
|
|
334
|
-
width: calc(
|
|
335
|
-
100% - 1rem - 1rem - 4px
|
|
336
|
-
);
|
|
337
|
-
}
|
|
338
|
-
.eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
339
|
-
top: 0.5rem;
|
|
340
|
-
font-size: 0.875rem;
|
|
341
|
-
line-height: 1rem;
|
|
342
|
-
padding: 0;
|
|
343
|
-
margin-left: 1rem;
|
|
344
|
-
}
|
|
345
|
-
.eds-contrast .eds-input-group__label {
|
|
346
|
-
color: #8285a8;
|
|
347
|
-
}
|
|
348
|
-
.eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
|
|
349
|
-
color: #aeb7e2;
|
|
350
|
-
}
|
|
351
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
352
|
-
font-size: 1.5rem;
|
|
353
|
-
line-height: 2.25rem;
|
|
354
|
-
height: 4rem;
|
|
355
|
-
}
|
|
356
|
-
.eds-input-group__label--filled {
|
|
357
|
-
top: 0.375rem;
|
|
358
|
-
font-size: 0.75rem;
|
|
359
|
-
line-height: 0.75rem;
|
|
360
|
-
height: 10px;
|
|
361
|
-
padding: 0;
|
|
362
|
-
margin-left: 1rem;
|
|
363
|
-
}
|
|
364
|
-
.eds-textarea__label .eds-input-group__label--filled {
|
|
365
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
366
|
-
background: var(--textarea-label-background);
|
|
367
|
-
width: calc(
|
|
368
|
-
100% - 1rem - 1rem - 4px
|
|
369
|
-
);
|
|
370
|
-
}
|
|
371
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
372
|
-
top: 0.5rem;
|
|
373
|
-
font-size: 0.875rem;
|
|
374
|
-
line-height: 1rem;
|
|
375
|
-
padding: 0;
|
|
376
|
-
margin-left: 1rem;
|
|
377
|
-
}
|
|
378
|
-
.eds-input-group__label-tooltip-icon {
|
|
379
|
-
color: #0082b9;
|
|
380
|
-
padding-left: 0.25rem;
|
|
381
|
-
padding-right: 0.25rem;
|
|
382
|
-
display: flex;
|
|
383
|
-
align-items: center;
|
|
384
|
-
cursor: help;
|
|
385
|
-
font-size: 1rem;
|
|
386
|
-
}
|
|
387
|
-
|
|
388
|
-
.eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
389
|
-
top: 0.375rem;
|
|
390
|
-
font-size: 0.75rem;
|
|
391
|
-
line-height: 0.75rem;
|
|
392
|
-
height: 10px;
|
|
393
|
-
padding: 0;
|
|
394
|
-
margin-left: 1rem;
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
398
|
-
top: 0.375rem;
|
|
399
|
-
font-size: 0.75rem;
|
|
400
|
-
line-height: 0.75rem;
|
|
401
|
-
height: 10px;
|
|
402
|
-
padding: 0;
|
|
403
|
-
margin-left: 1rem;
|
|
404
|
-
}
|
|
405
|
-
.eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
406
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
407
|
-
background: var(--textarea-label-background);
|
|
408
|
-
width: calc(
|
|
409
|
-
100% - 1rem - 1rem - 4px
|
|
410
|
-
);
|
|
411
|
-
}
|
|
412
|
-
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
413
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
414
|
-
background: var(--textarea-label-background);
|
|
415
|
-
width: calc(
|
|
416
|
-
100% - 1rem - 1rem - 4px
|
|
417
|
-
);
|
|
418
|
-
}
|
|
419
|
-
.eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
|
|
420
|
-
top: 0.5rem;
|
|
421
|
-
font-size: 0.875rem;
|
|
422
|
-
line-height: 1rem;
|
|
423
|
-
padding: 0;
|
|
424
|
-
margin-left: 1rem;
|
|
425
|
-
}
|
|
426
|
-
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
427
|
-
top: 0.5rem;
|
|
428
|
-
font-size: 0.875rem;
|
|
429
|
-
line-height: 1rem;
|
|
430
|
-
padding: 0;
|
|
431
|
-
margin-left: 1rem;
|
|
432
|
-
}
|
|
433
|
-
/* DO NOT CHANGE!*/
|
|
434
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
435
|
-
.eds-fieldset {
|
|
436
|
-
margin: 0;
|
|
437
|
-
padding: 0;
|
|
438
|
-
border: 0;
|
|
439
|
-
}
|
|
440
|
-
/* DO NOT CHANGE!*/
|
|
441
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
442
308
|
.eds-checkbox__container {
|
|
443
309
|
display: flex;
|
|
444
310
|
align-items: center;
|
|
@@ -601,6 +467,140 @@
|
|
|
601
467
|
}
|
|
602
468
|
/* DO NOT CHANGE!*/
|
|
603
469
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
470
|
+
.eds-input-group {
|
|
471
|
+
color: inherit;
|
|
472
|
+
display: block;
|
|
473
|
+
position: relative;
|
|
474
|
+
}
|
|
475
|
+
.eds-input-group__label {
|
|
476
|
+
color: #656782;
|
|
477
|
+
display: flex;
|
|
478
|
+
font-size: 1rem;
|
|
479
|
+
position: absolute;
|
|
480
|
+
line-height: 1rem;
|
|
481
|
+
height: 3rem;
|
|
482
|
+
padding: 1rem;
|
|
483
|
+
padding-left: 0;
|
|
484
|
+
margin-left: 1rem;
|
|
485
|
+
top: -0.125rem;
|
|
486
|
+
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;
|
|
487
|
+
-webkit-user-select: none;
|
|
488
|
+
-moz-user-select: none;
|
|
489
|
+
user-select: none;
|
|
490
|
+
pointer-events: none;
|
|
491
|
+
}
|
|
492
|
+
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
493
|
+
top: 0.375rem;
|
|
494
|
+
font-size: 0.75rem;
|
|
495
|
+
line-height: 0.75rem;
|
|
496
|
+
height: 10px;
|
|
497
|
+
padding: 0;
|
|
498
|
+
margin-left: 1rem;
|
|
499
|
+
}
|
|
500
|
+
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
501
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
502
|
+
background: var(--textarea-label-background);
|
|
503
|
+
width: calc(
|
|
504
|
+
100% - 1rem - 1rem - 4px
|
|
505
|
+
);
|
|
506
|
+
}
|
|
507
|
+
.eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
508
|
+
top: 0.5rem;
|
|
509
|
+
font-size: 0.875rem;
|
|
510
|
+
line-height: 1rem;
|
|
511
|
+
padding: 0;
|
|
512
|
+
margin-left: 1rem;
|
|
513
|
+
}
|
|
514
|
+
.eds-contrast .eds-input-group__label {
|
|
515
|
+
color: #8285a8;
|
|
516
|
+
}
|
|
517
|
+
.eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
|
|
518
|
+
color: #aeb7e2;
|
|
519
|
+
}
|
|
520
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
521
|
+
font-size: 1.5rem;
|
|
522
|
+
line-height: 2.25rem;
|
|
523
|
+
height: 4rem;
|
|
524
|
+
}
|
|
525
|
+
.eds-input-group__label--filled {
|
|
526
|
+
top: 0.375rem;
|
|
527
|
+
font-size: 0.75rem;
|
|
528
|
+
line-height: 0.75rem;
|
|
529
|
+
height: 10px;
|
|
530
|
+
padding: 0;
|
|
531
|
+
margin-left: 1rem;
|
|
532
|
+
}
|
|
533
|
+
.eds-textarea__label .eds-input-group__label--filled {
|
|
534
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
535
|
+
background: var(--textarea-label-background);
|
|
536
|
+
width: calc(
|
|
537
|
+
100% - 1rem - 1rem - 4px
|
|
538
|
+
);
|
|
539
|
+
}
|
|
540
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
541
|
+
top: 0.5rem;
|
|
542
|
+
font-size: 0.875rem;
|
|
543
|
+
line-height: 1rem;
|
|
544
|
+
padding: 0;
|
|
545
|
+
margin-left: 1rem;
|
|
546
|
+
}
|
|
547
|
+
.eds-input-group__label-tooltip-icon {
|
|
548
|
+
color: #0082b9;
|
|
549
|
+
padding-left: 0.25rem;
|
|
550
|
+
padding-right: 0.25rem;
|
|
551
|
+
display: flex;
|
|
552
|
+
align-items: center;
|
|
553
|
+
cursor: help;
|
|
554
|
+
font-size: 1rem;
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
.eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
558
|
+
top: 0.375rem;
|
|
559
|
+
font-size: 0.75rem;
|
|
560
|
+
line-height: 0.75rem;
|
|
561
|
+
height: 10px;
|
|
562
|
+
padding: 0;
|
|
563
|
+
margin-left: 1rem;
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
567
|
+
top: 0.375rem;
|
|
568
|
+
font-size: 0.75rem;
|
|
569
|
+
line-height: 0.75rem;
|
|
570
|
+
height: 10px;
|
|
571
|
+
padding: 0;
|
|
572
|
+
margin-left: 1rem;
|
|
573
|
+
}
|
|
574
|
+
.eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
575
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
576
|
+
background: var(--textarea-label-background);
|
|
577
|
+
width: calc(
|
|
578
|
+
100% - 1rem - 1rem - 4px
|
|
579
|
+
);
|
|
580
|
+
}
|
|
581
|
+
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
582
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
583
|
+
background: var(--textarea-label-background);
|
|
584
|
+
width: calc(
|
|
585
|
+
100% - 1rem - 1rem - 4px
|
|
586
|
+
);
|
|
587
|
+
}
|
|
588
|
+
.eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
|
|
589
|
+
top: 0.5rem;
|
|
590
|
+
font-size: 0.875rem;
|
|
591
|
+
line-height: 1rem;
|
|
592
|
+
padding: 0;
|
|
593
|
+
margin-left: 1rem;
|
|
594
|
+
}
|
|
595
|
+
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
596
|
+
top: 0.5rem;
|
|
597
|
+
font-size: 0.875rem;
|
|
598
|
+
line-height: 1rem;
|
|
599
|
+
padding: 0;
|
|
600
|
+
margin-left: 1rem;
|
|
601
|
+
}
|
|
602
|
+
/* DO NOT CHANGE!*/
|
|
603
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
604
604
|
.eds-form-component--radio__container {
|
|
605
605
|
display: flex;
|
|
606
606
|
justify-content: center;
|
|
@@ -808,13 +808,6 @@
|
|
|
808
808
|
}
|
|
809
809
|
/* DO NOT CHANGE!*/
|
|
810
810
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
811
|
-
textarea.eds-form-control.eds-textarea {
|
|
812
|
-
min-height: 7.75rem;
|
|
813
|
-
resize: vertical;
|
|
814
|
-
line-height: 1.5rem;
|
|
815
|
-
}
|
|
816
|
-
/* DO NOT CHANGE!*/
|
|
817
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
818
811
|
.eds-textfield__clear-button {
|
|
819
812
|
background: none;
|
|
820
813
|
border: none;
|
|
@@ -852,6 +845,24 @@ textarea.eds-form-control.eds-textarea {
|
|
|
852
845
|
}
|
|
853
846
|
/* DO NOT CHANGE!*/
|
|
854
847
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
848
|
+
textarea.eds-form-control.eds-textarea {
|
|
849
|
+
min-height: 7.75rem;
|
|
850
|
+
resize: vertical;
|
|
851
|
+
line-height: 1.5rem;
|
|
852
|
+
}
|
|
853
|
+
/* DO NOT CHANGE!*/
|
|
854
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
855
|
+
.eds-segmented-control {
|
|
856
|
+
margin-top: 0.25rem;
|
|
857
|
+
display: flex;
|
|
858
|
+
background: #d1d4e3;
|
|
859
|
+
border-radius: 0.5rem;
|
|
860
|
+
}
|
|
861
|
+
.eds-contrast .eds-segmented-control {
|
|
862
|
+
background: #393d79;
|
|
863
|
+
}
|
|
864
|
+
/* DO NOT CHANGE!*/
|
|
865
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
855
866
|
.eds-segmented-choice {
|
|
856
867
|
display: block;
|
|
857
868
|
flex: 1 1 0px;
|
|
@@ -923,17 +934,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
923
934
|
}
|
|
924
935
|
/* DO NOT CHANGE!*/
|
|
925
936
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
926
|
-
.eds-segmented-control {
|
|
927
|
-
margin-top: 0.25rem;
|
|
928
|
-
display: flex;
|
|
929
|
-
background: #d1d4e3;
|
|
930
|
-
border-radius: 0.5rem;
|
|
931
|
-
}
|
|
932
|
-
.eds-contrast .eds-segmented-control {
|
|
933
|
-
background: #393d79;
|
|
934
|
-
}
|
|
935
|
-
/* DO NOT CHANGE!*/
|
|
936
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
937
937
|
.eds-input-panel[focus-within] .eds-input-panel__container {
|
|
938
938
|
border-color: #181c56;
|
|
939
939
|
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.2",
|
|
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.0
|
|
30
|
+
"@entur/icons": "^6.2.0",
|
|
31
31
|
"@entur/tokens": "^3.8.1",
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
32
|
+
"@entur/tooltip": "^2.6.12",
|
|
33
33
|
"@entur/typography": "^1.7.13",
|
|
34
34
|
"@entur/utils": "^0.6.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "1091cc677ad823929989fd5099b93427b4834143"
|
|
38
38
|
}
|