@entur/form 7.0.34-beta.0 → 7.0.35

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 +200 -199
  2. package/package.json +6 -6
package/dist/styles.css CHANGED
@@ -1,60 +1,3 @@
1
- .eds-fieldset {
2
- margin: 0;
3
- padding: 0;
4
- border: 0;
5
- }
6
- /* DO NOT CHANGE!*/
7
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
8
- .eds-feedback-text {
9
- display: flex;
10
- align-items: center;
11
- margin-top: 0.25rem;
12
- }
13
- .eds-feedback-text--info {
14
- padding-left: calc(1rem + 0.125rem);
15
- }
16
- .eds-feedback-text__text {
17
- color: #181c56;
18
- }
19
- .eds-contrast .eds-feedback-text__text {
20
- color: #ffffff;
21
- }
22
-
23
- .eds-feedback-text__icon {
24
- font-size: 1.5rem;
25
- min-height: 1.5rem;
26
- min-width: 1.5rem;
27
- padding-right: 0.5rem;
28
- position: relative;
29
- top: -0.1rem;
30
- }
31
- .eds-feedback-text__icon--success {
32
- color: #1a8e60;
33
- }
34
- .eds-contrast .eds-feedback-text__icon--success {
35
- color: #5ac39a;
36
- }
37
- .eds-feedback-text__icon--error {
38
- color: #d31b1b;
39
- }
40
- .eds-contrast .eds-feedback-text__icon--error {
41
- color: #ff9494;
42
- }
43
- .eds-feedback-text__icon--info {
44
- color: #0082b9;
45
- }
46
- .eds-contrast .eds-feedback-text__icon--info {
47
- color: #64b3e7;
48
- }
49
- .eds-feedback-text__icon--warning {
50
- color: #ffca28;
51
- }
52
- .eds-feedback-text__icon--warning circle {
53
- fill: #181c56;
54
- }
55
- .eds-contrast .eds-feedback-text__icon--warning {
56
- color: #ffe082;
57
- }
58
1
  /* DO NOT CHANGE!*/
59
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
60
3
  .eds-form-control-wrapper {
@@ -299,6 +242,58 @@
299
242
  }
300
243
  /* DO NOT CHANGE!*/
301
244
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
245
+ .eds-feedback-text {
246
+ display: flex;
247
+ align-items: center;
248
+ margin-top: 0.25rem;
249
+ }
250
+ .eds-feedback-text--info {
251
+ padding-left: calc(1rem + 0.125rem);
252
+ }
253
+ .eds-feedback-text__text {
254
+ color: #181c56;
255
+ }
256
+ .eds-contrast .eds-feedback-text__text {
257
+ color: #ffffff;
258
+ }
259
+
260
+ .eds-feedback-text__icon {
261
+ font-size: 1.5rem;
262
+ min-height: 1.5rem;
263
+ min-width: 1.5rem;
264
+ padding-right: 0.5rem;
265
+ position: relative;
266
+ top: -0.1rem;
267
+ }
268
+ .eds-feedback-text__icon--success {
269
+ color: #1a8e60;
270
+ }
271
+ .eds-contrast .eds-feedback-text__icon--success {
272
+ color: #5ac39a;
273
+ }
274
+ .eds-feedback-text__icon--error {
275
+ color: #d31b1b;
276
+ }
277
+ .eds-contrast .eds-feedback-text__icon--error {
278
+ color: #ff9494;
279
+ }
280
+ .eds-feedback-text__icon--info {
281
+ color: #0082b9;
282
+ }
283
+ .eds-contrast .eds-feedback-text__icon--info {
284
+ color: #64b3e7;
285
+ }
286
+ .eds-feedback-text__icon--warning {
287
+ color: #ffca28;
288
+ }
289
+ .eds-feedback-text__icon--warning circle {
290
+ fill: #181c56;
291
+ }
292
+ .eds-contrast .eds-feedback-text__icon--warning {
293
+ color: #ffe082;
294
+ }
295
+ /* DO NOT CHANGE!*/
296
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
302
297
  .eds-checkbox__container {
303
298
  display: flex;
304
299
  align-items: center;
@@ -459,6 +454,11 @@
459
454
  stroke-dashoffset: 0;
460
455
  }
461
456
  }
457
+ .eds-fieldset {
458
+ margin: 0;
459
+ padding: 0;
460
+ border: 0;
461
+ }
462
462
  /* DO NOT CHANGE!*/
463
463
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
464
464
  .eds-form-component--radio__container {
@@ -668,137 +668,6 @@
668
668
  }
669
669
  /* DO NOT CHANGE!*/
670
670
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
671
- .eds-input-group {
672
- color: inherit;
673
- display: block;
674
- position: relative;
675
- }
676
- .eds-input-group__label {
677
- color: #656782;
678
- display: flex;
679
- font-size: 1rem;
680
- position: absolute;
681
- line-height: 1rem;
682
- height: 3rem;
683
- padding: 1rem;
684
- padding-left: 0;
685
- margin-left: 1rem;
686
- top: -0.125rem;
687
- 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;
688
- -webkit-user-select: none;
689
- -moz-user-select: none;
690
- user-select: none;
691
- pointer-events: none;
692
- }
693
- .eds-form-control-wrapper--is-filled .eds-input-group__label {
694
- top: 0.375rem;
695
- font-size: 0.75rem;
696
- line-height: 0.75rem;
697
- height: 10px;
698
- padding: 0;
699
- margin-left: 1rem;
700
- }
701
- .eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
702
- box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
703
- background: var(--textarea-label-background);
704
- width: calc(
705
- 100% - 1rem - 1rem - 4px
706
- );
707
- }
708
- .eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
709
- top: 0.5rem;
710
- font-size: 0.875rem;
711
- line-height: 1rem;
712
- padding: 0;
713
- margin-left: 1rem;
714
- }
715
- .eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
716
- color: #aeb7e2;
717
- }
718
- .eds-form-control-wrapper--size-large .eds-input-group__label {
719
- font-size: 1.5rem;
720
- line-height: 2.25rem;
721
- height: 4rem;
722
- }
723
- .eds-input-group__label--filled {
724
- top: 0.375rem;
725
- font-size: 0.75rem;
726
- line-height: 0.75rem;
727
- height: 10px;
728
- padding: 0;
729
- margin-left: 1rem;
730
- }
731
- .eds-textarea__label .eds-input-group__label--filled {
732
- box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
733
- background: var(--textarea-label-background);
734
- width: calc(
735
- 100% - 1rem - 1rem - 4px
736
- );
737
- }
738
- .eds-form-control-wrapper--size-large .eds-input-group__label--filled {
739
- top: 0.5rem;
740
- font-size: 0.875rem;
741
- line-height: 1rem;
742
- padding: 0;
743
- margin-left: 1rem;
744
- }
745
- .eds-input-group__label-tooltip-icon {
746
- color: #0082b9;
747
- padding-left: 0.25rem;
748
- padding-right: 0.25rem;
749
- display: flex;
750
- align-items: center;
751
- cursor: help;
752
- font-size: 1rem;
753
- }
754
-
755
- .eds-form-control-wrapper[focus-within] .eds-input-group__label {
756
- top: 0.375rem;
757
- font-size: 0.75rem;
758
- line-height: 0.75rem;
759
- height: 10px;
760
- padding: 0;
761
- margin-left: 1rem;
762
- }
763
-
764
- .eds-form-control-wrapper:focus-within .eds-input-group__label {
765
- top: 0.375rem;
766
- font-size: 0.75rem;
767
- line-height: 0.75rem;
768
- height: 10px;
769
- padding: 0;
770
- margin-left: 1rem;
771
- }
772
- .eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
773
- box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
774
- background: var(--textarea-label-background);
775
- width: calc(
776
- 100% - 1rem - 1rem - 4px
777
- );
778
- }
779
- .eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
780
- box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
781
- background: var(--textarea-label-background);
782
- width: calc(
783
- 100% - 1rem - 1rem - 4px
784
- );
785
- }
786
- .eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
787
- top: 0.5rem;
788
- font-size: 0.875rem;
789
- line-height: 1rem;
790
- padding: 0;
791
- margin-left: 1rem;
792
- }
793
- .eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
794
- top: 0.5rem;
795
- font-size: 0.875rem;
796
- line-height: 1rem;
797
- padding: 0;
798
- margin-left: 1rem;
799
- }
800
- /* DO NOT CHANGE!*/
801
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
802
671
  .eds-input-panel[focus-within] .eds-input-panel__container {
803
672
  border-color: #181c56;
804
673
  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
@@ -961,6 +830,138 @@ input:disabled + .eds-input-panel__container {
961
830
  }
962
831
  /* DO NOT CHANGE!*/
963
832
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
833
+ .eds-input-group {
834
+ color: inherit;
835
+ display: block;
836
+ position: relative;
837
+ }
838
+ .eds-input-group__label {
839
+ color: #656782;
840
+ display: flex;
841
+ font-size: 1rem;
842
+ position: absolute;
843
+ line-height: 1rem;
844
+ height: 3rem;
845
+ padding: 1rem;
846
+ padding-left: 0;
847
+ margin-left: 1rem;
848
+ top: -0.125rem;
849
+ 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;
850
+ -webkit-user-select: none;
851
+ -moz-user-select: none;
852
+ user-select: none;
853
+ pointer-events: none;
854
+ }
855
+ .eds-form-control-wrapper--is-filled .eds-input-group__label {
856
+ top: 0.375rem;
857
+ font-size: 0.75rem;
858
+ line-height: 0.75rem;
859
+ height: 10px;
860
+ padding: 0;
861
+ margin-left: 1rem;
862
+ }
863
+ .eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
864
+ box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
865
+ background: var(--textarea-label-background);
866
+ width: calc(
867
+ 100% - 1rem - 1rem - 4px
868
+ );
869
+ }
870
+ .eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
871
+ top: 0.5rem;
872
+ font-size: 0.875rem;
873
+ line-height: 1rem;
874
+ padding: 0;
875
+ margin-left: 1rem;
876
+ }
877
+ .eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
878
+ color: #aeb7e2;
879
+ }
880
+ .eds-form-control-wrapper--size-large .eds-input-group__label {
881
+ font-size: 1.5rem;
882
+ line-height: 2.25rem;
883
+ height: 4rem;
884
+ top: -0.25rem;
885
+ }
886
+ .eds-input-group__label--filled {
887
+ top: 0.375rem;
888
+ font-size: 0.75rem;
889
+ line-height: 0.75rem;
890
+ height: 10px;
891
+ padding: 0;
892
+ margin-left: 1rem;
893
+ }
894
+ .eds-textarea__label .eds-input-group__label--filled {
895
+ box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
896
+ background: var(--textarea-label-background);
897
+ width: calc(
898
+ 100% - 1rem - 1rem - 4px
899
+ );
900
+ }
901
+ .eds-form-control-wrapper--size-large .eds-input-group__label--filled {
902
+ top: 0.5rem;
903
+ font-size: 0.875rem;
904
+ line-height: 1rem;
905
+ padding: 0;
906
+ margin-left: 1rem;
907
+ }
908
+ .eds-input-group__label-tooltip-icon {
909
+ color: #0082b9;
910
+ padding-left: 0.25rem;
911
+ padding-right: 0.25rem;
912
+ display: flex;
913
+ align-items: center;
914
+ cursor: help;
915
+ font-size: 1rem;
916
+ }
917
+
918
+ .eds-form-control-wrapper[focus-within] .eds-input-group__label {
919
+ top: 0.375rem;
920
+ font-size: 0.75rem;
921
+ line-height: 0.75rem;
922
+ height: 10px;
923
+ padding: 0;
924
+ margin-left: 1rem;
925
+ }
926
+
927
+ .eds-form-control-wrapper:focus-within .eds-input-group__label {
928
+ top: 0.375rem;
929
+ font-size: 0.75rem;
930
+ line-height: 0.75rem;
931
+ height: 10px;
932
+ padding: 0;
933
+ margin-left: 1rem;
934
+ }
935
+ .eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
936
+ box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
937
+ background: var(--textarea-label-background);
938
+ width: calc(
939
+ 100% - 1rem - 1rem - 4px
940
+ );
941
+ }
942
+ .eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
943
+ box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
944
+ background: var(--textarea-label-background);
945
+ width: calc(
946
+ 100% - 1rem - 1rem - 4px
947
+ );
948
+ }
949
+ .eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
950
+ top: 0.5rem;
951
+ font-size: 0.875rem;
952
+ line-height: 1rem;
953
+ padding: 0;
954
+ margin-left: 1rem;
955
+ }
956
+ .eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
957
+ top: 0.5rem;
958
+ font-size: 0.875rem;
959
+ line-height: 1rem;
960
+ padding: 0;
961
+ margin-left: 1rem;
962
+ }
963
+ /* DO NOT CHANGE!*/
964
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
964
965
  textarea.eds-form-control.eds-textarea {
965
966
  min-height: 7.75rem;
966
967
  resize: vertical;
@@ -1005,17 +1006,6 @@ textarea.eds-form-control.eds-textarea {
1005
1006
  }
1006
1007
  /* DO NOT CHANGE!*/
1007
1008
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1008
- .eds-segmented-control {
1009
- margin-top: 0.25rem;
1010
- display: flex;
1011
- background: #d1d4e3;
1012
- border-radius: 0.5rem;
1013
- }
1014
- .eds-contrast .eds-segmented-control {
1015
- background: #393d79;
1016
- }
1017
- /* DO NOT CHANGE!*/
1018
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1019
1009
  .eds-segmented-choice {
1020
1010
  display: block;
1021
1011
  flex: 1 1 0px;
@@ -1085,6 +1075,17 @@ textarea.eds-form-control.eds-textarea {
1085
1075
  .eds-contrast .eds-segmented-choice input:focus:checked + .eds-base-segmented {
1086
1076
  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;
1087
1077
  }
1078
+ /* DO NOT CHANGE!*/
1079
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1080
+ .eds-segmented-control {
1081
+ margin-top: 0.25rem;
1082
+ display: flex;
1083
+ background: #d1d4e3;
1084
+ border-radius: 0.5rem;
1085
+ }
1086
+ .eds-contrast .eds-segmented-control {
1087
+ background: #393d79;
1088
+ }
1088
1089
  :root {
1089
1090
  --eds-form: 1;
1090
1091
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/form",
3
- "version": "7.0.34-beta.0",
3
+ "version": "7.0.35",
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.13.2",
30
+ "@entur/icons": "^6.14.0",
31
31
  "@entur/tokens": "^3.12.0",
32
- "@entur/tooltip": "^2.6.43-beta.0",
33
- "@entur/typography": "^1.8.21-beta.0",
34
- "@entur/utils": "^1.0.0-beta.0",
32
+ "@entur/tooltip": "^2.6.44",
33
+ "@entur/typography": "^1.8.22",
34
+ "@entur/utils": "^0.10.0",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
- "gitHead": "4e2a54a5b8402cf439cd91487f569e775bf53691"
37
+ "gitHead": "883677c25c50baf66df6f90c46759d186147921c"
38
38
  }