@entur/datepicker 8.1.8-alpha.0 → 9.0.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.
Files changed (12) hide show
  1. package/dist/DatePicker/Calendar.d.ts +14 -0
  2. package/dist/DatePicker/DateField.d.ts +11 -2
  3. package/dist/DatePicker/DatePicker.d.ts +10 -4
  4. package/dist/datepicker.cjs.development.js +89 -101
  5. package/dist/datepicker.cjs.development.js.map +1 -1
  6. package/dist/datepicker.cjs.production.min.js +1 -1
  7. package/dist/datepicker.cjs.production.min.js.map +1 -1
  8. package/dist/datepicker.esm.js +90 -103
  9. package/dist/datepicker.esm.js.map +1 -1
  10. package/dist/shared/utils.d.ts +11 -10
  11. package/dist/styles.css +65 -66
  12. package/package.json +10 -14
package/dist/styles.css CHANGED
@@ -1,30 +1,3 @@
1
- /* DO NOT CHANGE!*/
2
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- [dir="ltr"] .eds-date-and-time-field__segment {
4
- text-align: right;
5
- }
6
- [dir="rtl"] .eds-date-and-time-field__segment {
7
- text-align: left;
8
- }
9
- .eds-date-and-time-field__segment {
10
- margin-top: 1rem;
11
- padding: 0 2px;
12
- font-feature-settings: "tnum";
13
- font-variant-numeric: tabular-nums;
14
- }
15
- .eds-date-and-time-field__segment--placeholder {
16
- color: #646464;
17
- }
18
- .eds-date-and-time-field__segment--dot-separator {
19
- margin-left: -0.1rem;
20
- margin-right: -0.2rem;
21
- }
22
- .eds-date-and-time-field__segment:focus {
23
- background-color: #656782;
24
- color: #ffffff;
25
- outline: none;
26
- border-radius: 0.0625rem;
27
- }
28
1
  .eds-datefield div:first-of-type.eds-date-and-time-field__segment {
29
2
  margin-left: 1rem;
30
3
  }
@@ -45,6 +18,49 @@
45
18
  }
46
19
  /* DO NOT CHANGE!*/
47
20
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
21
+ .eds-datepicker {
22
+ position: relative;
23
+ width: -moz-fit-content;
24
+ width: fit-content;
25
+ height: -moz-fit-content;
26
+ height: fit-content;
27
+ }
28
+ .eds-datepicker__open-calendar-button {
29
+ position: absolute;
30
+ right: 0.5rem;
31
+ top: 0.45rem;
32
+ }
33
+ .eds-datepicker__open-calendar-button.eds-icon-button {
34
+ color: #181c56;
35
+ }
36
+ .eds-datepicker__open-calendar-button.eds-icon-button:hover {
37
+ background-color: #656782;
38
+ color: #ffffff;
39
+ }
40
+ .eds-datepicker__open-calendar-button.eds-icon-button:focus {
41
+ border: 0.0625rem solid #181c56;
42
+ }
43
+ .eds-datepicker__open-calendar-button.eds-icon-button:active {
44
+ background-color: #8285a8;
45
+ }
46
+ .eds-datepicker__datefield {
47
+ padding-right: 4rem;
48
+ }
49
+ .eds-datepicker__datefield--disabled {
50
+ padding-right: 1rem;
51
+ }
52
+ .eds-datepicker__datefield__wrapper {
53
+ position: relative;
54
+ }
55
+ .eds-datepicker__calendar-modal.eds-modal__content {
56
+ padding: 0;
57
+ padding: initial;
58
+ width: inherit;
59
+ background-color: transparent;
60
+ background-color: initial;
61
+ }
62
+ /* DO NOT CHANGE!*/
63
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
48
64
  .eds-datepicker__calendar,
49
65
  .eds-contrast .eds-datepicker__calendar {
50
66
  width: -moz-fit-content;
@@ -172,47 +188,30 @@
172
188
  }
173
189
  /* DO NOT CHANGE!*/
174
190
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
175
- .eds-datepicker {
176
- position: relative;
177
- width: -moz-fit-content;
178
- width: fit-content;
179
- height: -moz-fit-content;
180
- height: fit-content;
181
- }
182
- .eds-datepicker__open-calendar-button {
183
- position: absolute;
184
- right: 0.5rem;
185
- top: 0.45rem;
186
- }
187
- .eds-datepicker__open-calendar-button.eds-icon-button {
188
- color: #181c56;
189
- }
190
- .eds-datepicker__open-calendar-button.eds-icon-button:hover {
191
- background-color: #656782;
192
- color: #ffffff;
193
- }
194
- .eds-datepicker__open-calendar-button.eds-icon-button:focus {
195
- border: 0.0625rem solid #181c56;
191
+ [dir="ltr"] .eds-date-and-time-field__segment {
192
+ text-align: right;
196
193
  }
197
- .eds-datepicker__open-calendar-button.eds-icon-button:active {
198
- background-color: #8285a8;
194
+ [dir="rtl"] .eds-date-and-time-field__segment {
195
+ text-align: left;
199
196
  }
200
- .eds-datepicker__datefield {
201
- padding-right: 4rem;
197
+ .eds-date-and-time-field__segment {
198
+ margin-top: 1rem;
199
+ padding: 0 2px;
200
+ font-feature-settings: "tnum";
201
+ font-variant-numeric: tabular-nums;
202
202
  }
203
- .eds-datepicker__datefield--disabled {
204
- padding-right: 1rem;
203
+ .eds-date-and-time-field__segment--placeholder {
204
+ color: #646464;
205
205
  }
206
- .eds-datepicker__datefield__wrapper {
207
- position: relative;
206
+ .eds-date-and-time-field__segment--dot-separator {
207
+ margin-left: -0.1rem;
208
+ margin-right: -0.2rem;
208
209
  }
209
- .eds-datepicker__calendar-modal.eds-modal__content {
210
- padding: 0;
211
- padding: initial;
212
- width: inherit;
213
- background-color: transparent;
214
- background-color: initial;
215
- overflow: scroll;
210
+ .eds-date-and-time-field__segment:focus {
211
+ background-color: #656782;
212
+ color: #ffffff;
213
+ outline: transparent;
214
+ border-radius: 0.0625rem;
216
215
  }
217
216
  /* DO NOT CHANGE!*/
218
217
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -268,6 +267,9 @@
268
267
  position: relative;
269
268
  top: -0.5rem;
270
269
  }
270
+ :root {
271
+ --eds-datepicker: 1;
272
+ }
271
273
  .eds-simple-timepicker {
272
274
  --input-width: 7rem;
273
275
  width: var(--input-width);
@@ -285,6 +287,3 @@
285
287
  margin-top: -0.2rem;
286
288
  margin-left: -0.5rem;
287
289
  }
288
- :root {
289
- --eds-datepicker: 1;
290
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "8.1.8-alpha.0",
3
+ "version": "9.0.0",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/datepicker.esm.js",
@@ -27,14 +27,14 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/a11y": "^0.2.72-alpha.0",
31
- "@entur/button": "^3.1.11-alpha.0",
32
- "@entur/form": "^7.0.27-alpha.0",
33
- "@entur/icons": "^6.12.1-alpha.0",
34
- "@entur/modal": "^1.7.20-alpha.0",
35
- "@entur/tokens": "^3.11.1-alpha.0",
36
- "@entur/tooltip": "^2.6.36-alpha.0",
37
- "@entur/typography": "^1.8.17-alpha.0",
30
+ "@entur/a11y": "^0.2.71",
31
+ "@entur/button": "^3.2.0",
32
+ "@entur/form": "^7.0.27",
33
+ "@entur/icons": "^6.12.0",
34
+ "@entur/modal": "^1.7.20",
35
+ "@entur/tokens": "^3.11.0",
36
+ "@entur/tooltip": "^2.6.36",
37
+ "@entur/typography": "^1.8.16",
38
38
  "@entur/utils": "^0.9.5",
39
39
  "@floating-ui/react-dom": "^1.0.0",
40
40
  "@internationalized/date": "^3.4.0",
@@ -48,9 +48,5 @@
48
48
  "classnames": "^2.3.1",
49
49
  "react-focus-lock": "^2.9.1"
50
50
  },
51
- "volta": {
52
- "node": "16.17.0",
53
- "yarn": "1.22.19"
54
- },
55
- "gitHead": "957d432b3633e7f973ea9ffb0219d21f6b598980"
51
+ "gitHead": "ce91791c414af0274bcff712cacfad25a44c45c2"
56
52
  }