@entur/datepicker 4.0.0-alpha.0 → 4.0.0-alpha.1

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 (13) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/DatePicker/beta/Calendar.d.ts +2 -0
  3. package/dist/DatePicker/beta/CalendarCell.d.ts +1 -1
  4. package/dist/DatePicker/beta/CalendarGrid.d.ts +2 -1
  5. package/dist/DatePicker/beta/DatePicker.d.ts +9 -1
  6. package/dist/datepicker.cjs.development.js +159 -102
  7. package/dist/datepicker.cjs.development.js.map +1 -1
  8. package/dist/datepicker.cjs.production.min.js +1 -1
  9. package/dist/datepicker.cjs.production.min.js.map +1 -1
  10. package/dist/datepicker.esm.js +160 -103
  11. package/dist/datepicker.esm.js.map +1 -1
  12. package/dist/styles.css +74 -68
  13. package/package.json +9 -7
package/dist/styles.css CHANGED
@@ -2,6 +2,59 @@
2
2
  --eds-datepicker: 1;
3
3
  }/* DO NOT CHANGE!*/
4
4
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
+ .eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
6
+ position: relative;
7
+ top: -0.5rem;
8
+ }/* DO NOT CHANGE!*/
9
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
10
+ .eds-timepicker__wrapper {
11
+ position: relative;
12
+ display: flex;
13
+ align-items: center;
14
+ width: -webkit-fit-content;
15
+ width: -moz-fit-content;
16
+ width: fit-content;
17
+ }
18
+ .eds-timepicker__wrapper .eds-timepicker {
19
+ justify-content: center;
20
+ padding: 0rem 3rem;
21
+ }
22
+ .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
23
+ .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
24
+ margin-left: 0rem !important;
25
+ }
26
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton {
27
+ color: #181c56;
28
+ }
29
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--left {
30
+ position: absolute;
31
+ left: 0.35rem;
32
+ z-index: 1;
33
+ }
34
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--right {
35
+ position: absolute;
36
+ right: 0.4rem;
37
+ }
38
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
39
+ opacity: 0.5;
40
+ pointer-events: none;
41
+ visibility: hidden;
42
+ }
43
+ .eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
44
+ background-color: #d1d4e3;
45
+ }
46
+ .eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
47
+ margin-top: 0.75rem;
48
+ margin-right: -0.25rem;
49
+ }
50
+ .eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
51
+ display: none;
52
+ }
53
+ .eds-timepicker__wrapper .eds-feedback-text {
54
+ position: absolute;
55
+ top: 3.5rem;
56
+ }/* DO NOT CHANGE!*/
57
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
58
  .eds-datepicker__calender {
6
59
  font-family: var(--eds-font-family);
7
60
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
@@ -124,59 +177,6 @@
124
177
  height: 2.75rem;
125
178
  }/* DO NOT CHANGE!*/
126
179
  /* 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
- .eds-timepicker__wrapper {
133
- position: relative;
134
- display: flex;
135
- align-items: center;
136
- width: -webkit-fit-content;
137
- width: -moz-fit-content;
138
- width: fit-content;
139
- }
140
- .eds-timepicker__wrapper .eds-timepicker {
141
- justify-content: center;
142
- padding: 0rem 3rem;
143
- }
144
- .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
145
- .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
146
- margin-left: 0rem !important;
147
- }
148
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton {
149
- color: #181c56;
150
- }
151
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--left {
152
- position: absolute;
153
- left: 0.35rem;
154
- z-index: 1;
155
- }
156
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--right {
157
- position: absolute;
158
- right: 0.4rem;
159
- }
160
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
161
- opacity: 0.5;
162
- pointer-events: none;
163
- visibility: hidden;
164
- }
165
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
166
- background-color: #d1d4e3;
167
- }
168
- .eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
169
- margin-top: 0.75rem;
170
- margin-right: -0.25rem;
171
- }
172
- .eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
173
- display: none;
174
- }
175
- .eds-timepicker__wrapper .eds-feedback-text {
176
- position: absolute;
177
- top: 3.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,21 @@
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
+ }/* DO NOT CHANGE!*/
219
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
205
220
  .eds-datepicker__calendar,
206
221
  .eds-contrast .eds-datepicker__calendar {
207
222
  width: -webkit-fit-content;
@@ -303,21 +318,6 @@
303
318
  border-bottom: 2px solid #ff5959;
304
319
  }/* DO NOT CHANGE!*/
305
320
  /* 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
321
  .eds-datepicker {
322
322
  position: relative;
323
323
  width: -webkit-fit-content;
@@ -350,4 +350,10 @@
350
350
  .eds-datepicker__datefield__wrapper {
351
351
  display: flex;
352
352
  position: relative;
353
+ }
354
+ .eds-datepicker__calendar-modal.eds-modal__content {
355
+ padding: unset;
356
+ width: inherit;
357
+ background-color: unset;
358
+ overflow: visible;
353
359
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "4.0.0-alpha.0",
3
+ "version": "4.0.0-alpha.1",
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/button": "^2.10.5-alpha.0",
31
- "@entur/form": "^5.4.6-alpha.0",
32
- "@entur/icons": "^5.0.1-alpha.0",
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.0",
35
- "@entur/utils": "^0.4.6-alpha.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": "497df350c3af082f714f461c7089a1fec1b4f8c9"
56
+ "gitHead": "8e5d6c63d180d5b3a7b2d0c6c4cdbb8ecb8af8f4"
55
57
  }