@wordpress/components 29.11.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 (169) hide show
  1. package/CHANGELOG.md +22 -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-file-upload/index.js +4 -6
  29. package/build/form-file-upload/index.js.map +1 -1
  30. package/build/form-token-field/index.js +11 -1
  31. package/build/form-token-field/index.js.map +1 -1
  32. package/build/form-token-field/token.js +1 -1
  33. package/build/form-token-field/token.js.map +1 -1
  34. package/build/index.js +19 -0
  35. package/build/index.js.map +1 -1
  36. package/build/mobile/bottom-sheet/cell.native.js +2 -2
  37. package/build/mobile/bottom-sheet/cell.native.js.map +1 -1
  38. package/build/mobile/image/index.native.js +1 -1
  39. package/build/mobile/image/index.native.js.map +1 -1
  40. package/build/mobile/link-picker/index.native.js +1 -1
  41. package/build/mobile/link-picker/index.native.js.map +1 -1
  42. package/build/navigation/menu/menu-title-search.js +1 -1
  43. package/build/navigation/menu/menu-title-search.js.map +1 -1
  44. package/build/palette-edit/index.js +4 -4
  45. package/build/palette-edit/index.js.map +1 -1
  46. package/build-module/box-control/input-control.js +2 -2
  47. package/build-module/box-control/input-control.js.map +1 -1
  48. package/build-module/calendar/date-calendar/index.js +51 -0
  49. package/build-module/calendar/date-calendar/index.js.map +1 -0
  50. package/build-module/calendar/date-range-calendar/index.js +157 -0
  51. package/build-module/calendar/date-range-calendar/index.js.map +1 -0
  52. package/build-module/calendar/index.js +4 -0
  53. package/build-module/calendar/index.js.map +1 -0
  54. package/build-module/calendar/types.js +2 -0
  55. package/build-module/calendar/types.js.map +1 -0
  56. package/build-module/calendar/utils/constants.js +61 -0
  57. package/build-module/calendar/utils/constants.js.map +1 -0
  58. package/build-module/calendar/utils/day-cell.js +131 -0
  59. package/build-module/calendar/utils/day-cell.js.map +1 -0
  60. package/build-module/calendar/utils/misc.js +4 -0
  61. package/build-module/calendar/utils/misc.js.map +1 -0
  62. package/build-module/calendar/utils/use-controlled-value.js +51 -0
  63. package/build-module/calendar/utils/use-controlled-value.js.map +1 -0
  64. package/build-module/calendar/utils/use-localization-props.js +154 -0
  65. package/build-module/calendar/utils/use-localization-props.js.map +1 -0
  66. package/build-module/custom-gradient-picker/gradient-bar/control-points.js +1 -1
  67. package/build-module/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
  68. package/build-module/custom-select-control-v2/custom-select.js +4 -4
  69. package/build-module/custom-select-control-v2/custom-select.js.map +1 -1
  70. package/build-module/date-time/date/index.js +1 -1
  71. package/build-module/date-time/date/index.js.map +1 -1
  72. package/build-module/form-file-upload/index.js +4 -6
  73. package/build-module/form-file-upload/index.js.map +1 -1
  74. package/build-module/form-token-field/index.js +11 -1
  75. package/build-module/form-token-field/index.js.map +1 -1
  76. package/build-module/form-token-field/token.js +1 -1
  77. package/build-module/form-token-field/token.js.map +1 -1
  78. package/build-module/index.js +1 -0
  79. package/build-module/index.js.map +1 -1
  80. package/build-module/mobile/bottom-sheet/cell.native.js +2 -2
  81. package/build-module/mobile/bottom-sheet/cell.native.js.map +1 -1
  82. package/build-module/mobile/image/index.native.js +1 -1
  83. package/build-module/mobile/image/index.native.js.map +1 -1
  84. package/build-module/mobile/link-picker/index.native.js +1 -1
  85. package/build-module/mobile/link-picker/index.native.js.map +1 -1
  86. package/build-module/navigation/menu/menu-title-search.js +1 -1
  87. package/build-module/navigation/menu/menu-title-search.js.map +1 -1
  88. package/build-module/palette-edit/index.js +4 -4
  89. package/build-module/palette-edit/index.js.map +1 -1
  90. package/build-style/style-rtl.css +358 -5
  91. package/build-style/style.css +358 -5
  92. package/build-types/box-control/input-control.d.ts.map +1 -1
  93. package/build-types/box-control/utils.d.ts +7 -7
  94. package/build-types/calendar/date-calendar/index.d.ts +11 -0
  95. package/build-types/calendar/date-calendar/index.d.ts.map +1 -0
  96. package/build-types/calendar/date-range-calendar/index.d.ts +14 -0
  97. package/build-types/calendar/date-range-calendar/index.d.ts.map +1 -0
  98. package/build-types/calendar/index.d.ts +4 -0
  99. package/build-types/calendar/index.d.ts.map +1 -0
  100. package/build-types/calendar/stories/date-calendar.story.d.ts +16 -0
  101. package/build-types/calendar/stories/date-calendar.story.d.ts.map +1 -0
  102. package/build-types/calendar/stories/date-range-calendar.story.d.ts +16 -0
  103. package/build-types/calendar/stories/date-range-calendar.story.d.ts.map +1 -0
  104. package/build-types/calendar/test/__utils__/index.d.ts +10 -0
  105. package/build-types/calendar/test/__utils__/index.d.ts.map +1 -0
  106. package/build-types/calendar/test/date-calendar.d.ts +2 -0
  107. package/build-types/calendar/test/date-calendar.d.ts.map +1 -0
  108. package/build-types/calendar/test/date-range-calendar.d.ts +2 -0
  109. package/build-types/calendar/test/date-range-calendar.d.ts.map +1 -0
  110. package/build-types/calendar/types.d.ts +317 -0
  111. package/build-types/calendar/types.d.ts.map +1 -0
  112. package/build-types/calendar/utils/constants.d.ts +52 -0
  113. package/build-types/calendar/utils/constants.d.ts.map +1 -0
  114. package/build-types/calendar/utils/day-cell.d.ts +21 -0
  115. package/build-types/calendar/utils/day-cell.d.ts.map +1 -0
  116. package/build-types/calendar/utils/misc.d.ts +2 -0
  117. package/build-types/calendar/utils/misc.d.ts.map +1 -0
  118. package/build-types/calendar/utils/use-controlled-value.d.ts +27 -0
  119. package/build-types/calendar/utils/use-controlled-value.d.ts.map +1 -0
  120. package/build-types/calendar/utils/use-localization-props.d.ts +64 -0
  121. package/build-types/calendar/utils/use-localization-props.d.ts.map +1 -0
  122. package/build-types/custom-gradient-picker/constants.d.ts +6 -3
  123. package/build-types/custom-gradient-picker/constants.d.ts.map +1 -1
  124. package/build-types/custom-select-control-v2/custom-select.d.ts.map +1 -1
  125. package/build-types/dimension-control/sizes.d.ts +15 -3
  126. package/build-types/dimension-control/sizes.d.ts.map +1 -1
  127. package/build-types/font-size-picker/constants.d.ts +2 -2
  128. package/build-types/font-size-picker/constants.d.ts.map +1 -1
  129. package/build-types/form-file-upload/index.d.ts.map +1 -1
  130. package/build-types/form-token-field/index.d.ts.map +1 -1
  131. package/build-types/index.d.ts +1 -0
  132. package/build-types/index.d.ts.map +1 -1
  133. package/build-types/popover/overlay-middlewares.d.ts +6 -1
  134. package/build-types/popover/overlay-middlewares.d.ts.map +1 -1
  135. package/package.json +21 -20
  136. package/src/box-control/input-control.tsx +14 -5
  137. package/src/calendar/date-calendar/README.md +250 -0
  138. package/src/calendar/date-calendar/index.tsx +55 -0
  139. package/src/calendar/date-range-calendar/README.md +287 -0
  140. package/src/calendar/date-range-calendar/index.tsx +203 -0
  141. package/src/calendar/index.tsx +3 -0
  142. package/src/calendar/stories/date-calendar.story.tsx +221 -0
  143. package/src/calendar/stories/date-range-calendar.story.tsx +230 -0
  144. package/src/calendar/style.scss +431 -0
  145. package/src/calendar/test/__utils__/index.ts +56 -0
  146. package/src/calendar/test/date-calendar.tsx +975 -0
  147. package/src/calendar/test/date-range-calendar.tsx +1701 -0
  148. package/src/calendar/types.ts +342 -0
  149. package/src/calendar/utils/constants.ts +62 -0
  150. package/src/calendar/utils/day-cell.tsx +133 -0
  151. package/src/calendar/utils/misc.ts +3 -0
  152. package/src/calendar/utils/use-controlled-value.ts +61 -0
  153. package/src/calendar/utils/use-localization-props.ts +169 -0
  154. package/src/circular-option-picker/stories/index.story.tsx +2 -2
  155. package/src/custom-gradient-picker/gradient-bar/control-points.tsx +1 -1
  156. package/src/custom-select-control-v2/custom-select.tsx +6 -3
  157. package/src/date-time/date/index.tsx +1 -1
  158. package/src/form-file-upload/index.tsx +6 -12
  159. package/src/form-token-field/index.tsx +12 -1
  160. package/src/form-token-field/token.tsx +1 -1
  161. package/src/index.ts +1 -0
  162. package/src/mobile/bottom-sheet/cell.native.js +2 -2
  163. package/src/mobile/image/index.native.js +1 -1
  164. package/src/mobile/link-picker/index.native.js +1 -1
  165. package/src/navigation/menu/menu-title-search.tsx +1 -1
  166. package/src/palette-edit/index.tsx +4 -4
  167. package/src/select-control/style.scss +0 -6
  168. package/src/style.scss +1 -0
  169. 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":""}