@wordpress/components 29.12.0 → 29.13.1-next.719a03cbe.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 (157) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build/box-control/input-control.js +2 -2
  3. package/build/box-control/input-control.js.map +1 -1
  4. package/build/calendar/date-calendar/index.js +60 -0
  5. package/build/calendar/date-calendar/index.js.map +1 -0
  6. package/build/calendar/date-range-calendar/index.js +168 -0
  7. package/build/calendar/date-range-calendar/index.js.map +1 -0
  8. package/build/calendar/index.js +27 -0
  9. package/build/calendar/index.js.map +1 -0
  10. package/build/calendar/types.js +6 -0
  11. package/build/calendar/types.js.map +1 -0
  12. package/build/calendar/utils/constants.js +68 -0
  13. package/build/calendar/utils/constants.js.map +1 -0
  14. package/build/calendar/utils/day-cell.js +137 -0
  15. package/build/calendar/utils/day-cell.js.map +1 -0
  16. package/build/calendar/utils/misc.js +10 -0
  17. package/build/calendar/utils/misc.js.map +1 -0
  18. package/build/calendar/utils/use-controlled-value.js +58 -0
  19. package/build/calendar/utils/use-controlled-value.js.map +1 -0
  20. package/build/calendar/utils/use-localization-props.js +162 -0
  21. package/build/calendar/utils/use-localization-props.js.map +1 -0
  22. package/build/custom-gradient-picker/gradient-bar/control-points.js +1 -1
  23. package/build/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
  24. package/build/custom-select-control-v2/custom-select.js +3 -3
  25. package/build/custom-select-control-v2/custom-select.js.map +1 -1
  26. package/build/date-time/date/index.js +1 -1
  27. package/build/date-time/date/index.js.map +1 -1
  28. package/build/form-token-field/index.js +11 -1
  29. package/build/form-token-field/index.js.map +1 -1
  30. package/build/form-token-field/token.js +1 -1
  31. package/build/form-token-field/token.js.map +1 -1
  32. package/build/index.js +19 -0
  33. package/build/index.js.map +1 -1
  34. package/build/mobile/bottom-sheet/cell.native.js +2 -2
  35. package/build/mobile/bottom-sheet/cell.native.js.map +1 -1
  36. package/build/mobile/link-picker/index.native.js +1 -1
  37. package/build/mobile/link-picker/index.native.js.map +1 -1
  38. package/build/navigation/menu/menu-title-search.js +1 -1
  39. package/build/navigation/menu/menu-title-search.js.map +1 -1
  40. package/build/palette-edit/index.js +4 -4
  41. package/build/palette-edit/index.js.map +1 -1
  42. package/build-module/box-control/input-control.js +2 -2
  43. package/build-module/box-control/input-control.js.map +1 -1
  44. package/build-module/calendar/date-calendar/index.js +51 -0
  45. package/build-module/calendar/date-calendar/index.js.map +1 -0
  46. package/build-module/calendar/date-range-calendar/index.js +157 -0
  47. package/build-module/calendar/date-range-calendar/index.js.map +1 -0
  48. package/build-module/calendar/index.js +4 -0
  49. package/build-module/calendar/index.js.map +1 -0
  50. package/build-module/calendar/types.js +2 -0
  51. package/build-module/calendar/types.js.map +1 -0
  52. package/build-module/calendar/utils/constants.js +61 -0
  53. package/build-module/calendar/utils/constants.js.map +1 -0
  54. package/build-module/calendar/utils/day-cell.js +131 -0
  55. package/build-module/calendar/utils/day-cell.js.map +1 -0
  56. package/build-module/calendar/utils/misc.js +4 -0
  57. package/build-module/calendar/utils/misc.js.map +1 -0
  58. package/build-module/calendar/utils/use-controlled-value.js +51 -0
  59. package/build-module/calendar/utils/use-controlled-value.js.map +1 -0
  60. package/build-module/calendar/utils/use-localization-props.js +154 -0
  61. package/build-module/calendar/utils/use-localization-props.js.map +1 -0
  62. package/build-module/custom-gradient-picker/gradient-bar/control-points.js +1 -1
  63. package/build-module/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
  64. package/build-module/custom-select-control-v2/custom-select.js +4 -4
  65. package/build-module/custom-select-control-v2/custom-select.js.map +1 -1
  66. package/build-module/date-time/date/index.js +1 -1
  67. package/build-module/date-time/date/index.js.map +1 -1
  68. package/build-module/form-token-field/index.js +11 -1
  69. package/build-module/form-token-field/index.js.map +1 -1
  70. package/build-module/form-token-field/token.js +1 -1
  71. package/build-module/form-token-field/token.js.map +1 -1
  72. package/build-module/index.js +1 -0
  73. package/build-module/index.js.map +1 -1
  74. package/build-module/mobile/bottom-sheet/cell.native.js +2 -2
  75. package/build-module/mobile/bottom-sheet/cell.native.js.map +1 -1
  76. package/build-module/mobile/link-picker/index.native.js +1 -1
  77. package/build-module/mobile/link-picker/index.native.js.map +1 -1
  78. package/build-module/navigation/menu/menu-title-search.js +1 -1
  79. package/build-module/navigation/menu/menu-title-search.js.map +1 -1
  80. package/build-module/palette-edit/index.js +4 -4
  81. package/build-module/palette-edit/index.js.map +1 -1
  82. package/build-style/style-rtl.css +358 -5
  83. package/build-style/style.css +358 -5
  84. package/build-types/box-control/input-control.d.ts.map +1 -1
  85. package/build-types/box-control/utils.d.ts +7 -7
  86. package/build-types/calendar/date-calendar/index.d.ts +11 -0
  87. package/build-types/calendar/date-calendar/index.d.ts.map +1 -0
  88. package/build-types/calendar/date-range-calendar/index.d.ts +14 -0
  89. package/build-types/calendar/date-range-calendar/index.d.ts.map +1 -0
  90. package/build-types/calendar/index.d.ts +4 -0
  91. package/build-types/calendar/index.d.ts.map +1 -0
  92. package/build-types/calendar/stories/date-calendar.story.d.ts +16 -0
  93. package/build-types/calendar/stories/date-calendar.story.d.ts.map +1 -0
  94. package/build-types/calendar/stories/date-range-calendar.story.d.ts +16 -0
  95. package/build-types/calendar/stories/date-range-calendar.story.d.ts.map +1 -0
  96. package/build-types/calendar/test/__utils__/index.d.ts +10 -0
  97. package/build-types/calendar/test/__utils__/index.d.ts.map +1 -0
  98. package/build-types/calendar/test/date-calendar.d.ts +2 -0
  99. package/build-types/calendar/test/date-calendar.d.ts.map +1 -0
  100. package/build-types/calendar/test/date-range-calendar.d.ts +2 -0
  101. package/build-types/calendar/test/date-range-calendar.d.ts.map +1 -0
  102. package/build-types/calendar/types.d.ts +317 -0
  103. package/build-types/calendar/types.d.ts.map +1 -0
  104. package/build-types/calendar/utils/constants.d.ts +52 -0
  105. package/build-types/calendar/utils/constants.d.ts.map +1 -0
  106. package/build-types/calendar/utils/day-cell.d.ts +21 -0
  107. package/build-types/calendar/utils/day-cell.d.ts.map +1 -0
  108. package/build-types/calendar/utils/misc.d.ts +2 -0
  109. package/build-types/calendar/utils/misc.d.ts.map +1 -0
  110. package/build-types/calendar/utils/use-controlled-value.d.ts +27 -0
  111. package/build-types/calendar/utils/use-controlled-value.d.ts.map +1 -0
  112. package/build-types/calendar/utils/use-localization-props.d.ts +64 -0
  113. package/build-types/calendar/utils/use-localization-props.d.ts.map +1 -0
  114. package/build-types/custom-gradient-picker/constants.d.ts +6 -3
  115. package/build-types/custom-gradient-picker/constants.d.ts.map +1 -1
  116. package/build-types/custom-select-control-v2/custom-select.d.ts.map +1 -1
  117. package/build-types/dimension-control/sizes.d.ts +15 -3
  118. package/build-types/dimension-control/sizes.d.ts.map +1 -1
  119. package/build-types/font-size-picker/constants.d.ts +2 -2
  120. package/build-types/font-size-picker/constants.d.ts.map +1 -1
  121. package/build-types/form-token-field/index.d.ts.map +1 -1
  122. package/build-types/index.d.ts +1 -0
  123. package/build-types/index.d.ts.map +1 -1
  124. package/build-types/popover/overlay-middlewares.d.ts +6 -1
  125. package/build-types/popover/overlay-middlewares.d.ts.map +1 -1
  126. package/package.json +21 -20
  127. package/src/box-control/input-control.tsx +14 -5
  128. package/src/calendar/date-calendar/README.md +250 -0
  129. package/src/calendar/date-calendar/index.tsx +55 -0
  130. package/src/calendar/date-range-calendar/README.md +287 -0
  131. package/src/calendar/date-range-calendar/index.tsx +203 -0
  132. package/src/calendar/index.tsx +3 -0
  133. package/src/calendar/stories/date-calendar.story.tsx +221 -0
  134. package/src/calendar/stories/date-range-calendar.story.tsx +230 -0
  135. package/src/calendar/style.scss +431 -0
  136. package/src/calendar/test/__utils__/index.ts +56 -0
  137. package/src/calendar/test/date-calendar.tsx +975 -0
  138. package/src/calendar/test/date-range-calendar.tsx +1701 -0
  139. package/src/calendar/types.ts +342 -0
  140. package/src/calendar/utils/constants.ts +62 -0
  141. package/src/calendar/utils/day-cell.tsx +133 -0
  142. package/src/calendar/utils/misc.ts +3 -0
  143. package/src/calendar/utils/use-controlled-value.ts +61 -0
  144. package/src/calendar/utils/use-localization-props.ts +169 -0
  145. package/src/custom-gradient-picker/gradient-bar/control-points.tsx +1 -1
  146. package/src/custom-select-control-v2/custom-select.tsx +6 -3
  147. package/src/date-time/date/index.tsx +1 -1
  148. package/src/form-token-field/index.tsx +12 -1
  149. package/src/form-token-field/token.tsx +1 -1
  150. package/src/index.ts +1 -0
  151. package/src/mobile/bottom-sheet/cell.native.js +2 -2
  152. package/src/mobile/link-picker/index.native.js +1 -1
  153. package/src/navigation/menu/menu-title-search.tsx +1 -1
  154. package/src/palette-edit/index.tsx +4 -4
  155. package/src/select-control/style.scss +0 -6
  156. package/src/style.scss +1 -0
  157. package/tsconfig.tsbuildinfo +1 -1
@@ -589,6 +589,364 @@ p + .components-button.is-tertiary {
589
589
  background-position: 200px 0;
590
590
  }
591
591
  }
592
+ /* Root of the component. */
593
+ .components-calendar {
594
+ position: relative; /* Required to position the navigation toolbar. */
595
+ box-sizing: border-box;
596
+ display: inline flow-root;
597
+ color: #1e1e1e;
598
+ background-color: #fff;
599
+ font-size: 13px;
600
+ font-weight: 400;
601
+ z-index: 0;
602
+ }
603
+ .components-calendar *,
604
+ .components-calendar *::before,
605
+ .components-calendar *::after {
606
+ box-sizing: border-box;
607
+ }
608
+
609
+ .components-calendar__day {
610
+ padding: 0;
611
+ position: relative;
612
+ }
613
+ .components-calendar__day:has(.components-calendar__day-button:disabled) {
614
+ color: #949494;
615
+ }
616
+ .components-calendar__day:has(.components-calendar__day-button:hover:not(:disabled)), .components-calendar__day:has(.components-calendar__day-button:focus-visible) {
617
+ color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
618
+ }
619
+
620
+ .components-calendar__day-button {
621
+ background: none;
622
+ padding: 0;
623
+ margin: 0;
624
+ cursor: pointer;
625
+ justify-content: center;
626
+ align-items: center;
627
+ display: flex;
628
+ position: relative;
629
+ width: 2rem;
630
+ height: 2rem;
631
+ border: none;
632
+ border-radius: 2px;
633
+ font: inherit;
634
+ font-variant-numeric: tabular-nums;
635
+ color: inherit;
636
+ }
637
+ .components-calendar__day-button::before {
638
+ content: "";
639
+ position: absolute;
640
+ z-index: -1;
641
+ inset: 0;
642
+ border: none;
643
+ border-radius: 2px;
644
+ }
645
+ .components-calendar__day-button::after {
646
+ content: "";
647
+ position: absolute;
648
+ z-index: 1;
649
+ inset: 0;
650
+ pointer-events: none;
651
+ }
652
+ .components-calendar__day-button:disabled {
653
+ cursor: revert;
654
+ }
655
+ @media (forced-colors: active) {
656
+ .components-calendar__day-button:disabled {
657
+ text-decoration: line-through;
658
+ }
659
+ }
660
+ .components-calendar__day-button:focus-visible {
661
+ outline: var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
662
+ outline-offset: 1px;
663
+ }
664
+
665
+ .components-calendar__caption-label {
666
+ z-index: 1;
667
+ position: relative;
668
+ display: inline-flex;
669
+ align-items: center;
670
+ white-space: nowrap;
671
+ border: 0;
672
+ text-transform: capitalize;
673
+ }
674
+
675
+ .components-calendar__button-next,
676
+ .components-calendar__button-previous {
677
+ border: none;
678
+ border-radius: 2px;
679
+ background: none;
680
+ padding: 0;
681
+ margin: 0;
682
+ cursor: pointer;
683
+ -moz-appearance: none;
684
+ -webkit-appearance: none;
685
+ display: inline-flex;
686
+ align-items: center;
687
+ justify-content: center;
688
+ position: relative;
689
+ appearance: none;
690
+ width: 2rem;
691
+ height: 2rem;
692
+ color: inherit;
693
+ }
694
+ .components-calendar__button-next:disabled, .components-calendar__button-next[aria-disabled=true],
695
+ .components-calendar__button-previous:disabled,
696
+ .components-calendar__button-previous[aria-disabled=true] {
697
+ cursor: revert;
698
+ color: #949494;
699
+ }
700
+ .components-calendar__button-next:focus-visible,
701
+ .components-calendar__button-previous:focus-visible {
702
+ outline: var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
703
+ }
704
+
705
+ .components-calendar__chevron {
706
+ display: inline-block;
707
+ fill: currentColor;
708
+ width: 16px;
709
+ height: 16px;
710
+ }
711
+
712
+ .components-calendar[dir=rtl] .components-calendar__nav .components-calendar__chevron {
713
+ transform: rotate(180deg);
714
+ transform-origin: 50%;
715
+ }
716
+
717
+ .components-calendar__month-caption {
718
+ display: flex;
719
+ justify-content: center;
720
+ align-content: center;
721
+ height: 2rem;
722
+ margin-bottom: 12px;
723
+ }
724
+
725
+ .components-calendar__months {
726
+ position: relative;
727
+ display: flex;
728
+ justify-content: center;
729
+ flex-wrap: wrap;
730
+ gap: 1rem;
731
+ max-width: fit-content;
732
+ }
733
+
734
+ .components-calendar__month-grid {
735
+ border-collapse: separate;
736
+ border-spacing: 0 4px;
737
+ }
738
+
739
+ .components-calendar__nav {
740
+ position: absolute;
741
+ inset-block-start: 0;
742
+ inset-inline-start: 0;
743
+ inset-inline-end: 0;
744
+ display: flex;
745
+ align-items: center;
746
+ justify-content: space-between;
747
+ height: 2rem;
748
+ }
749
+
750
+ .components-calendar__weekday {
751
+ width: 2rem;
752
+ height: 2rem;
753
+ padding: 0;
754
+ color: #757575;
755
+ text-align: center;
756
+ text-transform: uppercase;
757
+ }
758
+
759
+ /* DAY MODIFIERS */
760
+ .components-calendar__day--today::after {
761
+ content: "";
762
+ position: absolute;
763
+ z-index: 1;
764
+ inset-block-start: 2px;
765
+ inset-inline-end: 2px;
766
+ width: 0;
767
+ height: 0;
768
+ border-radius: 50%;
769
+ border: 2px solid currentColor;
770
+ }
771
+
772
+ .components-calendar__day--selected:not(.components-calendar__range-middle):has(.components-calendar__day-button,
773
+ .components-calendar__day-button:hover:not(:disabled)) {
774
+ color: #fff;
775
+ }
776
+ .components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button::before {
777
+ background-color: #1e1e1e;
778
+ border: 1px solid transparent;
779
+ }
780
+ .components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:disabled::before {
781
+ background-color: #949494;
782
+ }
783
+ .components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:hover:not(:disabled)::before {
784
+ background-color: #2f2f2f;
785
+ }
786
+
787
+ .components-calendar__day--hidden {
788
+ visibility: hidden;
789
+ }
790
+
791
+ .components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button, .components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button::before {
792
+ border-start-end-radius: 0;
793
+ border-end-end-radius: 0;
794
+ }
795
+
796
+ .components-calendar__range-middle .components-calendar__day-button::before {
797
+ background-color: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent);
798
+ border-radius: 0;
799
+ border-width: 1px 0;
800
+ border-color: transparent;
801
+ border-style: solid;
802
+ }
803
+
804
+ .components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button, .components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button::before {
805
+ border-start-start-radius: 0;
806
+ border-end-start-radius: 0;
807
+ }
808
+
809
+ /*
810
+ * RANGE PREVIEW (range calendar only)
811
+ *
812
+ * The preview is rendered in the button's ::after pseudo-element, so that it
813
+ * can be rendered over the button's contents.
814
+ * The selection preview is shown with a dashed border. In order to have
815
+ * control over the dash pattern (especially the seams between days), the
816
+ * dashed borders are rendered as SVGs via the url() CSS function.
817
+ * Since SVGs rendered in the url() function don't seem to be able to access
818
+ * CSS variables, we're using the SVGs as masks, and using `background-color`
819
+ * to consume the accent color variable.
820
+ */
821
+ .components-calendar__day--preview svg {
822
+ position: absolute;
823
+ inset: 0;
824
+ pointer-events: none;
825
+ color: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 16%, transparent);
826
+ }
827
+ @media (forced-colors: active) {
828
+ .components-calendar__day--preview svg {
829
+ color: inherit;
830
+ }
831
+ }
832
+ .components-calendar[dir=rtl] .components-calendar__day--preview svg {
833
+ transform: scaleX(-1);
834
+ }
835
+
836
+ .components-calendar__day--preview.components-calendar__range-middle .components-calendar__day-button::before {
837
+ border: none;
838
+ }
839
+
840
+ /* ANIMATIONS */
841
+ @keyframes slide-in-left {
842
+ 0% {
843
+ transform: translateX(-100%);
844
+ }
845
+ 100% {
846
+ transform: translateX(0);
847
+ }
848
+ }
849
+ @keyframes slide-in-right {
850
+ 0% {
851
+ transform: translateX(100%);
852
+ }
853
+ 100% {
854
+ transform: translateX(0);
855
+ }
856
+ }
857
+ @keyframes slide-out-left {
858
+ 0% {
859
+ transform: translateX(0);
860
+ }
861
+ 100% {
862
+ transform: translateX(-100%);
863
+ }
864
+ }
865
+ @keyframes slide-out-right {
866
+ 0% {
867
+ transform: translateX(0);
868
+ }
869
+ 100% {
870
+ transform: translateX(100%);
871
+ }
872
+ }
873
+ @keyframes fade-in {
874
+ from {
875
+ opacity: 0;
876
+ }
877
+ to {
878
+ opacity: 1;
879
+ }
880
+ }
881
+ @keyframes fade-out {
882
+ from {
883
+ opacity: 1;
884
+ }
885
+ to {
886
+ opacity: 0;
887
+ }
888
+ }
889
+ .components-calendar__weeks-before-enter,
890
+ .components-calendar__weeks-before-exit,
891
+ .components-calendar__weeks-after-enter,
892
+ .components-calendar__weeks-after-exit,
893
+ .components-calendar__caption-after-enter,
894
+ .components-calendar__caption-after-exit,
895
+ .components-calendar__caption-before-enter,
896
+ .components-calendar__caption-before-exit {
897
+ animation-duration: 0s;
898
+ animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
899
+ animation-fill-mode: forwards;
900
+ }
901
+ @media not (prefers-reduced-motion) {
902
+ .components-calendar__weeks-before-enter,
903
+ .components-calendar__weeks-before-exit,
904
+ .components-calendar__weeks-after-enter,
905
+ .components-calendar__weeks-after-exit,
906
+ .components-calendar__caption-after-enter,
907
+ .components-calendar__caption-after-exit,
908
+ .components-calendar__caption-before-enter,
909
+ .components-calendar__caption-before-exit {
910
+ animation-duration: 0.3s;
911
+ }
912
+ }
913
+
914
+ .components-calendar__weeks-before-enter,
915
+ .components-calendar[dir=rtl] .components-calendar__weeks-after-enter {
916
+ animation-name: slide-in-left;
917
+ }
918
+
919
+ .components-calendar__weeks-before-exit,
920
+ .components-calendar[dir=rtl] .components-calendar__weeks-after-exit {
921
+ animation-name: slide-out-left;
922
+ }
923
+
924
+ .components-calendar__weeks-after-enter,
925
+ .components-calendar[dir=rtl] .components-calendar__weeks-before-enter {
926
+ animation-name: slide-in-right;
927
+ }
928
+
929
+ .components-calendar__weeks-after-exit,
930
+ .components-calendar[dir=rtl] .components-calendar__weeks-before-exit {
931
+ animation-name: slide-out-right;
932
+ }
933
+
934
+ .components-calendar__caption-after-enter {
935
+ animation-name: fade-in;
936
+ }
937
+
938
+ .components-calendar__caption-after-exit {
939
+ animation-name: fade-out;
940
+ }
941
+
942
+ .components-calendar__caption-before-enter {
943
+ animation-name: fade-in;
944
+ }
945
+
946
+ .components-calendar__caption-before-exit {
947
+ animation-name: fade-out;
948
+ }
949
+
592
950
  .components-checkbox-control {
593
951
  --checkbox-input-size: 24px;
594
952
  --checkbox-input-margin: 8px;
@@ -2988,11 +3346,6 @@ body.lockscroll {
2988
3346
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
2989
3347
  }
2990
3348
 
2991
- @media (max-width: 782px) {
2992
- .components-base-control .components-base-control__field .components-select-control__input {
2993
- font-size: 16px;
2994
- }
2995
- }
2996
3349
  .components-snackbar {
2997
3350
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2998
3351
  font-size: 13px;
@@ -1 +1 @@
1
- {"version":3,"file":"input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/input-control.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,2BAA2B,EAAmB,MAAM,SAAS,CAAC;AA+C5E,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,IAAI,EACJ,GAAO,EACP,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAgN7B"}
1
+ {"version":3,"file":"input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/input-control.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,2BAA2B,EAAmB,MAAM,SAAS,CAAC;AA+C5E,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,IAAI,EACJ,GAAO,EACP,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAyN7B"}
@@ -4,13 +4,13 @@
4
4
  import type { BoxControlInputControlProps, BoxControlProps, BoxControlValue, CustomValueUnits, Preset } from './types';
5
5
  export declare const CUSTOM_VALUE_SETTINGS: CustomValueUnits;
6
6
  export declare const LABELS: {
7
- all: string;
8
- top: string;
9
- bottom: string;
10
- left: string;
11
- right: string;
12
- vertical: string;
13
- horizontal: string;
7
+ all: import("@wordpress/i18n/build-types/types").TranslatableText<"All sides">;
8
+ top: import("@wordpress/i18n/build-types/types").TranslatableText<"Top side">;
9
+ bottom: import("@wordpress/i18n/build-types/types").TranslatableText<"Bottom side">;
10
+ left: import("@wordpress/i18n/build-types/types").TranslatableText<"Left side">;
11
+ right: import("@wordpress/i18n/build-types/types").TranslatableText<"Right side">;
12
+ vertical: import("@wordpress/i18n/build-types/types").TranslatableText<"Top and bottom sides">;
13
+ horizontal: import("@wordpress/i18n/build-types/types").TranslatableText<"Left and right sides">;
14
14
  };
15
15
  export declare const DEFAULT_VALUES: {
16
16
  top: undefined;
@@ -0,0 +1,11 @@
1
+ import type { DateCalendarProps } from '../types';
2
+ /**
3
+ * `DateCalendar` is a React component that provides a customizable calendar
4
+ * interface for **single date** selection.
5
+ *
6
+ * The component is built with accessibility in mind and follows ARIA best
7
+ * practices for calendar widgets. It provides keyboard navigation, screen reader
8
+ * support, and customizable labels for internationalization.
9
+ */
10
+ export declare const DateCalendar: ({ defaultSelected, selected: selectedProp, onSelect, numberOfMonths, locale, timeZone, ...props }: DateCalendarProps) => import("react").JSX.Element;
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/date-calendar/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,sGAQtB,iBAAiB,gCAwBnB,CAAC"}
@@ -0,0 +1,14 @@
1
+ import type { DateRangeCalendarProps, DateRange } from '../types';
2
+ export declare function usePreviewRange({ selected, hoveredDate, excludeDisabled, min, max, disabled, }: Pick<DateRangeCalendarProps, 'selected' | 'excludeDisabled' | 'min' | 'max' | 'disabled'> & {
3
+ hoveredDate: Date | undefined;
4
+ }): DateRange | undefined;
5
+ /**
6
+ * `DateRangeCalendar` is a React component that provides a customizable calendar
7
+ * interface for **date range** selection.
8
+ *
9
+ * The component is built with accessibility in mind and follows ARIA best
10
+ * practices for calendar widgets. It provides keyboard navigation, screen reader
11
+ * support, and customizable labels for internationalization.
12
+ */
13
+ export declare const DateRangeCalendar: ({ defaultSelected, selected: selectedProp, onSelect, numberOfMonths, excludeDisabled, min, max, disabled, locale, timeZone, ...props }: DateRangeCalendarProps) => import("react").JSX.Element;
14
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/date-range-calendar/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAElE,wBAAgB,eAAe,CAAE,EAChC,QAAQ,EACR,WAAW,EACX,eAAe,EACf,GAAG,EACH,GAAG,EACH,QAAQ,GACR,EAAE,IAAI,CACN,sBAAsB,EACtB,UAAU,GAAG,iBAAiB,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,CAC3D,GAAG;IACH,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC;CAC9B,yBA6FA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,2IAY3B,sBAAsB,gCAwDxB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { TZDate } from 'react-day-picker';
2
+ export { DateCalendar } from './date-calendar';
3
+ export { DateRangeCalendar } from './date-range-calendar';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ /**
3
+ * Internal dependencies
4
+ */
5
+ import { DateCalendar } from '..';
6
+ declare const meta: Meta<typeof DateCalendar>;
7
+ export default meta;
8
+ type Story = StoryObj<typeof DateCalendar>;
9
+ export declare const Default: Story;
10
+ export declare const DisabledDates: Story;
11
+ export declare const WithSelectedDateAndMonth: Story;
12
+ /**
13
+ * When working with time zones, use the `TZDate` object exported by this package instead of the native `Date` object.
14
+ */
15
+ export declare const WithTimeZone: Story;
16
+ //# sourceMappingURL=date-calendar.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-calendar.story.d.ts","sourceRoot":"","sources":["../../../src/calendar/stories/date-calendar.story.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD;;GAEG;AACH,OAAO,EAAE,YAAY,EAAU,MAAM,IAAI,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA2EpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,YAAY,CAAE,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAC;AAQF,eAAO,MAAM,wBAAwB,EAAE,KAKtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAyD1B,CAAC"}
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ /**
3
+ * Internal dependencies
4
+ */
5
+ import { DateRangeCalendar } from '..';
6
+ declare const meta: Meta<typeof DateRangeCalendar>;
7
+ export default meta;
8
+ type Story = StoryObj<typeof DateRangeCalendar>;
9
+ export declare const Default: Story;
10
+ export declare const DisabledDates: Story;
11
+ export declare const WithSelectedRangeAndMonth: Story;
12
+ /**
13
+ * When working with time zones, use the `TZDate` object exported by this package instead of the native `Date` object.
14
+ */
15
+ export declare const WithTimeZone: Story;
16
+ //# sourceMappingURL=date-range-calendar.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-range-calendar.story.d.ts","sourceRoot":"","sources":["../../../src/calendar/stories/date-range-calendar.story.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAU,MAAM,IAAI,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,iBAAiB,CA2EzC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,iBAAiB,CAAE,CAAC;AAElD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAC;AASF,eAAO,MAAM,yBAAyB,EAAE,KAQvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA+D1B,CAAC"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import { screen } from '@testing-library/react';
5
+ export declare const monthNameFormatter: (localeCode: string, timeZone?: string) => Intl.DateTimeFormat;
6
+ export declare const dateNumberFormatter: (localeCode: string, timeZone?: string) => Intl.DateTimeFormat;
7
+ export declare const getDateButton: (date: Date, options?: Parameters<typeof screen.getByRole>[1], locale?: string) => HTMLElement;
8
+ export declare const getDateCell: (date: Date, options?: Parameters<typeof screen.getByRole>[1], locale?: string) => HTMLElement;
9
+ export declare const queryDateCell: (date: Date, options?: Parameters<typeof screen.getByRole>[1], locale?: string) => HTMLElement | null;
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/test/__utils__/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,eAAO,MAAM,kBAAkB,eAAiB,MAAM,aAAa,MAAM,wBAKrE,CAAC;AAWL,eAAO,MAAM,mBAAmB,eAAiB,MAAM,aAAa,MAAM,wBAItE,CAAC;AAEL,eAAO,MAAM,aAAa,SACnB,IAAI,YACA,UAAU,CAAE,OAAO,MAAM,CAAC,SAAS,CAAE,CAAE,CAAC,CAAE,iCAMjD,CAAC;AAEL,eAAO,MAAM,WAAW,SACjB,IAAI,YACA,UAAU,CAAE,OAAO,MAAM,CAAC,SAAS,CAAE,CAAE,CAAC,CAAE,iCAMjD,CAAC;AAEL,eAAO,MAAM,aAAa,SACnB,IAAI,YACA,UAAU,CAAE,OAAO,MAAM,CAAC,SAAS,CAAE,CAAE,CAAC,CAAE,wCAMjD,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=date-calendar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/test/date-calendar.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=date-range-calendar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-range-calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/test/date-range-calendar.tsx"],"names":[],"mappings":""}