@entur/form 7.0.11 → 7.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles.css +188 -188
  2. package/package.json +5 -5
package/dist/styles.css CHANGED
@@ -3,6 +3,58 @@
3
3
  }
4
4
  /* DO NOT CHANGE!*/
5
5
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
6
+ .eds-feedback-text {
7
+ display: flex;
8
+ align-items: center;
9
+ margin-top: 0.25rem;
10
+ }
11
+ .eds-feedback-text--info {
12
+ padding-left: calc(1rem + 0.125rem);
13
+ }
14
+ .eds-feedback-text__text {
15
+ color: #181c56;
16
+ }
17
+ .eds-contrast .eds-feedback-text__text {
18
+ color: #ffffff;
19
+ }
20
+
21
+ .eds-feedback-text__icon {
22
+ font-size: 1.5rem;
23
+ min-height: 1.5rem;
24
+ min-width: 1.5rem;
25
+ padding-right: 0.5rem;
26
+ position: relative;
27
+ top: -0.1rem;
28
+ }
29
+ .eds-feedback-text__icon--success {
30
+ color: #1a8e60;
31
+ }
32
+ .eds-contrast .eds-feedback-text__icon--success {
33
+ color: #5ac39a;
34
+ }
35
+ .eds-feedback-text__icon--error {
36
+ color: #d31b1b;
37
+ }
38
+ .eds-contrast .eds-feedback-text__icon--error {
39
+ color: #ff9494;
40
+ }
41
+ .eds-feedback-text__icon--info {
42
+ color: #0082b9;
43
+ }
44
+ .eds-contrast .eds-feedback-text__icon--info {
45
+ color: #64b3e7;
46
+ }
47
+ .eds-feedback-text__icon--warning {
48
+ color: #ffca28;
49
+ }
50
+ .eds-feedback-text__icon--warning circle {
51
+ fill: #181c56;
52
+ }
53
+ .eds-contrast .eds-feedback-text__icon--warning {
54
+ color: #ffe082;
55
+ }
56
+ /* DO NOT CHANGE!*/
57
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
6
58
  .eds-checkbox__container {
7
59
  display: flex;
8
60
  align-items: center;
@@ -165,62 +217,134 @@
165
217
  }
166
218
  /* DO NOT CHANGE!*/
167
219
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
168
- .eds-feedback-text {
220
+ .eds-input-group {
221
+ color: inherit;
222
+ display: block;
223
+ position: relative;
224
+ }
225
+ .eds-input-group__label {
226
+ color: #656782;
169
227
  display: flex;
170
- align-items: center;
171
- margin-top: 0.25rem;
228
+ font-size: 1rem;
229
+ position: absolute;
230
+ line-height: 1rem;
231
+ height: 3rem;
232
+ padding: 1rem;
233
+ padding-left: 0;
234
+ margin-left: 1rem;
235
+ top: -0.125rem;
236
+ 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;
237
+ -webkit-user-select: none;
238
+ -moz-user-select: none;
239
+ user-select: none;
240
+ pointer-events: none;
172
241
  }
173
- .eds-feedback-text--info {
174
- padding-left: calc(1rem + 0.125rem);
242
+ .eds-form-control-wrapper--is-filled .eds-input-group__label {
243
+ top: 0.375rem;
244
+ font-size: 0.75rem;
245
+ line-height: 0.75rem;
246
+ height: 10px;
247
+ padding: 0;
248
+ margin-left: 1rem;
175
249
  }
176
- .eds-feedback-text__text {
177
- color: #181c56;
250
+ .eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
251
+ box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
252
+ background: var(--textarea-label-background);
253
+ width: calc(
254
+ 100% - 1rem - 1rem - 4px
255
+ );
178
256
  }
179
- .eds-contrast .eds-feedback-text__text {
180
- color: #ffffff;
257
+ .eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
258
+ top: 0.5rem;
259
+ font-size: 0.875rem;
260
+ line-height: 1rem;
261
+ padding: 0;
262
+ margin-left: 1rem;
181
263
  }
182
-
183
- .eds-feedback-text__icon {
184
- font-size: 1.5rem;
185
- min-height: 1.5rem;
186
- min-width: 1.5rem;
187
- padding-right: 0.5rem;
188
- position: relative;
189
- top: -0.1rem;
264
+ .eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
265
+ color: #aeb7e2;
190
266
  }
191
- .eds-feedback-text__icon--success {
192
- color: #1a8e60;
267
+ .eds-form-control-wrapper--size-large .eds-input-group__label {
268
+ font-size: 1.5rem;
269
+ line-height: 2.25rem;
270
+ height: 4rem;
193
271
  }
194
- .eds-contrast .eds-feedback-text__icon--success {
195
- color: #5ac39a;
272
+ .eds-input-group__label--filled {
273
+ top: 0.375rem;
274
+ font-size: 0.75rem;
275
+ line-height: 0.75rem;
276
+ height: 10px;
277
+ padding: 0;
278
+ margin-left: 1rem;
196
279
  }
197
- .eds-feedback-text__icon--error {
198
- color: #d31b1b;
280
+ .eds-textarea__label .eds-input-group__label--filled {
281
+ box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
282
+ background: var(--textarea-label-background);
283
+ width: calc(
284
+ 100% - 1rem - 1rem - 4px
285
+ );
199
286
  }
200
- .eds-contrast .eds-feedback-text__icon--error {
201
- color: #ff9494;
287
+ .eds-form-control-wrapper--size-large .eds-input-group__label--filled {
288
+ top: 0.5rem;
289
+ font-size: 0.875rem;
290
+ line-height: 1rem;
291
+ padding: 0;
292
+ margin-left: 1rem;
202
293
  }
203
- .eds-feedback-text__icon--info {
294
+ .eds-input-group__label-tooltip-icon {
204
295
  color: #0082b9;
296
+ padding-left: 0.25rem;
297
+ padding-right: 0.25rem;
298
+ display: flex;
299
+ align-items: center;
300
+ cursor: help;
301
+ font-size: 1rem;
205
302
  }
206
- .eds-contrast .eds-feedback-text__icon--info {
207
- color: #64b3e7;
303
+
304
+ .eds-form-control-wrapper[focus-within] .eds-input-group__label {
305
+ top: 0.375rem;
306
+ font-size: 0.75rem;
307
+ line-height: 0.75rem;
308
+ height: 10px;
309
+ padding: 0;
310
+ margin-left: 1rem;
208
311
  }
209
- .eds-feedback-text__icon--warning {
210
- color: #ffca28;
312
+
313
+ .eds-form-control-wrapper:focus-within .eds-input-group__label {
314
+ top: 0.375rem;
315
+ font-size: 0.75rem;
316
+ line-height: 0.75rem;
317
+ height: 10px;
318
+ padding: 0;
319
+ margin-left: 1rem;
211
320
  }
212
- .eds-feedback-text__icon--warning circle {
213
- fill: #181c56;
321
+ .eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
322
+ box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
323
+ background: var(--textarea-label-background);
324
+ width: calc(
325
+ 100% - 1rem - 1rem - 4px
326
+ );
214
327
  }
215
- .eds-contrast .eds-feedback-text__icon--warning {
216
- color: #ffe082;
328
+ .eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
329
+ box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
330
+ background: var(--textarea-label-background);
331
+ width: calc(
332
+ 100% - 1rem - 1rem - 4px
333
+ );
217
334
  }
218
- /* DO NOT CHANGE!*/
219
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
220
- .eds-fieldset {
221
- margin: 0;
335
+ .eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
336
+ top: 0.5rem;
337
+ font-size: 0.875rem;
338
+ line-height: 1rem;
222
339
  padding: 0;
223
- border: 0;
340
+ margin-left: 1rem;
341
+ }
342
+ .eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
343
+ top: 0.5rem;
344
+ font-size: 0.875rem;
345
+ line-height: 1rem;
346
+ padding: 0;
347
+ margin-left: 1rem;
224
348
  }
225
349
  /* DO NOT CHANGE!*/
226
350
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -466,6 +590,13 @@
466
590
  }
467
591
  /* DO NOT CHANGE!*/
468
592
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
593
+ .eds-fieldset {
594
+ margin: 0;
595
+ padding: 0;
596
+ border: 0;
597
+ }
598
+ /* DO NOT CHANGE!*/
599
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
469
600
  .eds-form-component--radio__container {
470
601
  display: flex;
471
602
  justify-content: center;
@@ -554,137 +685,6 @@
554
685
  }
555
686
  /* DO NOT CHANGE!*/
556
687
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
557
- .eds-input-group {
558
- color: inherit;
559
- display: block;
560
- position: relative;
561
- }
562
- .eds-input-group__label {
563
- color: #656782;
564
- display: flex;
565
- font-size: 1rem;
566
- position: absolute;
567
- line-height: 1rem;
568
- height: 3rem;
569
- padding: 1rem;
570
- padding-left: 0;
571
- margin-left: 1rem;
572
- top: -0.125rem;
573
- 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;
574
- -webkit-user-select: none;
575
- -moz-user-select: none;
576
- user-select: none;
577
- pointer-events: none;
578
- }
579
- .eds-form-control-wrapper--is-filled .eds-input-group__label {
580
- top: 0.375rem;
581
- font-size: 0.75rem;
582
- line-height: 0.75rem;
583
- height: 10px;
584
- padding: 0;
585
- margin-left: 1rem;
586
- }
587
- .eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
588
- box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
589
- background: var(--textarea-label-background);
590
- width: calc(
591
- 100% - 1rem - 1rem - 4px
592
- );
593
- }
594
- .eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
595
- top: 0.5rem;
596
- font-size: 0.875rem;
597
- line-height: 1rem;
598
- padding: 0;
599
- margin-left: 1rem;
600
- }
601
- .eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
602
- color: #aeb7e2;
603
- }
604
- .eds-form-control-wrapper--size-large .eds-input-group__label {
605
- font-size: 1.5rem;
606
- line-height: 2.25rem;
607
- height: 4rem;
608
- }
609
- .eds-input-group__label--filled {
610
- top: 0.375rem;
611
- font-size: 0.75rem;
612
- line-height: 0.75rem;
613
- height: 10px;
614
- padding: 0;
615
- margin-left: 1rem;
616
- }
617
- .eds-textarea__label .eds-input-group__label--filled {
618
- box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
619
- background: var(--textarea-label-background);
620
- width: calc(
621
- 100% - 1rem - 1rem - 4px
622
- );
623
- }
624
- .eds-form-control-wrapper--size-large .eds-input-group__label--filled {
625
- top: 0.5rem;
626
- font-size: 0.875rem;
627
- line-height: 1rem;
628
- padding: 0;
629
- margin-left: 1rem;
630
- }
631
- .eds-input-group__label-tooltip-icon {
632
- color: #0082b9;
633
- padding-left: 0.25rem;
634
- padding-right: 0.25rem;
635
- display: flex;
636
- align-items: center;
637
- cursor: help;
638
- font-size: 1rem;
639
- }
640
-
641
- .eds-form-control-wrapper[focus-within] .eds-input-group__label {
642
- top: 0.375rem;
643
- font-size: 0.75rem;
644
- line-height: 0.75rem;
645
- height: 10px;
646
- padding: 0;
647
- margin-left: 1rem;
648
- }
649
-
650
- .eds-form-control-wrapper:focus-within .eds-input-group__label {
651
- top: 0.375rem;
652
- font-size: 0.75rem;
653
- line-height: 0.75rem;
654
- height: 10px;
655
- padding: 0;
656
- margin-left: 1rem;
657
- }
658
- .eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
659
- box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
660
- background: var(--textarea-label-background);
661
- width: calc(
662
- 100% - 1rem - 1rem - 4px
663
- );
664
- }
665
- .eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
666
- box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
667
- background: var(--textarea-label-background);
668
- width: calc(
669
- 100% - 1rem - 1rem - 4px
670
- );
671
- }
672
- .eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
673
- top: 0.5rem;
674
- font-size: 0.875rem;
675
- line-height: 1rem;
676
- padding: 0;
677
- margin-left: 1rem;
678
- }
679
- .eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
680
- top: 0.5rem;
681
- font-size: 0.875rem;
682
- line-height: 1rem;
683
- padding: 0;
684
- margin-left: 1rem;
685
- }
686
- /* DO NOT CHANGE!*/
687
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
688
688
  .eds-switch {
689
689
  cursor: pointer;
690
690
  -webkit-user-select: none;
@@ -804,6 +804,13 @@
804
804
  }
805
805
  /* DO NOT CHANGE!*/
806
806
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
807
+ textarea.eds-form-control.eds-textarea {
808
+ min-height: 7.75rem;
809
+ resize: vertical;
810
+ line-height: 1.5rem;
811
+ }
812
+ /* DO NOT CHANGE!*/
813
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
807
814
  .eds-textfield__clear-button {
808
815
  background: none;
809
816
  border: none;
@@ -841,24 +848,6 @@
841
848
  }
842
849
  /* DO NOT CHANGE!*/
843
850
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
844
- textarea.eds-form-control.eds-textarea {
845
- min-height: 7.75rem;
846
- resize: vertical;
847
- line-height: 1.5rem;
848
- }
849
- /* DO NOT CHANGE!*/
850
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
851
- .eds-segmented-control {
852
- margin-top: 0.25rem;
853
- display: flex;
854
- background: #d1d4e3;
855
- border-radius: 0.5rem;
856
- }
857
- .eds-contrast .eds-segmented-control {
858
- background: #393d79;
859
- }
860
- /* DO NOT CHANGE!*/
861
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
862
851
  .eds-segmented-choice {
863
852
  display: block;
864
853
  flex: 1 1 0px;
@@ -930,6 +919,17 @@ textarea.eds-form-control.eds-textarea {
930
919
  }
931
920
  /* DO NOT CHANGE!*/
932
921
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
922
+ .eds-segmented-control {
923
+ margin-top: 0.25rem;
924
+ display: flex;
925
+ background: #d1d4e3;
926
+ border-radius: 0.5rem;
927
+ }
928
+ .eds-contrast .eds-segmented-control {
929
+ background: #393d79;
930
+ }
931
+ /* DO NOT CHANGE!*/
932
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
933
933
  .eds-input-panel[focus-within] .eds-input-panel__container {
934
934
  border-color: #181c56;
935
935
  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.11",
3
+ "version": "7.0.12",
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": "^6.3.1",
31
31
  "@entur/tokens": "^3.10.0",
32
- "@entur/tooltip": "^2.6.21",
33
- "@entur/typography": "^1.8.2",
34
- "@entur/utils": "^0.9.2",
32
+ "@entur/tooltip": "^2.6.22",
33
+ "@entur/typography": "^1.8.3",
34
+ "@entur/utils": "^0.9.3",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
- "gitHead": "a7f288d524c9ef12f3b78ea35b864c879c0f1cc3"
37
+ "gitHead": "9bf0838160519db9fb072af36dc19731dfb5e2dd"
38
38
  }