@entur/datepicker 10.1.1 → 10.1.2-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 (2) hide show
  1. package/dist/styles.css +57 -57
  2. package/package.json +10 -10
package/dist/styles.css CHANGED
@@ -140,22 +140,27 @@
140
140
  }
141
141
  /* DO NOT CHANGE!*/
142
142
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
143
- .eds-datefield {
144
- width: -moz-fit-content;
145
- width: fit-content;
143
+ .eds-date-and-time-field__segment {
144
+ margin-top: 1rem;
145
+ padding: 0 2px;
146
+ font-feature-settings: "tnum";
147
+ font-variant-numeric: tabular-nums;
148
+ text-align: right;
146
149
  }
147
- .eds-datefield .eds-form-control-wrapper {
148
- padding-left: 1rem;
149
- padding-right: 1rem;
150
- width: -moz-fit-content;
151
- width: fit-content;
150
+ .eds-date-and-time-field__segment--placeholder {
151
+ color: var(--components-datepicker-datefield-standard-text-content);
152
152
  }
153
- .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
154
- border-color: transparent;
155
- box-shadow: none;
153
+ .eds-date-and-time-field__segment--dot-separator {
154
+ margin-left: -0.1rem;
155
+ margin-right: -0.2rem;
156
156
  }
157
- .eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
158
- background: none;
157
+ .eds-date-and-time-field__segment:focus-visible {
158
+ background-color: var(--components-button-iconbutton-standard-active);
159
+ outline: transparent;
160
+ border-radius: 0.0625rem;
161
+ }
162
+ .eds-date-and-time-field__segment[aria-valuemax="9999"] {
163
+ min-width: 4ch;
159
164
  }
160
165
  /* DO NOT CHANGE!*/
161
166
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -191,27 +196,22 @@
191
196
  }
192
197
  /* DO NOT CHANGE!*/
193
198
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
194
- .eds-date-and-time-field__segment {
195
- margin-top: 1rem;
196
- padding: 0 2px;
197
- font-feature-settings: "tnum";
198
- font-variant-numeric: tabular-nums;
199
- text-align: right;
200
- }
201
- .eds-date-and-time-field__segment--placeholder {
202
- color: var(--components-datepicker-datefield-standard-text-content);
199
+ .eds-datefield {
200
+ width: -moz-fit-content;
201
+ width: fit-content;
203
202
  }
204
- .eds-date-and-time-field__segment--dot-separator {
205
- margin-left: -0.1rem;
206
- margin-right: -0.2rem;
203
+ .eds-datefield .eds-form-control-wrapper {
204
+ padding-left: 1rem;
205
+ padding-right: 1rem;
206
+ width: -moz-fit-content;
207
+ width: fit-content;
207
208
  }
208
- .eds-date-and-time-field__segment:focus-visible {
209
- background-color: var(--components-button-iconbutton-standard-active);
210
- outline: transparent;
211
- border-radius: 0.0625rem;
209
+ .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
210
+ border-color: transparent;
211
+ box-shadow: none;
212
212
  }
213
- .eds-date-and-time-field__segment[aria-valuemax="9999"] {
214
- min-width: 4ch;
213
+ .eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
214
+ background: none;
215
215
  }
216
216
  /* DO NOT CHANGE!*/
217
217
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -256,32 +256,6 @@
256
256
  position: relative;
257
257
  top: -0.5rem;
258
258
  }
259
- .eds-simple-timepicker {
260
- width: 7rem;
261
- width: var(--input-width);
262
- --input-width: 7rem;
263
- }
264
- .eds-simple-timepicker--has-tooltip {
265
- --input-width: 9rem;
266
- }
267
- .eds-simple-timepicker--hide-clock {
268
- --input-width: 5rem;
269
- }
270
- .eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
271
- --input-width: 7rem;
272
- }
273
- .eds-simple-timepicker--show-seconds {
274
- --input-width: 8.5rem;
275
- }
276
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
277
- --input-width: 6.5rem;
278
- }
279
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
280
- --input-width: 8.5rem;
281
- }
282
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--has-tooltip {
283
- --input-width: 10.5rem;
284
- }
285
259
  /* DO NOT CHANGE!*/
286
260
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
287
261
  /* DO NOT CHANGE!*/
@@ -318,3 +292,29 @@
318
292
  :root {
319
293
  --eds-datepicker: 1;
320
294
  }
295
+ .eds-simple-timepicker {
296
+ width: 7rem;
297
+ width: var(--input-width);
298
+ --input-width: 7rem;
299
+ }
300
+ .eds-simple-timepicker--has-tooltip {
301
+ --input-width: 9rem;
302
+ }
303
+ .eds-simple-timepicker--hide-clock {
304
+ --input-width: 5rem;
305
+ }
306
+ .eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
307
+ --input-width: 7rem;
308
+ }
309
+ .eds-simple-timepicker--show-seconds {
310
+ --input-width: 8.5rem;
311
+ }
312
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
313
+ --input-width: 6.5rem;
314
+ }
315
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
316
+ --input-width: 8.5rem;
317
+ }
318
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--has-tooltip {
319
+ --input-width: 10.5rem;
320
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "10.1.1",
3
+ "version": "10.1.2-beta.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.96",
31
- "@entur/button": "^3.3.1",
32
- "@entur/form": "^8.2.1",
33
- "@entur/icons": "^7.6.1",
34
- "@entur/modal": "^1.7.61",
35
- "@entur/tokens": "^3.17.6",
36
- "@entur/tooltip": "^5.2.1",
37
- "@entur/typography": "^1.9.1",
30
+ "@entur/a11y": "^0.2.97-beta.0",
31
+ "@entur/button": "^3.3.2-beta.0",
32
+ "@entur/form": "^8.2.2-beta.0",
33
+ "@entur/icons": "^7.6.2-beta.0",
34
+ "@entur/modal": "^1.7.62-beta.0",
35
+ "@entur/tokens": "^3.17.7-beta.0",
36
+ "@entur/tooltip": "^5.2.2-beta.0",
37
+ "@entur/typography": "^1.9.2-beta.0",
38
38
  "@entur/utils": "^0.12.2",
39
39
  "@floating-ui/react-dom": "^2.1.0",
40
40
  "@internationalized/date": "^3.4.0",
@@ -51,5 +51,5 @@
51
51
  "@react-types/datepicker": "^3.9.0",
52
52
  "dts-cli": "2.0.5"
53
53
  },
54
- "gitHead": "d7798b768ab73d677162cebcf3edd58680dc626f"
54
+ "gitHead": "cd66907abaf7faaee1f9dcc5f063b3b153eaf7b2"
55
55
  }