@entur/datepicker 11.2.1-beta.3 → 11.2.1-beta.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 (28) hide show
  1. package/dist/DatePicker/Calendar.d.ts +62 -0
  2. package/dist/DatePicker/CalendarCell.d.ts +14 -0
  3. package/dist/DatePicker/CalendarGrid.d.ts +15 -0
  4. package/dist/DatePicker/DateField.d.ts +90 -0
  5. package/dist/DatePicker/DatePicker.d.ts +44 -0
  6. package/dist/DatePicker/NativeDatePicker.d.ts +43 -0
  7. package/dist/DatePicker/index.d.ts +4 -0
  8. package/dist/TimePicker/NativeTimePicker.d.ts +32 -0
  9. package/dist/TimePicker/SimpleTimePicker.d.ts +49 -0
  10. package/dist/TimePicker/TimePicker.d.ts +70 -0
  11. package/dist/TimePicker/TimePickerArrowButton.d.ts +11 -0
  12. package/dist/TimePicker/index.d.ts +4 -0
  13. package/dist/datepicker.cjs.development.js +1269 -0
  14. package/dist/datepicker.cjs.development.js.map +1 -0
  15. package/dist/datepicker.cjs.production.min.js +2 -0
  16. package/dist/datepicker.cjs.production.min.js.map +1 -0
  17. package/dist/datepicker.esm.js +1047 -1046
  18. package/dist/datepicker.esm.js.map +1 -1
  19. package/dist/index.d.ts +6 -535
  20. package/dist/index.js +8 -0
  21. package/dist/shared/CalendarButton.d.ts +9 -0
  22. package/dist/shared/FieldSegment.d.ts +10 -0
  23. package/dist/shared/index.d.ts +1 -0
  24. package/dist/shared/utils.d.ts +47 -0
  25. package/dist/styles.css +98 -84
  26. package/package.json +29 -39
  27. package/dist/datepicker.cjs.js +0 -1243
  28. package/dist/datepicker.cjs.js.map +0 -1
package/dist/styles.css CHANGED
@@ -1,48 +1,64 @@
1
1
  /* DO NOT CHANGE!*/
2
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
+ .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
4
+ padding-right: 0rem;
5
+ }
6
+ .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control__append {
7
+ margin-left: auto;
8
+ }
9
+ .eds-datepicker__open-calendar-button {
10
+ margin: 0rem 0.25rem 0rem 0.5rem;
11
+ }
12
+ .eds-datepicker__open-calendar-button.eds-icon-button {
13
+ color: var(--components-datepicker-calendar-icon);
14
+ }
15
+ .eds-datepicker__open-calendar-button.eds-icon-button:hover {
16
+ background-color: var(--components-button-iconbutton-standard-hover);
17
+ }
18
+ .eds-datepicker__open-calendar-button.eds-icon-button:focus-visible {
19
+ outline: 2px solid #181c56;
20
+ outline-color: var(--basecolors-stroke-focus-standard);
21
+ outline-offset: 0;
22
+ }
23
+ .eds-datepicker__open-calendar-button.eds-icon-button:active {
24
+ background-color: var(--components-button-iconbutton-standard-active);
25
+ }
26
+ .eds-datepicker__calendar-modal.eds-modal__content {
27
+ padding: 0;
28
+ padding: initial;
29
+ width: inherit;
30
+ background-color: transparent;
31
+ background-color: initial;
32
+ }
3
33
  /* DO NOT CHANGE!*/
4
34
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
- /* DO NOT CHANGE!*/
6
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
- [data-color-mode=light],
8
- :root {
9
- --components-datepicker-calendar-background: #ffffff;
10
- --components-datepicker-calendar-border: #e3e6e8;
11
- --components-datepicker-calendar-dateborder: #e3e6e8;
12
- --components-datepicker-calendar-datefill-hover: #d9ddf2;
13
- --components-datepicker-calendar-datefill-selected: #aeb7e2;
14
- --components-datepicker-calendar-icon: #181c56;
15
- --components-datepicker-calendar-stroke-today: #ff5959;
16
- --components-datepicker-calendar-text-accent: #181c56;
17
- --components-datepicker-calendar-text-disabled: #b6b8ba;
18
- --components-datepicker-calendar-text-subdued: #626493;
35
+ .eds-datefield {
36
+ width: -moz-fit-content;
37
+ width: fit-content;
38
+ display: block;
19
39
  }
20
-
21
- [data-color-mode=dark] {
22
- --components-datepicker-calendar-background: #393a49;
23
- --components-datepicker-calendar-border: rgba(255, 255, 255, 0);
24
- --components-datepicker-calendar-dateborder: #81828f;
25
- --components-datepicker-calendar-datefill-hover: rgba(229, 229, 233, 0.3490196078);
26
- --components-datepicker-calendar-datefill-selected: rgba(229, 229, 233, 0.1490196078);
27
- --components-datepicker-calendar-icon: #e5e5e9;
28
- --components-datepicker-calendar-stroke-today: #ff9494;
29
- --components-datepicker-calendar-text-accent: #e5e5e9;
30
- --components-datepicker-calendar-text-disabled: #6e6f73;
31
- --components-datepicker-calendar-text-subdued: #b3b4bd;
40
+ .eds-datefield .eds-form-control-wrapper {
41
+ display: inline-flex;
42
+ padding-left: 1rem;
43
+ padding-right: 1rem;
44
+ width: -moz-fit-content;
45
+ width: fit-content;
32
46
  }
33
-
34
- :root {
35
- --eds-datepicker: 1;
36
- }/* DO NOT CHANGE!*/
47
+ .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
48
+ border-color: transparent;
49
+ box-shadow: none;
50
+ }
51
+ .eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
52
+ background: none;
53
+ }
54
+ /* DO NOT CHANGE!*/
37
55
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
38
56
  .eds-date-and-time-field__segment {
39
57
  margin-top: 1rem;
40
58
  padding: 0 2px;
59
+ font-feature-settings: "tnum";
41
60
  font-variant-numeric: tabular-nums;
42
- text-align: end;
43
- }
44
- .eds-date-and-time-field__segment:is(:first-child, :last-child):not([role=spinbutton]) {
45
- padding: 0;
61
+ text-align: right;
46
62
  }
47
63
  .eds-date-and-time-field__segment--placeholder {
48
64
  color: var(--components-datepicker-datefield-standard-text-content);
@@ -58,27 +74,12 @@
58
74
  }
59
75
  .eds-date-and-time-field__segment[aria-valuemax="9999"] {
60
76
  min-width: 4ch;
61
- }/* DO NOT CHANGE!*/
62
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
63
- .eds-datefield {
64
- width: fit-content;
65
- display: block;
66
- }
67
- .eds-datefield .eds-form-control-wrapper {
68
- display: inline-flex;
69
- padding-inline: 1rem;
70
- width: fit-content;
71
77
  }
72
- .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
73
- border-color: transparent;
74
- box-shadow: none;
75
- }
76
- .eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
77
- background: none;
78
- }/* DO NOT CHANGE!*/
78
+ /* DO NOT CHANGE!*/
79
79
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
80
80
  .eds-datepicker__calendar,
81
81
  .eds-contrast .eds-datepicker__calendar {
82
+ width: -moz-fit-content;
82
83
  width: fit-content;
83
84
  padding: 1.5rem;
84
85
  padding-top: 0.75rem;
@@ -213,44 +214,18 @@
213
214
  .eds-datepicker__calendar__grid__cell--today,
214
215
  .eds-contrast .eds-datepicker__calendar__grid__cell--today {
215
216
  border-bottom: 2px solid var(--components-datepicker-calendar-stroke-today);
216
- }/* DO NOT CHANGE!*/
217
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
218
- .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
219
- padding-right: 0rem;
220
217
  }
221
- .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control__append {
222
- margin-left: auto;
223
- }
224
- .eds-datepicker__open-calendar-button {
225
- margin: 0rem 0.25rem 0rem 0.5rem;
226
- }
227
- .eds-datepicker__open-calendar-button.eds-icon-button {
228
- color: var(--components-datepicker-calendar-icon);
229
- }
230
- .eds-datepicker__open-calendar-button.eds-icon-button:hover {
231
- background-color: var(--components-button-iconbutton-standard-hover);
232
- }
233
- .eds-datepicker__open-calendar-button.eds-icon-button:focus-visible {
234
- outline: 2px solid #181c56;
235
- outline-color: var(--basecolors-stroke-focus-standard);
236
- outline-offset: 0;
237
- }
238
- .eds-datepicker__open-calendar-button.eds-icon-button:active {
239
- background-color: var(--components-button-iconbutton-standard-active);
240
- }
241
- .eds-datepicker__calendar-modal.eds-modal__content {
242
- padding: unset;
243
- width: inherit;
244
- background-color: unset;
245
- }/* DO NOT CHANGE!*/
218
+ /* DO NOT CHANGE!*/
246
219
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
247
220
  .eds-timepicker {
221
+ width: -moz-fit-content;
248
222
  width: fit-content;
249
223
  justify-content: center;
250
224
  display: block;
251
225
  }
252
226
  .eds-timepicker--disabled {
253
- padding-inline: 1rem;
227
+ padding-left: 1rem;
228
+ padding-right: 1rem;
254
229
  }
255
230
  .eds-timepicker .eds-form-control__prepend {
256
231
  margin-right: 0.25rem;
@@ -286,10 +261,13 @@
286
261
  }
287
262
  .eds-timepicker .eds-icon-button--disabled__wrapper {
288
263
  display: none;
289
- }.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
264
+ }
265
+ .eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
290
266
  position: relative;
291
267
  top: -0.5rem;
292
- }.eds-simple-timepicker {
268
+ }
269
+ .eds-simple-timepicker {
270
+ width: 7rem;
293
271
  width: var(--input-width);
294
272
  --input-width: 7rem;
295
273
  }
@@ -313,4 +291,40 @@
313
291
  }
314
292
  .eds-simple-timepicker--show-seconds.eds-simple-timepicker--has-tooltip {
315
293
  --input-width: 10.5rem;
316
- }
294
+ }
295
+ /* DO NOT CHANGE!*/
296
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
297
+ /* DO NOT CHANGE!*/
298
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
299
+ /* DO NOT CHANGE!*/
300
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
301
+ [data-color-mode=light],
302
+ :root {
303
+ --components-datepicker-calendar-background: #ffffff;
304
+ --components-datepicker-calendar-border: #e3e6e8;
305
+ --components-datepicker-calendar-dateborder: #e3e6e8;
306
+ --components-datepicker-calendar-datefill-hover: #d9ddf2;
307
+ --components-datepicker-calendar-datefill-selected: #aeb7e2;
308
+ --components-datepicker-calendar-icon: #181c56;
309
+ --components-datepicker-calendar-stroke-today: #ff5959;
310
+ --components-datepicker-calendar-text-accent: #181c56;
311
+ --components-datepicker-calendar-text-disabled: #b6b8ba;
312
+ --components-datepicker-calendar-text-subdued: #626493;
313
+ }
314
+
315
+ [data-color-mode=dark] {
316
+ --components-datepicker-calendar-background: #393a49;
317
+ --components-datepicker-calendar-border: rgba(255, 255, 255, 0);
318
+ --components-datepicker-calendar-dateborder: #81828f;
319
+ --components-datepicker-calendar-datefill-hover: rgba(229, 229, 233, 0.3490196078);
320
+ --components-datepicker-calendar-datefill-selected: rgba(229, 229, 233, 0.1490196078);
321
+ --components-datepicker-calendar-icon: #e5e5e9;
322
+ --components-datepicker-calendar-stroke-today: #ff9494;
323
+ --components-datepicker-calendar-text-accent: #e5e5e9;
324
+ --components-datepicker-calendar-text-disabled: #6e6f73;
325
+ --components-datepicker-calendar-text-subdued: #b3b4bd;
326
+ }
327
+
328
+ :root {
329
+ --eds-datepicker: 1;
330
+ }
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "11.2.1-beta.3",
3
+ "version": "11.2.1-beta.5",
4
4
  "license": "EUPL-1.2",
5
- "main": "dist/datepicker.cjs.js",
5
+ "main": "dist/index.js",
6
6
  "module": "dist/datepicker.esm.js",
7
- "types": "dist/index.d.ts",
7
+ "typings": "dist/index.d.ts",
8
8
  "files": [
9
9
  "dist"
10
10
  ],
@@ -17,49 +17,39 @@
17
17
  "access": "public"
18
18
  },
19
19
  "scripts": {
20
- "start": "vite build --watch",
21
- "build": "vite build",
22
- "test": "jest",
23
- "lint": "eslint src"
20
+ "start": "dts watch --noClean",
21
+ "build": "dts build",
22
+ "test": "dts test",
23
+ "lint": "dts lint src"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": ">=16.8.0",
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/a11y": "^0.2.100-beta.3",
31
- "@entur/button": "^3.3.13-beta.3",
32
- "@entur/form": "^8.3.2-beta.3",
33
- "@entur/icons": "^8.0.1-beta.3",
34
- "@entur/modal": "^1.7.73-beta.3",
35
- "@entur/tokens": "^3.19.2-beta.3",
36
- "@entur/tooltip": "^5.2.13-beta.3",
37
- "@entur/typography": "^1.9.13-beta.3",
38
- "@entur/utils": "^0.12.4-beta.3",
39
- "@floating-ui/react-dom": "^2.1.6",
40
- "@internationalized/date": "^3.8.2",
41
- "@react-aria/button": "^3.14.0",
42
- "@react-aria/calendar": "^3.9.0",
43
- "@react-aria/datepicker": "^3.15.0",
44
- "@react-aria/i18n": "^3.12.11",
45
- "@react-stately/calendar": "^3.8.3",
46
- "@react-stately/datepicker": "^3.15.0",
47
- "classnames": "^2.5.1",
48
- "react-focus-lock": "^2.13.6"
30
+ "@entur/a11y": "^0.2.99",
31
+ "@entur/button": "^3.3.13-beta.5",
32
+ "@entur/form": "^8.3.2-beta.5",
33
+ "@entur/icons": "^8.0.0",
34
+ "@entur/modal": "^1.7.73-beta.5",
35
+ "@entur/tokens": "^3.19.1",
36
+ "@entur/tooltip": "^5.2.13-beta.5",
37
+ "@entur/typography": "^1.10.0-beta.5",
38
+ "@entur/utils": "^0.12.3",
39
+ "@floating-ui/react-dom": "^2.1.0",
40
+ "@internationalized/date": "^3.4.0",
41
+ "@react-aria/button": "^3.6.4",
42
+ "@react-aria/calendar": "^3.6.0",
43
+ "@react-aria/datepicker": "^3.6.0",
44
+ "@react-aria/i18n": "^3.8.1",
45
+ "@react-stately/calendar": "^3.6.0",
46
+ "@react-stately/datepicker": "^3.11.0",
47
+ "classnames": "^2.3.1",
48
+ "react-focus-lock": "^2.9.1"
49
49
  },
50
50
  "devDependencies": {
51
- "@react-types/datepicker": "^3.13.0",
52
- "@testing-library/jest-dom": "^5.17.0",
53
- "@testing-library/react": "^10.4.9",
54
- "@testing-library/user-event": "14.6.1",
55
- "@vitejs/plugin-react": "^5.0.1",
56
- "eslint": "^7.32.0",
57
- "jest": "^29.0.0",
58
- "jest-environment-jsdom": "^29.0.0",
59
- "ts-jest": "^29.0.0",
60
- "typescript": "^5.9.2",
61
- "vite": "^7.1.3",
62
- "vite-plugin-dts": "^4.5.4"
51
+ "@react-types/datepicker": "^3.9.0",
52
+ "dts-cli": "2.0.5"
63
53
  },
64
- "gitHead": "d384333f43186922c0d258caa8ee9edebe3aec04"
54
+ "gitHead": "ba4ae77ebb013a60523baf66ff658b73fa7e0719"
65
55
  }