@entur/form 5.4.5 → 5.4.6-RC.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/CHANGELOG.md +12 -0
- package/dist/styles.css +164 -164
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [5.4.6-RC.0](https://bitbucket.org/enturas/design-system/compare/@entur/form@5.4.6-alpha.1...@entur/form@5.4.6-RC.0) (2022-11-21)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @entur/form
|
|
9
|
+
|
|
10
|
+
## [5.4.6-alpha.1](https://bitbucket.org/enturas/design-system/compare/@entur/form@5.4.6-alpha.0...@entur/form@5.4.6-alpha.1) (2022-10-26)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @entur/form
|
|
13
|
+
|
|
14
|
+
## [5.4.6-alpha.0](https://bitbucket.org/enturas/design-system/compare/@entur/form@5.4.5...@entur/form@5.4.6-alpha.0) (2022-10-20)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @entur/form
|
|
17
|
+
|
|
6
18
|
## [5.4.5](https://bitbucket.org/enturas/design-system/compare/@entur/form@5.4.4...@entur/form@5.4.5) (2022-10-12)
|
|
7
19
|
|
|
8
20
|
**Note:** Version bump only for package @entur/form
|
package/dist/styles.css
CHANGED
|
@@ -2,12 +2,6 @@
|
|
|
2
2
|
--eds-form: 1;
|
|
3
3
|
}/* DO NOT CHANGE!*/
|
|
4
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
|
-
textarea.eds-form-control.eds-textarea {
|
|
6
|
-
min-height: 7.75rem;
|
|
7
|
-
resize: vertical;
|
|
8
|
-
line-height: 1.5rem;
|
|
9
|
-
}/* DO NOT CHANGE!*/
|
|
10
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
11
5
|
.eds-fieldset {
|
|
12
6
|
margin: 0;
|
|
13
7
|
padding: 0;
|
|
@@ -17,42 +11,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
17
11
|
margin: 0 0 0.5rem;
|
|
18
12
|
}/* DO NOT CHANGE!*/
|
|
19
13
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
20
|
-
.eds-textfield__clear-button {
|
|
21
|
-
background: none;
|
|
22
|
-
border: none;
|
|
23
|
-
border-radius: 50%;
|
|
24
|
-
color: inherit;
|
|
25
|
-
cursor: pointer;
|
|
26
|
-
display: flex;
|
|
27
|
-
font: inherit;
|
|
28
|
-
font-size: 1rem;
|
|
29
|
-
line-height: 1rem;
|
|
30
|
-
padding: 0.5rem;
|
|
31
|
-
margin-right: -0.75rem;
|
|
32
|
-
}
|
|
33
|
-
.eds-textfield__clear-button-wrapper {
|
|
34
|
-
display: flex;
|
|
35
|
-
align-items: center;
|
|
36
|
-
}
|
|
37
|
-
.eds-textfield__clear-button:hover {
|
|
38
|
-
background: #f3f3f3;
|
|
39
|
-
}
|
|
40
|
-
.eds-textfield__clear-button:focus {
|
|
41
|
-
outline: none;
|
|
42
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.eds-textfield__divider {
|
|
46
|
-
content: "";
|
|
47
|
-
display: block;
|
|
48
|
-
background-color: #e9e9e9;
|
|
49
|
-
height: 1.5rem;
|
|
50
|
-
width: 1px;
|
|
51
|
-
}
|
|
52
|
-
.eds-contrast .eds-form-control-wrapper--disabled .eds-textfield__divider {
|
|
53
|
-
background-color: #8285a8;
|
|
54
|
-
}/* DO NOT CHANGE!*/
|
|
55
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
56
14
|
.eds-feedback-text {
|
|
57
15
|
display: flex;
|
|
58
16
|
align-items: center;
|
|
@@ -331,118 +289,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
331
289
|
}
|
|
332
290
|
}/* DO NOT CHANGE!*/
|
|
333
291
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
334
|
-
.eds-switch {
|
|
335
|
-
cursor: pointer;
|
|
336
|
-
-webkit-user-select: none;
|
|
337
|
-
-moz-user-select: none;
|
|
338
|
-
-ms-user-select: none;
|
|
339
|
-
user-select: none;
|
|
340
|
-
padding: 0.5rem 0;
|
|
341
|
-
width: -webkit-fit-content;
|
|
342
|
-
width: -moz-fit-content;
|
|
343
|
-
width: fit-content;
|
|
344
|
-
}
|
|
345
|
-
.eds-switch input {
|
|
346
|
-
opacity: 0;
|
|
347
|
-
pointer-events: none;
|
|
348
|
-
position: absolute;
|
|
349
|
-
}
|
|
350
|
-
.eds-switch--right {
|
|
351
|
-
display: flex;
|
|
352
|
-
flex-direction: row;
|
|
353
|
-
align-items: center;
|
|
354
|
-
}
|
|
355
|
-
.eds-switch--bottom {
|
|
356
|
-
display: flex;
|
|
357
|
-
flex-direction: column;
|
|
358
|
-
align-items: center;
|
|
359
|
-
}
|
|
360
|
-
.eds-switch__circle {
|
|
361
|
-
border-radius: 50%;
|
|
362
|
-
height: 1.25rem;
|
|
363
|
-
width: 1.25rem;
|
|
364
|
-
content: "";
|
|
365
|
-
display: flex;
|
|
366
|
-
align-items: center;
|
|
367
|
-
justify-content: center;
|
|
368
|
-
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
369
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
370
|
-
background-color: #ffffff;
|
|
371
|
-
top: 0.125rem;
|
|
372
|
-
left: 0.125rem;
|
|
373
|
-
position: relative;
|
|
374
|
-
}
|
|
375
|
-
.eds-switch__switch--large .eds-switch__circle {
|
|
376
|
-
height: 1.75rem;
|
|
377
|
-
width: 1.75rem;
|
|
378
|
-
}
|
|
379
|
-
.eds-switch .eds-switch__switch svg g,
|
|
380
|
-
.eds-switch .eds-switch__switch path {
|
|
381
|
-
fill: #949494;
|
|
382
|
-
transition: fill ease-in-out 0.1s;
|
|
383
|
-
}
|
|
384
|
-
.eds-switch__switch {
|
|
385
|
-
position: relative;
|
|
386
|
-
background-color: #d1d3d3;
|
|
387
|
-
content: "";
|
|
388
|
-
display: block;
|
|
389
|
-
transition: background-color 0.1s ease-in-out;
|
|
390
|
-
height: 1.5rem;
|
|
391
|
-
width: 3rem;
|
|
392
|
-
border-radius: 1.5rem;
|
|
393
|
-
}
|
|
394
|
-
.eds-switch--right .eds-switch__switch {
|
|
395
|
-
margin-right: 0.75rem;
|
|
396
|
-
}
|
|
397
|
-
:checked + .eds-switch__switch {
|
|
398
|
-
background-color: var(--eds-switch-color);
|
|
399
|
-
}
|
|
400
|
-
:checked + .eds-switch__switch .eds-switch__circle {
|
|
401
|
-
left: 1.625rem;
|
|
402
|
-
}
|
|
403
|
-
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
404
|
-
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
405
|
-
fill: var(--eds-switch-color);
|
|
406
|
-
}
|
|
407
|
-
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
408
|
-
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle path {
|
|
409
|
-
fill: var(--eds-switch-color);
|
|
410
|
-
}
|
|
411
|
-
.eds-contrast :checked + .eds-switch__switch {
|
|
412
|
-
background-color: var(--eds-switch-contrast-color);
|
|
413
|
-
}
|
|
414
|
-
:focus + .eds-switch__switch {
|
|
415
|
-
outline: none;
|
|
416
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
417
|
-
outline-offset: 0.125rem;
|
|
418
|
-
}
|
|
419
|
-
.eds-contrast :focus + .eds-switch__switch {
|
|
420
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
421
|
-
}
|
|
422
|
-
.eds-contrast .eds-switch__switch {
|
|
423
|
-
background-color: #54568c;
|
|
424
|
-
}
|
|
425
|
-
.eds-switch__switch--large {
|
|
426
|
-
width: 3.75rem;
|
|
427
|
-
height: 2rem;
|
|
428
|
-
border-radius: 3.75rem;
|
|
429
|
-
}
|
|
430
|
-
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
431
|
-
left: 1.875rem;
|
|
432
|
-
}
|
|
433
|
-
.eds-switch__label--large--right {
|
|
434
|
-
font-size: 1rem;
|
|
435
|
-
}
|
|
436
|
-
.eds-switch__label--large--bottom {
|
|
437
|
-
font-size: 0.875rem;
|
|
438
|
-
}
|
|
439
|
-
.eds-switch__label--medium--right {
|
|
440
|
-
font-size: 0.875rem;
|
|
441
|
-
}
|
|
442
|
-
.eds-switch__label--medium--bottom {
|
|
443
|
-
font-size: 0.75rem;
|
|
444
|
-
}/* DO NOT CHANGE!*/
|
|
445
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
446
292
|
.eds-radio-panel__wrapper[focus-within] .eds-radio-panel__container {
|
|
447
293
|
border-color: #181c56;
|
|
448
294
|
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
@@ -967,6 +813,170 @@ textarea.eds-form-control.eds-textarea {
|
|
|
967
813
|
margin-left: 0;
|
|
968
814
|
}/* DO NOT CHANGE!*/
|
|
969
815
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
816
|
+
textarea.eds-form-control.eds-textarea {
|
|
817
|
+
min-height: 7.75rem;
|
|
818
|
+
resize: vertical;
|
|
819
|
+
line-height: 1.5rem;
|
|
820
|
+
}/* DO NOT CHANGE!*/
|
|
821
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
822
|
+
.eds-textfield__clear-button {
|
|
823
|
+
background: none;
|
|
824
|
+
border: none;
|
|
825
|
+
border-radius: 50%;
|
|
826
|
+
color: inherit;
|
|
827
|
+
cursor: pointer;
|
|
828
|
+
display: flex;
|
|
829
|
+
font: inherit;
|
|
830
|
+
font-size: 1rem;
|
|
831
|
+
line-height: 1rem;
|
|
832
|
+
padding: 0.5rem;
|
|
833
|
+
margin-right: -0.75rem;
|
|
834
|
+
}
|
|
835
|
+
.eds-textfield__clear-button-wrapper {
|
|
836
|
+
display: flex;
|
|
837
|
+
align-items: center;
|
|
838
|
+
}
|
|
839
|
+
.eds-textfield__clear-button:hover {
|
|
840
|
+
background: #f3f3f3;
|
|
841
|
+
}
|
|
842
|
+
.eds-textfield__clear-button:focus {
|
|
843
|
+
outline: none;
|
|
844
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
.eds-textfield__divider {
|
|
848
|
+
content: "";
|
|
849
|
+
display: block;
|
|
850
|
+
background-color: #e9e9e9;
|
|
851
|
+
height: 1.5rem;
|
|
852
|
+
width: 1px;
|
|
853
|
+
}
|
|
854
|
+
.eds-contrast .eds-form-control-wrapper--disabled .eds-textfield__divider {
|
|
855
|
+
background-color: #8285a8;
|
|
856
|
+
}/* DO NOT CHANGE!*/
|
|
857
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
858
|
+
.eds-switch {
|
|
859
|
+
cursor: pointer;
|
|
860
|
+
-webkit-user-select: none;
|
|
861
|
+
-moz-user-select: none;
|
|
862
|
+
-ms-user-select: none;
|
|
863
|
+
user-select: none;
|
|
864
|
+
padding: 0.5rem 0;
|
|
865
|
+
width: -webkit-fit-content;
|
|
866
|
+
width: -moz-fit-content;
|
|
867
|
+
width: fit-content;
|
|
868
|
+
}
|
|
869
|
+
.eds-switch input {
|
|
870
|
+
opacity: 0;
|
|
871
|
+
pointer-events: none;
|
|
872
|
+
position: absolute;
|
|
873
|
+
}
|
|
874
|
+
.eds-switch--right {
|
|
875
|
+
display: flex;
|
|
876
|
+
flex-direction: row;
|
|
877
|
+
align-items: center;
|
|
878
|
+
}
|
|
879
|
+
.eds-switch--bottom {
|
|
880
|
+
display: flex;
|
|
881
|
+
flex-direction: column;
|
|
882
|
+
align-items: center;
|
|
883
|
+
}
|
|
884
|
+
.eds-switch__circle {
|
|
885
|
+
border-radius: 50%;
|
|
886
|
+
height: 1.25rem;
|
|
887
|
+
width: 1.25rem;
|
|
888
|
+
content: "";
|
|
889
|
+
display: flex;
|
|
890
|
+
align-items: center;
|
|
891
|
+
justify-content: center;
|
|
892
|
+
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
893
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
894
|
+
background-color: #ffffff;
|
|
895
|
+
top: 0.125rem;
|
|
896
|
+
left: 0.125rem;
|
|
897
|
+
position: relative;
|
|
898
|
+
}
|
|
899
|
+
.eds-switch__switch--large .eds-switch__circle {
|
|
900
|
+
height: 1.75rem;
|
|
901
|
+
width: 1.75rem;
|
|
902
|
+
}
|
|
903
|
+
.eds-switch .eds-switch__switch svg g,
|
|
904
|
+
.eds-switch .eds-switch__switch path {
|
|
905
|
+
fill: #949494;
|
|
906
|
+
transition: fill ease-in-out 0.1s;
|
|
907
|
+
}
|
|
908
|
+
.eds-switch__switch {
|
|
909
|
+
position: relative;
|
|
910
|
+
background-color: #d1d3d3;
|
|
911
|
+
content: "";
|
|
912
|
+
display: block;
|
|
913
|
+
transition: background-color 0.1s ease-in-out;
|
|
914
|
+
height: 1.5rem;
|
|
915
|
+
width: 3rem;
|
|
916
|
+
border-radius: 1.5rem;
|
|
917
|
+
}
|
|
918
|
+
.eds-switch--right .eds-switch__switch {
|
|
919
|
+
margin-right: 0.75rem;
|
|
920
|
+
}
|
|
921
|
+
:checked + .eds-switch__switch {
|
|
922
|
+
background-color: var(--eds-switch-color);
|
|
923
|
+
}
|
|
924
|
+
:checked + .eds-switch__switch .eds-switch__circle {
|
|
925
|
+
left: 1.625rem;
|
|
926
|
+
}
|
|
927
|
+
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
928
|
+
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
929
|
+
fill: var(--eds-switch-color);
|
|
930
|
+
}
|
|
931
|
+
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
932
|
+
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle path {
|
|
933
|
+
fill: var(--eds-switch-color);
|
|
934
|
+
}
|
|
935
|
+
.eds-contrast :checked + .eds-switch__switch {
|
|
936
|
+
background-color: var(--eds-switch-contrast-color);
|
|
937
|
+
}
|
|
938
|
+
:focus + .eds-switch__switch {
|
|
939
|
+
outline: none;
|
|
940
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
941
|
+
outline-offset: 0.125rem;
|
|
942
|
+
}
|
|
943
|
+
.eds-contrast :focus + .eds-switch__switch {
|
|
944
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
945
|
+
}
|
|
946
|
+
.eds-contrast .eds-switch__switch {
|
|
947
|
+
background-color: #54568c;
|
|
948
|
+
}
|
|
949
|
+
.eds-switch__switch--large {
|
|
950
|
+
width: 3.75rem;
|
|
951
|
+
height: 2rem;
|
|
952
|
+
border-radius: 3.75rem;
|
|
953
|
+
}
|
|
954
|
+
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
955
|
+
left: 1.875rem;
|
|
956
|
+
}
|
|
957
|
+
.eds-switch__label--large--right {
|
|
958
|
+
font-size: 1rem;
|
|
959
|
+
}
|
|
960
|
+
.eds-switch__label--large--bottom {
|
|
961
|
+
font-size: 0.875rem;
|
|
962
|
+
}
|
|
963
|
+
.eds-switch__label--medium--right {
|
|
964
|
+
font-size: 0.875rem;
|
|
965
|
+
}
|
|
966
|
+
.eds-switch__label--medium--bottom {
|
|
967
|
+
font-size: 0.75rem;
|
|
968
|
+
}/* DO NOT CHANGE!*/
|
|
969
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
970
|
+
.eds-segmented-control {
|
|
971
|
+
margin-top: 0.25rem;
|
|
972
|
+
display: flex;
|
|
973
|
+
background: #d1d4e3;
|
|
974
|
+
border-radius: 0.25rem;
|
|
975
|
+
}
|
|
976
|
+
.eds-contrast .eds-segmented-control {
|
|
977
|
+
background: #393d79;
|
|
978
|
+
}/* DO NOT CHANGE!*/
|
|
979
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
970
980
|
.eds-segmented-choice {
|
|
971
981
|
display: block;
|
|
972
982
|
flex: 1 1 0px;
|
|
@@ -1034,14 +1044,4 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1034
1044
|
}
|
|
1035
1045
|
.eds-contrast .eds-segmented-choice:hover input:checked + .eds-base-segmented {
|
|
1036
1046
|
--background-color: #d1d4e3;
|
|
1037
|
-
}/* DO NOT CHANGE!*/
|
|
1038
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1039
|
-
.eds-segmented-control {
|
|
1040
|
-
margin-top: 0.25rem;
|
|
1041
|
-
display: flex;
|
|
1042
|
-
background: #d1d4e3;
|
|
1043
|
-
border-radius: 0.25rem;
|
|
1044
|
-
}
|
|
1045
|
-
.eds-contrast .eds-segmented-control {
|
|
1046
|
-
background: #393d79;
|
|
1047
1047
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.6-RC.0",
|
|
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": "^5.0.0",
|
|
30
|
+
"@entur/icons": "^5.0.1-RC.0",
|
|
31
31
|
"@entur/tokens": "^3.4.1",
|
|
32
|
-
"@entur/tooltip": "^2.5.
|
|
33
|
-
"@entur/typography": "^1.7.0",
|
|
34
|
-
"@entur/utils": "^0.
|
|
32
|
+
"@entur/tooltip": "^2.5.18-RC.0",
|
|
33
|
+
"@entur/typography": "^1.7.1-RC.0",
|
|
34
|
+
"@entur/utils": "^0.5.0-RC.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "eb50f5092d80dcdfe5c35bdcd7970e9af29e620a"
|
|
38
38
|
}
|