@entur/datepicker 9.3.3 → 9.4.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.
Files changed (14) hide show
  1. package/dist/DatePicker/DateField.d.ts +9 -4
  2. package/dist/DatePicker/DatePicker.d.ts +10 -5
  3. package/dist/DatePicker/NativeDatePicker.d.ts +10 -5
  4. package/dist/TimePicker/NativeTimePicker.d.ts +10 -5
  5. package/dist/TimePicker/SimpleTimePicker.d.ts +8 -3
  6. package/dist/TimePicker/TimePicker.d.ts +8 -3
  7. package/dist/datepicker.cjs.development.js +8 -5
  8. package/dist/datepicker.cjs.development.js.map +1 -1
  9. package/dist/datepicker.cjs.production.min.js +1 -1
  10. package/dist/datepicker.cjs.production.min.js.map +1 -1
  11. package/dist/datepicker.esm.js +8 -5
  12. package/dist/datepicker.esm.js.map +1 -1
  13. package/dist/styles.css +22 -151
  14. package/package.json +11 -11
package/dist/styles.css CHANGED
@@ -308,166 +308,37 @@
308
308
  margin-top: -0.2rem;
309
309
  margin-left: -0.5rem;
310
310
  }
311
- @import "~@entur/tokens/dist/primitive.css";
312
311
  /* DO NOT CHANGE!*/
313
312
  /* 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
-
313
+ /* DO NOT CHANGE!*/
314
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
444
315
  /* DO NOT CHANGE!*/
445
316
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
446
317
  [data-color-mode=light],
447
318
  :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);
319
+ --components-datepicker-calendar-background: #ffffff;
320
+ --components-datepicker-calendar-border: #e3e6e8;
321
+ --components-datepicker-calendar-dateborder: #e3e6e8;
322
+ --components-datepicker-calendar-datefill-hover: #d9ddf2;
323
+ --components-datepicker-calendar-datefill-selected: #aeb7e2;
324
+ --components-datepicker-calendar-icon: #181c56;
325
+ --components-datepicker-calendar-stroke-today: #ff5959;
326
+ --components-datepicker-calendar-text-accent: #181c56;
327
+ --components-datepicker-calendar-text-disabled: #b6b8ba;
328
+ --components-datepicker-calendar-text-subdued: #626493;
458
329
  }
459
330
 
460
331
  [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);
332
+ --components-datepicker-calendar-background: #393a49;
333
+ --components-datepicker-calendar-border: rgba(255, 255, 255, 0);
334
+ --components-datepicker-calendar-dateborder: #81828f;
335
+ --components-datepicker-calendar-datefill-hover: rgba(229, 229, 233, 0.3490196078);
336
+ --components-datepicker-calendar-datefill-selected: rgba(229, 229, 233, 0.1490196078);
337
+ --components-datepicker-calendar-icon: #e5e5e9;
338
+ --components-datepicker-calendar-stroke-today: #ff9494;
339
+ --components-datepicker-calendar-text-accent: #e5e5e9;
340
+ --components-datepicker-calendar-text-disabled: #6e6f73;
341
+ --components-datepicker-calendar-text-subdued: #b3b4bd;
471
342
  }
472
343
 
473
344
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/datepicker",
3
- "version": "9.3.3",
3
+ "version": "9.4.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.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.80",
31
+ "@entur/button": "^3.2.16",
32
+ "@entur/form": "^7.1.0",
33
+ "@entur/icons": "^6.15.5",
34
+ "@entur/modal": "^1.7.37",
35
+ "@entur/tokens": "^3.13.3",
36
+ "@entur/tooltip": "^2.7.0",
37
+ "@entur/typography": "^1.8.29",
38
+ "@entur/utils": "^0.11.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": "427e66ba68d33b8d1839714a48517b52afd5c2db"
51
+ "gitHead": "a6bd766dd2c7bf84eb3a5bcc8cfdbabca765e28e"
52
52
  }