@entur/datepicker 8.0.9 → 8.0.11

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 +76 -76
  2. package/package.json +8 -8
package/dist/styles.css CHANGED
@@ -3,54 +3,6 @@
3
3
  }
4
4
  /* DO NOT CHANGE!*/
5
5
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
6
- .eds-timepicker__wrapper {
7
- position: relative;
8
- display: flex;
9
- align-items: center;
10
- width: -moz-fit-content;
11
- width: fit-content;
12
- }
13
- .eds-timepicker__wrapper .eds-timepicker {
14
- justify-content: center;
15
- padding: 0rem 3rem;
16
- }
17
- .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
18
- .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
19
- margin-left: 0rem !important;
20
- }
21
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton {
22
- color: #181c56;
23
- }
24
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--left {
25
- position: absolute;
26
- left: 0.35rem;
27
- z-index: 1;
28
- }
29
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--right {
30
- position: absolute;
31
- right: 0.4rem;
32
- }
33
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
34
- opacity: 0.5;
35
- pointer-events: none;
36
- visibility: hidden;
37
- }
38
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
39
- background-color: #d1d4e3;
40
- }
41
- .eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
42
- margin-top: 0.75rem;
43
- margin-right: -0.25rem;
44
- }
45
- .eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
46
- display: none;
47
- }
48
- .eds-timepicker__wrapper .eds-feedback-text {
49
- position: absolute;
50
- top: 3.5rem;
51
- }
52
- /* DO NOT CHANGE!*/
53
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
54
6
  .eds-datefield div:first-of-type.eds-date-and-time-field__segment {
55
7
  margin-left: 1rem;
56
8
  }
@@ -71,9 +23,45 @@
71
23
  }
72
24
  /* DO NOT CHANGE!*/
73
25
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
74
- .eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
26
+ .eds-datepicker {
75
27
  position: relative;
76
- top: -0.5rem;
28
+ width: -moz-fit-content;
29
+ width: fit-content;
30
+ }
31
+ .eds-datepicker__open-calendar-button {
32
+ position: absolute;
33
+ right: 0.5rem;
34
+ top: 0.45rem;
35
+ }
36
+ .eds-datepicker__open-calendar-button.eds-icon-button {
37
+ color: #181c56;
38
+ }
39
+ .eds-datepicker__open-calendar-button.eds-icon-button:hover {
40
+ background-color: #656782;
41
+ color: #ffffff;
42
+ }
43
+ .eds-datepicker__open-calendar-button.eds-icon-button:focus {
44
+ border: 0.0625rem solid #181c56;
45
+ }
46
+ .eds-datepicker__open-calendar-button.eds-icon-button:active {
47
+ background-color: #8285a8;
48
+ }
49
+ .eds-datepicker__datefield {
50
+ padding-right: 4rem;
51
+ }
52
+ .eds-datepicker__datefield--disabled {
53
+ padding-right: 1rem;
54
+ }
55
+ .eds-datepicker__datefield__wrapper {
56
+ position: relative;
57
+ }
58
+ .eds-datepicker__calendar-modal.eds-modal__content {
59
+ padding: 0;
60
+ padding: initial;
61
+ width: inherit;
62
+ background-color: transparent;
63
+ background-color: initial;
64
+ overflow: scroll;
77
65
  }
78
66
  /* DO NOT CHANGE!*/
79
67
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -204,45 +192,57 @@
204
192
  }
205
193
  /* DO NOT CHANGE!*/
206
194
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
207
- .eds-datepicker {
195
+ .eds-timepicker__wrapper {
208
196
  position: relative;
197
+ display: flex;
198
+ align-items: center;
209
199
  width: -moz-fit-content;
210
200
  width: fit-content;
211
201
  }
212
- .eds-datepicker__open-calendar-button {
213
- position: absolute;
214
- right: 0.5rem;
215
- top: 0.45rem;
202
+ .eds-timepicker__wrapper .eds-timepicker {
203
+ justify-content: center;
204
+ padding: 0rem 3rem;
216
205
  }
217
- .eds-datepicker__open-calendar-button.eds-icon-button {
206
+ .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
207
+ .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
208
+ margin-left: 0rem !important;
209
+ }
210
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton {
218
211
  color: #181c56;
219
212
  }
220
- .eds-datepicker__open-calendar-button.eds-icon-button:hover {
221
- background-color: #656782;
222
- color: #ffffff;
213
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--left {
214
+ position: absolute;
215
+ left: 0.35rem;
216
+ z-index: 1;
223
217
  }
224
- .eds-datepicker__open-calendar-button.eds-icon-button:focus {
225
- border: 0.0625rem solid #181c56;
218
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--right {
219
+ position: absolute;
220
+ right: 0.4rem;
226
221
  }
227
- .eds-datepicker__open-calendar-button.eds-icon-button:active {
228
- background-color: #8285a8;
222
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
223
+ opacity: 0.5;
224
+ pointer-events: none;
225
+ visibility: hidden;
229
226
  }
230
- .eds-datepicker__datefield {
231
- padding-right: 4rem;
227
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
228
+ background-color: #d1d4e3;
232
229
  }
233
- .eds-datepicker__datefield--disabled {
234
- padding-right: 1rem;
230
+ .eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
231
+ margin-top: 0.75rem;
232
+ margin-right: -0.25rem;
235
233
  }
236
- .eds-datepicker__datefield__wrapper {
237
- position: relative;
234
+ .eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
235
+ display: none;
238
236
  }
239
- .eds-datepicker__calendar-modal.eds-modal__content {
240
- padding: 0;
241
- padding: initial;
242
- width: inherit;
243
- background-color: transparent;
244
- background-color: initial;
245
- overflow: scroll;
237
+ .eds-timepicker__wrapper .eds-feedback-text {
238
+ position: absolute;
239
+ top: 3.5rem;
240
+ }
241
+ /* DO NOT CHANGE!*/
242
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
243
+ .eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
244
+ position: relative;
245
+ top: -0.5rem;
246
246
  }
247
247
  /* DO NOT CHANGE!*/
248
248
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "8.0.9",
3
+ "version": "8.0.11",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/datepicker.esm.js",
@@ -28,13 +28,13 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@entur/a11y": "^0.2.68",
31
- "@entur/button": "^3.0.12",
32
- "@entur/form": "^7.0.13",
33
- "@entur/icons": "^6.4.0",
34
- "@entur/modal": "^1.7.7",
31
+ "@entur/button": "^3.1.0",
32
+ "@entur/form": "^7.0.15",
33
+ "@entur/icons": "^6.4.2",
34
+ "@entur/modal": "^1.7.9",
35
35
  "@entur/tokens": "^3.10.0",
36
- "@entur/tooltip": "^2.6.23",
37
- "@entur/typography": "^1.8.4",
36
+ "@entur/tooltip": "^2.6.25",
37
+ "@entur/typography": "^1.8.6",
38
38
  "@entur/utils": "^0.9.3",
39
39
  "@floating-ui/react-dom": "^1.0.0",
40
40
  "@internationalized/date": "^3.0.2",
@@ -52,5 +52,5 @@
52
52
  "node": "16.17.0",
53
53
  "yarn": "1.22.19"
54
54
  },
55
- "gitHead": "6e84c896e30f146cfc15284218f55ab9f1766d46"
55
+ "gitHead": "5fcad4b449082b80b796ab52e68f178977f2eba7"
56
56
  }