@entur/datepicker 10.0.12-beta.0 → 10.0.12
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.
- package/dist/styles.css +69 -81
- package/package.json +11 -11
package/dist/styles.css
CHANGED
|
@@ -1,28 +1,5 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
-
.eds-datefield {
|
|
4
|
-
width: -moz-fit-content;
|
|
5
|
-
width: fit-content;
|
|
6
|
-
}
|
|
7
|
-
.eds-datefield .eds-form-control-wrapper {
|
|
8
|
-
padding-left: 1rem;
|
|
9
|
-
padding-right: 1rem;
|
|
10
|
-
width: -moz-fit-content;
|
|
11
|
-
width: fit-content;
|
|
12
|
-
}
|
|
13
|
-
.eds-datefield .eds-form-control-wrapper--disabled[focus-within] {
|
|
14
|
-
border-color: transparent;
|
|
15
|
-
box-shadow: none;
|
|
16
|
-
}
|
|
17
|
-
.eds-datefield .eds-form-control-wrapper--disabled:focus-within {
|
|
18
|
-
border-color: transparent;
|
|
19
|
-
box-shadow: none;
|
|
20
|
-
}
|
|
21
|
-
.eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
|
|
22
|
-
background: none;
|
|
23
|
-
}
|
|
24
|
-
/* DO NOT CHANGE!*/
|
|
25
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
26
3
|
.eds-datepicker__calendar,
|
|
27
4
|
.eds-contrast .eds-datepicker__calendar {
|
|
28
5
|
width: -moz-fit-content;
|
|
@@ -103,10 +80,6 @@
|
|
|
103
80
|
padding: 0;
|
|
104
81
|
border: 1px solid var(--components-datepicker-calendar-dateborder);
|
|
105
82
|
}
|
|
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
83
|
.eds-datepicker__calendar__grid__cell__td:focus-within,
|
|
111
84
|
.eds-contrast .eds-datepicker__calendar__grid__cell__td:focus-within {
|
|
112
85
|
z-index: 2;
|
|
@@ -167,6 +140,49 @@
|
|
|
167
140
|
}
|
|
168
141
|
/* DO NOT CHANGE!*/
|
|
169
142
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
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;
|
|
149
|
+
}
|
|
150
|
+
.eds-date-and-time-field__segment--placeholder {
|
|
151
|
+
color: var(--components-datepicker-datefield-standard-text-content);
|
|
152
|
+
}
|
|
153
|
+
.eds-date-and-time-field__segment--dot-separator {
|
|
154
|
+
margin-left: -0.1rem;
|
|
155
|
+
margin-right: -0.2rem;
|
|
156
|
+
}
|
|
157
|
+
.eds-date-and-time-field__segment:focus {
|
|
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;
|
|
164
|
+
}
|
|
165
|
+
/* DO NOT CHANGE!*/
|
|
166
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
167
|
+
.eds-datefield {
|
|
168
|
+
width: -moz-fit-content;
|
|
169
|
+
width: fit-content;
|
|
170
|
+
}
|
|
171
|
+
.eds-datefield .eds-form-control-wrapper {
|
|
172
|
+
padding-left: 1rem;
|
|
173
|
+
padding-right: 1rem;
|
|
174
|
+
width: -moz-fit-content;
|
|
175
|
+
width: fit-content;
|
|
176
|
+
}
|
|
177
|
+
.eds-datefield .eds-form-control-wrapper--disabled:focus-within {
|
|
178
|
+
border-color: transparent;
|
|
179
|
+
box-shadow: none;
|
|
180
|
+
}
|
|
181
|
+
.eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
|
|
182
|
+
background: none;
|
|
183
|
+
}
|
|
184
|
+
/* DO NOT CHANGE!*/
|
|
185
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
170
186
|
.eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
|
|
171
187
|
padding-right: 0rem;
|
|
172
188
|
}
|
|
@@ -199,35 +215,6 @@
|
|
|
199
215
|
}
|
|
200
216
|
/* DO NOT CHANGE!*/
|
|
201
217
|
/* 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
|
|
3
|
+
"version": "10.0.12",
|
|
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
|
|
31
|
-
"@entur/button": "^3.2.37
|
|
32
|
-
"@entur/form": "^8.1.9
|
|
33
|
-
"@entur/icons": "^7.5.1
|
|
34
|
-
"@entur/modal": "^1.7.58
|
|
35
|
-
"@entur/tokens": "^3.17.4
|
|
36
|
-
"@entur/tooltip": "^5.1.5
|
|
37
|
-
"@entur/typography": "^1.8.50
|
|
38
|
-
"@entur/utils": "^0.12.2
|
|
30
|
+
"@entur/a11y": "^0.2.94",
|
|
31
|
+
"@entur/button": "^3.2.37",
|
|
32
|
+
"@entur/form": "^8.1.9",
|
|
33
|
+
"@entur/icons": "^7.5.1",
|
|
34
|
+
"@entur/modal": "^1.7.58",
|
|
35
|
+
"@entur/tokens": "^3.17.4",
|
|
36
|
+
"@entur/tooltip": "^5.1.5",
|
|
37
|
+
"@entur/typography": "^1.8.50",
|
|
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": "
|
|
54
|
+
"gitHead": "835e1335b390f48b80379ae6c473ac89041a392a"
|
|
55
55
|
}
|