@wordpress/components 23.9.0 → 24.0.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 (279) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/CONTRIBUTING.md +65 -1
  3. package/README.md +1 -3
  4. package/build/autocomplete/autocompleter-ui.js +0 -2
  5. package/build/autocomplete/autocompleter-ui.js.map +1 -1
  6. package/build/autocomplete/index.js +2 -0
  7. package/build/autocomplete/index.js.map +1 -1
  8. package/build/button/index.js +2 -0
  9. package/build/button/index.js.map +1 -1
  10. package/build/card/card-media/component.js +2 -1
  11. package/build/card/card-media/component.js.map +1 -1
  12. package/build/combobox-control/index.js +7 -5
  13. package/build/combobox-control/index.js.map +1 -1
  14. package/build/combobox-control/styles.js +3 -3
  15. package/build/combobox-control/styles.js.map +1 -1
  16. package/build/dimension-control/index.js +1 -1
  17. package/build/dimension-control/index.js.map +1 -1
  18. package/build/draggable/index.js +2 -7
  19. package/build/draggable/index.js.map +1 -1
  20. package/build/form-token-field/index.js +5 -3
  21. package/build/form-token-field/index.js.map +1 -1
  22. package/build/form-token-field/styles.js +3 -3
  23. package/build/form-token-field/styles.js.map +1 -1
  24. package/build/mobile/global-styles-context/index.native.js +13 -1
  25. package/build/mobile/global-styles-context/index.native.js.map +1 -1
  26. package/build/mobile/link-picker/link-picker-results.native.js +3 -1
  27. package/build/mobile/link-picker/link-picker-results.native.js.map +1 -1
  28. package/build/modal/index.js +2 -1
  29. package/build/modal/index.js.map +1 -1
  30. package/build/navigable-container/container.js +39 -19
  31. package/build/navigable-container/container.js.map +1 -1
  32. package/build/navigable-container/index.js.map +1 -1
  33. package/build/navigable-container/menu.js +37 -5
  34. package/build/navigable-container/menu.js.map +1 -1
  35. package/build/navigable-container/tabbable.js +45 -4
  36. package/build/navigable-container/tabbable.js.map +1 -1
  37. package/build/navigable-container/types.js +6 -0
  38. package/build/navigable-container/types.js.map +1 -0
  39. package/build/palette-edit/index.js +34 -12
  40. package/build/palette-edit/index.js.map +1 -1
  41. package/build/sandbox/index.native.js +6 -2
  42. package/build/sandbox/index.native.js.map +1 -1
  43. package/build/slot-fill/bubbles-virtually/fill.js +2 -1
  44. package/build/slot-fill/bubbles-virtually/fill.js.map +1 -1
  45. package/build/slot-fill/bubbles-virtually/slot-fill-provider.js +45 -35
  46. package/build/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
  47. package/build/slot-fill/bubbles-virtually/use-slot.js +11 -26
  48. package/build/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
  49. package/build/slot-fill/fill.js +7 -31
  50. package/build/slot-fill/fill.js.map +1 -1
  51. package/build/slot-fill/index.js.map +1 -1
  52. package/build/slot-fill/provider.js +0 -6
  53. package/build/slot-fill/provider.js.map +1 -1
  54. package/build/slot-fill/slot.js +0 -5
  55. package/build/slot-fill/slot.js.map +1 -1
  56. package/build/tab-panel/index.js.map +1 -1
  57. package/build/theme/color-algorithms.js +1 -1
  58. package/build/theme/color-algorithms.js.map +1 -1
  59. package/build/toolbar/toolbar-button/index.js +1 -2
  60. package/build/toolbar/toolbar-button/index.js.map +1 -1
  61. package/build/toolbar/toolbar-item/index.js +4 -2
  62. package/build/toolbar/toolbar-item/index.js.map +1 -1
  63. package/build/utils/colors-values.js +3 -3
  64. package/build/utils/colors-values.js.map +1 -1
  65. package/build/utils/use-deprecated-props.js +35 -0
  66. package/build/utils/use-deprecated-props.js.map +1 -0
  67. package/build-module/autocomplete/autocompleter-ui.js +1 -3
  68. package/build-module/autocomplete/autocompleter-ui.js.map +1 -1
  69. package/build-module/autocomplete/index.js +3 -3
  70. package/build-module/autocomplete/index.js.map +1 -1
  71. package/build-module/button/index.js +2 -0
  72. package/build-module/button/index.js.map +1 -1
  73. package/build-module/card/card-media/component.js +2 -1
  74. package/build-module/card/card-media/component.js.map +1 -1
  75. package/build-module/combobox-control/index.js +6 -5
  76. package/build-module/combobox-control/index.js.map +1 -1
  77. package/build-module/combobox-control/styles.js +3 -3
  78. package/build-module/combobox-control/styles.js.map +1 -1
  79. package/build-module/dimension-control/index.js +1 -1
  80. package/build-module/dimension-control/index.js.map +1 -1
  81. package/build-module/draggable/index.js +2 -7
  82. package/build-module/draggable/index.js.map +1 -1
  83. package/build-module/form-token-field/index.js +4 -3
  84. package/build-module/form-token-field/index.js.map +1 -1
  85. package/build-module/form-token-field/styles.js +3 -3
  86. package/build-module/form-token-field/styles.js.map +1 -1
  87. package/build-module/mobile/global-styles-context/index.native.js +13 -1
  88. package/build-module/mobile/global-styles-context/index.native.js.map +1 -1
  89. package/build-module/mobile/link-picker/link-picker-results.native.js +3 -1
  90. package/build-module/mobile/link-picker/link-picker-results.native.js.map +1 -1
  91. package/build-module/modal/index.js +2 -1
  92. package/build-module/modal/index.js.map +1 -1
  93. package/build-module/navigable-container/container.js +43 -19
  94. package/build-module/navigable-container/container.js.map +1 -1
  95. package/build-module/navigable-container/index.js +0 -2
  96. package/build-module/navigable-container/index.js.map +1 -1
  97. package/build-module/navigable-container/menu.js +36 -4
  98. package/build-module/navigable-container/menu.js.map +1 -1
  99. package/build-module/navigable-container/tabbable.js +44 -3
  100. package/build-module/navigable-container/tabbable.js.map +1 -1
  101. package/build-module/navigable-container/types.js +2 -0
  102. package/build-module/navigable-container/types.js.map +1 -0
  103. package/build-module/palette-edit/index.js +34 -13
  104. package/build-module/palette-edit/index.js.map +1 -1
  105. package/build-module/sandbox/index.native.js +6 -2
  106. package/build-module/sandbox/index.native.js.map +1 -1
  107. package/build-module/slot-fill/bubbles-virtually/fill.js +2 -1
  108. package/build-module/slot-fill/bubbles-virtually/fill.js.map +1 -1
  109. package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js +46 -36
  110. package/build-module/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
  111. package/build-module/slot-fill/bubbles-virtually/use-slot.js +12 -27
  112. package/build-module/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
  113. package/build-module/slot-fill/fill.js +7 -31
  114. package/build-module/slot-fill/fill.js.map +1 -1
  115. package/build-module/slot-fill/index.js +1 -2
  116. package/build-module/slot-fill/index.js.map +1 -1
  117. package/build-module/slot-fill/provider.js +0 -6
  118. package/build-module/slot-fill/provider.js.map +1 -1
  119. package/build-module/slot-fill/slot.js +0 -5
  120. package/build-module/slot-fill/slot.js.map +1 -1
  121. package/build-module/tab-panel/index.js.map +1 -1
  122. package/build-module/theme/color-algorithms.js +1 -1
  123. package/build-module/theme/color-algorithms.js.map +1 -1
  124. package/build-module/toolbar/toolbar-button/index.js +1 -2
  125. package/build-module/toolbar/toolbar-button/index.js.map +1 -1
  126. package/build-module/toolbar/toolbar-item/index.js +5 -2
  127. package/build-module/toolbar/toolbar-item/index.js.map +1 -1
  128. package/build-module/utils/colors-values.js +3 -3
  129. package/build-module/utils/colors-values.js.map +1 -1
  130. package/build-module/utils/use-deprecated-props.js +25 -0
  131. package/build-module/utils/use-deprecated-props.js.map +1 -0
  132. package/build-style/style-rtl.css +58 -55
  133. package/build-style/style.css +58 -55
  134. package/build-types/autocomplete/autocompleter-ui.d.ts.map +1 -1
  135. package/build-types/autocomplete/index.d.ts.map +1 -1
  136. package/build-types/autocomplete/types.d.ts +2 -18
  137. package/build-types/autocomplete/types.d.ts.map +1 -1
  138. package/build-types/button/deprecated.d.ts +6 -0
  139. package/build-types/button/deprecated.d.ts.map +1 -1
  140. package/build-types/button/index.d.ts.map +1 -1
  141. package/build-types/button/types.d.ts +7 -0
  142. package/build-types/button/types.d.ts.map +1 -1
  143. package/build-types/card/card-media/component.d.ts +2 -1
  144. package/build-types/card/card-media/component.d.ts.map +1 -1
  145. package/build-types/card/stories/index.d.ts +21 -1
  146. package/build-types/card/stories/index.d.ts.map +1 -1
  147. package/build-types/combobox-control/index.d.ts +1 -1
  148. package/build-types/combobox-control/index.d.ts.map +1 -1
  149. package/build-types/combobox-control/stories/index.d.ts.map +1 -1
  150. package/build-types/combobox-control/styles.d.ts +1 -1
  151. package/build-types/combobox-control/types.d.ts +8 -1
  152. package/build-types/combobox-control/types.d.ts.map +1 -1
  153. package/build-types/dimension-control/index.d.ts +1 -1
  154. package/build-types/draggable/index.d.ts.map +1 -1
  155. package/build-types/form-token-field/index.d.ts.map +1 -1
  156. package/build-types/form-token-field/styles.d.ts +1 -1
  157. package/build-types/form-token-field/types.d.ts +8 -1
  158. package/build-types/form-token-field/types.d.ts.map +1 -1
  159. package/build-types/modal/index.d.ts.map +1 -1
  160. package/build-types/navigable-container/container.d.ts +20 -1
  161. package/build-types/navigable-container/container.d.ts.map +1 -1
  162. package/build-types/navigable-container/index.d.ts +5 -2
  163. package/build-types/navigable-container/index.d.ts.map +1 -1
  164. package/build-types/navigable-container/menu.d.ts +45 -11
  165. package/build-types/navigable-container/menu.d.ts.map +1 -1
  166. package/build-types/navigable-container/stories/navigable-menu.d.ts +12 -0
  167. package/build-types/navigable-container/stories/navigable-menu.d.ts.map +1 -0
  168. package/build-types/navigable-container/stories/tabbable-container.d.ts +12 -0
  169. package/build-types/navigable-container/stories/tabbable-container.d.ts.map +1 -0
  170. package/build-types/navigable-container/tabbable.d.ts +52 -9
  171. package/build-types/navigable-container/tabbable.d.ts.map +1 -1
  172. package/build-types/navigable-container/test/navigable-menu.d.ts +2 -0
  173. package/build-types/navigable-container/test/navigable-menu.d.ts.map +1 -0
  174. package/build-types/navigable-container/test/tababble-container.d.ts +2 -0
  175. package/build-types/navigable-container/test/tababble-container.d.ts.map +1 -0
  176. package/build-types/navigable-container/types.d.ts +61 -0
  177. package/build-types/navigable-container/types.d.ts.map +1 -0
  178. package/build-types/navigator/navigator-back-button/component.d.ts +1 -0
  179. package/build-types/navigator/navigator-back-button/component.d.ts.map +1 -1
  180. package/build-types/navigator/navigator-back-button/hook.d.ts +1 -0
  181. package/build-types/navigator/navigator-back-button/hook.d.ts.map +1 -1
  182. package/build-types/navigator/navigator-button/component.d.ts +1 -0
  183. package/build-types/navigator/navigator-button/component.d.ts.map +1 -1
  184. package/build-types/navigator/navigator-button/hook.d.ts +1 -0
  185. package/build-types/navigator/navigator-button/hook.d.ts.map +1 -1
  186. package/build-types/navigator/navigator-to-parent-button/component.d.ts +1 -0
  187. package/build-types/navigator/navigator-to-parent-button/component.d.ts.map +1 -1
  188. package/build-types/palette-edit/index.d.ts +1 -1
  189. package/build-types/palette-edit/index.d.ts.map +1 -1
  190. package/build-types/palette-edit/stories/index.d.ts.map +1 -1
  191. package/build-types/palette-edit/types.d.ts +8 -0
  192. package/build-types/palette-edit/types.d.ts.map +1 -1
  193. package/build-types/slot-fill/bubbles-virtually/fill.d.ts.map +1 -1
  194. package/build-types/slot-fill/bubbles-virtually/slot-fill-provider.d.ts.map +1 -1
  195. package/build-types/slot-fill/bubbles-virtually/use-slot.d.ts.map +1 -1
  196. package/build-types/slot-fill/fill.d.ts +4 -2
  197. package/build-types/slot-fill/fill.d.ts.map +1 -1
  198. package/build-types/slot-fill/index.d.ts +1 -2
  199. package/build-types/slot-fill/index.d.ts.map +1 -1
  200. package/build-types/slot-fill/provider.d.ts +0 -2
  201. package/build-types/slot-fill/provider.d.ts.map +1 -1
  202. package/build-types/slot-fill/slot.d.ts.map +1 -1
  203. package/build-types/toolbar/stories/index.d.ts.map +1 -1
  204. package/build-types/toolbar/toolbar-button/index.d.ts +6 -0
  205. package/build-types/toolbar/toolbar-button/index.d.ts.map +1 -1
  206. package/build-types/toolbar/toolbar-item/index.d.ts +6 -4
  207. package/build-types/toolbar/toolbar-item/index.d.ts.map +1 -1
  208. package/build-types/tree-grid/types.d.ts +7 -0
  209. package/build-types/tree-grid/types.d.ts.map +1 -1
  210. package/build-types/utils/use-deprecated-props.d.ts +9 -0
  211. package/build-types/utils/use-deprecated-props.d.ts.map +1 -0
  212. package/package.json +19 -19
  213. package/src/autocomplete/README.md +78 -52
  214. package/src/autocomplete/autocompleter-ui.tsx +0 -2
  215. package/src/autocomplete/index.tsx +1 -2
  216. package/src/autocomplete/types.ts +3 -19
  217. package/src/button/index.tsx +2 -0
  218. package/src/button/style.scss +13 -6
  219. package/src/button/types.ts +7 -0
  220. package/src/card/card-media/README.md +1 -1
  221. package/src/card/card-media/component.tsx +2 -1
  222. package/src/card/stories/index.tsx +47 -26
  223. package/src/checkbox-control/style.scss +1 -4
  224. package/src/combobox-control/index.tsx +24 -18
  225. package/src/combobox-control/stories/index.tsx +0 -1
  226. package/src/combobox-control/styles.ts +4 -4
  227. package/src/combobox-control/types.ts +8 -1
  228. package/src/custom-gradient-picker/style.scss +2 -2
  229. package/src/dimension-control/index.tsx +1 -1
  230. package/src/draggable/index.tsx +1 -9
  231. package/src/form-toggle/style.scss +1 -5
  232. package/src/form-token-field/index.tsx +7 -3
  233. package/src/form-token-field/styles.ts +4 -4
  234. package/src/form-token-field/types.ts +8 -1
  235. package/src/mobile/global-styles-context/index.native.js +12 -1
  236. package/src/mobile/link-picker/link-picker-results.native.js +3 -0
  237. package/src/modal/index.tsx +6 -1
  238. package/src/modal/style.scss +1 -1
  239. package/src/navigable-container/README.md +24 -13
  240. package/src/navigable-container/{container.js → container.tsx} +57 -27
  241. package/src/navigable-container/{index.js → index.tsx} +0 -1
  242. package/src/navigable-container/menu.tsx +100 -0
  243. package/src/navigable-container/stories/{navigable-menu.js → navigable-menu.tsx} +15 -10
  244. package/src/navigable-container/stories/{tabbable-container.js → tabbable-container.tsx} +15 -6
  245. package/src/navigable-container/tabbable.tsx +92 -0
  246. package/src/navigable-container/test/{navigable-menu.js → navigable-menu.tsx} +3 -1
  247. package/src/navigable-container/test/{tababble-container.js → tababble-container.tsx} +53 -24
  248. package/src/navigable-container/types.ts +76 -0
  249. package/src/palette-edit/index.tsx +45 -7
  250. package/src/palette-edit/stories/index.tsx +4 -0
  251. package/src/palette-edit/types.ts +11 -0
  252. package/src/sandbox/index.native.js +4 -0
  253. package/src/slot-fill/bubbles-virtually/fill.js +2 -1
  254. package/src/slot-fill/bubbles-virtually/slot-fill-provider.js +46 -60
  255. package/src/slot-fill/bubbles-virtually/use-slot.js +14 -41
  256. package/src/slot-fill/fill.js +4 -26
  257. package/src/slot-fill/index.js +1 -3
  258. package/src/slot-fill/provider.js +0 -6
  259. package/src/slot-fill/slot.js +0 -5
  260. package/src/style.scss +6 -0
  261. package/src/tab-panel/index.tsx +1 -1
  262. package/src/theme/color-algorithms.ts +1 -1
  263. package/src/theme/stories/index.tsx +1 -1
  264. package/src/theme/test/color-algorithms.ts +2 -2
  265. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +4 -4
  266. package/src/toolbar/stories/index.tsx +26 -24
  267. package/src/toolbar/toolbar-button/index.tsx +10 -13
  268. package/src/toolbar/toolbar-item/{index.js → index.tsx} +12 -3
  269. package/src/tree-grid/README.md +18 -0
  270. package/src/tree-grid/types.ts +7 -0
  271. package/src/utils/colors-values.js +3 -3
  272. package/src/utils/theme-variables.scss +4 -4
  273. package/src/utils/use-deprecated-props.ts +29 -0
  274. package/tsconfig.json +1 -0
  275. package/tsconfig.tsbuildinfo +1 -1
  276. package/src/CONTRIBUTING.md +0 -78
  277. package/src/README.md +0 -20
  278. package/src/navigable-container/menu.js +0 -62
  279. package/src/navigable-container/tabbable.js +0 -46
@@ -18,11 +18,18 @@ export type ComboboxControlProps = Pick<BaseControlProps, '__nextHasNoMarginBott
18
18
  item: ComboboxControlOption;
19
19
  }) => React.ReactNode;
20
20
  /**
21
- * Start opting into the larger default height that will become the default size in a future version.
21
+ * Deprecated. Use `__next40pxDefaultSize` instead.
22
22
  *
23
23
  * @default false
24
+ * @deprecated
24
25
  */
25
26
  __next36pxDefaultSize?: boolean;
27
+ /**
28
+ * Start opting into the larger default height that will become the default size in a future version.
29
+ *
30
+ * @default false
31
+ */
32
+ __next40pxDefaultSize?: boolean;
26
33
  /**
27
34
  * Show a reset button to clear the input.
28
35
  *
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/combobox-control/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EACd,yBAAyB,GACzB,WAAW,GACX,OAAO,GACP,qBAAqB,GACrB,MAAM,CACR,GAAG;IACH;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAE,IAAI,EAAE;QAClC,IAAI,EAAE,qBAAqB,CAAC;KAC5B,KAAM,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACV;;;;WAIG;QACH,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,oBAAoB,CAAE,OAAO,CAAE,KAAM,IAAI,CAAC;IAC9D;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IAChD;;OAEG;IACH,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/combobox-control/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EACd,yBAAyB,GACzB,WAAW,GACX,OAAO,GACP,qBAAqB,GACrB,MAAM,CACR,GAAG;IACH;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAE,IAAI,EAAE;QAClC,IAAI,EAAE,qBAAqB,CAAC;KAC5B,KAAM,KAAK,CAAC,SAAS,CAAC;IACvB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACV;;;;WAIG;QACH,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,oBAAoB,CAAE,OAAO,CAAE,KAAM,IAAI,CAAC;IAC9D;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IAChD;;OAEG;IACH,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC"}
@@ -6,8 +6,8 @@ import type { DimensionControlProps } from './types';
6
6
  * This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
7
7
  *
8
8
  * ```jsx
9
- * import { useState } from 'react';
10
9
  * import { __experimentalDimensionControl as DimensionControl } from '@wordpress/components';
10
+ * import { useState } from '@wordpress/element';
11
11
  *
12
12
  * export default function MyCustomDimensionControl() {
13
13
  * const [ paddingSize, setPaddingSize ] = useState( '' );
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/draggable/index.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAO9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,SAAS,CAAE,EAC1B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EACT,qBAA6B,EAC7B,cAAc,EACd,SAAS,EACT,YAAY,EACZ,8BAA8B,EAAE,gBAAyB,EACzD,2BAA2B,EAAE,aAAa,GAC1C,EAAE,cAAc,eAoMhB;AAED,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/draggable/index.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAO9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,SAAS,CAAE,EAC1B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EACT,qBAA6B,EAC7B,cAAc,EACd,SAAS,EACT,YAAY,EACZ,8BAA8B,EAAE,gBAAyB,EACzD,2BAA2B,EAAE,aAAa,GAC1C,EAAE,cAAc,eA4LhB;AAED,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAU9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eA0rBzD;AAED,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAW9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eA6rBzD;AAED,eAAe,cAAc,CAAC"}
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  type TokensAndInputWrapperProps = {
3
- __next36pxDefaultSize: boolean;
3
+ __next40pxDefaultSize: boolean;
4
4
  hasTokens: boolean;
5
5
  };
6
6
  export declare const TokensAndInputWrapperFlex: import("@emotion/styled").StyledComponent<import("../flex/types").FlexProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../flex/types").FlexProps> & {
@@ -140,13 +140,20 @@ export interface FormTokenFieldProps extends Pick<ComponentPropsWithRef<'input'>
140
140
  * @default true
141
141
  */
142
142
  __experimentalShowHowTo?: boolean;
143
+ /**
144
+ * Deprecated. Use `__next40pxDefaultSize` instead.
145
+ *
146
+ * @default false
147
+ * @deprecated
148
+ */
149
+ __next36pxDefaultSize?: boolean;
143
150
  /**
144
151
  * Start opting into the larger default height that will become the
145
152
  * default size in a future version.
146
153
  *
147
154
  * @default false
148
155
  */
149
- __next36pxDefaultSize?: boolean;
156
+ __next40pxDefaultSize?: boolean;
150
157
  /**
151
158
  * If true, the select the first matching suggestion when the user presses
152
159
  * the Enter key (or space when tokenizeOnSpace is true).
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form-token-field/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form-token-field/types.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AAoCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAmO1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AAoCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAwO1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}
@@ -1,3 +1,22 @@
1
- declare const _default: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { ForwardedRef } from 'react';
5
+ declare const _default: import("react").ForwardRefExoticComponent<{
6
+ children?: import("react").ReactNode;
7
+ cycle?: boolean | undefined;
8
+ onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
9
+ onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
10
+ } & {
11
+ eventToOffset: (event: KeyboardEvent) => 0 | 1 | -1 | undefined;
12
+ forwardedRef?: ForwardedRef<any> | undefined;
13
+ onlyBrowserTabstops: boolean;
14
+ stopNavigationEvents: boolean;
15
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof {
16
+ children?: import("react").ReactNode;
17
+ cycle?: boolean | undefined;
18
+ onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
19
+ onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
20
+ } | "eventToOffset" | "forwardedRef" | "onlyBrowserTabstops" | "stopNavigationEvents"> & import("react").RefAttributes<HTMLDivElement>>;
2
21
  export default _default;
3
22
  //# sourceMappingURL=container.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/navigable-container/container.js"],"names":[],"mappings":""}
1
+ {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/navigable-container/container.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;AA0L1C,wBAAyD"}
@@ -1,3 +1,6 @@
1
- export { default as NavigableMenu } from "./menu";
2
- export { default as TabbableContainer } from "./tabbable";
1
+ /**
2
+ * Internal Dependencies
3
+ */
4
+ export { default as NavigableMenu } from './menu';
5
+ export { default as TabbableContainer } from './tabbable';
3
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigable-container/index.js"],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigable-container/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,YAAY,CAAC"}
@@ -1,12 +1,46 @@
1
- export function NavigableMenu({ role, orientation, ...rest }: {
2
- [x: string]: any;
3
- role?: string | undefined;
4
- orientation?: string | undefined;
5
- }, ref: any): JSX.Element;
6
- declare const _default: import("react").ForwardRefExoticComponent<Pick<{
7
- [x: string]: any;
8
- role?: string | undefined;
9
- orientation?: string | undefined;
10
- }, string | number> & import("react").RefAttributes<any>>;
11
- export default _default;
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { ForwardedRef } from 'react';
5
+ import type { NavigableMenuProps } from './types';
6
+ export declare function UnforwardedNavigableMenu({ role, orientation, ...rest }: NavigableMenuProps, ref: ForwardedRef<any>): JSX.Element;
7
+ /**
8
+ * A container for a navigable menu.
9
+ *
10
+ * ```jsx
11
+ * import {
12
+ * NavigableMenu,
13
+ * Button,
14
+ * } from '@wordpress/components';
15
+ *
16
+ * function onNavigate( index, target ) {
17
+ * console.log( `Navigates to ${ index }`, target );
18
+ * }
19
+ *
20
+ * const MyNavigableContainer = () => (
21
+ * <div>
22
+ * <span>Navigable Menu:</span>
23
+ * <NavigableMenu onNavigate={ onNavigate } orientation="horizontal">
24
+ * <Button variant="secondary">Item 1</Button>
25
+ * <Button variant="secondary">Item 2</Button>
26
+ * <Button variant="secondary">Item 3</Button>
27
+ * </NavigableMenu>
28
+ * </div>
29
+ * );
30
+ * ```
31
+ */
32
+ export declare const NavigableMenu: import("react").ForwardRefExoticComponent<{
33
+ children?: import("react").ReactNode;
34
+ cycle?: boolean | undefined;
35
+ onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
36
+ onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
37
+ } & {
38
+ orientation?: "both" | "horizontal" | "vertical" | undefined;
39
+ } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | "orientation" | keyof {
40
+ children?: import("react").ReactNode;
41
+ cycle?: boolean | undefined;
42
+ onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
43
+ onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
44
+ }> & import("react").RefAttributes<any>>;
45
+ export default NavigableMenu;
12
46
  //# sourceMappingURL=menu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/navigable-container/menu.js"],"names":[],"mappings":"AAYA;;;;0BA+CC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/navigable-container/menu.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAW1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,wBAAwB,CACvC,EAAE,IAAa,EAAE,WAAwB,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,EACxE,GAAG,EAAE,YAAY,CAAE,GAAG,CAAE,eAoDxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;wCAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { ComponentMeta, ComponentStory } from '@storybook/react';
5
+ /**
6
+ * Internal dependencies
7
+ */
8
+ import { NavigableMenu } from '..';
9
+ declare const meta: ComponentMeta<typeof NavigableMenu>;
10
+ export default meta;
11
+ export declare const Default: ComponentStory<typeof NavigableMenu>;
12
+ //# sourceMappingURL=navigable-menu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navigable-menu.d.ts","sourceRoot":"","sources":["../../../src/navigable-container/stories/navigable-menu.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAa9C,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,aAAa,CA2BzD,CAAC"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { ComponentMeta, ComponentStory } from '@storybook/react';
5
+ /**
6
+ * Internal dependencies
7
+ */
8
+ import { TabbableContainer } from '..';
9
+ declare const meta: ComponentMeta<typeof TabbableContainer>;
10
+ export default meta;
11
+ export declare const Default: ComponentStory<typeof TabbableContainer>;
12
+ //# sourceMappingURL=tabbable-container.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabbable-container.d.ts","sourceRoot":"","sources":["../../../src/navigable-container/stories/tabbable-container.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,iBAAiB,CAalD,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,iBAAiB,CAsB7D,CAAC"}
@@ -1,10 +1,53 @@
1
- export function TabbableContainer({ eventToOffset, ...props }: {
2
- [x: string]: any;
3
- eventToOffset: any;
4
- }, ref: any): JSX.Element;
5
- declare const _default: import("react").ForwardRefExoticComponent<Pick<{
6
- [x: string]: any;
7
- eventToOffset: any;
8
- }, string | number> & import("react").RefAttributes<any>>;
9
- export default _default;
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { ForwardedRef } from 'react';
5
+ import type { TabbableContainerProps } from './types';
6
+ export declare function UnforwardedTabbableContainer({ eventToOffset, ...props }: TabbableContainerProps, ref: ForwardedRef<any>): JSX.Element;
7
+ /**
8
+ * A container for tabbable elements.
9
+ *
10
+ * ```jsx
11
+ * import {
12
+ * TabbableContainer,
13
+ * Button,
14
+ * } from '@wordpress/components';
15
+ *
16
+ * function onNavigate( index, target ) {
17
+ * console.log( `Navigates to ${ index }`, target );
18
+ * }
19
+ *
20
+ * const MyTabbableContainer = () => (
21
+ * <div>
22
+ * <span>Tabbable Container:</span>
23
+ * <TabbableContainer onNavigate={ onNavigate }>
24
+ * <Button variant="secondary" tabIndex="0">
25
+ * Section 1
26
+ * </Button>
27
+ * <Button variant="secondary" tabIndex="0">
28
+ * Section 2
29
+ * </Button>
30
+ * <Button variant="secondary" tabIndex="0">
31
+ * Section 3
32
+ * </Button>
33
+ * <Button variant="secondary" tabIndex="0">
34
+ * Section 4
35
+ * </Button>
36
+ * </TabbableContainer>
37
+ * </div>
38
+ * );
39
+ * ```
40
+ */
41
+ export declare const TabbableContainer: import("react").ForwardRefExoticComponent<{
42
+ children?: import("react").ReactNode;
43
+ cycle?: boolean | undefined;
44
+ onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
45
+ onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
46
+ } & Partial<Pick<import("./types").NavigableContainerProps, "eventToOffset">> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof {
47
+ children?: import("react").ReactNode;
48
+ cycle?: boolean | undefined;
49
+ onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
50
+ onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
51
+ } | "eventToOffset"> & import("react").RefAttributes<any>>;
52
+ export default TabbableContainer;
10
53
  //# sourceMappingURL=tabbable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabbable.d.ts","sourceRoot":"","sources":["../../src/navigable-container/tabbable.js"],"names":[],"mappings":"AAWA;;;0BAgCC"}
1
+ {"version":3,"file":"tabbable.d.ts","sourceRoot":"","sources":["../../src/navigable-container/tabbable.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAW1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,wBAAgB,4BAA4B,CAC3C,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,EACnD,GAAG,EAAE,YAAY,CAAE,GAAG,CAAE,eAmCxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;0DAA6C,CAAC;AAE5E,eAAe,iBAAiB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=navigable-menu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navigable-menu.d.ts","sourceRoot":"","sources":["../../../src/navigable-container/test/navigable-menu.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=tababble-container.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tababble-container.d.ts","sourceRoot":"","sources":["../../../src/navigable-container/test/tababble-container.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,61 @@
1
+ /**
2
+ * External dependencies
3
+ */
4
+ import type { ForwardedRef, ReactNode } from 'react';
5
+ /**
6
+ * Internal dependencies
7
+ */
8
+ import type { WordPressComponentProps } from '../ui/context';
9
+ type BaseProps = {
10
+ /**
11
+ * The component children.
12
+ */
13
+ children?: ReactNode;
14
+ /**
15
+ * A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.
16
+ *
17
+ * @default true
18
+ */
19
+ cycle?: boolean;
20
+ /**
21
+ * A callback invoked on the keydown event.
22
+ */
23
+ onKeyDown?: (event: KeyboardEvent) => void;
24
+ /**
25
+ * A callback invoked when the menu navigates to one of its children passing the index and child as an argument
26
+ */
27
+ onNavigate?: (index: number, focusable: HTMLElement) => void;
28
+ };
29
+ export type NavigableContainerProps = WordPressComponentProps<BaseProps & {
30
+ /**
31
+ * Gets an offset, given an event.
32
+ */
33
+ eventToOffset: (event: KeyboardEvent) => -1 | 0 | 1 | undefined;
34
+ /**
35
+ * The forwarded ref.
36
+ */
37
+ forwardedRef?: ForwardedRef<any>;
38
+ /**
39
+ * Whether to only consider browser tab stops.
40
+ *
41
+ * @default false
42
+ */
43
+ onlyBrowserTabstops: boolean;
44
+ /**
45
+ * Whether to stop navigation events.
46
+ *
47
+ * @default false
48
+ */
49
+ stopNavigationEvents: boolean;
50
+ }, 'div', false>;
51
+ export type NavigableMenuProps = WordPressComponentProps<BaseProps & {
52
+ /**
53
+ * The orientation of the menu.
54
+ *
55
+ * @default 'vertical'
56
+ */
57
+ orientation?: 'vertical' | 'horizontal' | 'both';
58
+ }, 'div', false>;
59
+ export type TabbableContainerProps = WordPressComponentProps<BaseProps & Partial<Pick<NavigableContainerProps, 'eventToOffset'>>, 'div', false>;
60
+ export {};
61
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/navigable-container/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,KAAK,SAAS,GAAG;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,IAAI,CAAC;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,KAAM,IAAI,CAAC;CAC/D,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,uBAAuB,CAC5D,SAAS,GAAG;IACX;;OAEG;IACH,aAAa,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAClE;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAE,GAAG,CAAE,CAAC;IACnC;;;;OAIG;IACH,mBAAmB,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,oBAAoB,EAAE,OAAO,CAAC;CAC9B,EACD,KAAK,EACL,KAAK,CACL,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,CACvD,SAAS,GAAG;IACX;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CACjD,EACD,KAAK,EACL,KAAK,CACL,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,CAC3D,SAAS,GAAG,OAAO,CAAE,IAAI,CAAE,uBAAuB,EAAE,eAAe,CAAE,CAAE,EACvE,KAAK,EACL,KAAK,CACL,CAAC"}
@@ -34,6 +34,7 @@
34
34
  * ```
35
35
  */
36
36
  export declare const NavigatorBackButton: import("../../ui/context").WordPressComponent<"button", {
37
+ __next40pxDefaultSize?: boolean | undefined;
37
38
  children?: import("react").ReactNode;
38
39
  describedBy?: string | undefined;
39
40
  focus?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;6CAG/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;6CAG/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
@@ -5,6 +5,7 @@
5
5
  import { WordPressComponentProps } from '../../ui/context';
6
6
  import type { NavigatorBackButtonHookProps } from '../types';
7
7
  export declare function useNavigatorBackButton(props: WordPressComponentProps<NavigatorBackButtonHookProps, 'button'>): {
8
+ __next40pxDefaultSize?: boolean | undefined;
8
9
  children?: import("react").ReactNode;
9
10
  describedBy?: string | undefined;
10
11
  focus?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAE7D,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,uBAAuB,CAAE,4BAA4B,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BxE"}
1
+ {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAE7D,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,uBAAuB,CAAE,4BAA4B,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BxE"}
@@ -33,6 +33,7 @@
33
33
  * ```
34
34
  */
35
35
  export declare const NavigatorButton: import("../../ui/context").WordPressComponent<"button", {
36
+ __next40pxDefaultSize?: boolean | undefined;
36
37
  children?: import("react").ReactNode;
37
38
  describedBy?: string | undefined;
38
39
  focus?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;6CAG3B,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAG3B,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -5,6 +5,7 @@
5
5
  import { WordPressComponentProps } from '../../ui/context';
6
6
  import type { NavigatorButtonProps } from '../types';
7
7
  export declare function useNavigatorButton(props: WordPressComponentProps<NavigatorButtonProps, 'button'>): {
8
+ __next40pxDefaultSize?: boolean | undefined;
8
9
  children?: import("react").ReactNode;
9
10
  describedBy?: string | undefined;
10
11
  focus?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/hook.ts"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,wBAAgB,kBAAkB,CACjC,KAAK,EAAE,uBAAuB,CAAE,oBAAoB,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkChE"}
1
+ {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/hook.ts"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,wBAAgB,kBAAkB,CACjC,KAAK,EAAE,uBAAuB,CAAE,oBAAoB,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkChE"}
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  export declare const NavigatorToParentButton: import("../../ui/context").WordPressComponent<"button", {
3
+ __next40pxDefaultSize?: boolean | undefined;
3
4
  children?: import("react").ReactNode;
4
5
  describedBy?: string | undefined;
5
6
  focus?: boolean | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-to-parent-button/component.tsx"],"names":[],"mappings":";AA2DA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;6CAGnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-to-parent-button/component.tsx"],"names":[],"mappings":";AA2DA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;6CAGnC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
@@ -32,6 +32,6 @@ export declare function getNameForPosition(elements: PaletteElement[], slugPrefi
32
32
  * };
33
33
  * ```
34
34
  */
35
- export declare function PaletteEdit({ gradients, colors, onChange, paletteLabel, paletteLabelHeadingLevel, emptyMessage, canOnlyChangeValues, canReset, slugPrefix, }: PaletteEditProps): JSX.Element;
35
+ export declare function PaletteEdit({ gradients, colors, onChange, paletteLabel, paletteLabelHeadingLevel, emptyMessage, canOnlyChangeValues, canReset, slugPrefix, popoverProps, }: PaletteEditProps): JSX.Element;
36
36
  export default PaletteEdit;
37
37
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":";AA4CA,OAAO,KAAK,EAOX,gBAAgB,EAChB,cAAc,EACd,MAAM,SAAS,CAAC;AAejB;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM,UAqBlB;AAkOD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAE,EAC5B,SAAS,EACT,MAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,wBAA4B,EAC5B,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,UAAe,GACf,EAAE,gBAAgB,eA4OlB;AAED,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":";AAmDA,OAAO,KAAK,EAOX,gBAAgB,EAChB,cAAc,EACd,MAAM,SAAS,CAAC;AAejB;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM,UAqBlB;AA8PD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAE,EAC5B,SAAS,EACT,MAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,wBAA4B,EAC5B,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,UAAe,EACf,YAAY,GACZ,EAAE,gBAAgB,eA8OlB;AAED,eAAe,WAAW,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/palette-edit/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAQ5C,CAAC;AACF,eAAe,IAAI,CAAC;AA4BpB,eAAO,MAAM,OAAO,oCAAsB,CAAC;AAU3C,eAAO,MAAM,SAAS,oCAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/palette-edit/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAQ5C,CAAC;AACF,eAAe,IAAI,CAAC;AA4BpB,eAAO,MAAM,OAAO,oCAAsB,CAAC;AAc3C,eAAO,MAAM,SAAS,oCAAsB,CAAC"}
@@ -5,6 +5,7 @@ import type { Key, MouseEventHandler } from 'react';
5
5
  /**
6
6
  * Internal dependencies
7
7
  */
8
+ import type Popover from '../popover';
8
9
  import type { HeadingSize } from '../heading/types';
9
10
  export type Color = {
10
11
  color: string;
@@ -53,6 +54,10 @@ export type BasePaletteEdit = {
53
54
  * @default ''
54
55
  */
55
56
  slugPrefix?: string;
57
+ /**
58
+ * Props to pass through to the underlying Popover component.
59
+ */
60
+ popoverProps?: Omit<React.ComponentPropsWithoutRef<typeof Popover>, 'children'>;
56
61
  };
57
62
  type PaletteEditColors = {
58
63
  /**
@@ -83,6 +88,7 @@ export type ColorPickerPopoverProps<T extends Color | Gradient> = {
83
88
  onChange: (newElement: T) => void;
84
89
  isGradient?: T extends Gradient ? true : false;
85
90
  onClose?: () => void;
91
+ popoverProps?: PaletteEditProps['popoverProps'];
86
92
  };
87
93
  export type NameInputProps = {
88
94
  label: string;
@@ -99,6 +105,7 @@ export type OptionProps<T extends Color | Gradient> = {
99
105
  onRemove: MouseEventHandler<HTMLButtonElement>;
100
106
  onStartEditing: () => void;
101
107
  onStopEditing: () => void;
108
+ popoverProps?: PaletteEditProps['popoverProps'];
102
109
  slugPrefix: string;
103
110
  };
104
111
  export type PaletteEditListViewProps<T extends Color | Gradient> = {
@@ -107,6 +114,7 @@ export type PaletteEditListViewProps<T extends Color | Gradient> = {
107
114
  isGradient: T extends Gradient ? true : false;
108
115
  canOnlyChangeValues: PaletteEditProps['canOnlyChangeValues'];
109
116
  editingElement?: EditingElement;
117
+ popoverProps?: PaletteEditProps['popoverProps'];
110
118
  setEditingElement: (newEditingElement?: EditingElement) => void;
111
119
  slugPrefix: string;
112
120
  };
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/palette-edit/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/palette-edit/types.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.js"],"names":[],"mappings":"AA8BA;;;uCAiCC"}
1
+ {"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.js"],"names":[],"mappings":"AA8BA;;;uCAkCC"}
@@ -1 +1 @@
1
- {"version":3,"file":"slot-fill-provider.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.js"],"names":[],"mappings":"AAqGA;;gBAOC"}
1
+ {"version":3,"file":"slot-fill-provider.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.js"],"names":[],"mappings":"AAuFA;;gBAOC"}
@@ -1 +1 @@
1
- {"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/use-slot.js"],"names":[],"mappings":"AAgBA,gDAiDC"}
1
+ {"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/use-slot.js"],"names":[],"mappings":"AAgBA,gDAsBC"}
@@ -1,3 +1,5 @@
1
- export default Fill;
2
- declare function Fill(props: any): JSX.Element;
1
+ export default function Fill({ name, children }: {
2
+ name: any;
3
+ children: any;
4
+ }): null;
3
5
  //# sourceMappingURL=fill.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../src/slot-fill/fill.js"],"names":[],"mappings":";AAiEA,+CAUC"}
1
+ {"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../src/slot-fill/fill.js"],"names":[],"mappings":"AAaA;;;SA0CC"}
@@ -14,6 +14,7 @@ export function createSlotFill(key: any): {
14
14
  __unstableName: any;
15
15
  };
16
16
  };
17
+ export { default as useSlot } from "./bubbles-virtually/use-slot";
17
18
  export { default as useSlotFills } from "./bubbles-virtually/use-slot-fills";
18
19
  export const Slot: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
19
20
  export function createPrivateSlotFill(name: any): {
@@ -28,6 +29,4 @@ export function createPrivateSlotFill(name: any): {
28
29
  };
29
30
  privateKey: symbol;
30
31
  };
31
- export { useSlot };
32
- import useSlot from "./bubbles-virtually/use-slot";
33
32
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slot-fill/index.js"],"names":[],"mappings":"AAkBA,8CAUC;AAQD;;;gBAQC;AAED;;;;;;;;;;EAaC;;AA9BD,iGAKI;AA2BG;;;;;;;;;;;EAKN"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slot-fill/index.js"],"names":[],"mappings":"AAkBA,8CAUC;AAQD;;;gBAQC;AAED;;;;;;;;;;EAaC;;;AA9BD,iGAKI;AA2BG;;;;;;;;;;;EAKN"}