@entur/datepicker 4.0.0-alpha.0 → 4.0.0-beta.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 +17 -0
- package/dist/DatePicker/beta/Calendar.d.ts +2 -0
- package/dist/DatePicker/beta/CalendarCell.d.ts +1 -1
- package/dist/DatePicker/beta/CalendarGrid.d.ts +2 -1
- package/dist/DatePicker/beta/DateField.d.ts +15 -1
- package/dist/DatePicker/beta/DatePicker.d.ts +36 -6
- package/dist/datepicker.cjs.development.js +181 -108
- package/dist/datepicker.cjs.development.js.map +1 -1
- package/dist/datepicker.cjs.production.min.js +1 -1
- package/dist/datepicker.cjs.production.min.js.map +1 -1
- package/dist/datepicker.esm.js +182 -109
- package/dist/datepicker.esm.js.map +1 -1
- package/dist/styles.css +72 -55
- package/package.json +9 -7
package/dist/styles.css
CHANGED
|
@@ -124,11 +124,6 @@
|
|
|
124
124
|
height: 2.75rem;
|
|
125
125
|
}/* DO NOT CHANGE!*/
|
|
126
126
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
127
|
-
.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
|
|
128
|
-
position: relative;
|
|
129
|
-
top: -0.5rem;
|
|
130
|
-
}/* DO NOT CHANGE!*/
|
|
131
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
132
127
|
.eds-timepicker__wrapper {
|
|
133
128
|
position: relative;
|
|
134
129
|
display: flex;
|
|
@@ -177,6 +172,11 @@
|
|
|
177
172
|
top: 3.5rem;
|
|
178
173
|
}/* DO NOT CHANGE!*/
|
|
179
174
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
175
|
+
.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
|
|
176
|
+
position: relative;
|
|
177
|
+
top: -0.5rem;
|
|
178
|
+
}/* DO NOT CHANGE!*/
|
|
179
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
180
180
|
[dir="ltr"] .eds-date-and-time-field__segment {
|
|
181
181
|
text-align: right;
|
|
182
182
|
}
|
|
@@ -202,6 +202,64 @@
|
|
|
202
202
|
border-radius: 0.0625rem;
|
|
203
203
|
}/* DO NOT CHANGE!*/
|
|
204
204
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
205
|
+
.eds-datefield div:first-of-type.eds-date-and-time-field__segment {
|
|
206
|
+
margin-left: 1rem;
|
|
207
|
+
}
|
|
208
|
+
.eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
|
|
209
|
+
border-color: transparent;
|
|
210
|
+
box-shadow: none;
|
|
211
|
+
}
|
|
212
|
+
.eds-datefield.eds-form-control-wrapper--disabled:focus-within {
|
|
213
|
+
border-color: transparent;
|
|
214
|
+
box-shadow: none;
|
|
215
|
+
}
|
|
216
|
+
.eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
|
|
217
|
+
background: none;
|
|
218
|
+
}
|
|
219
|
+
.eds-datefield .eds-form-control__append--tooltip {
|
|
220
|
+
margin-top: 0.75rem;
|
|
221
|
+
margin-right: -0.25rem;
|
|
222
|
+
}/* DO NOT CHANGE!*/
|
|
223
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
224
|
+
.eds-datepicker {
|
|
225
|
+
position: relative;
|
|
226
|
+
width: -webkit-fit-content;
|
|
227
|
+
width: -moz-fit-content;
|
|
228
|
+
width: fit-content;
|
|
229
|
+
}
|
|
230
|
+
.eds-datepicker__open-calendar-button {
|
|
231
|
+
position: absolute;
|
|
232
|
+
right: 0.5rem;
|
|
233
|
+
top: 0.45rem;
|
|
234
|
+
}
|
|
235
|
+
.eds-datepicker__open-calendar-button.eds-icon-button {
|
|
236
|
+
color: #181c56;
|
|
237
|
+
}
|
|
238
|
+
.eds-datepicker__open-calendar-button.eds-icon-button:hover {
|
|
239
|
+
background-color: #d1d4e3;
|
|
240
|
+
}
|
|
241
|
+
.eds-datepicker__open-calendar-button.eds-icon-button:focus {
|
|
242
|
+
border: 0.0625rem solid #181c56;
|
|
243
|
+
}
|
|
244
|
+
.eds-datepicker__open-calendar-button.eds-icon-button:active {
|
|
245
|
+
background-color: #babbcf;
|
|
246
|
+
}
|
|
247
|
+
.eds-datepicker__datefield {
|
|
248
|
+
padding-right: 4rem;
|
|
249
|
+
}
|
|
250
|
+
.eds-datepicker__datefield--disabled {
|
|
251
|
+
padding-right: 1rem;
|
|
252
|
+
}
|
|
253
|
+
.eds-datepicker__datefield__wrapper {
|
|
254
|
+
position: relative;
|
|
255
|
+
}
|
|
256
|
+
.eds-datepicker__calendar-modal.eds-modal__content {
|
|
257
|
+
padding: unset;
|
|
258
|
+
width: inherit;
|
|
259
|
+
background-color: unset;
|
|
260
|
+
overflow: visible;
|
|
261
|
+
}/* DO NOT CHANGE!*/
|
|
262
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
205
263
|
.eds-datepicker__calendar,
|
|
206
264
|
.eds-contrast .eds-datepicker__calendar {
|
|
207
265
|
width: -webkit-fit-content;
|
|
@@ -292,62 +350,21 @@
|
|
|
292
350
|
}
|
|
293
351
|
.eds-datepicker__calendar__grid__cell--disabled,
|
|
294
352
|
.eds-contrast .eds-datepicker__calendar__grid__cell--disabled {
|
|
295
|
-
|
|
353
|
+
opacity: 0.5;
|
|
296
354
|
}
|
|
297
355
|
.eds-datepicker__calendar__grid__cell--disabled:hover,
|
|
298
356
|
.eds-contrast .eds-datepicker__calendar__grid__cell--disabled:hover {
|
|
299
357
|
background-color: transparent;
|
|
300
358
|
}
|
|
359
|
+
.eds-datepicker__calendar__grid__cell--outside-month,
|
|
360
|
+
.eds-contrast .eds-datepicker__calendar__grid__cell--outside-month {
|
|
361
|
+
color: transparent;
|
|
362
|
+
}
|
|
363
|
+
.eds-datepicker__calendar__grid__cell--outside-month:hover,
|
|
364
|
+
.eds-contrast .eds-datepicker__calendar__grid__cell--outside-month:hover {
|
|
365
|
+
background-color: transparent;
|
|
366
|
+
}
|
|
301
367
|
.eds-datepicker__calendar__grid__cell--today,
|
|
302
368
|
.eds-contrast .eds-datepicker__calendar__grid__cell--today {
|
|
303
369
|
border-bottom: 2px solid #ff5959;
|
|
304
|
-
}/* DO NOT CHANGE!*/
|
|
305
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
306
|
-
.eds-datefield div:first-of-type.eds-date-and-time-field__segment {
|
|
307
|
-
margin-left: 1rem;
|
|
308
|
-
}
|
|
309
|
-
.eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
|
|
310
|
-
border-color: transparent;
|
|
311
|
-
box-shadow: none;
|
|
312
|
-
}
|
|
313
|
-
.eds-datefield.eds-form-control-wrapper--disabled:focus-within {
|
|
314
|
-
border-color: transparent;
|
|
315
|
-
box-shadow: none;
|
|
316
|
-
}
|
|
317
|
-
.eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
|
|
318
|
-
background: none;
|
|
319
|
-
}/* DO NOT CHANGE!*/
|
|
320
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
321
|
-
.eds-datepicker {
|
|
322
|
-
position: relative;
|
|
323
|
-
width: -webkit-fit-content;
|
|
324
|
-
width: -moz-fit-content;
|
|
325
|
-
width: fit-content;
|
|
326
|
-
}
|
|
327
|
-
.eds-datepicker__open-calendar-button {
|
|
328
|
-
position: absolute;
|
|
329
|
-
right: 0.5rem;
|
|
330
|
-
top: 0.45rem;
|
|
331
|
-
}
|
|
332
|
-
.eds-datepicker__open-calendar-button.eds-icon-button {
|
|
333
|
-
color: #181c56;
|
|
334
|
-
}
|
|
335
|
-
.eds-datepicker__open-calendar-button.eds-icon-button:hover {
|
|
336
|
-
background-color: #d1d4e3;
|
|
337
|
-
}
|
|
338
|
-
.eds-datepicker__open-calendar-button.eds-icon-button:focus {
|
|
339
|
-
border: 0.0625rem solid #181c56;
|
|
340
|
-
}
|
|
341
|
-
.eds-datepicker__open-calendar-button.eds-icon-button:active {
|
|
342
|
-
background-color: #babbcf;
|
|
343
|
-
}
|
|
344
|
-
.eds-datepicker__datefield {
|
|
345
|
-
padding-right: 4rem;
|
|
346
|
-
}
|
|
347
|
-
.eds-datepicker__datefield--disabled {
|
|
348
|
-
padding-right: 1rem;
|
|
349
|
-
}
|
|
350
|
-
.eds-datepicker__datefield__wrapper {
|
|
351
|
-
display: flex;
|
|
352
|
-
position: relative;
|
|
353
370
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/datepicker",
|
|
3
|
-
"version": "4.0.0-
|
|
3
|
+
"version": "4.0.0-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/datepicker.esm.js",
|
|
@@ -27,12 +27,14 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/
|
|
31
|
-
"@entur/
|
|
32
|
-
"@entur/
|
|
30
|
+
"@entur/a11y": "0.2.49",
|
|
31
|
+
"@entur/button": "^2.10.5-alpha.1",
|
|
32
|
+
"@entur/form": "^5.4.6-alpha.1",
|
|
33
|
+
"@entur/icons": "^5.0.1-alpha.1",
|
|
34
|
+
"@entur/modal": "1.6.12",
|
|
33
35
|
"@entur/tokens": "^3.4.1",
|
|
34
|
-
"@entur/typography": "^1.7.1-alpha.
|
|
35
|
-
"@entur/utils": "^0.
|
|
36
|
+
"@entur/typography": "^1.7.1-alpha.1",
|
|
37
|
+
"@entur/utils": "^0.5.0-alpha.0",
|
|
36
38
|
"@floating-ui/react-dom": "^1.0.0",
|
|
37
39
|
"@internationalized/date": "^3.0.1",
|
|
38
40
|
"@react-aria/button": "3.6.2",
|
|
@@ -51,5 +53,5 @@
|
|
|
51
53
|
"node": "14.17.0",
|
|
52
54
|
"yarn": "1.18.0"
|
|
53
55
|
},
|
|
54
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "4a730c0331c18cf906f95dc6e98796b6eb5ce277"
|
|
55
57
|
}
|