@entur/datepicker 9.4.12 → 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 +114 -73
  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 +115 -74
  10. package/dist/datepicker.esm.js.map +1 -1
  11. package/dist/styles.css +62 -81
  12. package/package.json +8 -8
package/dist/styles.css CHANGED
@@ -144,47 +144,24 @@
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
- }
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
150
  }
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;
155
+ .eds-datefield .eds-form-control-wrapper--disabled[focus-within] {
156
+ border-color: transparent;
157
+ box-shadow: none;
181
158
  }
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;
159
+ .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
160
+ border-color: transparent;
161
+ box-shadow: none;
162
+ }
163
+ .eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
164
+ background: none;
188
165
  }
189
166
  /* DO NOT CHANGE!*/
190
167
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -212,79 +189,75 @@
212
189
  outline: transparent;
213
190
  border-radius: 0.0625rem;
214
191
  }
215
- .eds-datefield div:first-of-type.eds-date-and-time-field__segment {
216
- margin-left: 1rem;
192
+ /* DO NOT CHANGE!*/
193
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
194
+ .eds-datepicker.eds-datefield .eds-form-control-wrapper {
195
+ padding-right: 0rem;
217
196
  }
218
- .eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
219
- border-color: transparent;
220
- box-shadow: none;
197
+ .eds-datepicker__open-calendar-button {
198
+ margin: 0rem 0.25rem 0rem 0.5rem;
221
199
  }
222
- .eds-datefield.eds-form-control-wrapper--disabled:focus-within {
223
- border-color: transparent;
224
- box-shadow: none;
200
+ .eds-datepicker__open-calendar-button.eds-icon-button {
201
+ color: var(--components-datepicker-calendar-icon);
225
202
  }
226
- .eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
227
- background: none;
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;
228
210
  }
229
- .eds-datefield .eds-form-control__append--tooltip {
230
- margin-top: 0.75rem;
231
- margin-right: -0.25rem;
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;
232
223
  }
233
224
  /* DO NOT CHANGE!*/
234
225
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
235
- .eds-timepicker__wrapper {
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.12",
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.2.0",
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": "750c39e0b36eff3beaa9f6a38ae2dea6e29d2085"
51
+ "gitHead": "c8e99ab901c06e9faf622f1a1f88e1b0e7e34419"
52
52
  }