@entur/datepicker 0.11.3 → 0.11.4

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 (3) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/styles.css +96 -96
  3. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
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
+ ## [0.11.4](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.11.3...@entur/datepicker@0.11.4) (2022-03-14)
7
+
8
+ **Note:** Version bump only for package @entur/datepicker
9
+
6
10
  ## [0.11.3](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.11.2...@entur/datepicker@0.11.3) (2022-03-08)
7
11
 
8
12
  ### Bug Fixes
package/dist/styles.css CHANGED
@@ -1,4 +1,6 @@
1
- @charset "UTF-8";
1
+ :root {
2
+ --eds-datepicker: 1;
3
+ }@charset "UTF-8";
2
4
  /* DO NOT CHANGE!*/
3
5
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
4
6
  .react-datepicker__navigation-icon::before,
@@ -824,8 +826,99 @@
824
826
  .react-datepicker__portal .react-datepicker__current-month,
825
827
  .react-datepicker__portal .react-datepicker-time__header {
826
828
  font-size: 1.44rem;
827
- }:root {
828
- --eds-datepicker: 1;
829
+ }/* DO NOT CHANGE!*/
830
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
831
+ .react-datepicker.eds-timepicker.react-datepicker--time-only {
832
+ width: 100%;
833
+ }
834
+ .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-container {
835
+ float: left;
836
+ overflow-x: hidden;
837
+ width: inherit;
838
+ }
839
+ .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-box {
840
+ border-radius: 0;
841
+ width: inherit;
842
+ }
843
+ .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__header--time {
844
+ display: none;
845
+ }
846
+ .eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-container {
847
+ background-color: #ffffff;
848
+ }
849
+ .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list {
850
+ font-family: var(--eds-font-family);
851
+ color: #181c56;
852
+ background-color: #ffffff;
853
+ }
854
+ .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
855
+ align-items: center;
856
+ box-sizing: border-box;
857
+ border-bottom: 0.125rem solid #e9e9e9;
858
+ display: flex;
859
+ font-size: 1rem;
860
+ height: 2rem;
861
+ justify-content: center;
862
+ line-height: 1.25rem;
863
+ padding: calc(0.25rem/ 2) 1rem;
864
+ }
865
+ .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
866
+ background-color: #aeb7e2;
867
+ }
868
+ .eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
869
+ color: #181c56;
870
+ background-color: #ffffff;
871
+ }
872
+ .eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
873
+ background-color: #aeb7e2;
874
+ }
875
+ .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
876
+ color: #ffffff;
877
+ background-color: #181c56;
878
+ }
879
+ .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected:hover {
880
+ background-color: #292b6a;
881
+ }
882
+ .eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
883
+ color: #ffffff;
884
+ background-color: #181c56;
885
+ }
886
+
887
+ .eds-timepicker-form-control.eds-form-control-wrapper {
888
+ height: 2rem;
889
+ }
890
+ .eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__input {
891
+ padding-left: 0;
892
+ padding-right: 0;
893
+ }
894
+ .eds-timepicker-form-control.eds-form-control-wrapper .eds-input-group__label {
895
+ margin-left: 0 !important;
896
+ }
897
+ .eds-timepicker-form-control.eds-form-control-wrapper .eds-form-control__prepend {
898
+ margin-left: 0;
899
+ }
900
+ .eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton {
901
+ appearance: none;
902
+ border: none;
903
+ border-radius: 0.0625rem;
904
+ background: #ffffff;
905
+ color: #181c56;
906
+ cursor: pointer;
907
+ display: flex;
908
+ font-size: 1rem;
909
+ padding: calc(1rem - 0.25rem);
910
+ margin: 0.25rem;
911
+ margin-left: 0.125rem;
912
+ }
913
+ .eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton--right {
914
+ margin-right: 0.125rem;
915
+ margin-left: 0.25rem;
916
+ }
917
+ .eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton:hover {
918
+ background-color: #d1d4e3;
919
+ }
920
+ .eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton:focus {
921
+ outline-offset: none;
829
922
  }/* DO NOT CHANGE!*/
830
923
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
831
924
  .eds-datepicker__calender {
@@ -1081,97 +1174,4 @@
1081
1174
 
1082
1175
  .eds-native-date-picker {
1083
1176
  height: 2.75rem;
1084
- }/* DO NOT CHANGE!*/
1085
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1086
- .react-datepicker.eds-timepicker.react-datepicker--time-only {
1087
- width: 100%;
1088
- }
1089
- .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-container {
1090
- float: left;
1091
- overflow-x: hidden;
1092
- width: inherit;
1093
- }
1094
- .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-box {
1095
- border-radius: 0;
1096
- width: inherit;
1097
- }
1098
- .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__header--time {
1099
- display: none;
1100
- }
1101
- .eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time-container {
1102
- background-color: #ffffff;
1103
- }
1104
- .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list {
1105
- font-family: var(--eds-font-family);
1106
- color: #181c56;
1107
- background-color: #ffffff;
1108
- }
1109
- .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
1110
- align-items: center;
1111
- box-sizing: border-box;
1112
- border-bottom: 0.125rem solid #e9e9e9;
1113
- display: flex;
1114
- font-size: 1rem;
1115
- height: 2rem;
1116
- justify-content: center;
1117
- line-height: 1.25rem;
1118
- padding: calc(0.25rem/ 2) 1rem;
1119
- }
1120
- .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
1121
- background-color: #aeb7e2;
1122
- }
1123
- .eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item {
1124
- color: #181c56;
1125
- background-color: #ffffff;
1126
- }
1127
- .eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item:hover {
1128
- background-color: #aeb7e2;
1129
- }
1130
- .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
1131
- color: #ffffff;
1132
- background-color: #181c56;
1133
- }
1134
- .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected:hover {
1135
- background-color: #292b6a;
1136
- }
1137
- .eds-contrast .eds-form-control-wrapper--dark .react-datepicker.eds-timepicker.react-datepicker--time-only .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list .react-datepicker__time-list-item--selected {
1138
- color: #ffffff;
1139
- background-color: #181c56;
1140
- }
1141
-
1142
- .eds-timepicker-form-control.eds-form-control-wrapper {
1143
- height: 2rem;
1144
- }
1145
- .eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__input {
1146
- padding-left: 0;
1147
- padding-right: 0;
1148
- }
1149
- .eds-timepicker-form-control.eds-form-control-wrapper .eds-input-group__label {
1150
- margin-left: 0 !important;
1151
- }
1152
- .eds-timepicker-form-control.eds-form-control-wrapper .eds-form-control__prepend {
1153
- margin-left: 0;
1154
- }
1155
- .eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton {
1156
- appearance: none;
1157
- border: none;
1158
- border-radius: 0.0625rem;
1159
- background: #ffffff;
1160
- color: #181c56;
1161
- cursor: pointer;
1162
- display: flex;
1163
- font-size: 1rem;
1164
- padding: calc(1rem - 0.25rem);
1165
- margin: 0.25rem;
1166
- margin-left: 0.125rem;
1167
- }
1168
- .eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton--right {
1169
- margin-right: 0.125rem;
1170
- margin-left: 0.25rem;
1171
- }
1172
- .eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton:hover {
1173
- background-color: #d1d4e3;
1174
- }
1175
- .eds-timepicker-form-control.eds-form-control-wrapper .eds-timepicker__arrowbutton:focus {
1176
- outline-offset: none;
1177
1177
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "0.11.3",
3
+ "version": "0.11.4",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/datepicker.esm.js",
@@ -27,7 +27,7 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/form": "^5.2.3",
30
+ "@entur/form": "^5.3.0",
31
31
  "@entur/icons": "^3.5.0",
32
32
  "@entur/tokens": "^3.3.1",
33
33
  "@entur/typography": "^1.6.11",
@@ -36,5 +36,5 @@
36
36
  "classnames": "^2.3.1",
37
37
  "react-datepicker": "4.6.0"
38
38
  },
39
- "gitHead": "bf9c14526f7c44eab1cfc5e49f746edd14f29779"
39
+ "gitHead": "c672c8396ce0c3d436746e4299680137488d579d"
40
40
  }