@mantine/dates 9.0.0-alpha.0 → 9.0.0-alpha.2

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 (81) hide show
  1. package/LICENSE +21 -0
  2. package/cjs/components/Calendar/Calendar.cjs +118 -104
  3. package/cjs/components/Calendar/Calendar.cjs.map +1 -1
  4. package/cjs/components/CalendarHeader/CalendarHeader.cjs +2 -1
  5. package/cjs/components/CalendarHeader/CalendarHeader.cjs.map +1 -1
  6. package/cjs/components/DateTimePicker/DateTimePicker.cjs.map +1 -1
  7. package/cjs/components/Day/Day.cjs +2 -0
  8. package/cjs/components/Day/Day.cjs.map +1 -1
  9. package/cjs/components/DecadeLevel/DecadeLevel.cjs +3 -0
  10. package/cjs/components/DecadeLevel/DecadeLevel.cjs.map +1 -1
  11. package/cjs/components/DecadeLevelGroup/DecadeLevelGroup.cjs +3 -0
  12. package/cjs/components/DecadeLevelGroup/DecadeLevelGroup.cjs.map +1 -1
  13. package/cjs/components/LevelsGroup/LevelsGroup.cjs +2 -1
  14. package/cjs/components/LevelsGroup/LevelsGroup.cjs.map +1 -1
  15. package/cjs/components/Month/Month.cjs +30 -18
  16. package/cjs/components/Month/Month.cjs.map +1 -1
  17. package/cjs/components/MonthLevel/MonthLevel.cjs +3 -0
  18. package/cjs/components/MonthLevel/MonthLevel.cjs.map +1 -1
  19. package/cjs/components/MonthLevelGroup/MonthLevelGroup.cjs +3 -0
  20. package/cjs/components/MonthLevelGroup/MonthLevelGroup.cjs.map +1 -1
  21. package/cjs/components/MonthsList/MonthsList.cjs +13 -1
  22. package/cjs/components/MonthsList/MonthsList.cjs.map +1 -1
  23. package/cjs/components/PickerControl/PickerControl.cjs +2 -0
  24. package/cjs/components/PickerControl/PickerControl.cjs.map +1 -1
  25. package/cjs/components/TimePicker/AmPmInput/AmPmInput.cjs +0 -2
  26. package/cjs/components/TimePicker/AmPmInput/AmPmInput.cjs.map +1 -1
  27. package/cjs/components/YearLevel/YearLevel.cjs +3 -0
  28. package/cjs/components/YearLevel/YearLevel.cjs.map +1 -1
  29. package/cjs/components/YearLevelGroup/YearLevelGroup.cjs +3 -0
  30. package/cjs/components/YearLevelGroup/YearLevelGroup.cjs.map +1 -1
  31. package/cjs/components/YearsList/YearsList.cjs +13 -1
  32. package/cjs/components/YearsList/YearsList.cjs.map +1 -1
  33. package/esm/components/Calendar/Calendar.mjs +118 -104
  34. package/esm/components/Calendar/Calendar.mjs.map +1 -1
  35. package/esm/components/CalendarHeader/CalendarHeader.mjs +2 -1
  36. package/esm/components/CalendarHeader/CalendarHeader.mjs.map +1 -1
  37. package/esm/components/DateTimePicker/DateTimePicker.mjs.map +1 -1
  38. package/esm/components/Day/Day.mjs +2 -0
  39. package/esm/components/Day/Day.mjs.map +1 -1
  40. package/esm/components/DecadeLevel/DecadeLevel.mjs +3 -0
  41. package/esm/components/DecadeLevel/DecadeLevel.mjs.map +1 -1
  42. package/esm/components/DecadeLevelGroup/DecadeLevelGroup.mjs +3 -0
  43. package/esm/components/DecadeLevelGroup/DecadeLevelGroup.mjs.map +1 -1
  44. package/esm/components/LevelsGroup/LevelsGroup.mjs +2 -1
  45. package/esm/components/LevelsGroup/LevelsGroup.mjs.map +1 -1
  46. package/esm/components/Month/Month.mjs +30 -18
  47. package/esm/components/Month/Month.mjs.map +1 -1
  48. package/esm/components/MonthLevel/MonthLevel.mjs +3 -0
  49. package/esm/components/MonthLevel/MonthLevel.mjs.map +1 -1
  50. package/esm/components/MonthLevelGroup/MonthLevelGroup.mjs +3 -0
  51. package/esm/components/MonthLevelGroup/MonthLevelGroup.mjs.map +1 -1
  52. package/esm/components/MonthsList/MonthsList.mjs +13 -1
  53. package/esm/components/MonthsList/MonthsList.mjs.map +1 -1
  54. package/esm/components/PickerControl/PickerControl.mjs +2 -0
  55. package/esm/components/PickerControl/PickerControl.mjs.map +1 -1
  56. package/esm/components/TimePicker/AmPmInput/AmPmInput.mjs +0 -2
  57. package/esm/components/TimePicker/AmPmInput/AmPmInput.mjs.map +1 -1
  58. package/esm/components/YearLevel/YearLevel.mjs +3 -0
  59. package/esm/components/YearLevel/YearLevel.mjs.map +1 -1
  60. package/esm/components/YearLevelGroup/YearLevelGroup.mjs +3 -0
  61. package/esm/components/YearLevelGroup/YearLevelGroup.mjs.map +1 -1
  62. package/esm/components/YearsList/YearsList.mjs +13 -1
  63. package/esm/components/YearsList/YearsList.mjs.map +1 -1
  64. package/lib/components/Calendar/Calendar.d.ts +2 -0
  65. package/lib/components/CalendarHeader/CalendarHeader.d.ts +2 -0
  66. package/lib/components/DateTimePicker/DateTimePicker.d.ts +1 -1
  67. package/lib/components/Day/Day.d.ts +2 -0
  68. package/lib/components/DecadeLevel/DecadeLevel.d.ts +2 -0
  69. package/lib/components/DecadeLevelGroup/DecadeLevelGroup.d.ts +2 -0
  70. package/lib/components/LevelsGroup/LevelsGroup.d.ts +2 -0
  71. package/lib/components/Month/Month.d.ts +2 -0
  72. package/lib/components/MonthLevel/MonthLevel.d.ts +2 -0
  73. package/lib/components/MonthLevelGroup/MonthLevelGroup.d.ts +2 -0
  74. package/lib/components/MonthsList/MonthsList.d.ts +2 -0
  75. package/lib/components/PickerControl/PickerControl.d.ts +2 -0
  76. package/lib/components/YearLevel/YearLevel.d.ts +2 -0
  77. package/lib/components/YearLevelGroup/YearLevelGroup.d.ts +2 -0
  78. package/lib/components/YearsList/YearsList.d.ts +2 -0
  79. package/package.json +3 -3
  80. package/styles.css +42 -6
  81. package/styles.layer.css +42 -6
package/styles.css CHANGED
@@ -148,7 +148,7 @@
148
148
  margin-bottom: calc(0.25rem * var(--mantine-scale));
149
149
  color: var(--mantine-color-dimmed);
150
150
  font-size: calc(var(--control-font-size, var(--mantine-font-size-sm)) - 2px);
151
- font-weight: 600;
151
+ font-weight: var(--mantine-font-weight-medium);
152
152
  display: flex;
153
153
  align-items: center;
154
154
  padding-inline-start: calc(0.4375rem * var(--mantine-scale));
@@ -321,6 +321,13 @@
321
321
  border-radius: var(--mantine-radius-default);
322
322
  }
323
323
 
324
+ .m_396ce5cb:where([data-full-width]) {
325
+ width: 100%;
326
+ height: auto;
327
+ min-height: var(--day-size);
328
+ aspect-ratio: 1;
329
+ }
330
+
324
331
  .m_396ce5cb:where([data-selected]) {
325
332
  background-color: var(--mantine-primary-color-filled);
326
333
  color: var(--mantine-primary-color-contrast);
@@ -340,7 +347,7 @@
340
347
 
341
348
  .m_18a3eca {
342
349
  color: var(--mantine-color-dimmed);
343
- font-weight: normal;
350
+ font-weight: var(--mantine-font-weight-regular);
344
351
  font-size: var(--wr-fz, var(--mantine-font-size-sm));
345
352
  text-transform: capitalize;
346
353
  padding-bottom: calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2);
@@ -351,6 +358,10 @@
351
358
  table-layout: fixed;
352
359
  }
353
360
 
361
+ .m_cc9820d3[data-full-width] {
362
+ width: 100%;
363
+ }
364
+
354
365
  .m_8f457cd5 {
355
366
  padding: 0;
356
367
  }
@@ -367,7 +378,7 @@
367
378
  --wn-size-xl: calc(3.375rem * var(--mantine-scale));
368
379
 
369
380
  color: var(--mantine-color-dimmed);
370
- font-weight: normal;
381
+ font-weight: var(--mantine-font-weight-regular);
371
382
  font-size: calc(var(--wn-size, var(--wn-size-sm)) / 2.8);
372
383
  text-align: center;
373
384
  width: var(--wn-size, var(--wn-size-sm));
@@ -475,11 +486,19 @@
475
486
  border-radius: var(--mantine-radius-default);
476
487
  }
477
488
 
489
+ .m_dc6a3c71:where([data-full-width]) {
490
+ width: 100%;
491
+ }
492
+
478
493
  .m_9206547b {
479
494
  border-collapse: collapse;
480
495
  border-width: 0;
481
496
  }
482
497
 
498
+ .m_9206547b[data-full-width] {
499
+ width: 100%;
500
+ }
501
+
483
502
  .m_c5a19c7d {
484
503
  padding: 0;
485
504
  }
@@ -494,6 +513,10 @@
494
513
  cursor: pointer;
495
514
  }
496
515
 
516
+ .m_2a6c32d[data-full-width] {
517
+ width: 100%;
518
+ }
519
+
497
520
  .m_fe27622f {
498
521
  padding: 0;
499
522
  }
@@ -515,6 +538,11 @@
515
538
  margin-bottom: var(--mantine-spacing-xs);
516
539
  }
517
540
 
541
+ .m_730a79ed[data-full-width] {
542
+ max-width: none;
543
+ width: 100%;
544
+ }
545
+
518
546
  .m_f6645d97,
519
547
  .m_2351eeb0 {
520
548
  height: var(--dch-control-size);
@@ -563,7 +591,7 @@
563
591
  .m_f6645d97 {
564
592
  flex: 1;
565
593
  font-size: var(--dch-fz, var(--mantine-font-size-sm));
566
- font-weight: 600;
594
+ font-weight: var(--mantine-font-weight-medium);
567
595
  text-transform: capitalize;
568
596
  }
569
597
 
@@ -593,6 +621,14 @@
593
621
  gap: var(--mantine-spacing-md);
594
622
  }
595
623
 
624
+ .m_30b26e33[data-full-width] {
625
+ width: 100%;
626
+ }
627
+
628
+ .m_30b26e33[data-full-width] > * {
629
+ flex: 1;
630
+ }
631
+
596
632
  .m_6fa5e2aa {
597
633
  cursor: pointer;
598
634
  line-height: unset;
@@ -779,13 +815,13 @@
779
815
 
780
816
  .m_176ca23c {
781
817
  font-size: 0.75em;
782
- font-weight: 600;
818
+ font-weight: var(--mantine-font-weight-medium);
783
819
  opacity: 0.65;
784
820
  }
785
821
 
786
822
  .m_d830530d {
787
823
  font-size: 0.9em;
788
- font-weight: 600;
824
+ font-weight: var(--mantine-font-weight-medium);
789
825
  }
790
826
 
791
827
  .m_14c23465 {
package/styles.layer.css CHANGED
@@ -148,7 +148,7 @@
148
148
  margin-bottom: calc(0.25rem * var(--mantine-scale));
149
149
  color: var(--mantine-color-dimmed);
150
150
  font-size: calc(var(--control-font-size, var(--mantine-font-size-sm)) - 2px);
151
- font-weight: 600;
151
+ font-weight: var(--mantine-font-weight-medium);
152
152
  display: flex;
153
153
  align-items: center;
154
154
  padding-inline-start: calc(0.4375rem * var(--mantine-scale));
@@ -321,6 +321,13 @@
321
321
  border-radius: var(--mantine-radius-default);
322
322
  }
323
323
 
324
+ .m_396ce5cb:where([data-full-width]) {
325
+ width: 100%;
326
+ height: auto;
327
+ min-height: var(--day-size);
328
+ aspect-ratio: 1;
329
+ }
330
+
324
331
  .m_396ce5cb:where([data-selected]) {
325
332
  background-color: var(--mantine-primary-color-filled);
326
333
  color: var(--mantine-primary-color-contrast);
@@ -340,7 +347,7 @@
340
347
 
341
348
  .m_18a3eca {
342
349
  color: var(--mantine-color-dimmed);
343
- font-weight: normal;
350
+ font-weight: var(--mantine-font-weight-regular);
344
351
  font-size: var(--wr-fz, var(--mantine-font-size-sm));
345
352
  text-transform: capitalize;
346
353
  padding-bottom: calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2);
@@ -351,6 +358,10 @@
351
358
  table-layout: fixed;
352
359
  }
353
360
 
361
+ .m_cc9820d3[data-full-width] {
362
+ width: 100%;
363
+ }
364
+
354
365
  .m_8f457cd5 {
355
366
  padding: 0;
356
367
  }
@@ -367,7 +378,7 @@
367
378
  --wn-size-xl: calc(3.375rem * var(--mantine-scale));
368
379
 
369
380
  color: var(--mantine-color-dimmed);
370
- font-weight: normal;
381
+ font-weight: var(--mantine-font-weight-regular);
371
382
  font-size: calc(var(--wn-size, var(--wn-size-sm)) / 2.8);
372
383
  text-align: center;
373
384
  width: var(--wn-size, var(--wn-size-sm));
@@ -475,11 +486,19 @@
475
486
  border-radius: var(--mantine-radius-default);
476
487
  }
477
488
 
489
+ .m_dc6a3c71:where([data-full-width]) {
490
+ width: 100%;
491
+ }
492
+
478
493
  .m_9206547b {
479
494
  border-collapse: collapse;
480
495
  border-width: 0;
481
496
  }
482
497
 
498
+ .m_9206547b[data-full-width] {
499
+ width: 100%;
500
+ }
501
+
483
502
  .m_c5a19c7d {
484
503
  padding: 0;
485
504
  }
@@ -494,6 +513,10 @@
494
513
  cursor: pointer;
495
514
  }
496
515
 
516
+ .m_2a6c32d[data-full-width] {
517
+ width: 100%;
518
+ }
519
+
497
520
  .m_fe27622f {
498
521
  padding: 0;
499
522
  }
@@ -515,6 +538,11 @@
515
538
  margin-bottom: var(--mantine-spacing-xs);
516
539
  }
517
540
 
541
+ .m_730a79ed[data-full-width] {
542
+ max-width: none;
543
+ width: 100%;
544
+ }
545
+
518
546
  .m_f6645d97,
519
547
  .m_2351eeb0 {
520
548
  height: var(--dch-control-size);
@@ -563,7 +591,7 @@
563
591
  .m_f6645d97 {
564
592
  flex: 1;
565
593
  font-size: var(--dch-fz, var(--mantine-font-size-sm));
566
- font-weight: 600;
594
+ font-weight: var(--mantine-font-weight-medium);
567
595
  text-transform: capitalize;
568
596
  }
569
597
 
@@ -593,6 +621,14 @@
593
621
  gap: var(--mantine-spacing-md);
594
622
  }
595
623
 
624
+ .m_30b26e33[data-full-width] {
625
+ width: 100%;
626
+ }
627
+
628
+ .m_30b26e33[data-full-width] > * {
629
+ flex: 1;
630
+ }
631
+
596
632
  .m_6fa5e2aa {
597
633
  cursor: pointer;
598
634
  line-height: unset;
@@ -779,13 +815,13 @@
779
815
 
780
816
  .m_176ca23c {
781
817
  font-size: 0.75em;
782
- font-weight: 600;
818
+ font-weight: var(--mantine-font-weight-medium);
783
819
  opacity: 0.65;
784
820
  }
785
821
 
786
822
  .m_d830530d {
787
823
  font-size: 0.9em;
788
- font-weight: 600;
824
+ font-weight: var(--mantine-font-weight-medium);
789
825
  }
790
826
 
791
827
  .m_14c23465 {