@entur/datepicker 10.0.12-RC.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 +82 -94
- package/package.json +11 -11
package/dist/styles.css
CHANGED
|
@@ -1,66 +1,5 @@
|
|
|
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 {
|
|
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. */
|
|
35
|
-
[dir="ltr"] .eds-date-and-time-field__segment {
|
|
36
|
-
text-align: right;
|
|
37
|
-
}
|
|
38
|
-
[dir="rtl"] .eds-date-and-time-field__segment {
|
|
39
|
-
text-align: left;
|
|
40
|
-
}
|
|
41
|
-
.eds-date-and-time-field__segment {
|
|
42
|
-
margin-top: 1rem;
|
|
43
|
-
padding: 0 2px;
|
|
44
|
-
font-feature-settings: "tnum";
|
|
45
|
-
font-variant-numeric: tabular-nums;
|
|
46
|
-
}
|
|
47
|
-
.eds-date-and-time-field__segment--placeholder {
|
|
48
|
-
color: var(--components-datepicker-datefield-standard-text-content);
|
|
49
|
-
}
|
|
50
|
-
.eds-date-and-time-field__segment--dot-separator {
|
|
51
|
-
margin-left: -0.1rem;
|
|
52
|
-
margin-right: -0.2rem;
|
|
53
|
-
}
|
|
54
|
-
.eds-date-and-time-field__segment:focus {
|
|
55
|
-
background-color: var(--components-button-iconbutton-standard-active);
|
|
56
|
-
outline: transparent;
|
|
57
|
-
border-radius: 0.0625rem;
|
|
58
|
-
}
|
|
59
|
-
.eds-date-and-time-field__segment[aria-valuemax="9999"] {
|
|
60
|
-
min-width: 4ch;
|
|
61
|
-
}
|
|
62
|
-
/* DO NOT CHANGE!*/
|
|
63
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
64
3
|
.eds-datepicker__calendar,
|
|
65
4
|
.eds-contrast .eds-datepicker__calendar {
|
|
66
5
|
width: -moz-fit-content;
|
|
@@ -141,10 +80,6 @@
|
|
|
141
80
|
padding: 0;
|
|
142
81
|
border: 1px solid var(--components-datepicker-calendar-dateborder);
|
|
143
82
|
}
|
|
144
|
-
.eds-datepicker__calendar__grid__cell__td[focus-within],
|
|
145
|
-
.eds-contrast .eds-datepicker__calendar__grid__cell__td[focus-within] {
|
|
146
|
-
z-index: 2;
|
|
147
|
-
}
|
|
148
83
|
.eds-datepicker__calendar__grid__cell__td:focus-within,
|
|
149
84
|
.eds-contrast .eds-datepicker__calendar__grid__cell__td:focus-within {
|
|
150
85
|
z-index: 2;
|
|
@@ -205,6 +140,30 @@
|
|
|
205
140
|
}
|
|
206
141
|
/* DO NOT CHANGE!*/
|
|
207
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. */
|
|
208
167
|
.eds-datefield {
|
|
209
168
|
width: -moz-fit-content;
|
|
210
169
|
width: fit-content;
|
|
@@ -215,10 +174,6 @@
|
|
|
215
174
|
width: -moz-fit-content;
|
|
216
175
|
width: fit-content;
|
|
217
176
|
}
|
|
218
|
-
.eds-datefield .eds-form-control-wrapper--disabled[focus-within] {
|
|
219
|
-
border-color: transparent;
|
|
220
|
-
box-shadow: none;
|
|
221
|
-
}
|
|
222
177
|
.eds-datefield .eds-form-control-wrapper--disabled:focus-within {
|
|
223
178
|
border-color: transparent;
|
|
224
179
|
box-shadow: none;
|
|
@@ -228,6 +183,38 @@
|
|
|
228
183
|
}
|
|
229
184
|
/* DO NOT CHANGE!*/
|
|
230
185
|
/* 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);
|
|
197
|
+
}
|
|
198
|
+
.eds-datepicker__open-calendar-button.eds-icon-button:hover {
|
|
199
|
+
background-color: var(--components-button-iconbutton-standard-hover);
|
|
200
|
+
}
|
|
201
|
+
.eds-datepicker__open-calendar-button.eds-icon-button:focus {
|
|
202
|
+
outline: 2px solid #181c56;
|
|
203
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
204
|
+
outline-offset: 0.125rem;
|
|
205
|
+
}
|
|
206
|
+
.eds-datepicker__open-calendar-button.eds-icon-button:active {
|
|
207
|
+
background-color: var(--components-button-iconbutton-standard-active);
|
|
208
|
+
}
|
|
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;
|
|
215
|
+
}
|
|
216
|
+
/* DO NOT CHANGE!*/
|
|
217
|
+
/* 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
|
}
|