@entur/datepicker 11.0.2 → 11.0.3

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 +74 -74
  2. package/package.json +8 -8
package/dist/styles.css CHANGED
@@ -1,5 +1,37 @@
1
1
  /* DO NOT CHANGE!*/
2
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
+ .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
4
+ padding-right: 0rem;
5
+ }
6
+ .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control__append {
7
+ margin-left: auto;
8
+ }
9
+ .eds-datepicker__open-calendar-button {
10
+ margin: 0rem 0.25rem 0rem 0.5rem;
11
+ }
12
+ .eds-datepicker__open-calendar-button.eds-icon-button {
13
+ color: var(--components-datepicker-calendar-icon);
14
+ }
15
+ .eds-datepicker__open-calendar-button.eds-icon-button:hover {
16
+ background-color: var(--components-button-iconbutton-standard-hover);
17
+ }
18
+ .eds-datepicker__open-calendar-button.eds-icon-button:focus-visible {
19
+ outline: 2px solid #181c56;
20
+ outline-color: var(--basecolors-stroke-focus-standard);
21
+ outline-offset: 0.125rem;
22
+ }
23
+ .eds-datepicker__open-calendar-button.eds-icon-button:active {
24
+ background-color: var(--components-button-iconbutton-standard-active);
25
+ }
26
+ .eds-datepicker__calendar-modal.eds-modal__content {
27
+ padding: 0;
28
+ padding: initial;
29
+ width: inherit;
30
+ background-color: transparent;
31
+ background-color: initial;
32
+ }
33
+ /* DO NOT CHANGE!*/
34
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
35
  .eds-datefield {
4
36
  width: -moz-fit-content;
5
37
  width: fit-content;
@@ -19,30 +51,6 @@
19
51
  }
20
52
  /* DO NOT CHANGE!*/
21
53
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
22
- .eds-date-and-time-field__segment {
23
- margin-top: 1rem;
24
- padding: 0 2px;
25
- font-feature-settings: "tnum";
26
- font-variant-numeric: tabular-nums;
27
- text-align: right;
28
- }
29
- .eds-date-and-time-field__segment--placeholder {
30
- color: var(--components-datepicker-datefield-standard-text-content);
31
- }
32
- .eds-date-and-time-field__segment--dot-separator {
33
- margin-left: -0.1rem;
34
- margin-right: -0.2rem;
35
- }
36
- .eds-date-and-time-field__segment:focus-visible {
37
- background-color: var(--components-button-iconbutton-standard-active);
38
- outline: transparent;
39
- border-radius: 0.0625rem;
40
- }
41
- .eds-date-and-time-field__segment[aria-valuemax="9999"] {
42
- min-width: 4ch;
43
- }
44
- /* DO NOT CHANGE!*/
45
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
46
54
  .eds-datepicker__calendar,
47
55
  .eds-contrast .eds-datepicker__calendar {
48
56
  width: -moz-fit-content;
@@ -183,35 +191,27 @@
183
191
  }
184
192
  /* DO NOT CHANGE!*/
185
193
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
186
- .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
187
- padding-right: 0rem;
188
- }
189
- .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control__append {
190
- margin-left: auto;
191
- }
192
- .eds-datepicker__open-calendar-button {
193
- margin: 0rem 0.25rem 0rem 0.5rem;
194
- }
195
- .eds-datepicker__open-calendar-button.eds-icon-button {
196
- color: var(--components-datepicker-calendar-icon);
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;
197
200
  }
198
- .eds-datepicker__open-calendar-button.eds-icon-button:hover {
199
- background-color: var(--components-button-iconbutton-standard-hover);
201
+ .eds-date-and-time-field__segment--placeholder {
202
+ color: var(--components-datepicker-datefield-standard-text-content);
200
203
  }
201
- .eds-datepicker__open-calendar-button.eds-icon-button:focus-visible {
202
- outline: 2px solid #181c56;
203
- outline-color: var(--basecolors-stroke-focus-standard);
204
- outline-offset: 0.125rem;
204
+ .eds-date-and-time-field__segment--dot-separator {
205
+ margin-left: -0.1rem;
206
+ margin-right: -0.2rem;
205
207
  }
206
- .eds-datepicker__open-calendar-button.eds-icon-button:active {
208
+ .eds-date-and-time-field__segment:focus-visible {
207
209
  background-color: var(--components-button-iconbutton-standard-active);
210
+ outline: transparent;
211
+ border-radius: 0.0625rem;
208
212
  }
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;
213
+ .eds-date-and-time-field__segment[aria-valuemax="9999"] {
214
+ min-width: 4ch;
215
215
  }
216
216
  /* DO NOT CHANGE!*/
217
217
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -262,32 +262,6 @@
262
262
  position: relative;
263
263
  top: -0.5rem;
264
264
  }
265
- .eds-simple-timepicker {
266
- width: 7rem;
267
- width: var(--input-width);
268
- --input-width: 7rem;
269
- }
270
- .eds-simple-timepicker--has-tooltip {
271
- --input-width: 9rem;
272
- }
273
- .eds-simple-timepicker--hide-clock {
274
- --input-width: 5rem;
275
- }
276
- .eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
277
- --input-width: 7rem;
278
- }
279
- .eds-simple-timepicker--show-seconds {
280
- --input-width: 8.5rem;
281
- }
282
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
283
- --input-width: 6.5rem;
284
- }
285
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
286
- --input-width: 8.5rem;
287
- }
288
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--has-tooltip {
289
- --input-width: 10.5rem;
290
- }
291
265
  /* DO NOT CHANGE!*/
292
266
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
293
267
  /* DO NOT CHANGE!*/
@@ -324,3 +298,29 @@
324
298
  :root {
325
299
  --eds-datepicker: 1;
326
300
  }
301
+ .eds-simple-timepicker {
302
+ width: 7rem;
303
+ width: var(--input-width);
304
+ --input-width: 7rem;
305
+ }
306
+ .eds-simple-timepicker--has-tooltip {
307
+ --input-width: 9rem;
308
+ }
309
+ .eds-simple-timepicker--hide-clock {
310
+ --input-width: 5rem;
311
+ }
312
+ .eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
313
+ --input-width: 7rem;
314
+ }
315
+ .eds-simple-timepicker--show-seconds {
316
+ --input-width: 8.5rem;
317
+ }
318
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
319
+ --input-width: 6.5rem;
320
+ }
321
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
322
+ --input-width: 8.5rem;
323
+ }
324
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--has-tooltip {
325
+ --input-width: 10.5rem;
326
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "11.0.2",
3
+ "version": "11.0.3",
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.98",
31
- "@entur/button": "^3.3.6",
32
- "@entur/form": "^8.2.6",
33
- "@entur/icons": "^7.10.0",
34
- "@entur/modal": "^1.7.66",
31
+ "@entur/button": "^3.3.7",
32
+ "@entur/form": "^8.2.7",
33
+ "@entur/icons": "^7.11.0",
34
+ "@entur/modal": "^1.7.67",
35
35
  "@entur/tokens": "^3.19.0",
36
- "@entur/tooltip": "^5.2.6",
37
- "@entur/typography": "^1.9.6",
36
+ "@entur/tooltip": "^5.2.7",
37
+ "@entur/typography": "^1.9.7",
38
38
  "@entur/utils": "^0.12.3",
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": "2574ca4c0632d084e2c531ee43e4f066c32c4d89"
54
+ "gitHead": "ccdbbec971e0336510c047873a1e63cc31aa850e"
55
55
  }