@entur/datepicker 9.4.11 → 10.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.
Files changed (12) hide show
  1. package/dist/DatePicker/DateField.d.ts +12 -8
  2. package/dist/DatePicker/DatePicker.d.ts +3 -2
  3. package/dist/TimePicker/SimpleTimePicker.d.ts +2 -1
  4. package/dist/TimePicker/TimePicker.d.ts +3 -2
  5. package/dist/datepicker.cjs.development.js +120 -102
  6. package/dist/datepicker.cjs.development.js.map +1 -1
  7. package/dist/datepicker.cjs.production.min.js +1 -1
  8. package/dist/datepicker.cjs.production.min.js.map +1 -1
  9. package/dist/datepicker.esm.js +122 -104
  10. package/dist/datepicker.esm.js.map +1 -1
  11. package/dist/styles.css +61 -80
  12. package/package.json +8 -8
package/dist/styles.css CHANGED
@@ -144,66 +144,25 @@
144
144
  }
145
145
  /* DO NOT CHANGE!*/
146
146
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
147
- .eds-datepicker {
148
- position: relative;
147
+ .eds-datefield {
149
148
  width: -moz-fit-content;
150
149
  width: fit-content;
151
- height: -moz-fit-content;
152
- height: fit-content;
153
- }
154
- .eds-datepicker__open-calendar-button {
155
- position: absolute;
156
- right: 0.5rem;
157
- top: 0.45rem;
158
- }
159
- .eds-datepicker__open-calendar-button.eds-icon-button {
160
- color: var(--components-datepicker-calendar-icon);
161
150
  }
162
- .eds-datepicker__open-calendar-button.eds-icon-button:hover {
163
- background-color: var(--components-button-iconbutton-standard-hover);
164
- }
165
- .eds-datepicker__open-calendar-button.eds-icon-button:focus {
166
- outline: 2px solid #181c56;
167
- outline-color: var(--basecolors-stroke-focus-standard);
168
- outline-offset: 0.125rem;
169
- }
170
- .eds-datepicker__open-calendar-button.eds-icon-button:active {
171
- background-color: var(--components-button-iconbutton-standard-active);
172
- }
173
- .eds-datepicker__datefield {
174
- padding-right: 4rem;
175
- }
176
- .eds-datepicker__datefield--disabled {
151
+ .eds-datefield .eds-form-control-wrapper {
152
+ padding-left: 1rem;
177
153
  padding-right: 1rem;
178
154
  }
179
- .eds-datepicker__datefield__wrapper {
180
- position: relative;
181
- }
182
- .eds-datepicker__calendar-modal.eds-modal__content {
183
- padding: 0;
184
- padding: initial;
185
- width: inherit;
186
- background-color: transparent;
187
- background-color: initial;
188
- }
189
- .eds-datefield div:first-of-type.eds-date-and-time-field__segment {
190
- margin-left: 1rem;
191
- }
192
- .eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
155
+ .eds-datefield .eds-form-control-wrapper--disabled[focus-within] {
193
156
  border-color: transparent;
194
157
  box-shadow: none;
195
158
  }
196
- .eds-datefield.eds-form-control-wrapper--disabled:focus-within {
159
+ .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
197
160
  border-color: transparent;
198
161
  box-shadow: none;
199
162
  }
200
- .eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
163
+ .eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
201
164
  background: none;
202
165
  }
203
- .eds-datefield .eds-form-control__append--tooltip {
204
- margin-top: 0.75rem;
205
- margin-right: -0.25rem;
206
- }
207
166
  /* DO NOT CHANGE!*/
208
167
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
209
168
  [dir="ltr"] .eds-date-and-time-field__segment {
@@ -232,59 +191,73 @@
232
191
  }
233
192
  /* DO NOT CHANGE!*/
234
193
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
235
- .eds-timepicker__wrapper {
194
+ .eds-datepicker.eds-datefield .eds-form-control-wrapper {
195
+ padding-right: 0rem;
196
+ }
197
+ .eds-datepicker__open-calendar-button {
198
+ margin: 0rem 0.25rem 0rem 0.5rem;
199
+ }
200
+ .eds-datepicker__open-calendar-button.eds-icon-button {
201
+ color: var(--components-datepicker-calendar-icon);
202
+ }
203
+ .eds-datepicker__open-calendar-button.eds-icon-button:hover {
204
+ background-color: var(--components-button-iconbutton-standard-hover);
205
+ }
206
+ .eds-datepicker__open-calendar-button.eds-icon-button:focus {
207
+ outline: 2px solid #181c56;
208
+ outline-color: var(--basecolors-stroke-focus-standard);
209
+ outline-offset: 0.125rem;
210
+ }
211
+ .eds-datepicker__open-calendar-button.eds-icon-button:active {
212
+ background-color: var(--components-button-iconbutton-standard-active);
213
+ }
214
+ .eds-datepicker--disabled {
215
+ padding-right: 1rem;
216
+ }
217
+ .eds-datepicker__calendar-modal.eds-modal__content {
218
+ padding: 0;
219
+ padding: initial;
220
+ width: inherit;
221
+ background-color: transparent;
222
+ background-color: initial;
223
+ }
224
+ /* DO NOT CHANGE!*/
225
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
226
+ .eds-timepicker {
236
227
  width: -moz-fit-content;
237
228
  width: fit-content;
238
- }
239
- .eds-timepicker__wrapper .eds-timepicker {
240
229
  justify-content: center;
241
230
  }
242
- .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
243
- .eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
244
- margin-left: 0rem !important;
245
- }
246
- .eds-timepicker__wrapper .eds-timepicker--disabled {
231
+ .eds-timepicker--disabled {
247
232
  padding-left: 1rem;
248
233
  padding-right: 1rem;
249
234
  }
250
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton {
235
+ .eds-timepicker .eds-form-control-wrapper {
236
+ padding: 0rem;
237
+ }
238
+ .eds-timepicker__arrowbutton {
251
239
  margin: 0 0.25rem;
252
240
  }
253
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
241
+ .eds-timepicker__arrowbutton--disabled {
254
242
  opacity: 0.5;
255
243
  pointer-events: none;
256
244
  visibility: hidden;
257
245
  }
258
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
259
- background-color: var(--components-button-iconbutton-standard-hover);
260
- }
261
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton:focus {
262
- outline: 2px solid #181c56;
263
- outline-color: var(--basecolors-stroke-focus-standard);
264
- outline-offset: 0.125rem;
265
- }
266
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton:active {
267
- background-color: var(--components-button-iconbutton-standard-active);
268
- }
269
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton.eds-icon-button {
246
+ .eds-timepicker__arrowbutton.eds-icon-button {
270
247
  color: var(--components-button-iconbutton-standard-text);
271
248
  }
272
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton.eds-icon-button:hover {
249
+ .eds-timepicker__arrowbutton.eds-icon-button:hover {
273
250
  background-color: var(--components-button-iconbutton-standard-hover);
274
251
  }
275
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton.eds-icon-button:focus {
252
+ .eds-timepicker__arrowbutton.eds-icon-button:focus {
276
253
  outline: 2px solid #181c56;
277
254
  outline-color: var(--basecolors-stroke-focus-standard);
278
255
  outline-offset: 0.125rem;
279
256
  }
280
- .eds-timepicker__wrapper .eds-timepicker__arrowbutton.eds-icon-button:active {
257
+ .eds-timepicker__arrowbutton.eds-icon-button:active {
281
258
  background-color: var(--components-button-iconbutton-standard-active);
282
259
  }
283
- .eds-timepicker__wrapper .eds-timepicker .eds-form-control__prepend,
284
- .eds-timepicker__wrapper .eds-timepicker .eds-form-control__append {
285
- margin: 0;
286
- }
287
- .eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
260
+ .eds-timepicker .eds-icon-button--disabled__wrapper {
288
261
  display: none;
289
262
  }
290
263
  .eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
@@ -295,18 +268,26 @@
295
268
  --input-width: 7rem;
296
269
  width: var(--input-width);
297
270
  }
271
+ .eds-simple-timepicker--has-tooltip {
272
+ --input-width: 9rem;
273
+ }
298
274
  .eds-simple-timepicker--hide-clock {
299
275
  --input-width: 5rem;
300
276
  }
277
+ .eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
278
+ --input-width: 7rem;
279
+ }
301
280
  .eds-simple-timepicker--show-seconds {
302
281
  --input-width: 8.5rem;
303
282
  }
304
283
  .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
305
284
  --input-width: 6.5rem;
306
285
  }
307
- .eds-simple-timepicker .eds-form-control__append--tooltip {
308
- margin-top: -0.2rem;
309
- margin-left: -0.5rem;
286
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
287
+ --input-width: 8.5rem;
288
+ }
289
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--has-tooltip {
290
+ --input-width: 10.5rem;
310
291
  }
311
292
  /* DO NOT CHANGE!*/
312
293
  /* 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": "9.4.11",
3
+ "version": "10.0.0-beta.0",
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.86",
31
- "@entur/button": "^3.2.26",
32
- "@entur/form": "^7.1.11",
33
- "@entur/icons": "^6.18.0",
34
- "@entur/modal": "^1.7.47",
31
+ "@entur/button": "^3.2.27-beta.0",
32
+ "@entur/form": "^8.0.0-beta.0",
33
+ "@entur/icons": "^7.0.0-beta.0",
34
+ "@entur/modal": "^1.7.48-beta.0",
35
35
  "@entur/tokens": "^3.15.1",
36
- "@entur/tooltip": "^2.7.10",
37
- "@entur/typography": "^1.8.39",
36
+ "@entur/tooltip": "^3.0.0-beta.0",
37
+ "@entur/typography": "^1.8.40-beta.0",
38
38
  "@entur/utils": "^0.11.1",
39
39
  "@floating-ui/react-dom": "^2.1.0",
40
40
  "@internationalized/date": "^3.4.0",
@@ -48,5 +48,5 @@
48
48
  "classnames": "^2.3.1",
49
49
  "react-focus-lock": "^2.9.1"
50
50
  },
51
- "gitHead": "59263b656c7de882e8ecf50bdb49f7ddfd283026"
51
+ "gitHead": "c8e99ab901c06e9faf622f1a1f88e1b0e7e34419"
52
52
  }