@entur/datepicker 10.0.12-beta.0 → 10.0.13

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 +82 -94
  2. package/package.json +11 -11
package/dist/styles.css CHANGED
@@ -10,10 +10,6 @@
10
10
  width: -moz-fit-content;
11
11
  width: fit-content;
12
12
  }
13
- .eds-datefield .eds-form-control-wrapper--disabled[focus-within] {
14
- border-color: transparent;
15
- box-shadow: none;
16
- }
17
13
  .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
18
14
  border-color: transparent;
19
15
  box-shadow: none;
@@ -23,6 +19,62 @@
23
19
  }
24
20
  /* DO NOT CHANGE!*/
25
21
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
22
+ .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
23
+ padding-right: 0rem;
24
+ }
25
+ .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control__append {
26
+ margin-left: auto;
27
+ }
28
+ .eds-datepicker__open-calendar-button {
29
+ margin: 0rem 0.25rem 0rem 0.5rem;
30
+ }
31
+ .eds-datepicker__open-calendar-button.eds-icon-button {
32
+ color: var(--components-datepicker-calendar-icon);
33
+ }
34
+ .eds-datepicker__open-calendar-button.eds-icon-button:hover {
35
+ background-color: var(--components-button-iconbutton-standard-hover);
36
+ }
37
+ .eds-datepicker__open-calendar-button.eds-icon-button:focus {
38
+ outline: 2px solid #181c56;
39
+ outline-color: var(--basecolors-stroke-focus-standard);
40
+ outline-offset: 0.125rem;
41
+ }
42
+ .eds-datepicker__open-calendar-button.eds-icon-button:active {
43
+ background-color: var(--components-button-iconbutton-standard-active);
44
+ }
45
+ .eds-datepicker__calendar-modal.eds-modal__content {
46
+ padding: 0;
47
+ padding: initial;
48
+ width: inherit;
49
+ background-color: transparent;
50
+ background-color: initial;
51
+ }
52
+ /* DO NOT CHANGE!*/
53
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
54
+ .eds-date-and-time-field__segment {
55
+ margin-top: 1rem;
56
+ padding: 0 2px;
57
+ font-feature-settings: "tnum";
58
+ font-variant-numeric: tabular-nums;
59
+ text-align: right;
60
+ }
61
+ .eds-date-and-time-field__segment--placeholder {
62
+ color: var(--components-datepicker-datefield-standard-text-content);
63
+ }
64
+ .eds-date-and-time-field__segment--dot-separator {
65
+ margin-left: -0.1rem;
66
+ margin-right: -0.2rem;
67
+ }
68
+ .eds-date-and-time-field__segment:focus {
69
+ background-color: var(--components-button-iconbutton-standard-active);
70
+ outline: transparent;
71
+ border-radius: 0.0625rem;
72
+ }
73
+ .eds-date-and-time-field__segment[aria-valuemax="9999"] {
74
+ min-width: 4ch;
75
+ }
76
+ /* DO NOT CHANGE!*/
77
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
26
78
  .eds-datepicker__calendar,
27
79
  .eds-contrast .eds-datepicker__calendar {
28
80
  width: -moz-fit-content;
@@ -103,10 +155,6 @@
103
155
  padding: 0;
104
156
  border: 1px solid var(--components-datepicker-calendar-dateborder);
105
157
  }
106
- .eds-datepicker__calendar__grid__cell__td[focus-within],
107
- .eds-contrast .eds-datepicker__calendar__grid__cell__td[focus-within] {
108
- z-index: 2;
109
- }
110
158
  .eds-datepicker__calendar__grid__cell__td:focus-within,
111
159
  .eds-contrast .eds-datepicker__calendar__grid__cell__td:focus-within {
112
160
  z-index: 2;
@@ -167,67 +215,6 @@
167
215
  }
168
216
  /* DO NOT CHANGE!*/
169
217
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
170
- .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
171
- padding-right: 0rem;
172
- }
173
- .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control__append {
174
- margin-left: auto;
175
- }
176
- .eds-datepicker__open-calendar-button {
177
- margin: 0rem 0.25rem 0rem 0.5rem;
178
- }
179
- .eds-datepicker__open-calendar-button.eds-icon-button {
180
- color: var(--components-datepicker-calendar-icon);
181
- }
182
- .eds-datepicker__open-calendar-button.eds-icon-button:hover {
183
- background-color: var(--components-button-iconbutton-standard-hover);
184
- }
185
- .eds-datepicker__open-calendar-button.eds-icon-button:focus {
186
- outline: 2px solid #181c56;
187
- outline-color: var(--basecolors-stroke-focus-standard);
188
- outline-offset: 0.125rem;
189
- }
190
- .eds-datepicker__open-calendar-button.eds-icon-button:active {
191
- background-color: var(--components-button-iconbutton-standard-active);
192
- }
193
- .eds-datepicker__calendar-modal.eds-modal__content {
194
- padding: 0;
195
- padding: initial;
196
- width: inherit;
197
- background-color: transparent;
198
- background-color: initial;
199
- }
200
- /* DO NOT CHANGE!*/
201
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
202
- [dir="ltr"] .eds-date-and-time-field__segment {
203
- text-align: right;
204
- }
205
- [dir="rtl"] .eds-date-and-time-field__segment {
206
- text-align: left;
207
- }
208
- .eds-date-and-time-field__segment {
209
- margin-top: 1rem;
210
- padding: 0 2px;
211
- font-feature-settings: "tnum";
212
- font-variant-numeric: tabular-nums;
213
- }
214
- .eds-date-and-time-field__segment--placeholder {
215
- color: var(--components-datepicker-datefield-standard-text-content);
216
- }
217
- .eds-date-and-time-field__segment--dot-separator {
218
- margin-left: -0.1rem;
219
- margin-right: -0.2rem;
220
- }
221
- .eds-date-and-time-field__segment:focus {
222
- background-color: var(--components-button-iconbutton-standard-active);
223
- outline: transparent;
224
- border-radius: 0.0625rem;
225
- }
226
- .eds-date-and-time-field__segment[aria-valuemax="9999"] {
227
- min-width: 4ch;
228
- }
229
- /* DO NOT CHANGE!*/
230
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
231
218
  .eds-timepicker {
232
219
  width: -moz-fit-content;
233
220
  width: fit-content;
@@ -269,31 +256,6 @@
269
256
  position: relative;
270
257
  top: -0.5rem;
271
258
  }
272
- .eds-simple-timepicker {
273
- width: var(--input-width);
274
- --input-width: 7rem;
275
- }
276
- .eds-simple-timepicker--has-tooltip {
277
- --input-width: 9rem;
278
- }
279
- .eds-simple-timepicker--hide-clock {
280
- --input-width: 5rem;
281
- }
282
- .eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
283
- --input-width: 7rem;
284
- }
285
- .eds-simple-timepicker--show-seconds {
286
- --input-width: 8.5rem;
287
- }
288
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
289
- --input-width: 6.5rem;
290
- }
291
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
292
- --input-width: 8.5rem;
293
- }
294
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--has-tooltip {
295
- --input-width: 10.5rem;
296
- }
297
259
  /* DO NOT CHANGE!*/
298
260
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
299
261
  /* DO NOT CHANGE!*/
@@ -330,3 +292,29 @@
330
292
  :root {
331
293
  --eds-datepicker: 1;
332
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.0.12-beta.0",
3
+ "version": "10.0.13",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/datepicker.esm.js",
@@ -27,15 +27,15 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/a11y": "^0.2.94-beta.0",
31
- "@entur/button": "^3.2.37-beta.0",
32
- "@entur/form": "^8.1.9-beta.0",
33
- "@entur/icons": "^7.5.1-beta.0",
34
- "@entur/modal": "^1.7.58-beta.0",
35
- "@entur/tokens": "^3.17.4-beta.0",
36
- "@entur/tooltip": "^5.1.5-beta.0",
37
- "@entur/typography": "^1.8.50-beta.0",
38
- "@entur/utils": "^0.12.2-beta.0",
30
+ "@entur/a11y": "^0.2.95",
31
+ "@entur/button": "^3.2.38",
32
+ "@entur/form": "^8.1.10",
33
+ "@entur/icons": "^7.6.0",
34
+ "@entur/modal": "^1.7.59",
35
+ "@entur/tokens": "^3.17.5",
36
+ "@entur/tooltip": "^5.1.6",
37
+ "@entur/typography": "^1.8.51",
38
+ "@entur/utils": "^0.12.2",
39
39
  "@floating-ui/react-dom": "^2.1.0",
40
40
  "@internationalized/date": "^3.4.0",
41
41
  "@react-aria/button": "^3.6.4",
@@ -51,5 +51,5 @@
51
51
  "@react-types/datepicker": "^3.9.0",
52
52
  "dts-cli": "2.0.5"
53
53
  },
54
- "gitHead": "b213fa4fd10a1a07abada3fa987b7ee2ed110ac2"
54
+ "gitHead": "1a989376d61ab59a8c554a9cab733039aef8b2eb"
55
55
  }