@entur/form 5.4.18 → 5.4.19

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.
Files changed (2) hide show
  1. package/dist/styles.css +204 -204
  2. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -1,184 +1,5 @@
1
1
  :root {
2
2
  --eds-form: 1;
3
- }/* DO NOT CHANGE!*/
4
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
- .eds-feedback-text {
6
- display: flex;
7
- align-items: center;
8
- margin-top: 0.25rem;
9
- }
10
- .eds-feedback-text--info {
11
- padding-left: calc(1rem + 0.125rem);
12
- }
13
- .eds-feedback-text__text {
14
- color: #181c56;
15
- }
16
- .eds-contrast .eds-feedback-text__text {
17
- color: #ffffff;
18
- }
19
-
20
- .eds-feedback-text__icon {
21
- font-size: 1.5rem;
22
- min-height: 1.5rem;
23
- min-width: 1.5rem;
24
- padding-right: 0.5rem;
25
- position: relative;
26
- top: -0.1rem;
27
- }
28
- .eds-feedback-text__icon--success {
29
- color: #1a8e60;
30
- }
31
- .eds-contrast .eds-feedback-text__icon--success {
32
- color: #5ac39a;
33
- }
34
- .eds-feedback-text__icon--error {
35
- color: #d31b1b;
36
- }
37
- .eds-contrast .eds-feedback-text__icon--error {
38
- color: #ff9494;
39
- }
40
- .eds-feedback-text__icon--info {
41
- color: #0082b9;
42
- }
43
- .eds-contrast .eds-feedback-text__icon--info {
44
- color: #64b3e7;
45
- }
46
- .eds-feedback-text__icon--warning {
47
- color: #ffca28;
48
- }
49
- .eds-feedback-text__icon--warning circle {
50
- fill: #181c56;
51
- }
52
- .eds-contrast .eds-feedback-text__icon--warning {
53
- color: #ffe082;
54
- }/* DO NOT CHANGE!*/
55
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
56
- .eds-checkbox__container {
57
- display: flex;
58
- align-items: center;
59
- position: relative;
60
- -webkit-appearance: none;
61
- -moz-appearance: none;
62
- appearance: none;
63
- cursor: pointer;
64
- height: 2rem;
65
- -webkit-user-select: none;
66
- -moz-user-select: none;
67
- user-select: none;
68
- width: -moz-fit-content;
69
- width: fit-content;
70
- }
71
- .eds-checkbox__container--reduced-click-area {
72
- height: -moz-fit-content;
73
- height: fit-content;
74
- }
75
- .eds-checkbox__container input {
76
- position: absolute;
77
- opacity: 0;
78
- height: 0;
79
- width: 0;
80
- }
81
- .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
82
- background-color: #181c56;
83
- }
84
- .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
85
- visibility: visible;
86
- }
87
- .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
88
- stroke: #ffffff;
89
- animation: stroke ease-in-out 0.2s 0.1s forwards;
90
- }
91
- .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
92
- opacity: 0.5;
93
- }
94
- .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 {
95
- opacity: 0.5;
96
- }
97
- .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
98
- background: #54568c;
99
- }
100
- .eds-checkbox__container:hover input + .eds-checkbox__icon {
101
- border-color: #54568c;
102
- background: #f3f3f3;
103
- }
104
- .eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
105
- border-color: #656782;
106
- background: #292b6a;
107
- }
108
- .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
109
- .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
110
- border-color: #54568c;
111
- background-color: #54568c;
112
- }
113
- .eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
114
- .eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
115
- background: #8285a8;
116
- border-color: #8285a8;
117
- }
118
- .eds-checkbox__container:focus + .eds-checkbox__icon,
119
- .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
120
- outline: none;
121
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
122
- outline-offset: 0.125rem;
123
- }
124
- .eds-checkbox__container:focus + .eds-checkbox__icon,
125
- .eds-checkbox__container :focus-within + .eds-checkbox__icon {
126
- outline: none;
127
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
128
- outline-offset: 0.125rem;
129
- }
130
- .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
131
- .eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
132
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
133
- }
134
- .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
135
- .eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
136
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
137
- }
138
- .eds-checkbox--disabled {
139
- pointer-events: none;
140
- }
141
- .eds-checkbox--disabled .eds-checkbox__label {
142
- opacity: 0.5;
143
- }
144
- .eds-checkbox--disabled .eds-checkbox__icon {
145
- opacity: 0.5;
146
- }
147
- .eds-checkbox__icon {
148
- display: inline-flex;
149
- justify-content: center;
150
- align-items: center;
151
- position: relative;
152
- margin-right: 1rem;
153
- height: 1.25rem;
154
- width: 1.25rem;
155
- border: 0.125rem solid #181c56;
156
- border-radius: 0.0625rem;
157
- background-color: transparent;
158
- color: #ffffff;
159
- }
160
- .eds-checkbox__icon--reduced-click-area {
161
- margin-right: 0;
162
- }
163
- .eds-contrast .eds-checkbox__icon {
164
- border-color: #54568c;
165
- }
166
- .eds-checkbox__icon .eds-checkbox-icon {
167
- height: 1rem;
168
- width: 1rem;
169
- visibility: hidden;
170
- }
171
- .eds-checkbox__icon .eds-checkbox-icon__path {
172
- transform-origin: 50% 50%;
173
- stroke-dasharray: 48;
174
- stroke-dashoffset: 48;
175
- stroke-width: 0.375rem;
176
- }
177
-
178
- @keyframes stroke {
179
- 100% {
180
- stroke-dashoffset: 0;
181
- }
182
3
  }@charset "UTF-8";
183
4
  /* DO NOT CHANGE!*/
184
5
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -424,15 +245,6 @@
424
245
  margin-left: 0;
425
246
  }/* DO NOT CHANGE!*/
426
247
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
427
- .eds-fieldset {
428
- margin: 0;
429
- padding: 0;
430
- border: 0;
431
- }
432
- .eds-fieldset .eds-legend {
433
- margin: 0 0 0.5rem;
434
- }/* DO NOT CHANGE!*/
435
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
436
248
  .eds-input-group {
437
249
  color: inherit;
438
250
  display: block;
@@ -653,6 +465,194 @@
653
465
  background-color: #aeb7e2;
654
466
  }/* DO NOT CHANGE!*/
655
467
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
468
+ .eds-checkbox__container {
469
+ display: flex;
470
+ align-items: center;
471
+ position: relative;
472
+ -webkit-appearance: none;
473
+ -moz-appearance: none;
474
+ appearance: none;
475
+ cursor: pointer;
476
+ height: 2rem;
477
+ -webkit-user-select: none;
478
+ -moz-user-select: none;
479
+ user-select: none;
480
+ width: -moz-fit-content;
481
+ width: fit-content;
482
+ }
483
+ .eds-checkbox__container--reduced-click-area {
484
+ height: -moz-fit-content;
485
+ height: fit-content;
486
+ }
487
+ .eds-checkbox__container input {
488
+ position: absolute;
489
+ opacity: 0;
490
+ height: 0;
491
+ width: 0;
492
+ }
493
+ .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
494
+ background-color: #181c56;
495
+ }
496
+ .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
497
+ visibility: visible;
498
+ }
499
+ .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
500
+ stroke: #ffffff;
501
+ animation: stroke ease-in-out 0.2s 0.1s forwards;
502
+ }
503
+ .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
504
+ opacity: 0.5;
505
+ }
506
+ .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 {
507
+ opacity: 0.5;
508
+ }
509
+ .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
510
+ background: #54568c;
511
+ }
512
+ .eds-checkbox__container:hover input + .eds-checkbox__icon {
513
+ border-color: #54568c;
514
+ background: #f3f3f3;
515
+ }
516
+ .eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
517
+ border-color: #656782;
518
+ background: #292b6a;
519
+ }
520
+ .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
521
+ .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
522
+ border-color: #54568c;
523
+ background-color: #54568c;
524
+ }
525
+ .eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
526
+ .eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
527
+ background: #8285a8;
528
+ border-color: #8285a8;
529
+ }
530
+ .eds-checkbox__container:focus + .eds-checkbox__icon,
531
+ .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
532
+ outline: none;
533
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
534
+ outline-offset: 0.125rem;
535
+ }
536
+ .eds-checkbox__container:focus + .eds-checkbox__icon,
537
+ .eds-checkbox__container :focus-within + .eds-checkbox__icon {
538
+ outline: none;
539
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
540
+ outline-offset: 0.125rem;
541
+ }
542
+ .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
543
+ .eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
544
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
545
+ }
546
+ .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
547
+ .eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
548
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
549
+ }
550
+ .eds-checkbox--disabled {
551
+ pointer-events: none;
552
+ }
553
+ .eds-checkbox--disabled .eds-checkbox__label {
554
+ opacity: 0.5;
555
+ }
556
+ .eds-checkbox--disabled .eds-checkbox__icon {
557
+ opacity: 0.5;
558
+ }
559
+ .eds-checkbox__icon {
560
+ display: inline-flex;
561
+ justify-content: center;
562
+ align-items: center;
563
+ position: relative;
564
+ margin-right: 1rem;
565
+ height: 1.25rem;
566
+ width: 1.25rem;
567
+ border: 0.125rem solid #181c56;
568
+ border-radius: 0.0625rem;
569
+ background-color: transparent;
570
+ color: #ffffff;
571
+ }
572
+ .eds-checkbox__icon--reduced-click-area {
573
+ margin-right: 0;
574
+ }
575
+ .eds-contrast .eds-checkbox__icon {
576
+ border-color: #54568c;
577
+ }
578
+ .eds-checkbox__icon .eds-checkbox-icon {
579
+ height: 1rem;
580
+ width: 1rem;
581
+ visibility: hidden;
582
+ }
583
+ .eds-checkbox__icon .eds-checkbox-icon__path {
584
+ transform-origin: 50% 50%;
585
+ stroke-dasharray: 48;
586
+ stroke-dashoffset: 48;
587
+ stroke-width: 0.375rem;
588
+ }
589
+
590
+ @keyframes stroke {
591
+ 100% {
592
+ stroke-dashoffset: 0;
593
+ }
594
+ }/* DO NOT CHANGE!*/
595
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
596
+ .eds-feedback-text {
597
+ display: flex;
598
+ align-items: center;
599
+ margin-top: 0.25rem;
600
+ }
601
+ .eds-feedback-text--info {
602
+ padding-left: calc(1rem + 0.125rem);
603
+ }
604
+ .eds-feedback-text__text {
605
+ color: #181c56;
606
+ }
607
+ .eds-contrast .eds-feedback-text__text {
608
+ color: #ffffff;
609
+ }
610
+
611
+ .eds-feedback-text__icon {
612
+ font-size: 1.5rem;
613
+ min-height: 1.5rem;
614
+ min-width: 1.5rem;
615
+ padding-right: 0.5rem;
616
+ position: relative;
617
+ top: -0.1rem;
618
+ }
619
+ .eds-feedback-text__icon--success {
620
+ color: #1a8e60;
621
+ }
622
+ .eds-contrast .eds-feedback-text__icon--success {
623
+ color: #5ac39a;
624
+ }
625
+ .eds-feedback-text__icon--error {
626
+ color: #d31b1b;
627
+ }
628
+ .eds-contrast .eds-feedback-text__icon--error {
629
+ color: #ff9494;
630
+ }
631
+ .eds-feedback-text__icon--info {
632
+ color: #0082b9;
633
+ }
634
+ .eds-contrast .eds-feedback-text__icon--info {
635
+ color: #64b3e7;
636
+ }
637
+ .eds-feedback-text__icon--warning {
638
+ color: #ffca28;
639
+ }
640
+ .eds-feedback-text__icon--warning circle {
641
+ fill: #181c56;
642
+ }
643
+ .eds-contrast .eds-feedback-text__icon--warning {
644
+ color: #ffe082;
645
+ }/* DO NOT CHANGE!*/
646
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
647
+ .eds-fieldset {
648
+ margin: 0;
649
+ padding: 0;
650
+ border: 0;
651
+ }
652
+ .eds-fieldset .eds-legend {
653
+ margin: 0 0 0.5rem;
654
+ }/* DO NOT CHANGE!*/
655
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
656
656
  .eds-switch {
657
657
  cursor: pointer;
658
658
  -webkit-user-select: none;
@@ -763,12 +763,6 @@
763
763
  font-size: 0.75rem;
764
764
  }/* DO NOT CHANGE!*/
765
765
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
766
- textarea.eds-form-control.eds-textarea {
767
- min-height: 7.75rem;
768
- resize: vertical;
769
- line-height: 1.5rem;
770
- }/* DO NOT CHANGE!*/
771
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
772
766
  .eds-radio-panel__wrapper[focus-within] .eds-radio-panel__container {
773
767
  border-color: #181c56;
774
768
  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
@@ -908,6 +902,12 @@ textarea.eds-form-control.eds-textarea {
908
902
  stroke-width: 0.375rem;
909
903
  }/* DO NOT CHANGE!*/
910
904
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
905
+ textarea.eds-form-control.eds-textarea {
906
+ min-height: 7.75rem;
907
+ resize: vertical;
908
+ line-height: 1.5rem;
909
+ }/* DO NOT CHANGE!*/
910
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
911
911
  .eds-textfield__clear-button {
912
912
  background: none;
913
913
  border: none;
@@ -944,6 +944,16 @@ textarea.eds-form-control.eds-textarea {
944
944
  background-color: #8285a8;
945
945
  }/* DO NOT CHANGE!*/
946
946
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
947
+ .eds-segmented-control {
948
+ margin-top: 0.25rem;
949
+ display: flex;
950
+ background: #d1d4e3;
951
+ border-radius: 0.5rem;
952
+ }
953
+ .eds-contrast .eds-segmented-control {
954
+ background: #393d79;
955
+ }/* DO NOT CHANGE!*/
956
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
947
957
  .eds-segmented-choice {
948
958
  display: block;
949
959
  flex: 1 1 0px;
@@ -1012,14 +1022,4 @@ textarea.eds-form-control.eds-textarea {
1012
1022
  }
1013
1023
  .eds-contrast .eds-segmented-choice input:focus:checked + .eds-base-segmented {
1014
1024
  box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121), inset 0 0 0 0.0625rem #ffffff, inset 0 0 0 calc(0.125rem + 0.0625rem) #181c56;
1015
- }/* DO NOT CHANGE!*/
1016
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1017
- .eds-segmented-control {
1018
- margin-top: 0.25rem;
1019
- display: flex;
1020
- background: #d1d4e3;
1021
- border-radius: 0.5rem;
1022
- }
1023
- .eds-contrast .eds-segmented-control {
1024
- background: #393d79;
1025
1025
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/form",
3
- "version": "5.4.18",
3
+ "version": "5.4.19",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/form.esm.js",
@@ -29,10 +29,10 @@
29
29
  "dependencies": {
30
30
  "@entur/icons": "^5.8.0",
31
31
  "@entur/tokens": "^3.8.0",
32
- "@entur/tooltip": "^2.6.5",
32
+ "@entur/tooltip": "^2.6.6",
33
33
  "@entur/typography": "^1.7.10",
34
34
  "@entur/utils": "^0.5.5",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
- "gitHead": "bc067536ed769de8072f19002ef4877a1e974443"
37
+ "gitHead": "3b97ecb2ab0cba40d9f353d936dc0a87a6253108"
38
38
  }