@entur/datepicker 11.2.1-beta.6 → 11.2.1-beta.7

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 +71 -71
  2. package/package.json +7 -7
package/dist/styles.css CHANGED
@@ -1,5 +1,26 @@
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
+ display: block;
7
+ }
8
+ .eds-datefield .eds-form-control-wrapper {
9
+ display: inline-flex;
10
+ padding-left: 1rem;
11
+ padding-right: 1rem;
12
+ width: -moz-fit-content;
13
+ width: fit-content;
14
+ }
15
+ .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
16
+ border-color: transparent;
17
+ box-shadow: none;
18
+ }
19
+ .eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
20
+ background: none;
21
+ }
22
+ /* DO NOT CHANGE!*/
23
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
24
  .eds-datepicker__calendar,
4
25
  .eds-contrast .eds-datepicker__calendar {
5
26
  width: -moz-fit-content;
@@ -140,51 +161,6 @@
140
161
  }
141
162
  /* DO NOT CHANGE!*/
142
163
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
143
- .eds-datefield {
144
- width: -moz-fit-content;
145
- width: fit-content;
146
- display: block;
147
- }
148
- .eds-datefield .eds-form-control-wrapper {
149
- display: inline-flex;
150
- padding-left: 1rem;
151
- padding-right: 1rem;
152
- width: -moz-fit-content;
153
- width: fit-content;
154
- }
155
- .eds-datefield .eds-form-control-wrapper--disabled:focus-within {
156
- border-color: transparent;
157
- box-shadow: none;
158
- }
159
- .eds-datefield .eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
160
- background: none;
161
- }
162
- /* DO NOT CHANGE!*/
163
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
164
- .eds-date-and-time-field__segment {
165
- margin-top: 1rem;
166
- padding: 0 2px;
167
- font-feature-settings: "tnum";
168
- font-variant-numeric: tabular-nums;
169
- text-align: right;
170
- }
171
- .eds-date-and-time-field__segment--placeholder {
172
- color: var(--components-datepicker-datefield-standard-text-content);
173
- }
174
- .eds-date-and-time-field__segment--dot-separator {
175
- margin-left: -0.1rem;
176
- margin-right: -0.2rem;
177
- }
178
- .eds-date-and-time-field__segment:focus-visible {
179
- background-color: var(--components-button-iconbutton-standard-active);
180
- outline: transparent;
181
- border-radius: 0.0625rem;
182
- }
183
- .eds-date-and-time-field__segment[aria-valuemax="9999"] {
184
- min-width: 4ch;
185
- }
186
- /* DO NOT CHANGE!*/
187
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
188
164
  .eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
189
165
  padding-right: 0rem;
190
166
  }
@@ -217,6 +193,30 @@
217
193
  }
218
194
  /* DO NOT CHANGE!*/
219
195
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
196
+ .eds-date-and-time-field__segment {
197
+ margin-top: 1rem;
198
+ padding: 0 2px;
199
+ font-feature-settings: "tnum";
200
+ font-variant-numeric: tabular-nums;
201
+ text-align: right;
202
+ }
203
+ .eds-date-and-time-field__segment--placeholder {
204
+ color: var(--components-datepicker-datefield-standard-text-content);
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-visible {
211
+ background-color: var(--components-button-iconbutton-standard-active);
212
+ outline: transparent;
213
+ border-radius: 0.0625rem;
214
+ }
215
+ .eds-date-and-time-field__segment[aria-valuemax="9999"] {
216
+ min-width: 4ch;
217
+ }
218
+ /* DO NOT CHANGE!*/
219
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
220
220
  .eds-timepicker {
221
221
  width: -moz-fit-content;
222
222
  width: fit-content;
@@ -266,32 +266,6 @@
266
266
  position: relative;
267
267
  top: -0.5rem;
268
268
  }
269
- .eds-simple-timepicker {
270
- width: 7rem;
271
- width: var(--input-width);
272
- --input-width: 7rem;
273
- }
274
- .eds-simple-timepicker--has-tooltip {
275
- --input-width: 9rem;
276
- }
277
- .eds-simple-timepicker--hide-clock {
278
- --input-width: 5rem;
279
- }
280
- .eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
281
- --input-width: 7rem;
282
- }
283
- .eds-simple-timepicker--show-seconds {
284
- --input-width: 8.5rem;
285
- }
286
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
287
- --input-width: 6.5rem;
288
- }
289
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
290
- --input-width: 8.5rem;
291
- }
292
- .eds-simple-timepicker--show-seconds.eds-simple-timepicker--has-tooltip {
293
- --input-width: 10.5rem;
294
- }
295
269
  /* DO NOT CHANGE!*/
296
270
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
297
271
  /* DO NOT CHANGE!*/
@@ -328,3 +302,29 @@
328
302
  :root {
329
303
  --eds-datepicker: 1;
330
304
  }
305
+ .eds-simple-timepicker {
306
+ width: 7rem;
307
+ width: var(--input-width);
308
+ --input-width: 7rem;
309
+ }
310
+ .eds-simple-timepicker--has-tooltip {
311
+ --input-width: 9rem;
312
+ }
313
+ .eds-simple-timepicker--hide-clock {
314
+ --input-width: 5rem;
315
+ }
316
+ .eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
317
+ --input-width: 7rem;
318
+ }
319
+ .eds-simple-timepicker--show-seconds {
320
+ --input-width: 8.5rem;
321
+ }
322
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
323
+ --input-width: 6.5rem;
324
+ }
325
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock.eds-simple-timepicker--has-tooltip {
326
+ --input-width: 8.5rem;
327
+ }
328
+ .eds-simple-timepicker--show-seconds.eds-simple-timepicker--has-tooltip {
329
+ --input-width: 10.5rem;
330
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "11.2.1-beta.6",
3
+ "version": "11.2.1-beta.7",
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.99",
31
- "@entur/button": "^3.3.13-beta.6",
32
- "@entur/form": "^8.3.2-beta.6",
31
+ "@entur/button": "^3.3.13-beta.7",
32
+ "@entur/form": "^8.3.2-beta.7",
33
33
  "@entur/icons": "^8.0.0",
34
- "@entur/modal": "^1.7.73-beta.6",
34
+ "@entur/modal": "^1.7.73-beta.7",
35
35
  "@entur/tokens": "^3.19.1",
36
- "@entur/tooltip": "^5.2.13-beta.6",
37
- "@entur/typography": "^1.10.0-beta.6",
36
+ "@entur/tooltip": "^5.2.13-beta.7",
37
+ "@entur/typography": "^1.10.0-beta.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": "42c5a2e7657f2b5ca17328fcf55873b19e23f94a"
54
+ "gitHead": "26b5f016229bb0115d5f31ce51e15eafd015a870"
55
55
  }