@entur/datepicker 9.1.1 → 9.1.3-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.
- package/dist/styles.css +59 -53
- package/package.json +9 -9
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,50 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
+
[dir="ltr"] .eds-date-and-time-field__segment {
|
|
4
|
+
text-align: right;
|
|
5
|
+
}
|
|
6
|
+
[dir="rtl"] .eds-date-and-time-field__segment {
|
|
7
|
+
text-align: left;
|
|
8
|
+
}
|
|
9
|
+
.eds-date-and-time-field__segment {
|
|
10
|
+
margin-top: 1rem;
|
|
11
|
+
padding: 0 2px;
|
|
12
|
+
font-feature-settings: "tnum";
|
|
13
|
+
font-variant-numeric: tabular-nums;
|
|
14
|
+
}
|
|
15
|
+
.eds-date-and-time-field__segment--placeholder {
|
|
16
|
+
color: #646464;
|
|
17
|
+
}
|
|
18
|
+
.eds-date-and-time-field__segment--dot-separator {
|
|
19
|
+
margin-left: -0.1rem;
|
|
20
|
+
margin-right: -0.2rem;
|
|
21
|
+
}
|
|
22
|
+
.eds-date-and-time-field__segment:focus {
|
|
23
|
+
background-color: #656782;
|
|
24
|
+
color: #ffffff;
|
|
25
|
+
outline: transparent;
|
|
26
|
+
border-radius: 0.0625rem;
|
|
27
|
+
}
|
|
28
|
+
.eds-datefield div:first-of-type.eds-date-and-time-field__segment {
|
|
29
|
+
margin-left: 1rem;
|
|
30
|
+
}
|
|
31
|
+
.eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
|
|
32
|
+
border-color: transparent;
|
|
33
|
+
box-shadow: none;
|
|
34
|
+
}
|
|
35
|
+
.eds-datefield.eds-form-control-wrapper--disabled:focus-within {
|
|
36
|
+
border-color: transparent;
|
|
37
|
+
box-shadow: none;
|
|
38
|
+
}
|
|
39
|
+
.eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
|
|
40
|
+
background: none;
|
|
41
|
+
}
|
|
42
|
+
.eds-datefield .eds-form-control__append--tooltip {
|
|
43
|
+
margin-top: 0.75rem;
|
|
44
|
+
margin-right: -0.25rem;
|
|
45
|
+
}
|
|
46
|
+
/* DO NOT CHANGE!*/
|
|
47
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
48
|
.eds-datepicker__calendar,
|
|
4
49
|
.eds-contrast .eds-datepicker__calendar {
|
|
5
50
|
width: -moz-fit-content;
|
|
@@ -29,7 +74,7 @@
|
|
|
29
74
|
}
|
|
30
75
|
.eds-datepicker__calendar__header .eds-icon-button:focus,
|
|
31
76
|
.eds-contrast .eds-datepicker__calendar__header .eds-icon-button:focus {
|
|
32
|
-
|
|
77
|
+
outline: 2px solid #181c56;
|
|
33
78
|
}
|
|
34
79
|
.eds-datepicker__calendar__header .eds-icon-button:active,
|
|
35
80
|
.eds-contrast .eds-datepicker__calendar__header .eds-icon-button:active {
|
|
@@ -147,7 +192,7 @@
|
|
|
147
192
|
color: #ffffff;
|
|
148
193
|
}
|
|
149
194
|
.eds-datepicker__open-calendar-button.eds-icon-button:focus {
|
|
150
|
-
|
|
195
|
+
outline: 2px solid #181c56;
|
|
151
196
|
}
|
|
152
197
|
.eds-datepicker__open-calendar-button.eds-icon-button:active {
|
|
153
198
|
background-color: #8285a8;
|
|
@@ -168,50 +213,9 @@
|
|
|
168
213
|
background-color: transparent;
|
|
169
214
|
background-color: initial;
|
|
170
215
|
}
|
|
171
|
-
.eds-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
.eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
|
|
175
|
-
border-color: transparent;
|
|
176
|
-
box-shadow: none;
|
|
177
|
-
}
|
|
178
|
-
.eds-datefield.eds-form-control-wrapper--disabled:focus-within {
|
|
179
|
-
border-color: transparent;
|
|
180
|
-
box-shadow: none;
|
|
181
|
-
}
|
|
182
|
-
.eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
|
|
183
|
-
background: none;
|
|
184
|
-
}
|
|
185
|
-
.eds-datefield .eds-form-control__append--tooltip {
|
|
186
|
-
margin-top: 0.75rem;
|
|
187
|
-
margin-right: -0.25rem;
|
|
188
|
-
}
|
|
189
|
-
/* DO NOT CHANGE!*/
|
|
190
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
191
|
-
[dir="ltr"] .eds-date-and-time-field__segment {
|
|
192
|
-
text-align: right;
|
|
193
|
-
}
|
|
194
|
-
[dir="rtl"] .eds-date-and-time-field__segment {
|
|
195
|
-
text-align: left;
|
|
196
|
-
}
|
|
197
|
-
.eds-date-and-time-field__segment {
|
|
198
|
-
margin-top: 1rem;
|
|
199
|
-
padding: 0 2px;
|
|
200
|
-
font-feature-settings: "tnum";
|
|
201
|
-
font-variant-numeric: tabular-nums;
|
|
202
|
-
}
|
|
203
|
-
.eds-date-and-time-field__segment--placeholder {
|
|
204
|
-
color: #646464;
|
|
205
|
-
}
|
|
206
|
-
.eds-date-and-time-field__segment--dot-separator {
|
|
207
|
-
margin-left: -0.1rem;
|
|
208
|
-
margin-right: -0.2rem;
|
|
209
|
-
}
|
|
210
|
-
.eds-date-and-time-field__segment:focus {
|
|
211
|
-
background-color: #656782;
|
|
212
|
-
color: #ffffff;
|
|
213
|
-
outline: transparent;
|
|
214
|
-
border-radius: 0.0625rem;
|
|
216
|
+
.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
|
|
217
|
+
position: relative;
|
|
218
|
+
top: -0.5rem;
|
|
215
219
|
}
|
|
216
220
|
/* DO NOT CHANGE!*/
|
|
217
221
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -252,6 +256,12 @@
|
|
|
252
256
|
.eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
|
|
253
257
|
background-color: #d1d4e3;
|
|
254
258
|
}
|
|
259
|
+
.eds-timepicker__wrapper .eds-timepicker__arrowbutton:focus {
|
|
260
|
+
outline: 2px solid #181c56;
|
|
261
|
+
}
|
|
262
|
+
.eds-timepicker__wrapper .eds-timepicker__arrowbutton:active {
|
|
263
|
+
background-color: #8285a8;
|
|
264
|
+
}
|
|
255
265
|
.eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
|
|
256
266
|
margin-top: 0.75rem;
|
|
257
267
|
margin-right: -0.25rem;
|
|
@@ -263,13 +273,6 @@
|
|
|
263
273
|
position: absolute;
|
|
264
274
|
top: 3.5rem;
|
|
265
275
|
}
|
|
266
|
-
.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
|
|
267
|
-
position: relative;
|
|
268
|
-
top: -0.5rem;
|
|
269
|
-
}
|
|
270
|
-
:root {
|
|
271
|
-
--eds-datepicker: 1;
|
|
272
|
-
}
|
|
273
276
|
.eds-simple-timepicker {
|
|
274
277
|
--input-width: 7rem;
|
|
275
278
|
width: var(--input-width);
|
|
@@ -287,3 +290,6 @@
|
|
|
287
290
|
margin-top: -0.2rem;
|
|
288
291
|
margin-left: -0.5rem;
|
|
289
292
|
}
|
|
293
|
+
:root {
|
|
294
|
+
--eds-datepicker: 1;
|
|
295
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/datepicker",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.3-beta.0",
|
|
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.
|
|
31
|
-
"@entur/button": "^3.2.
|
|
32
|
-
"@entur/form": "^7.0.
|
|
30
|
+
"@entur/a11y": "^0.2.75-beta.0",
|
|
31
|
+
"@entur/button": "^3.2.7-beta.0",
|
|
32
|
+
"@entur/form": "^7.0.34-beta.0",
|
|
33
33
|
"@entur/icons": "^6.13.2",
|
|
34
|
-
"@entur/modal": "^1.7.
|
|
34
|
+
"@entur/modal": "^1.7.27-beta.0",
|
|
35
35
|
"@entur/tokens": "^3.12.0",
|
|
36
|
-
"@entur/tooltip": "^2.6.
|
|
37
|
-
"@entur/typography": "^1.8.
|
|
38
|
-
"@entur/utils": "^0.
|
|
36
|
+
"@entur/tooltip": "^2.6.43-beta.0",
|
|
37
|
+
"@entur/typography": "^1.8.21-beta.0",
|
|
38
|
+
"@entur/utils": "^1.0.0-beta.0",
|
|
39
39
|
"@floating-ui/react-dom": "^1.0.0",
|
|
40
40
|
"@internationalized/date": "^3.4.0",
|
|
41
41
|
"@react-aria/button": "^3.6.4",
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"classnames": "^2.3.1",
|
|
49
49
|
"react-focus-lock": "^2.9.1"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "4e2a54a5b8402cf439cd91487f569e775bf53691"
|
|
52
52
|
}
|