@entur/form 7.1.4 → 7.1.5

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 +192 -192
  2. package/package.json +5 -5
package/dist/styles.css CHANGED
@@ -1,78 +1,5 @@
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. */
76
3
  .eds-checkbox__container {
77
4
  display: flex;
78
5
  align-items: center;
@@ -636,125 +563,6 @@ textarea.eds-form-control.eds-textarea {
636
563
  }
637
564
  /* DO NOT CHANGE!*/
638
565
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
639
- .eds-switch {
640
- cursor: pointer;
641
- -webkit-user-select: none;
642
- -moz-user-select: none;
643
- user-select: none;
644
- padding: 0.5rem 0;
645
- width: -moz-fit-content;
646
- width: fit-content;
647
- }
648
- .eds-switch input {
649
- opacity: 0;
650
- pointer-events: none;
651
- position: absolute;
652
- }
653
- .eds-switch--right {
654
- display: flex;
655
- flex-direction: row;
656
- align-items: center;
657
- }
658
- .eds-switch--bottom {
659
- display: flex;
660
- flex-direction: column;
661
- align-items: center;
662
- }
663
- .eds-switch__circle {
664
- border-radius: 50%;
665
- height: 1.25rem;
666
- width: 1.25rem;
667
- content: "";
668
- display: flex;
669
- align-items: center;
670
- justify-content: center;
671
- transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
672
- box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
673
- background-color: var(--components-form-switch-standard-switch);
674
- top: 0.125rem;
675
- left: 0.125rem;
676
- position: relative;
677
- }
678
- .eds-switch__switch--large .eds-switch__circle {
679
- height: 1.75rem;
680
- width: 1.75rem;
681
- }
682
- .eds-contrast .eds-switch__circle {
683
- box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
684
- }
685
- .eds-switch__switch {
686
- position: relative;
687
- background-color: var(--components-form-switch-standard-fill-false);
688
- content: "";
689
- display: block;
690
- transition: background-color 0.1s ease-in-out;
691
- height: 1.5rem;
692
- width: 3rem;
693
- border-radius: 1.5rem;
694
- box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
695
- }
696
- .eds-contrast .eds-switch__switch {
697
- background-color: var(--components-form-switch-contrast-fill-false);
698
- }
699
- .eds-switch--right .eds-switch__switch {
700
- margin-right: 0.75rem;
701
- }
702
- .eds-switch__switch svg g,
703
- .eds-switch__switch path {
704
- fill: var(--components-form-switch-standard-icon-false);
705
- transition: fill ease-in-out 0.1s;
706
- }
707
- .eds-contrast .eds-switch__switch svg g,
708
- .eds-contrast .eds-switch__switch path {
709
- fill: var(--components-form-switch-contrast-icon-false);
710
- }
711
- :checked + .eds-switch__switch {
712
- background-color: var(--eds-switch-color);
713
- }
714
- :checked + .eds-switch__switch .eds-switch__circle {
715
- left: 1.625rem;
716
- }
717
- :checked + .eds-switch__switch .eds-switch__circle svg g,
718
- :checked + .eds-switch__switch .eds-switch__circle path {
719
- fill: var(--eds-switch-color);
720
- }
721
- .eds-contrast :checked + .eds-switch__switch {
722
- background-color: var(--eds-switch-contrast-color);
723
- }
724
- :focus + .eds-switch__switch {
725
- outline: 2px solid #181c56;
726
- outline-color: var(--basecolors-stroke-focus-standard);
727
- outline-offset: 0.125rem;
728
- }
729
- .eds-contrast :focus + .eds-switch__switch {
730
- outline-color: var(--basecolors-stroke-focus-contrast);
731
- }
732
- .eds-switch__switch--large {
733
- width: 3.75rem;
734
- height: 2rem;
735
- border-radius: 3.75rem;
736
- }
737
- :checked + .eds-switch__switch--large .eds-switch__circle {
738
- left: 1.875rem;
739
- }
740
- .eds-switch__switch--large svg {
741
- position: relative;
742
- right: 0.05rem;
743
- }
744
- .eds-switch__label--large--right {
745
- font-size: 1rem;
746
- }
747
- .eds-switch__label--large--bottom {
748
- font-size: 0.875rem;
749
- }
750
- .eds-switch__label--medium--right {
751
- font-size: 0.875rem;
752
- }
753
- .eds-switch__label--medium--bottom {
754
- font-size: 0.75rem;
755
- }
756
- /* DO NOT CHANGE!*/
757
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
758
566
  .eds-input-panel[focus-within] .eds-input-panel__container {
759
567
  outline: 2px solid #181c56;
760
568
  outline-color: var(--basecolors-stroke-focus-standard);
@@ -911,6 +719,198 @@ input:disabled + .eds-input-panel__container {
911
719
  }
912
720
  /* DO NOT CHANGE!*/
913
721
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
722
+ .eds-switch {
723
+ cursor: pointer;
724
+ -webkit-user-select: none;
725
+ -moz-user-select: none;
726
+ user-select: none;
727
+ padding: 0.5rem 0;
728
+ width: -moz-fit-content;
729
+ width: fit-content;
730
+ }
731
+ .eds-switch input {
732
+ opacity: 0;
733
+ pointer-events: none;
734
+ position: absolute;
735
+ }
736
+ .eds-switch--right {
737
+ display: flex;
738
+ flex-direction: row;
739
+ align-items: center;
740
+ }
741
+ .eds-switch--bottom {
742
+ display: flex;
743
+ flex-direction: column;
744
+ align-items: center;
745
+ }
746
+ .eds-switch__circle {
747
+ border-radius: 50%;
748
+ height: 1.25rem;
749
+ width: 1.25rem;
750
+ content: "";
751
+ display: flex;
752
+ align-items: center;
753
+ justify-content: center;
754
+ transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
755
+ box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
756
+ background-color: var(--components-form-switch-standard-switch);
757
+ top: 0.125rem;
758
+ left: 0.125rem;
759
+ position: relative;
760
+ }
761
+ .eds-switch__switch--large .eds-switch__circle {
762
+ height: 1.75rem;
763
+ width: 1.75rem;
764
+ }
765
+ .eds-contrast .eds-switch__circle {
766
+ box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
767
+ }
768
+ .eds-switch__switch {
769
+ position: relative;
770
+ background-color: var(--components-form-switch-standard-fill-false);
771
+ content: "";
772
+ display: block;
773
+ transition: background-color 0.1s ease-in-out;
774
+ height: 1.5rem;
775
+ width: 3rem;
776
+ border-radius: 1.5rem;
777
+ box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
778
+ }
779
+ .eds-contrast .eds-switch__switch {
780
+ background-color: var(--components-form-switch-contrast-fill-false);
781
+ }
782
+ .eds-switch--right .eds-switch__switch {
783
+ margin-right: 0.75rem;
784
+ }
785
+ .eds-switch__switch svg g,
786
+ .eds-switch__switch path {
787
+ fill: var(--components-form-switch-standard-icon-false);
788
+ transition: fill ease-in-out 0.1s;
789
+ }
790
+ .eds-contrast .eds-switch__switch svg g,
791
+ .eds-contrast .eds-switch__switch path {
792
+ fill: var(--components-form-switch-contrast-icon-false);
793
+ }
794
+ :checked + .eds-switch__switch {
795
+ background-color: var(--eds-switch-color);
796
+ }
797
+ :checked + .eds-switch__switch .eds-switch__circle {
798
+ left: 1.625rem;
799
+ }
800
+ :checked + .eds-switch__switch .eds-switch__circle svg g,
801
+ :checked + .eds-switch__switch .eds-switch__circle path {
802
+ fill: var(--eds-switch-color);
803
+ }
804
+ .eds-contrast :checked + .eds-switch__switch {
805
+ background-color: var(--eds-switch-contrast-color);
806
+ }
807
+ :focus + .eds-switch__switch {
808
+ outline: 2px solid #181c56;
809
+ outline-color: var(--basecolors-stroke-focus-standard);
810
+ outline-offset: 0.125rem;
811
+ }
812
+ .eds-contrast :focus + .eds-switch__switch {
813
+ outline-color: var(--basecolors-stroke-focus-contrast);
814
+ }
815
+ .eds-switch__switch--large {
816
+ width: 3.75rem;
817
+ height: 2rem;
818
+ border-radius: 3.75rem;
819
+ }
820
+ :checked + .eds-switch__switch--large .eds-switch__circle {
821
+ left: 1.875rem;
822
+ }
823
+ .eds-switch__switch--large svg {
824
+ position: relative;
825
+ right: 0.05rem;
826
+ }
827
+ .eds-switch__label--large--right {
828
+ font-size: 1rem;
829
+ }
830
+ .eds-switch__label--large--bottom {
831
+ font-size: 0.875rem;
832
+ }
833
+ .eds-switch__label--medium--right {
834
+ font-size: 0.875rem;
835
+ }
836
+ .eds-switch__label--medium--bottom {
837
+ font-size: 0.75rem;
838
+ }
839
+ /* DO NOT CHANGE!*/
840
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
841
+ .eds-feedback-text {
842
+ display: flex;
843
+ align-items: center;
844
+ margin-top: 0.25rem;
845
+ }
846
+ .eds-feedback-text--info, .eds-feedback-text--information {
847
+ padding-left: calc(1rem + 0.125rem);
848
+ }
849
+ .eds-feedback-text__text {
850
+ color: var(--components-form-feedbacktext-information-standard-text);
851
+ }
852
+ .eds-contrast .eds-feedback-text__text {
853
+ color: var(--components-form-feedbacktext-information-contrast-text);
854
+ }
855
+
856
+ .eds-feedback-text__icon {
857
+ font-size: 1.5rem;
858
+ min-height: 1.5rem;
859
+ min-width: 1.5rem;
860
+ padding-right: 0.5rem;
861
+ position: relative;
862
+ top: -0.1rem;
863
+ }
864
+ .eds-feedback-text__icon--success {
865
+ color: var(--components-form-feedbacktext-success-standard-icon-fill);
866
+ }
867
+ .eds-feedback-text__icon--success circle {
868
+ fill: var(--components-form-feedbacktext-success-standard-icon-symbol);
869
+ }
870
+ .eds-contrast .eds-feedback-text__icon--success {
871
+ color: var(--components-form-feedbacktext-success-contrast-icon-fill);
872
+ }
873
+ .eds-contrast .eds-feedback-text__icon--success circle {
874
+ fill: var(--components-form-feedbacktext-success-contrast-icon-symbol);
875
+ }
876
+ .eds-feedback-text__icon--error, .eds-feedback-text__icon--negative {
877
+ color: var(--components-form-feedbacktext-negative-standard-icon-fill);
878
+ }
879
+ .eds-feedback-text__icon--error circle, .eds-feedback-text__icon--negative circle {
880
+ fill: var(--components-form-feedbacktext-negative-standard-icon-symbol);
881
+ }
882
+ .eds-contrast .eds-feedback-text__icon--error, .eds-contrast .eds-feedback-text__icon--negative {
883
+ color: var(--components-form-feedbacktext-negative-contrast-icon-fill);
884
+ }
885
+ .eds-contrast .eds-feedback-text__icon--error circle, .eds-contrast .eds-feedback-text__icon--negative circle {
886
+ fill: var(--components-form-feedbacktext-negative-contrast-icon-symbol);
887
+ }
888
+ .eds-feedback-text__icon--info, .eds-feedback-text__icon--information {
889
+ color: var(--components-form-feedbacktext-information-standard-icon-fill);
890
+ }
891
+ .eds-feedback-text__icon--info circle, .eds-feedback-text__icon--information circle {
892
+ fill: var(--components-form-feedbacktext-information-standard-icon-symbol);
893
+ }
894
+ .eds-contrast .eds-feedback-text__icon--info, .eds-contrast .eds-feedback-text__icon--information {
895
+ color: var(--components-form-feedbacktext-information-contrast-icon-fill);
896
+ }
897
+ .eds-contrast .eds-feedback-text__icon--info circle, .eds-contrast .eds-feedback-text__icon--information circle {
898
+ fill: var(--components-form-feedbacktext-information-contrast-icon-symbol);
899
+ }
900
+ .eds-feedback-text__icon--warning {
901
+ color: var(--components-form-feedbacktext-warning-standard-icon-fill);
902
+ }
903
+ .eds-feedback-text__icon--warning .svg-exclamation {
904
+ fill: var(--components-form-feedbacktext-warning-standard-icon-symbol);
905
+ }
906
+ .eds-contrast .eds-feedback-text__icon--warning {
907
+ color: var(--components-form-feedbacktext-warning-contrast-icon-fill);
908
+ }
909
+ .eds-contrast .eds-feedback-text__icon--warning circle {
910
+ fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
911
+ }
912
+ /* DO NOT CHANGE!*/
913
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
914
914
  .eds-textfield__clear-button {
915
915
  background: none;
916
916
  border: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/form",
3
- "version": "7.1.4",
3
+ "version": "7.1.5",
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.15.8",
30
+ "@entur/icons": "^6.16.0",
31
31
  "@entur/tokens": "^3.14.0",
32
- "@entur/tooltip": "^2.7.4",
33
- "@entur/typography": "^1.8.33",
32
+ "@entur/tooltip": "^2.7.5",
33
+ "@entur/typography": "^1.8.34",
34
34
  "@entur/utils": "^0.11.1",
35
35
  "classnames": "^2.3.1"
36
36
  },
37
- "gitHead": "bbca019e64cca63b6558abed97643bd12f0dca1b"
37
+ "gitHead": "5044cdb815a75fc0eff204cedd98e4d1c7d1971e"
38
38
  }