@entur/datepicker 9.3.3 → 9.3.4

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 (8) hide show
  1. package/dist/datepicker.cjs.development.js +7 -4
  2. package/dist/datepicker.cjs.development.js.map +1 -1
  3. package/dist/datepicker.cjs.production.min.js +1 -1
  4. package/dist/datepicker.cjs.production.min.js.map +1 -1
  5. package/dist/datepicker.esm.js +7 -4
  6. package/dist/datepicker.esm.js.map +1 -1
  7. package/dist/styles.css +106 -235
  8. package/package.json +11 -11
package/dist/styles.css CHANGED
@@ -1,75 +1,5 @@
1
1
  /* DO NOT CHANGE!*/
2
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- .eds-datepicker {
4
- position: relative;
5
- width: -moz-fit-content;
6
- width: fit-content;
7
- height: -moz-fit-content;
8
- height: fit-content;
9
- }
10
- .eds-datepicker__open-calendar-button {
11
- position: absolute;
12
- right: 0.5rem;
13
- top: 0.45rem;
14
- }
15
- .eds-datepicker__open-calendar-button.eds-icon-button {
16
- color: var(--components-datepicker-calendar-icon);
17
- }
18
- .eds-datepicker__open-calendar-button.eds-icon-button:hover {
19
- background-color: var(--components-button-iconbutton-standard-hover);
20
- }
21
- .eds-datepicker__open-calendar-button.eds-icon-button:focus {
22
- outline: 2px solid #181c56;
23
- outline-color: var(--basecolors-stroke-focus-standard);
24
- outline-offset: 0.125rem;
25
- }
26
- .eds-datepicker__open-calendar-button.eds-icon-button:active {
27
- background-color: var(--components-button-iconbutton-standard-active);
28
- }
29
- .eds-datepicker__datefield {
30
- padding-right: 4rem;
31
- }
32
- .eds-datepicker__datefield--disabled {
33
- padding-right: 1rem;
34
- }
35
- .eds-datepicker__datefield__wrapper {
36
- position: relative;
37
- }
38
- .eds-datepicker__calendar-modal.eds-modal__content {
39
- padding: 0;
40
- padding: initial;
41
- width: inherit;
42
- background-color: transparent;
43
- background-color: initial;
44
- }
45
- /* DO NOT CHANGE!*/
46
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
47
- [dir="ltr"] .eds-date-and-time-field__segment {
48
- text-align: right;
49
- }
50
- [dir="rtl"] .eds-date-and-time-field__segment {
51
- text-align: left;
52
- }
53
- .eds-date-and-time-field__segment {
54
- margin-top: 1rem;
55
- padding: 0 2px;
56
- font-feature-settings: "tnum";
57
- font-variant-numeric: tabular-nums;
58
- }
59
- .eds-date-and-time-field__segment--placeholder {
60
- color: var(--components-datepicker-datefield-standard-text-content);
61
- }
62
- .eds-date-and-time-field__segment--dot-separator {
63
- margin-left: -0.1rem;
64
- margin-right: -0.2rem;
65
- }
66
- .eds-date-and-time-field__segment:focus {
67
- background-color: var(--components-button-iconbutton-standard-active);
68
- outline: transparent;
69
- border-radius: 0.0625rem;
70
- }
71
- /* DO NOT CHANGE!*/
72
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
73
3
  .eds-datepicker__calendar,
74
4
  .eds-contrast .eds-datepicker__calendar {
75
5
  width: -moz-fit-content;
@@ -232,6 +162,76 @@
232
162
  }
233
163
  /* DO NOT CHANGE!*/
234
164
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
165
+ [dir="ltr"] .eds-date-and-time-field__segment {
166
+ text-align: right;
167
+ }
168
+ [dir="rtl"] .eds-date-and-time-field__segment {
169
+ text-align: left;
170
+ }
171
+ .eds-date-and-time-field__segment {
172
+ margin-top: 1rem;
173
+ padding: 0 2px;
174
+ font-feature-settings: "tnum";
175
+ font-variant-numeric: tabular-nums;
176
+ }
177
+ .eds-date-and-time-field__segment--placeholder {
178
+ color: var(--components-datepicker-datefield-standard-text-content);
179
+ }
180
+ .eds-date-and-time-field__segment--dot-separator {
181
+ margin-left: -0.1rem;
182
+ margin-right: -0.2rem;
183
+ }
184
+ .eds-date-and-time-field__segment:focus {
185
+ background-color: var(--components-button-iconbutton-standard-active);
186
+ outline: transparent;
187
+ border-radius: 0.0625rem;
188
+ }
189
+ /* DO NOT CHANGE!*/
190
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
191
+ .eds-datepicker {
192
+ position: relative;
193
+ width: -moz-fit-content;
194
+ width: fit-content;
195
+ height: -moz-fit-content;
196
+ height: fit-content;
197
+ }
198
+ .eds-datepicker__open-calendar-button {
199
+ position: absolute;
200
+ right: 0.5rem;
201
+ top: 0.45rem;
202
+ }
203
+ .eds-datepicker__open-calendar-button.eds-icon-button {
204
+ color: var(--components-datepicker-calendar-icon);
205
+ }
206
+ .eds-datepicker__open-calendar-button.eds-icon-button:hover {
207
+ background-color: var(--components-button-iconbutton-standard-hover);
208
+ }
209
+ .eds-datepicker__open-calendar-button.eds-icon-button:focus {
210
+ outline: 2px solid #181c56;
211
+ outline-color: var(--basecolors-stroke-focus-standard);
212
+ outline-offset: 0.125rem;
213
+ }
214
+ .eds-datepicker__open-calendar-button.eds-icon-button:active {
215
+ background-color: var(--components-button-iconbutton-standard-active);
216
+ }
217
+ .eds-datepicker__datefield {
218
+ padding-right: 4rem;
219
+ }
220
+ .eds-datepicker__datefield--disabled {
221
+ padding-right: 1rem;
222
+ }
223
+ .eds-datepicker__datefield__wrapper {
224
+ position: relative;
225
+ }
226
+ .eds-datepicker__calendar-modal.eds-modal__content {
227
+ padding: 0;
228
+ padding: initial;
229
+ width: inherit;
230
+ background-color: transparent;
231
+ background-color: initial;
232
+ }
233
+ /* DO NOT CHANGE!*/
234
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
235
235
  .eds-timepicker__wrapper {
236
236
  width: -moz-fit-content;
237
237
  width: fit-content;
@@ -291,6 +291,42 @@
291
291
  position: relative;
292
292
  top: -0.5rem;
293
293
  }
294
+ /* DO NOT CHANGE!*/
295
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
296
+ /* DO NOT CHANGE!*/
297
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
298
+ /* DO NOT CHANGE!*/
299
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
300
+ [data-color-mode=light],
301
+ :root {
302
+ --components-datepicker-calendar-background: #ffffff;
303
+ --components-datepicker-calendar-border: #e3e6e8;
304
+ --components-datepicker-calendar-dateborder: #e3e6e8;
305
+ --components-datepicker-calendar-datefill-hover: #d9ddf2;
306
+ --components-datepicker-calendar-datefill-selected: #aeb7e2;
307
+ --components-datepicker-calendar-icon: #181c56;
308
+ --components-datepicker-calendar-stroke-today: #ff5959;
309
+ --components-datepicker-calendar-text-accent: #181c56;
310
+ --components-datepicker-calendar-text-disabled: #b6b8ba;
311
+ --components-datepicker-calendar-text-subdued: #626493;
312
+ }
313
+
314
+ [data-color-mode=dark] {
315
+ --components-datepicker-calendar-background: #393a49;
316
+ --components-datepicker-calendar-border: rgba(255, 255, 255, 0);
317
+ --components-datepicker-calendar-dateborder: #81828f;
318
+ --components-datepicker-calendar-datefill-hover: rgba(229, 229, 233, 0.3490196078);
319
+ --components-datepicker-calendar-datefill-selected: rgba(229, 229, 233, 0.1490196078);
320
+ --components-datepicker-calendar-icon: #e5e5e9;
321
+ --components-datepicker-calendar-stroke-today: #ff9494;
322
+ --components-datepicker-calendar-text-accent: #e5e5e9;
323
+ --components-datepicker-calendar-text-disabled: #6e6f73;
324
+ --components-datepicker-calendar-text-subdued: #b3b4bd;
325
+ }
326
+
327
+ :root {
328
+ --eds-datepicker: 1;
329
+ }
294
330
  .eds-simple-timepicker {
295
331
  --input-width: 7rem;
296
332
  width: var(--input-width);
@@ -308,168 +344,3 @@
308
344
  margin-top: -0.2rem;
309
345
  margin-left: -0.5rem;
310
346
  }
311
- @import "~@entur/tokens/dist/primitive.css";
312
- /* DO NOT CHANGE!*/
313
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
314
- :root {
315
- --fill-background-contrast-dark: var(--ebony-90);
316
- --fill-background-contrast-light: var(--lavender-90);
317
- --fill-background-contrast-lightalt: var(--blue-90);
318
- --fill-background-contrast-lightalt-2: var(--blue-100);
319
- --fill-background-overlay-solid: var(--ebony-80);
320
- --fill-background-overlay-solidalt: var(--ebony-75);
321
- --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
322
- --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
323
- --fill-background-standard-colorless: var(--white-alpha-0);
324
- --fill-background-standard-dark: var(--ebony-100);
325
- --fill-background-standard-light: var(--white-alpha-100);
326
- --fill-background-subdued-dark: var(--ebony-85);
327
- --fill-background-subdued-light: var(--blue-30);
328
- --fill-background-tint-dark: var(--ebony-95);
329
- --fill-background-tint-light: var(--blue-10);
330
- --fill-background-tint-neutral: var(--grey-10);
331
- --fill-background-tint-transparent: var(--transparent-blue-alpha10);
332
- --fill-boolean-false-contrast: var(--blue-50);
333
- --fill-boolean-false-dark: var(--transparent-ebony-alpha35);
334
- --fill-boolean-false-light: var(--grey-60);
335
- --fill-boolean-true-contrast: var(--mint-40);
336
- --fill-boolean-true-dark: var(--mint-40);
337
- --fill-boolean-true-light: var(--mint-60);
338
- --fill-disabled-light: var(--grey-40);
339
- --fill-disabled-transparent: var(--transparent-neutral-alpha15);
340
- --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
341
- --fill-information-contrast: var(--sky-30);
342
- --fill-information-deep: var(--sky-50);
343
- --fill-information-muted: var(--sky-10);
344
- --fill-information-tint: var(--sky-20);
345
- --fill-negative-contrast: var(--coral-40);
346
- --fill-negative-dark: var(--coral-90);
347
- --fill-negative-deep: var(--coral-60);
348
- --fill-negative-muted: var(--coral-20);
349
- --fill-negative-tint: var(--coral-30);
350
- --fill-negative-transparent: var(--transparent-coral-alpha20);
351
- --fill-primary-active-contrast: var(--lavender-50);
352
- --fill-primary-active-light: var(--lavender-100);
353
- --fill-primary-default-contrast: var(--lavender-40);
354
- --fill-primary-default-light: var(--lavender-90);
355
- --fill-primary-hover-contrast: var(--lavender-30);
356
- --fill-primary-hover-light: var(--blue-90);
357
- --fill-secondary-active-contrast: var(--lavender-50);
358
- --fill-secondary-active-light: var(--lavender-40);
359
- --fill-secondary-default-colorless: var(--white-alpha-0);
360
- --fill-secondary-hover-contrast: var(--blue-70);
361
- --fill-secondary-hover-light: var(--lavender-20);
362
- --fill-selected-default-contrast: var(--blue-90);
363
- --fill-selected-default-dark: var(--ebony-10);
364
- --fill-selected-default-darkalt: var(--ebony-50);
365
- --fill-selected-default-light: var(--blue-10);
366
- --fill-selected-default-neutral: var(--grey-30);
367
- --fill-selected-hover-contrast: var(--blue-80);
368
- --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
369
- --fill-selected-hover-light: var(--blue-20);
370
- --fill-selected-hover-neutral: var(--grey-20);
371
- --fill-success-contrast: var(--mint-40);
372
- --fill-success-deep: var(--mint-60);
373
- --fill-success-muted: var(--mint-20);
374
- --fill-success-subdued: var(--mint-50);
375
- --fill-success-tint: var(--mint-30);
376
- --fill-warning-contrast: var(--canary-40);
377
- --fill-warning-deep: var(--canary-60);
378
- --fill-warning-muted: var(--canary-20);
379
- --fill-warning-tint: var(--canary-30);
380
- --shape-accent: var(--lavender-90);
381
- --shape-contrast: var(--lavender-40);
382
- --shape-dark: var(--ebony-100);
383
- --shape-darkalt: var(--ebony-30);
384
- --shape-disabled: var(--grey-80);
385
- --shape-highlight: var(--coral-40);
386
- --shape-highlightalt: var(--coral-30);
387
- --shape-inactive: var(--blue-40);
388
- --shape-information: var(--sky-50);
389
- --shape-informationalt: var(--sky-30);
390
- --shape-light: var(--white-alpha-100);
391
- --shape-lightalt: var(--ebony-10);
392
- --shape-negative: var(--coral-60);
393
- --shape-negativealt: var(--coral-30);
394
- --shape-neutral: var(--grey-70);
395
- --shape-neutralalt: var(--grey-50);
396
- --shape-neutralalt2: var(--grey-60);
397
- --shape-subdued: var(--blue-70);
398
- --shape-subduedalt: var(--blue-30);
399
- --shape-success: var(--mint-60);
400
- --shape-successalt: var(--mint-40);
401
- --shape-warning: var(--canary-60);
402
- --shape-warningalt: var(--canary-40);
403
- --stroke-accent: var(--lavender-90);
404
- --stroke-colorless: var(--white-alpha-0);
405
- --stroke-contrast: var(--lavender-40);
406
- --stroke-contrastalt: var(--blue-80);
407
- --stroke-dark: var(--ebony-30);
408
- --stroke-darkalt: var(--ebony-50);
409
- --stroke-darkalt-2: var(--ebony-100);
410
- --stroke-highlight: var(--coral-40);
411
- --stroke-highlightalt: var(--coral-30);
412
- --stroke-information: var(--sky-50);
413
- --stroke-light: var(--white-alpha-100);
414
- --stroke-lightalt: var(--ebony-10);
415
- --stroke-negative: var(--coral-60);
416
- --stroke-negativealt: var(--coral-30);
417
- --stroke-neutral: var(--grey-30);
418
- --stroke-neutralalt: var(--grey-60);
419
- --stroke-subdued: var(--blue-60);
420
- --stroke-success: var(--mint-60);
421
- --stroke-successalt: var(--mint-40);
422
- --stroke-transparent: var(--transparent-blue-alpha40);
423
- --stroke-transparentalt: var(--transparent-lavender-alpha70);
424
- --stroke-warning: var(--canary-70);
425
- --text-accent: var(--lavender-90);
426
- --text-dark: var(--ebony-100);
427
- --text-darkalt: var(--ebony-30);
428
- --text-disabled: var(--grey-80);
429
- --text-highlight: var(--lavender-40);
430
- --text-highlightalt: var(--peach-40);
431
- --text-light: var(--white-alpha-100);
432
- --text-lightalt: var(--ebony-10);
433
- --text-negative: var(--coral-60);
434
- --text-negativealt: var(--coral-30);
435
- --text-neutral: var(--grey-70);
436
- --text-neutralalt: var(--grey-50);
437
- --text-neutralalt2: var(--grey-60);
438
- --text-subdued: var(--blue-70);
439
- --text-subduedalt: var(--blue-30);
440
- --text-success: var(--mint-60);
441
- --text-successalt: var(--mint-40);
442
- }
443
-
444
- /* DO NOT CHANGE!*/
445
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
446
- [data-color-mode=light],
447
- :root {
448
- --components-datepicker-calendar-background: var(--fill-background-standard-light);
449
- --components-datepicker-calendar-border: var(--stroke-neutral);
450
- --components-datepicker-calendar-dateborder: var(--stroke-neutral);
451
- --components-datepicker-calendar-datefill-hover: var(--fill-secondary-hover-light);
452
- --components-datepicker-calendar-datefill-selected: var(--fill-secondary-active-light);
453
- --components-datepicker-calendar-icon: var(--shape-accent);
454
- --components-datepicker-calendar-stroke-today: var(--stroke-highlight);
455
- --components-datepicker-calendar-text-accent: var(--text-accent);
456
- --components-datepicker-calendar-text-disabled: var(--text-neutralalt);
457
- --components-datepicker-calendar-text-subdued: var(--text-subdued);
458
- }
459
-
460
- [data-color-mode=dark] {
461
- --components-datepicker-calendar-background: var(--fill-background-overlay-solid);
462
- --components-datepicker-calendar-border: var(--stroke-colorless);
463
- --components-datepicker-calendar-dateborder: var(--stroke-darkalt);
464
- --components-datepicker-calendar-datefill-hover: var(--fill-selected-hover-dark);
465
- --components-datepicker-calendar-datefill-selected: var(--fill-background-overlay-transparent);
466
- --components-datepicker-calendar-icon: var(--shape-lightalt);
467
- --components-datepicker-calendar-stroke-today: var(--stroke-highlightalt);
468
- --components-datepicker-calendar-text-accent: var(--text-lightalt);
469
- --components-datepicker-calendar-text-disabled: var(--text-neutral);
470
- --components-datepicker-calendar-text-subdued: var(--text-darkalt);
471
- }
472
-
473
- :root {
474
- --eds-datepicker: 1;
475
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "9.3.3",
3
+ "version": "9.3.4",
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.78",
31
- "@entur/button": "^3.2.14",
32
- "@entur/form": "^7.0.42",
33
- "@entur/icons": "^6.15.3",
34
- "@entur/modal": "^1.7.35",
35
- "@entur/tokens": "^3.13.2",
36
- "@entur/tooltip": "^2.6.51",
37
- "@entur/typography": "^1.8.27",
38
- "@entur/utils": "^0.10.0",
30
+ "@entur/a11y": "^0.2.79",
31
+ "@entur/button": "^3.2.15",
32
+ "@entur/form": "^7.0.43",
33
+ "@entur/icons": "^6.15.4",
34
+ "@entur/modal": "^1.7.36",
35
+ "@entur/tokens": "^3.13.3",
36
+ "@entur/tooltip": "^2.6.52",
37
+ "@entur/typography": "^1.8.28",
38
+ "@entur/utils": "^0.10.1",
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": "427e66ba68d33b8d1839714a48517b52afd5c2db"
51
+ "gitHead": "89d5de6d31962e236a5c147e129bf915576166b4"
52
52
  }