@entur/form 7.1.11 → 7.2.1
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/form.cjs.development.js +2 -2
- package/dist/form.cjs.development.js.map +1 -1
- package/dist/form.cjs.production.min.js +1 -1
- package/dist/form.cjs.production.min.js.map +1 -1
- package/dist/form.esm.js +2 -2
- package/dist/form.esm.js.map +1 -1
- package/dist/styles.css +89 -89
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,78 @@
|
|
|
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. */
|
|
3
76
|
.eds-form-control-wrapper {
|
|
4
77
|
align-items: center;
|
|
5
78
|
background-color: var(--components-form-baseform-standard-fill-default);
|
|
@@ -338,78 +411,10 @@
|
|
|
338
411
|
stroke-dashoffset: 0;
|
|
339
412
|
}
|
|
340
413
|
}
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
align-items: center;
|
|
346
|
-
margin-top: 0.25rem;
|
|
347
|
-
}
|
|
348
|
-
.eds-feedback-text--info, .eds-feedback-text--information {
|
|
349
|
-
padding-left: calc(1rem + 0.125rem);
|
|
350
|
-
}
|
|
351
|
-
.eds-feedback-text__text {
|
|
352
|
-
color: var(--components-form-feedbacktext-information-standard-text);
|
|
353
|
-
}
|
|
354
|
-
.eds-contrast .eds-feedback-text__text {
|
|
355
|
-
color: var(--components-form-feedbacktext-information-contrast-text);
|
|
356
|
-
}
|
|
357
|
-
|
|
358
|
-
.eds-feedback-text__icon {
|
|
359
|
-
font-size: 1.5rem;
|
|
360
|
-
min-height: 1.5rem;
|
|
361
|
-
min-width: 1.5rem;
|
|
362
|
-
padding-right: 0.5rem;
|
|
363
|
-
position: relative;
|
|
364
|
-
top: -0.1rem;
|
|
365
|
-
}
|
|
366
|
-
.eds-feedback-text__icon--success {
|
|
367
|
-
color: var(--components-form-feedbacktext-success-standard-icon-fill);
|
|
368
|
-
}
|
|
369
|
-
.eds-feedback-text__icon--success circle {
|
|
370
|
-
fill: var(--components-form-feedbacktext-success-standard-icon-symbol);
|
|
371
|
-
}
|
|
372
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
373
|
-
color: var(--components-form-feedbacktext-success-contrast-icon-fill);
|
|
374
|
-
}
|
|
375
|
-
.eds-contrast .eds-feedback-text__icon--success circle {
|
|
376
|
-
fill: var(--components-form-feedbacktext-success-contrast-icon-symbol);
|
|
377
|
-
}
|
|
378
|
-
.eds-feedback-text__icon--error, .eds-feedback-text__icon--negative {
|
|
379
|
-
color: var(--components-form-feedbacktext-negative-standard-icon-fill);
|
|
380
|
-
}
|
|
381
|
-
.eds-feedback-text__icon--error circle, .eds-feedback-text__icon--negative circle {
|
|
382
|
-
fill: var(--components-form-feedbacktext-negative-standard-icon-symbol);
|
|
383
|
-
}
|
|
384
|
-
.eds-contrast .eds-feedback-text__icon--error, .eds-contrast .eds-feedback-text__icon--negative {
|
|
385
|
-
color: var(--components-form-feedbacktext-negative-contrast-icon-fill);
|
|
386
|
-
}
|
|
387
|
-
.eds-contrast .eds-feedback-text__icon--error circle, .eds-contrast .eds-feedback-text__icon--negative circle {
|
|
388
|
-
fill: var(--components-form-feedbacktext-negative-contrast-icon-symbol);
|
|
389
|
-
}
|
|
390
|
-
.eds-feedback-text__icon--info, .eds-feedback-text__icon--information {
|
|
391
|
-
color: var(--components-form-feedbacktext-information-standard-icon-fill);
|
|
392
|
-
}
|
|
393
|
-
.eds-feedback-text__icon--info circle, .eds-feedback-text__icon--information circle {
|
|
394
|
-
fill: var(--components-form-feedbacktext-information-standard-icon-symbol);
|
|
395
|
-
}
|
|
396
|
-
.eds-contrast .eds-feedback-text__icon--info, .eds-contrast .eds-feedback-text__icon--information {
|
|
397
|
-
color: var(--components-form-feedbacktext-information-contrast-icon-fill);
|
|
398
|
-
}
|
|
399
|
-
.eds-contrast .eds-feedback-text__icon--info circle, .eds-contrast .eds-feedback-text__icon--information circle {
|
|
400
|
-
fill: var(--components-form-feedbacktext-information-contrast-icon-symbol);
|
|
401
|
-
}
|
|
402
|
-
.eds-feedback-text__icon--warning {
|
|
403
|
-
color: var(--components-form-feedbacktext-warning-standard-icon-fill);
|
|
404
|
-
}
|
|
405
|
-
.eds-feedback-text__icon--warning .svg-exclamation {
|
|
406
|
-
fill: var(--components-form-feedbacktext-warning-standard-icon-symbol);
|
|
407
|
-
}
|
|
408
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
409
|
-
color: var(--components-form-feedbacktext-warning-contrast-icon-fill);
|
|
410
|
-
}
|
|
411
|
-
.eds-contrast .eds-feedback-text__icon--warning circle {
|
|
412
|
-
fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
|
|
414
|
+
.eds-fieldset {
|
|
415
|
+
margin: 0;
|
|
416
|
+
padding: 0;
|
|
417
|
+
border: 0;
|
|
413
418
|
}
|
|
414
419
|
/* DO NOT CHANGE!*/
|
|
415
420
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -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 {
|
|
@@ -1432,8 +1432,8 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1432
1432
|
--basecolors-shape-accent: #e5e5e9;
|
|
1433
1433
|
--basecolors-shape-bicycle-contrast: #4db295;
|
|
1434
1434
|
--basecolors-shape-bicycle-default: #4db295;
|
|
1435
|
-
--basecolors-shape-bus-contrast: #
|
|
1436
|
-
--basecolors-shape-bus-default: #
|
|
1435
|
+
--basecolors-shape-bus-contrast: #ef7398;
|
|
1436
|
+
--basecolors-shape-bus-default: #ef7398;
|
|
1437
1437
|
--basecolors-shape-cableway-contrast: #b898e5;
|
|
1438
1438
|
--basecolors-shape-cableway-default: #b898e5;
|
|
1439
1439
|
--basecolors-shape-disabled: #b6b8ba;
|
|
@@ -1476,7 +1476,7 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1476
1476
|
--basecolors-stroke-highlight: #ff9494;
|
|
1477
1477
|
--basecolors-stroke-light: #b3b4bd;
|
|
1478
1478
|
--basecolors-stroke-subdued: #81828f;
|
|
1479
|
-
--basecolors-stroke-subduedalt: #
|
|
1479
|
+
--basecolors-stroke-subduedalt: #949699;
|
|
1480
1480
|
--basecolors-text-accent: #e5e5e9;
|
|
1481
1481
|
--basecolors-text-disabled: #b6b8ba;
|
|
1482
1482
|
--basecolors-text-disabledalt: #b6b8ba;
|
|
@@ -1521,8 +1521,8 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1521
1521
|
--contrast-airportlinkrail: #fbafea;
|
|
1522
1522
|
--contrast-airportlinkrail-transparent: rgba(251,175,234,0.14902);
|
|
1523
1523
|
--dark-bicycle: #4db295;
|
|
1524
|
-
--dark-bus: #
|
|
1525
|
-
--dark-bus-transparent: rgba(
|
|
1524
|
+
--dark-bus: #ef7398;
|
|
1525
|
+
--dark-bus-transparent: rgba(239,115,152,0.14902);
|
|
1526
1526
|
--dark-cableway: #b898e5;
|
|
1527
1527
|
--dark-cableway-transparent: rgba(184,152,229,0.14902);
|
|
1528
1528
|
--dark-carferry: #8ccfe2;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.1
|
|
3
|
+
"version": "7.2.1",
|
|
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.18.
|
|
31
|
-
"@entur/tokens": "^3.15.
|
|
32
|
-
"@entur/tooltip": "^2.7.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
30
|
+
"@entur/icons": "^6.18.1",
|
|
31
|
+
"@entur/tokens": "^3.15.2",
|
|
32
|
+
"@entur/tooltip": "^2.7.11",
|
|
33
|
+
"@entur/typography": "^1.8.40",
|
|
34
34
|
"@entur/utils": "^0.11.1",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "4d4f7939fb1c9b936e07dd321b7faa3e12476b3d"
|
|
38
38
|
}
|