@entur/form 7.1.11 → 7.2.0

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 CHANGED
@@ -183,160 +183,10 @@
183
183
  .eds-form-control__append {
184
184
  margin-left: 0;
185
185
  }
186
- /* DO NOT CHANGE!*/
187
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
188
- .eds-checkbox__container {
189
- display: flex;
190
- align-items: center;
191
- position: relative;
192
- -webkit-appearance: none;
193
- -moz-appearance: none;
194
- appearance: none;
195
- cursor: pointer;
196
- -webkit-user-select: none;
197
- -moz-user-select: none;
198
- user-select: none;
199
- width: -moz-fit-content;
200
- width: fit-content;
201
- margin: 0.5rem 0;
202
- }
203
- .eds-checkbox__container--reduced-click-area {
204
- height: -moz-fit-content;
205
- height: fit-content;
206
- }
207
- .eds-checkbox__container input {
208
- position: absolute;
209
- opacity: 0;
210
- height: 0;
211
- width: 0;
212
- }
213
- .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
214
- background-color: var(--components-form-checkbox-standard-fill-selected);
215
- }
216
- .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
217
- visibility: visible;
218
- }
219
- .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
220
- stroke: var(--components-form-checkbox-standard-icon);
221
- animation: stroke ease-in-out 0.2s 0.1s forwards;
222
- }
223
- .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
224
- fill: var(--components-form-checkbox-standard-icon);
225
- }
226
- .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
227
- opacity: 0.5;
228
- }
229
- .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
230
- opacity: 0.5;
231
- }
232
- .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
233
- opacity: 0.5;
234
- }
235
- .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
236
- opacity: 0.5;
237
- }
238
- .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
239
- opacity: 0.5;
240
- }
241
- .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
242
- background-color: var(--components-form-checkbox-contrast-fill-selected);
243
- }
244
- .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
245
- stroke: var(--components-form-checkbox-contrast-icon);
246
- }
247
- .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
248
- fill: var(--components-form-checkbox-contrast-icon);
249
- }
250
- .eds-checkbox__container:hover input + .eds-checkbox__icon {
251
- border-color: var(--components-form-checkbox-standard-border);
252
- background-color: var(--components-form-checkbox-standard-fill-hover);
253
- }
254
- .eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
255
- border-color: var(--components-form-checkbox-contrast-border);
256
- background-color: var(--components-form-checkbox-contrast-fill-hover);
257
- }
258
- .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
259
- .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
260
- border-color: transparent;
261
- background-color: var(--components-form-checkbox-standard-fill-selectedhover);
262
- }
263
- .eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
264
- .eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
265
- background-color: var(--components-form-checkbox-contrast-fill-selectedhover);
266
- }
267
- .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
268
- .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
269
- background-color: var(--components-form-checkbox-standard-fill-selected);
270
- }
271
- .eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
272
- .eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
273
- background-color: var(--components-form-checkbox-contrast-fill-selected);
274
- }
275
- .eds-checkbox__container:focus + .eds-checkbox__icon,
276
- .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
277
- outline: 2px solid #181c56;
278
- outline-color: var(--basecolors-stroke-focus-standard);
279
- outline-offset: 0.125rem;
280
- }
281
- .eds-checkbox__container:focus + .eds-checkbox__icon,
282
- .eds-checkbox__container :focus-within + .eds-checkbox__icon {
283
- outline: 2px solid #181c56;
284
- outline-color: var(--basecolors-stroke-focus-standard);
285
- outline-offset: 0.125rem;
286
- }
287
- .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
288
- .eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
289
- outline-color: var(--basecolors-stroke-focus-contrast);
290
- }
291
- .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
292
- .eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
293
- outline-color: var(--basecolors-stroke-focus-contrast);
294
- }
295
- .eds-checkbox--disabled {
296
- pointer-events: none;
297
- }
298
- .eds-checkbox--disabled .eds-checkbox__label {
299
- opacity: 0.5;
300
- }
301
- .eds-checkbox--disabled .eds-checkbox__icon {
302
- opacity: 0.5;
303
- }
304
- .eds-checkbox__icon {
305
- box-sizing: border-box;
306
- display: inline-flex;
307
- justify-content: center;
308
- align-items: center;
309
- position: relative;
310
- margin-right: 1rem;
311
- height: 1.25rem;
312
- width: 1.25rem;
313
- border: 0.125rem solid var(--components-form-checkbox-standard-border);
314
- border-radius: 0.125rem;
315
- background-color: transparent;
316
- transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
317
- }
318
- .eds-checkbox__icon--reduced-click-area {
319
- margin-right: 0;
320
- }
321
- .eds-contrast .eds-checkbox__icon {
322
- border-color: var(--components-form-checkbox-contrast-border);
323
- }
324
- .eds-checkbox__icon .eds-checkbox-icon {
325
- height: 1rem;
326
- width: 1rem;
327
- visibility: hidden;
328
- }
329
- .eds-checkbox__icon .eds-checkbox-icon path {
330
- transform-origin: 50% 50%;
331
- stroke-dasharray: 48;
332
- stroke-dashoffset: 48;
333
- stroke-width: 0.375rem;
334
- }
335
-
336
- @keyframes stroke {
337
- 100% {
338
- stroke-dashoffset: 0;
339
- }
186
+ .eds-fieldset {
187
+ margin: 0;
188
+ padding: 0;
189
+ border: 0;
340
190
  }
341
191
  /* DO NOT CHANGE!*/
342
192
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -624,6 +474,161 @@
624
474
  }
625
475
  /* DO NOT CHANGE!*/
626
476
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
477
+ .eds-checkbox__container {
478
+ display: flex;
479
+ align-items: center;
480
+ position: relative;
481
+ -webkit-appearance: none;
482
+ -moz-appearance: none;
483
+ appearance: none;
484
+ cursor: pointer;
485
+ -webkit-user-select: none;
486
+ -moz-user-select: none;
487
+ user-select: none;
488
+ width: -moz-fit-content;
489
+ width: fit-content;
490
+ margin: 0.5rem 0;
491
+ }
492
+ .eds-checkbox__container--reduced-click-area {
493
+ height: -moz-fit-content;
494
+ height: fit-content;
495
+ }
496
+ .eds-checkbox__container input {
497
+ position: absolute;
498
+ opacity: 0;
499
+ height: 0;
500
+ width: 0;
501
+ }
502
+ .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
503
+ background-color: var(--components-form-checkbox-standard-fill-selected);
504
+ }
505
+ .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
506
+ visibility: visible;
507
+ }
508
+ .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
509
+ stroke: var(--components-form-checkbox-standard-icon);
510
+ animation: stroke ease-in-out 0.2s 0.1s forwards;
511
+ }
512
+ .eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
513
+ fill: var(--components-form-checkbox-standard-icon);
514
+ }
515
+ .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
516
+ opacity: 0.5;
517
+ }
518
+ .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
519
+ opacity: 0.5;
520
+ }
521
+ .eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
522
+ opacity: 0.5;
523
+ }
524
+ .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
525
+ opacity: 0.5;
526
+ }
527
+ .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
528
+ opacity: 0.5;
529
+ }
530
+ .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
531
+ background-color: var(--components-form-checkbox-contrast-fill-selected);
532
+ }
533
+ .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
534
+ stroke: var(--components-form-checkbox-contrast-icon);
535
+ }
536
+ .eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
537
+ fill: var(--components-form-checkbox-contrast-icon);
538
+ }
539
+ .eds-checkbox__container:hover input + .eds-checkbox__icon {
540
+ border-color: var(--components-form-checkbox-standard-border);
541
+ background-color: var(--components-form-checkbox-standard-fill-hover);
542
+ }
543
+ .eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
544
+ border-color: var(--components-form-checkbox-contrast-border);
545
+ background-color: var(--components-form-checkbox-contrast-fill-hover);
546
+ }
547
+ .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
548
+ .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
549
+ border-color: transparent;
550
+ background-color: var(--components-form-checkbox-standard-fill-selectedhover);
551
+ }
552
+ .eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
553
+ .eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
554
+ background-color: var(--components-form-checkbox-contrast-fill-selectedhover);
555
+ }
556
+ .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
557
+ .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
558
+ background-color: var(--components-form-checkbox-standard-fill-selected);
559
+ }
560
+ .eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
561
+ .eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
562
+ background-color: var(--components-form-checkbox-contrast-fill-selected);
563
+ }
564
+ .eds-checkbox__container:focus + .eds-checkbox__icon,
565
+ .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
566
+ outline: 2px solid #181c56;
567
+ outline-color: var(--basecolors-stroke-focus-standard);
568
+ outline-offset: 0.125rem;
569
+ }
570
+ .eds-checkbox__container:focus + .eds-checkbox__icon,
571
+ .eds-checkbox__container :focus-within + .eds-checkbox__icon {
572
+ outline: 2px solid #181c56;
573
+ outline-color: var(--basecolors-stroke-focus-standard);
574
+ outline-offset: 0.125rem;
575
+ }
576
+ .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
577
+ .eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
578
+ outline-color: var(--basecolors-stroke-focus-contrast);
579
+ }
580
+ .eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
581
+ .eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
582
+ outline-color: var(--basecolors-stroke-focus-contrast);
583
+ }
584
+ .eds-checkbox--disabled {
585
+ pointer-events: none;
586
+ }
587
+ .eds-checkbox--disabled .eds-checkbox__label {
588
+ opacity: 0.5;
589
+ }
590
+ .eds-checkbox--disabled .eds-checkbox__icon {
591
+ opacity: 0.5;
592
+ }
593
+ .eds-checkbox__icon {
594
+ box-sizing: border-box;
595
+ display: inline-flex;
596
+ justify-content: center;
597
+ align-items: center;
598
+ position: relative;
599
+ margin-right: 1rem;
600
+ height: 1.25rem;
601
+ width: 1.25rem;
602
+ border: 0.125rem solid var(--components-form-checkbox-standard-border);
603
+ border-radius: 0.125rem;
604
+ background-color: transparent;
605
+ transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
606
+ }
607
+ .eds-checkbox__icon--reduced-click-area {
608
+ margin-right: 0;
609
+ }
610
+ .eds-contrast .eds-checkbox__icon {
611
+ border-color: var(--components-form-checkbox-contrast-border);
612
+ }
613
+ .eds-checkbox__icon .eds-checkbox-icon {
614
+ height: 1rem;
615
+ width: 1rem;
616
+ visibility: hidden;
617
+ }
618
+ .eds-checkbox__icon .eds-checkbox-icon path {
619
+ transform-origin: 50% 50%;
620
+ stroke-dasharray: 48;
621
+ stroke-dashoffset: 48;
622
+ stroke-width: 0.375rem;
623
+ }
624
+
625
+ @keyframes stroke {
626
+ 100% {
627
+ stroke-dashoffset: 0;
628
+ }
629
+ }
630
+ /* DO NOT CHANGE!*/
631
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
627
632
  .eds-switch {
628
633
  cursor: pointer;
629
634
  -webkit-user-select: none;
@@ -743,6 +748,13 @@
743
748
  }
744
749
  /* DO NOT CHANGE!*/
745
750
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
751
+ textarea.eds-form-control.eds-textarea {
752
+ min-height: 7.75rem;
753
+ resize: vertical;
754
+ line-height: 1.5rem;
755
+ }
756
+ /* DO NOT CHANGE!*/
757
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
746
758
  .eds-input-panel[focus-within] .eds-input-panel__container {
747
759
  outline: 2px solid #181c56;
748
760
  outline-color: var(--basecolors-stroke-focus-standard);
@@ -897,18 +909,6 @@ input:disabled + .eds-input-panel__container {
897
909
  margin-top: 0.25rem;
898
910
  word-wrap: break-word;
899
911
  }
900
- .eds-fieldset {
901
- margin: 0;
902
- padding: 0;
903
- border: 0;
904
- }
905
- /* DO NOT CHANGE!*/
906
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
907
- textarea.eds-form-control.eds-textarea {
908
- min-height: 7.75rem;
909
- resize: vertical;
910
- line-height: 1.5rem;
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.11",
3
+ "version": "7.2.0",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/form.esm.js",
@@ -34,5 +34,5 @@
34
34
  "@entur/utils": "^0.11.1",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
- "gitHead": "59263b656c7de882e8ecf50bdb49f7ddfd283026"
37
+ "gitHead": "750c39e0b36eff3beaa9f6a38ae2dea6e29d2085"
38
38
  }