@wordpress/components 25.16.0 → 26.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 (1208) hide show
  1. package/.stylelintrc.js +23 -0
  2. package/CHANGELOG.md +47 -0
  3. package/build/alignment-matrix-control/icon.js +1 -2
  4. package/build/alignment-matrix-control/icon.js.map +1 -1
  5. package/build/alignment-matrix-control/index.js +1 -2
  6. package/build/alignment-matrix-control/index.js.map +1 -1
  7. package/build/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js +4 -8
  8. package/build/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js.map +1 -1
  9. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js +4 -8
  10. package/build/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map +1 -1
  11. package/build/alignment-matrix-control/utils.js +3 -6
  12. package/build/alignment-matrix-control/utils.js.map +1 -1
  13. package/build/angle-picker-control/angle-circle.js +1 -2
  14. package/build/angle-picker-control/angle-circle.js.map +1 -1
  15. package/build/angle-picker-control/index.js +3 -15
  16. package/build/angle-picker-control/index.js.map +1 -1
  17. package/build/angle-picker-control/styles/angle-picker-control-styles.js +9 -27
  18. package/build/angle-picker-control/styles/angle-picker-control-styles.js.map +1 -1
  19. package/build/angle-picker-control/types.js.map +1 -1
  20. package/build/animate/index.js +1 -2
  21. package/build/animate/index.js.map +1 -1
  22. package/build/autocomplete/autocompleter-ui.native.js +1 -2
  23. package/build/autocomplete/autocompleter-ui.native.js.map +1 -1
  24. package/build/autocomplete/background-view.android.js +1 -2
  25. package/build/autocomplete/background-view.android.js.map +1 -1
  26. package/build/autocomplete/background-view.ios.js +1 -2
  27. package/build/autocomplete/background-view.ios.js.map +1 -1
  28. package/build/base-control/index.js +2 -4
  29. package/build/base-control/index.js.map +1 -1
  30. package/build/base-control/styles/base-control-styles.js +5 -10
  31. package/build/base-control/styles/base-control-styles.js.map +1 -1
  32. package/build/border-box-control/border-box-control/component.js +2 -4
  33. package/build/border-box-control/border-box-control/component.js.map +1 -1
  34. package/build/border-box-control/border-box-control/hook.js +2 -2
  35. package/build/border-box-control/border-box-control/hook.js.map +1 -1
  36. package/build/border-box-control/border-box-control-linked-button/component.js +1 -2
  37. package/build/border-box-control/border-box-control-linked-button/component.js.map +1 -1
  38. package/build/border-box-control/border-box-control-linked-button/hook.js +2 -2
  39. package/build/border-box-control/border-box-control-linked-button/hook.js.map +1 -1
  40. package/build/border-box-control/border-box-control-split-controls/component.js +1 -2
  41. package/build/border-box-control/border-box-control-split-controls/component.js.map +1 -1
  42. package/build/border-box-control/border-box-control-split-controls/hook.js +2 -2
  43. package/build/border-box-control/border-box-control-split-controls/hook.js.map +1 -1
  44. package/build/border-box-control/border-box-control-visualizer/component.js +1 -2
  45. package/build/border-box-control/border-box-control-visualizer/component.js.map +1 -1
  46. package/build/border-box-control/border-box-control-visualizer/hook.js +2 -2
  47. package/build/border-box-control/border-box-control-visualizer/hook.js.map +1 -1
  48. package/build/border-box-control/styles.js +3 -6
  49. package/build/border-box-control/styles.js.map +1 -1
  50. package/build/border-control/border-control/component.js +2 -4
  51. package/build/border-control/border-control/component.js.map +1 -1
  52. package/build/border-control/border-control/hook.js +2 -2
  53. package/build/border-control/border-control/hook.js.map +1 -1
  54. package/build/border-control/border-control-dropdown/component.js +1 -2
  55. package/build/border-control/border-control-dropdown/component.js.map +1 -1
  56. package/build/border-control/border-control-dropdown/hook.js +2 -2
  57. package/build/border-control/border-control-dropdown/hook.js.map +1 -1
  58. package/build/border-control/border-control-style-picker/component.js +1 -2
  59. package/build/border-control/border-control-style-picker/component.js.map +1 -1
  60. package/build/border-control/styles.js +7 -14
  61. package/build/border-control/styles.js.map +1 -1
  62. package/build/box-control/index.js +1 -2
  63. package/build/box-control/index.js.map +1 -1
  64. package/build/box-control/styles/box-control-icon-styles.js +6 -12
  65. package/build/box-control/styles/box-control-icon-styles.js.map +1 -1
  66. package/build/box-control/styles/box-control-styles.js +6 -12
  67. package/build/box-control/styles/box-control-styles.js.map +1 -1
  68. package/build/box-control/utils.js +4 -8
  69. package/build/box-control/utils.js.map +1 -1
  70. package/build/button/deprecated.js +1 -2
  71. package/build/button/deprecated.js.map +1 -1
  72. package/build/button/index.js +2 -4
  73. package/build/button/index.js.map +1 -1
  74. package/build/button/index.native.js +1 -3
  75. package/build/button/index.native.js.map +1 -1
  76. package/build/button-group/index.js +2 -4
  77. package/build/button-group/index.js.map +1 -1
  78. package/build/card/card/component.js +4 -6
  79. package/build/card/card/component.js.map +1 -1
  80. package/build/card/card/hook.js +2 -2
  81. package/build/card/card/hook.js.map +1 -1
  82. package/build/card/card-body/component.js +2 -4
  83. package/build/card/card-body/component.js.map +1 -1
  84. package/build/card/card-body/hook.js +2 -2
  85. package/build/card/card-body/hook.js.map +1 -1
  86. package/build/card/card-divider/component.js +2 -4
  87. package/build/card/card-divider/component.js.map +1 -1
  88. package/build/card/card-divider/hook.js +2 -2
  89. package/build/card/card-divider/hook.js.map +1 -1
  90. package/build/card/card-footer/component.js +2 -4
  91. package/build/card/card-footer/component.js.map +1 -1
  92. package/build/card/card-footer/hook.js +2 -2
  93. package/build/card/card-footer/hook.js.map +1 -1
  94. package/build/card/card-header/component.js +2 -4
  95. package/build/card/card-header/component.js.map +1 -1
  96. package/build/card/card-header/hook.js +2 -2
  97. package/build/card/card-header/hook.js.map +1 -1
  98. package/build/card/card-media/component.js +2 -4
  99. package/build/card/card-media/component.js.map +1 -1
  100. package/build/card/card-media/hook.js +2 -2
  101. package/build/card/card-media/hook.js.map +1 -1
  102. package/build/card/context.js +1 -2
  103. package/build/card/context.js.map +1 -1
  104. package/build/card/index.js +2 -2
  105. package/build/card/index.js.map +1 -1
  106. package/build/card/styles.js +14 -28
  107. package/build/card/styles.js.map +1 -1
  108. package/build/checkbox-control/index.js +1 -2
  109. package/build/checkbox-control/index.js.map +1 -1
  110. package/build/checkbox-control/types.js.map +1 -1
  111. package/build/circular-option-picker/circular-option-picker-context.js +1 -2
  112. package/build/circular-option-picker/circular-option-picker-context.js.map +1 -1
  113. package/build/circular-option-picker/circular-option-picker.js +1 -2
  114. package/build/circular-option-picker/circular-option-picker.js.map +1 -1
  115. package/build/circular-option-picker/index.js +1 -2
  116. package/build/circular-option-picker/index.js.map +1 -1
  117. package/build/color-control/index.native.js +1 -2
  118. package/build/color-control/index.native.js.map +1 -1
  119. package/build/color-indicator/index.js +2 -4
  120. package/build/color-indicator/index.js.map +1 -1
  121. package/build/color-indicator/index.native.js +1 -2
  122. package/build/color-indicator/index.native.js.map +1 -1
  123. package/build/color-palette/index.js +2 -4
  124. package/build/color-palette/index.js.map +1 -1
  125. package/build/color-palette/index.native.js +1 -2
  126. package/build/color-palette/index.native.js.map +1 -1
  127. package/build/color-palette/styles.js +1 -2
  128. package/build/color-palette/styles.js.map +1 -1
  129. package/build/color-picker/component.js +2 -4
  130. package/build/color-picker/component.js.map +1 -1
  131. package/build/color-picker/hsv-color-picker.native.js +1 -2
  132. package/build/color-picker/hsv-color-picker.native.js.map +1 -1
  133. package/build/color-picker/hue-picker.native.js +2 -2
  134. package/build/color-picker/hue-picker.native.js.map +1 -1
  135. package/build/color-picker/saturation-picker.native.js +2 -2
  136. package/build/color-picker/saturation-picker.native.js.map +1 -1
  137. package/build/color-picker/styles.js +8 -16
  138. package/build/color-picker/styles.js.map +1 -1
  139. package/build/combobox-control/index.js +2 -3
  140. package/build/combobox-control/index.js.map +1 -1
  141. package/build/combobox-control/styles.js +1 -2
  142. package/build/combobox-control/styles.js.map +1 -1
  143. package/build/composite/current/index.js +43 -0
  144. package/build/composite/current/index.js.map +1 -0
  145. package/build/composite/index.js +10 -24
  146. package/build/composite/index.js.map +1 -1
  147. package/build/composite/legacy/index.js +127 -0
  148. package/build/composite/legacy/index.js.map +1 -0
  149. package/build/composite/v2.js +10 -36
  150. package/build/composite/v2.js.map +1 -1
  151. package/build/confirm-dialog/component.js +6 -6
  152. package/build/confirm-dialog/component.js.map +1 -1
  153. package/build/confirm-dialog/styles.js +1 -2
  154. package/build/confirm-dialog/styles.js.map +1 -1
  155. package/build/context/constants.js +3 -6
  156. package/build/context/constants.js.map +1 -1
  157. package/build/context/context-system-provider.js +2 -4
  158. package/build/context/context-system-provider.js.map +1 -1
  159. package/build/context/get-styled-class-name-from-key.js +1 -2
  160. package/build/context/get-styled-class-name-from-key.js.map +1 -1
  161. package/build/context/wordpress-component.js.map +1 -1
  162. package/build/custom-gradient-picker/constants.js +5 -10
  163. package/build/custom-gradient-picker/constants.js.map +1 -1
  164. package/build/custom-gradient-picker/gradient-bar/constants.js +7 -14
  165. package/build/custom-gradient-picker/gradient-bar/constants.js.map +1 -1
  166. package/build/custom-gradient-picker/gradient-bar/control-points.js +1 -2
  167. package/build/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
  168. package/build/custom-gradient-picker/index.js +2 -17
  169. package/build/custom-gradient-picker/index.js.map +1 -1
  170. package/build/custom-gradient-picker/index.native.js +1 -2
  171. package/build/custom-gradient-picker/index.native.js.map +1 -1
  172. package/build/custom-gradient-picker/styles/custom-gradient-picker-styles.js +2 -4
  173. package/build/custom-gradient-picker/styles/custom-gradient-picker-styles.js.map +1 -1
  174. package/build/custom-gradient-picker/types.js.map +1 -1
  175. package/build/custom-select-control/index.js +1 -1
  176. package/build/custom-select-control/index.js.map +1 -1
  177. package/build/custom-select-control/styles.js +1 -2
  178. package/build/custom-select-control/styles.js.map +1 -1
  179. package/build/custom-select-control-v2/index.js +6 -5
  180. package/build/custom-select-control-v2/index.js.map +1 -1
  181. package/build/custom-select-control-v2/styles.js +6 -10
  182. package/build/custom-select-control-v2/styles.js.map +1 -1
  183. package/build/dashicon/index.js +1 -2
  184. package/build/dashicon/index.js.map +1 -1
  185. package/build/dashicon/index.native.js +3 -4
  186. package/build/dashicon/index.native.js.map +1 -1
  187. package/build/date-time/constants.js +1 -2
  188. package/build/date-time/constants.js.map +1 -1
  189. package/build/date-time/date/index.js +1 -2
  190. package/build/date-time/date/index.js.map +1 -1
  191. package/build/date-time/date/styles.js +6 -12
  192. package/build/date-time/date/styles.js.map +1 -1
  193. package/build/date-time/date-time/index.js +2 -4
  194. package/build/date-time/date-time/index.js.map +1 -1
  195. package/build/date-time/date-time/styles.js +1 -2
  196. package/build/date-time/date-time/styles.js.map +1 -1
  197. package/build/date-time/index.js +1 -2
  198. package/build/date-time/index.js.map +1 -1
  199. package/build/date-time/time/index.js +1 -2
  200. package/build/date-time/time/index.js.map +1 -1
  201. package/build/date-time/time/styles.js +10 -20
  202. package/build/date-time/time/styles.js.map +1 -1
  203. package/build/date-time/time/timezone.js +2 -3
  204. package/build/date-time/time/timezone.js.map +1 -1
  205. package/build/dimension-control/index.js +3 -4
  206. package/build/dimension-control/index.js.map +1 -1
  207. package/build/dimension-control/sizes.js +1 -2
  208. package/build/dimension-control/sizes.js.map +1 -1
  209. package/build/disabled/index.js +1 -2
  210. package/build/disabled/index.js.map +1 -1
  211. package/build/disabled/index.native.js +1 -2
  212. package/build/disabled/index.native.js.map +1 -1
  213. package/build/disabled/styles/disabled-styles.js +1 -2
  214. package/build/disabled/styles/disabled-styles.js.map +1 -1
  215. package/build/disclosure/index.js +4 -6
  216. package/build/disclosure/index.js.map +1 -1
  217. package/build/divider/component.js +4 -6
  218. package/build/divider/component.js.map +1 -1
  219. package/build/divider/styles.js +1 -2
  220. package/build/divider/styles.js.map +1 -1
  221. package/build/draggable/index.js +1 -2
  222. package/build/draggable/index.js.map +1 -1
  223. package/build/draggable/index.native.js +3 -4
  224. package/build/draggable/index.native.js.map +1 -1
  225. package/build/drop-zone/index.js +1 -2
  226. package/build/drop-zone/index.js.map +1 -1
  227. package/build/dropdown/dropdown-content-wrapper.js +2 -4
  228. package/build/dropdown/dropdown-content-wrapper.js.map +1 -1
  229. package/build/dropdown/index.js +2 -4
  230. package/build/dropdown/index.js.map +1 -1
  231. package/build/dropdown/index.native.js +1 -2
  232. package/build/dropdown/index.native.js.map +1 -1
  233. package/build/dropdown/styles.js +1 -2
  234. package/build/dropdown/styles.js.map +1 -1
  235. package/build/dropdown-menu/index.js +2 -4
  236. package/build/dropdown-menu/index.js.map +1 -1
  237. package/build/dropdown-menu/index.native.js +1 -2
  238. package/build/dropdown-menu/index.native.js.map +1 -1
  239. package/build/dropdown-menu-v2/index.js +11 -20
  240. package/build/dropdown-menu-v2/index.js.map +1 -1
  241. package/build/dropdown-menu-v2/styles.js +29 -42
  242. package/build/dropdown-menu-v2/styles.js.map +1 -1
  243. package/build/duotone-picker/color-list-picker/index.js +1 -2
  244. package/build/duotone-picker/color-list-picker/index.js.map +1 -1
  245. package/build/duotone-picker/duotone-picker.js +1 -2
  246. package/build/duotone-picker/duotone-picker.js.map +1 -1
  247. package/build/duotone-picker/duotone-swatch.js +1 -2
  248. package/build/duotone-picker/duotone-swatch.js.map +1 -1
  249. package/build/elevation/component.js +2 -4
  250. package/build/elevation/component.js.map +1 -1
  251. package/build/elevation/hook.js +2 -2
  252. package/build/elevation/hook.js.map +1 -1
  253. package/build/elevation/styles.js +1 -2
  254. package/build/elevation/styles.js.map +1 -1
  255. package/build/external-link/index.js +3 -5
  256. package/build/external-link/index.js.map +1 -1
  257. package/build/external-link/index.native.js +1 -2
  258. package/build/external-link/index.native.js.map +1 -1
  259. package/build/external-link/styles/external-link-styles.js +1 -2
  260. package/build/external-link/styles/external-link-styles.js.map +1 -1
  261. package/build/flex/context.js +1 -2
  262. package/build/flex/context.js.map +1 -1
  263. package/build/flex/flex/component.js +2 -4
  264. package/build/flex/flex/component.js.map +1 -1
  265. package/build/flex/flex/hook.js +2 -2
  266. package/build/flex/flex/hook.js.map +1 -1
  267. package/build/flex/flex-block/component.js +2 -4
  268. package/build/flex/flex-block/component.js.map +1 -1
  269. package/build/flex/flex-item/component.js +2 -4
  270. package/build/flex/flex-item/component.js.map +1 -1
  271. package/build/flex/flex-item/hook.js +2 -2
  272. package/build/flex/flex-item/hook.js.map +1 -1
  273. package/build/flex/index.js +2 -2
  274. package/build/flex/index.js.map +1 -1
  275. package/build/flex/styles.js +5 -10
  276. package/build/flex/styles.js.map +1 -1
  277. package/build/focal-point-picker/index.js +3 -4
  278. package/build/focal-point-picker/index.js.map +1 -1
  279. package/build/focal-point-picker/index.native.js +1 -3
  280. package/build/focal-point-picker/index.native.js.map +1 -1
  281. package/build/focal-point-picker/styles/focal-point-picker-style.js +37 -54
  282. package/build/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
  283. package/build/focal-point-picker/styles/focal-point-style.js +12 -4
  284. package/build/focal-point-picker/styles/focal-point-style.js.map +1 -1
  285. package/build/focal-point-picker/tooltip/index.native.js +1 -2
  286. package/build/focal-point-picker/tooltip/index.native.js.map +1 -1
  287. package/build/focal-point-picker/utils.js +1 -2
  288. package/build/focal-point-picker/utils.js.map +1 -1
  289. package/build/font-size-picker/constants.js +2 -4
  290. package/build/font-size-picker/constants.js.map +1 -1
  291. package/build/font-size-picker/font-size-picker-select.js +1 -2
  292. package/build/font-size-picker/font-size-picker-select.js.map +1 -1
  293. package/build/font-size-picker/font-size-picker-toggle-group.js +2 -4
  294. package/build/font-size-picker/font-size-picker-toggle-group.js.map +1 -1
  295. package/build/font-size-picker/index.js +6 -22
  296. package/build/font-size-picker/index.js.map +1 -1
  297. package/build/font-size-picker/index.native.js +3 -4
  298. package/build/font-size-picker/index.native.js.map +1 -1
  299. package/build/font-size-picker/styles.js +17 -29
  300. package/build/font-size-picker/styles.js.map +1 -1
  301. package/build/font-size-picker/types.js.map +1 -1
  302. package/build/footer-message-control/index.native.js +1 -2
  303. package/build/footer-message-control/index.native.js.map +1 -1
  304. package/build/form-file-upload/index.js +1 -2
  305. package/build/form-file-upload/index.js.map +1 -1
  306. package/build/form-toggle/index.js +1 -2
  307. package/build/form-toggle/index.js.map +1 -1
  308. package/build/form-token-field/index.js +2 -7
  309. package/build/form-token-field/index.js.map +1 -1
  310. package/build/form-token-field/styles.js +1 -2
  311. package/build/form-token-field/styles.js.map +1 -1
  312. package/build/form-token-field/suggestions-list.js +1 -2
  313. package/build/form-token-field/suggestions-list.js.map +1 -1
  314. package/build/form-token-field/token-input.js +2 -4
  315. package/build/form-token-field/token-input.js.map +1 -1
  316. package/build/gradient-picker/index.js +19 -43
  317. package/build/gradient-picker/index.js.map +1 -1
  318. package/build/gradient-picker/types.js.map +1 -1
  319. package/build/grid/component.js +2 -4
  320. package/build/grid/component.js.map +1 -1
  321. package/build/guide/index.js +1 -2
  322. package/build/guide/index.js.map +1 -1
  323. package/build/h-stack/component.js +2 -4
  324. package/build/h-stack/component.js.map +1 -1
  325. package/build/heading/component.js +2 -4
  326. package/build/heading/component.js.map +1 -1
  327. package/build/higher-order/navigate-regions/index.js +1 -2
  328. package/build/higher-order/navigate-regions/index.js.map +1 -1
  329. package/build/higher-order/with-constrained-tabbing/index.js +1 -2
  330. package/build/higher-order/with-constrained-tabbing/index.js.map +1 -1
  331. package/build/higher-order/with-focus-outside/index.js +1 -2
  332. package/build/higher-order/with-focus-outside/index.js.map +1 -1
  333. package/build/higher-order/with-focus-outside/index.native.js +1 -2
  334. package/build/higher-order/with-focus-outside/index.native.js.map +1 -1
  335. package/build/higher-order/with-focus-return/index.js +1 -2
  336. package/build/higher-order/with-focus-return/index.js.map +1 -1
  337. package/build/higher-order/with-notices/index.js +1 -2
  338. package/build/higher-order/with-notices/index.js.map +1 -1
  339. package/build/higher-order/with-spoken-messages/index.js +1 -2
  340. package/build/higher-order/with-spoken-messages/index.js.map +1 -1
  341. package/build/icon/index.js +1 -2
  342. package/build/icon/index.js.map +1 -1
  343. package/build/index.js +2 -2
  344. package/build/index.js.map +1 -1
  345. package/build/index.native.js +2 -2
  346. package/build/index.native.js.map +1 -1
  347. package/build/input-control/backdrop.js +3 -2
  348. package/build/input-control/backdrop.js.map +1 -1
  349. package/build/input-control/index.js +3 -5
  350. package/build/input-control/index.js.map +1 -1
  351. package/build/input-control/input-base.js +4 -3
  352. package/build/input-control/input-base.js.map +1 -1
  353. package/build/input-control/input-field.js +1 -2
  354. package/build/input-control/input-field.js.map +1 -1
  355. package/build/input-control/input-prefix-wrapper.js +2 -4
  356. package/build/input-control/input-prefix-wrapper.js.map +1 -1
  357. package/build/input-control/input-suffix-wrapper.js +2 -4
  358. package/build/input-control/input-suffix-wrapper.js.map +1 -1
  359. package/build/input-control/reducer/actions.js +11 -22
  360. package/build/input-control/reducer/actions.js.map +1 -1
  361. package/build/input-control/reducer/reducer.js +2 -2
  362. package/build/input-control/reducer/reducer.js.map +1 -1
  363. package/build/input-control/reducer/state.js +1 -2
  364. package/build/input-control/reducer/state.js.map +1 -1
  365. package/build/input-control/styles/input-control-styles.js +32 -37
  366. package/build/input-control/styles/input-control-styles.js.map +1 -1
  367. package/build/input-control/types.js.map +1 -1
  368. package/build/isolated-event-container/index.js +1 -2
  369. package/build/isolated-event-container/index.js.map +1 -1
  370. package/build/item-group/context.js +1 -2
  371. package/build/item-group/context.js.map +1 -1
  372. package/build/item-group/item/component.js +2 -4
  373. package/build/item-group/item/component.js.map +1 -1
  374. package/build/item-group/item/hook.js +2 -2
  375. package/build/item-group/item/hook.js.map +1 -1
  376. package/build/item-group/item-group/component.js +2 -4
  377. package/build/item-group/item-group/component.js.map +1 -1
  378. package/build/item-group/item-group/hook.js +2 -2
  379. package/build/item-group/item-group/hook.js.map +1 -1
  380. package/build/item-group/styles.js +13 -20
  381. package/build/item-group/styles.js.map +1 -1
  382. package/build/keyboard-shortcuts/index.js +1 -2
  383. package/build/keyboard-shortcuts/index.js.map +1 -1
  384. package/build/keyboard-shortcuts/index.native.js +1 -2
  385. package/build/keyboard-shortcuts/index.native.js.map +1 -1
  386. package/build/menu-group/index.js +1 -2
  387. package/build/menu-group/index.js.map +1 -1
  388. package/build/menu-item/index.js +2 -4
  389. package/build/menu-item/index.js.map +1 -1
  390. package/build/menu-items-choice/index.js +1 -2
  391. package/build/menu-items-choice/index.js.map +1 -1
  392. package/build/mobile/audio-player/index.native.js +1 -2
  393. package/build/mobile/audio-player/index.native.js.map +1 -1
  394. package/build/mobile/badge/index.native.js +1 -2
  395. package/build/mobile/badge/index.native.js.map +1 -1
  396. package/build/mobile/bottom-sheet/bottom-sheet-context.native.js +1 -2
  397. package/build/mobile/bottom-sheet/bottom-sheet-context.native.js.map +1 -1
  398. package/build/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js +1 -2
  399. package/build/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js.map +1 -1
  400. package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js +3 -4
  401. package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js.map +1 -1
  402. package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js +1 -2
  403. package/build/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map +1 -1
  404. package/build/mobile/bottom-sheet/button.native.js +1 -2
  405. package/build/mobile/bottom-sheet/button.native.js.map +1 -1
  406. package/build/mobile/bottom-sheet/cell.native.js +1 -2
  407. package/build/mobile/bottom-sheet/cell.native.js.map +1 -1
  408. package/build/mobile/bottom-sheet/chevron-back.native.js +1 -2
  409. package/build/mobile/bottom-sheet/chevron-back.native.js.map +1 -1
  410. package/build/mobile/bottom-sheet/footer-message-cell.native.js +1 -2
  411. package/build/mobile/bottom-sheet/footer-message-cell.native.js.map +1 -1
  412. package/build/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js +1 -2
  413. package/build/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js.map +1 -1
  414. package/build/mobile/bottom-sheet/index.native.js +1 -2
  415. package/build/mobile/bottom-sheet/index.native.js.map +1 -1
  416. package/build/mobile/bottom-sheet/keyboard-avoiding-view.native.js +1 -2
  417. package/build/mobile/bottom-sheet/keyboard-avoiding-view.native.js.map +1 -1
  418. package/build/mobile/bottom-sheet/link-suggestion-item-cell.native.js +1 -2
  419. package/build/mobile/bottom-sheet/link-suggestion-item-cell.native.js.map +1 -1
  420. package/build/mobile/bottom-sheet/nav-bar/action-button.native.js +1 -2
  421. package/build/mobile/bottom-sheet/nav-bar/action-button.native.js.map +1 -1
  422. package/build/mobile/bottom-sheet/nav-bar/apply-button.native.js +1 -2
  423. package/build/mobile/bottom-sheet/nav-bar/apply-button.native.js.map +1 -1
  424. package/build/mobile/bottom-sheet/nav-bar/back-button.native.js +1 -2
  425. package/build/mobile/bottom-sheet/nav-bar/back-button.native.js.map +1 -1
  426. package/build/mobile/bottom-sheet/nav-bar/heading.native.js +1 -2
  427. package/build/mobile/bottom-sheet/nav-bar/heading.native.js.map +1 -1
  428. package/build/mobile/bottom-sheet/nav-bar/index.native.js +1 -2
  429. package/build/mobile/bottom-sheet/nav-bar/index.native.js.map +1 -1
  430. package/build/mobile/bottom-sheet/range-cell.native.js +1 -2
  431. package/build/mobile/bottom-sheet/range-cell.native.js.map +1 -1
  432. package/build/mobile/bottom-sheet/range-text-input.native.js +1 -2
  433. package/build/mobile/bottom-sheet/range-text-input.native.js.map +1 -1
  434. package/build/mobile/bottom-sheet/ripple.native.js +1 -2
  435. package/build/mobile/bottom-sheet/ripple.native.js.map +1 -1
  436. package/build/mobile/bottom-sheet/stepper-cell/index.native.js +1 -2
  437. package/build/mobile/bottom-sheet/stepper-cell/index.native.js.map +1 -1
  438. package/build/mobile/bottom-sheet/stepper-cell/stepper.android.js +1 -2
  439. package/build/mobile/bottom-sheet/stepper-cell/stepper.android.js.map +1 -1
  440. package/build/mobile/bottom-sheet/stepper-cell/stepper.ios.js +1 -2
  441. package/build/mobile/bottom-sheet/stepper-cell/stepper.ios.js.map +1 -1
  442. package/build/mobile/bottom-sheet/sub-sheet/index.native.js +1 -2
  443. package/build/mobile/bottom-sheet/sub-sheet/index.native.js.map +1 -1
  444. package/build/mobile/bottom-sheet-select-control/index.native.js +1 -2
  445. package/build/mobile/bottom-sheet-select-control/index.native.js.map +1 -1
  446. package/build/mobile/bottom-sheet-text-control/index.native.js +1 -2
  447. package/build/mobile/bottom-sheet-text-control/index.native.js.map +1 -1
  448. package/build/mobile/color-settings/gradient-picker-screen.native.js +1 -2
  449. package/build/mobile/color-settings/gradient-picker-screen.native.js.map +1 -1
  450. package/build/mobile/color-settings/index.native.js +1 -2
  451. package/build/mobile/color-settings/index.native.js.map +1 -1
  452. package/build/mobile/color-settings/palette.screen.native.js +1 -2
  453. package/build/mobile/color-settings/palette.screen.native.js.map +1 -1
  454. package/build/mobile/color-settings/picker-screen.native.js +1 -2
  455. package/build/mobile/color-settings/picker-screen.native.js.map +1 -1
  456. package/build/mobile/color-settings/utils.native.js +1 -2
  457. package/build/mobile/color-settings/utils.native.js.map +1 -1
  458. package/build/mobile/cycle-select-control/index.native.js +1 -2
  459. package/build/mobile/cycle-select-control/index.native.js.map +1 -1
  460. package/build/mobile/dashicons/index.native.js +3 -6
  461. package/build/mobile/dashicons/index.native.js.map +1 -1
  462. package/build/mobile/focal-point-settings-panel/index.native.js +1 -2
  463. package/build/mobile/focal-point-settings-panel/index.native.js.map +1 -1
  464. package/build/mobile/global-styles-context/index.native.js +1 -2
  465. package/build/mobile/global-styles-context/index.native.js.map +1 -1
  466. package/build/mobile/global-styles-context/utils.native.js +1 -2
  467. package/build/mobile/global-styles-context/utils.native.js.map +1 -1
  468. package/build/mobile/gradient/index.native.js +1 -2
  469. package/build/mobile/gradient/index.native.js.map +1 -1
  470. package/build/mobile/gridicons/index.native.js +8 -16
  471. package/build/mobile/gridicons/index.native.js.map +1 -1
  472. package/build/mobile/html-text-input/index.native.js +1 -2
  473. package/build/mobile/html-text-input/index.native.js.map +1 -1
  474. package/build/mobile/image/constants.js +1 -2
  475. package/build/mobile/image/constants.js.map +1 -1
  476. package/build/mobile/image/icon-customize.native.js +1 -2
  477. package/build/mobile/image/icon-customize.native.js.map +1 -1
  478. package/build/mobile/image/icon-retry.native.js +1 -2
  479. package/build/mobile/image/icon-retry.native.js.map +1 -1
  480. package/build/mobile/image/image-editing-button.native.js +1 -2
  481. package/build/mobile/image/image-editing-button.native.js.map +1 -1
  482. package/build/mobile/image/index.native.js +81 -7
  483. package/build/mobile/image/index.native.js.map +1 -1
  484. package/build/mobile/keyboard-avoiding-view/index.android.js +2 -4
  485. package/build/mobile/keyboard-avoiding-view/index.android.js.map +1 -1
  486. package/build/mobile/keyboard-avoiding-view/index.ios.js +1 -2
  487. package/build/mobile/keyboard-avoiding-view/index.ios.js.map +1 -1
  488. package/build/mobile/keyboard-aware-flat-list/index.android.js +1 -2
  489. package/build/mobile/keyboard-aware-flat-list/index.android.js.map +1 -1
  490. package/build/mobile/keyboard-aware-flat-list/index.ios.js +1 -2
  491. package/build/mobile/keyboard-aware-flat-list/index.ios.js.map +1 -1
  492. package/build/mobile/link-picker/link-picker-screen.native.js +1 -2
  493. package/build/mobile/link-picker/link-picker-screen.native.js.map +1 -1
  494. package/build/mobile/link-settings/index.native.js +1 -2
  495. package/build/mobile/link-settings/index.native.js.map +1 -1
  496. package/build/mobile/link-settings/link-rel.native.js +1 -2
  497. package/build/mobile/link-settings/link-rel.native.js.map +1 -1
  498. package/build/mobile/link-settings/link-settings-navigation.native.js +1 -2
  499. package/build/mobile/link-settings/link-settings-navigation.native.js.map +1 -1
  500. package/build/mobile/link-settings/link-settings-screen.native.js +1 -2
  501. package/build/mobile/link-settings/link-settings-screen.native.js.map +1 -1
  502. package/build/mobile/media-edit/index.native.js +3 -6
  503. package/build/mobile/media-edit/index.native.js.map +1 -1
  504. package/build/mobile/picker/index.ios.js +1 -2
  505. package/build/mobile/picker/index.ios.js.map +1 -1
  506. package/build/mobile/segmented-control/index.native.js +1 -2
  507. package/build/mobile/segmented-control/index.native.js.map +1 -1
  508. package/build/mobile/utils/alignments.native.js +3 -6
  509. package/build/mobile/utils/alignments.native.js.map +1 -1
  510. package/build/mobile/utils/get-px-from-css-unit.native.js +1 -2
  511. package/build/mobile/utils/get-px-from-css-unit.native.js.map +1 -1
  512. package/build/modal/index.js +4 -6
  513. package/build/modal/index.js.map +1 -1
  514. package/build/navigable-container/container.js +1 -2
  515. package/build/navigable-container/container.js.map +1 -1
  516. package/build/navigable-container/menu.js +2 -4
  517. package/build/navigable-container/menu.js.map +1 -1
  518. package/build/navigable-container/tabbable.js +2 -4
  519. package/build/navigable-container/tabbable.js.map +1 -1
  520. package/build/navigation/back-button/index.js +2 -4
  521. package/build/navigation/back-button/index.js.map +1 -1
  522. package/build/navigation/constants.js +2 -4
  523. package/build/navigation/constants.js.map +1 -1
  524. package/build/navigation/context.js +1 -2
  525. package/build/navigation/context.js.map +1 -1
  526. package/build/navigation/group/context.js +1 -2
  527. package/build/navigation/group/context.js.map +1 -1
  528. package/build/navigation/group/index.js +1 -2
  529. package/build/navigation/group/index.js.map +1 -1
  530. package/build/navigation/index.js +1 -2
  531. package/build/navigation/index.js.map +1 -1
  532. package/build/navigation/item/index.js +1 -2
  533. package/build/navigation/item/index.js.map +1 -1
  534. package/build/navigation/menu/context.js +1 -2
  535. package/build/navigation/menu/context.js.map +1 -1
  536. package/build/navigation/menu/index.js +1 -2
  537. package/build/navigation/menu/index.js.map +1 -1
  538. package/build/navigation/menu/menu-title-search.js +5 -8
  539. package/build/navigation/menu/menu-title-search.js.map +1 -1
  540. package/build/navigation/styles/navigation-styles.js +34 -47
  541. package/build/navigation/styles/navigation-styles.js.map +1 -1
  542. package/build/navigator/context.js +1 -2
  543. package/build/navigator/context.js.map +1 -1
  544. package/build/navigator/navigator-back-button/component.js +2 -4
  545. package/build/navigator/navigator-back-button/component.js.map +1 -1
  546. package/build/navigator/navigator-button/component.js +2 -4
  547. package/build/navigator/navigator-button/component.js.map +1 -1
  548. package/build/navigator/navigator-provider/component.js +4 -6
  549. package/build/navigator/navigator-provider/component.js.map +1 -1
  550. package/build/navigator/navigator-screen/component.js +4 -6
  551. package/build/navigator/navigator-screen/component.js.map +1 -1
  552. package/build/navigator/navigator-to-parent-button/component.js +2 -4
  553. package/build/navigator/navigator-to-parent-button/component.js.map +1 -1
  554. package/build/navigator/styles.js +1 -2
  555. package/build/navigator/styles.js.map +1 -1
  556. package/build/navigator/use-navigator.js +1 -2
  557. package/build/navigator/use-navigator.js.map +1 -1
  558. package/build/notice/index.js +1 -2
  559. package/build/notice/index.js.map +1 -1
  560. package/build/notice/index.native.js +1 -2
  561. package/build/notice/index.native.js.map +1 -1
  562. package/build/notice/list.js +1 -2
  563. package/build/notice/list.js.map +1 -1
  564. package/build/notice/list.native.js +1 -2
  565. package/build/notice/list.native.js.map +1 -1
  566. package/build/number-control/index.js +5 -7
  567. package/build/number-control/index.js.map +1 -1
  568. package/build/number-control/styles/number-control-styles.js +3 -6
  569. package/build/number-control/styles/number-control-styles.js.map +1 -1
  570. package/build/palette-edit/index.js +11 -17
  571. package/build/palette-edit/index.js.map +1 -1
  572. package/build/palette-edit/styles.js +50 -51
  573. package/build/palette-edit/styles.js.map +1 -1
  574. package/build/panel/actions.native.js +1 -2
  575. package/build/panel/actions.native.js.map +1 -1
  576. package/build/panel/body.js +2 -4
  577. package/build/panel/body.js.map +1 -1
  578. package/build/panel/body.native.js +1 -2
  579. package/build/panel/body.native.js.map +1 -1
  580. package/build/panel/bottom-separator-cover.native.js +1 -2
  581. package/build/panel/bottom-separator-cover.native.js.map +1 -1
  582. package/build/panel/header.js +1 -2
  583. package/build/panel/header.js.map +1 -1
  584. package/build/panel/index.js +2 -4
  585. package/build/panel/index.js.map +1 -1
  586. package/build/panel/row.js +2 -4
  587. package/build/panel/row.js.map +1 -1
  588. package/build/placeholder/index.js +1 -2
  589. package/build/placeholder/index.js.map +1 -1
  590. package/build/popover/index.js +5 -6
  591. package/build/popover/index.js.map +1 -1
  592. package/build/popover/types.js.map +1 -1
  593. package/build/private-apis.js +1 -2
  594. package/build/private-apis.js.map +1 -1
  595. package/build/private-apis.native.js +1 -2
  596. package/build/private-apis.native.js.map +1 -1
  597. package/build/progress-bar/index.js +4 -6
  598. package/build/progress-bar/index.js.map +1 -1
  599. package/build/progress-bar/styles.js +4 -8
  600. package/build/progress-bar/styles.js.map +1 -1
  601. package/build/query-controls/index.js +5 -6
  602. package/build/query-controls/index.js.map +1 -1
  603. package/build/query-controls/index.native.js +4 -5
  604. package/build/query-controls/index.native.js.map +1 -1
  605. package/build/radio-control/index.js +1 -2
  606. package/build/radio-control/index.js.map +1 -1
  607. package/build/radio-control/index.native.js +1 -2
  608. package/build/radio-control/index.native.js.map +1 -1
  609. package/build/radio-group/context.js +1 -2
  610. package/build/radio-group/context.js.map +1 -1
  611. package/build/radio-group/index.js +4 -6
  612. package/build/radio-group/index.js.map +1 -1
  613. package/build/radio-group/radio.js +4 -6
  614. package/build/radio-group/radio.js.map +1 -1
  615. package/build/range-control/index.js +2 -4
  616. package/build/range-control/index.js.map +1 -1
  617. package/build/range-control/index.native.js +1 -2
  618. package/build/range-control/index.native.js.map +1 -1
  619. package/build/range-control/input-range.js +1 -2
  620. package/build/range-control/input-range.js.map +1 -1
  621. package/build/range-control/styles/range-control-styles.js +15 -30
  622. package/build/range-control/styles/range-control-styles.js.map +1 -1
  623. package/build/resizable-box/index.js +2 -4
  624. package/build/resizable-box/index.js.map +1 -1
  625. package/build/resizable-box/index.native.js +1 -2
  626. package/build/resizable-box/index.native.js.map +1 -1
  627. package/build/resizable-box/resize-tooltip/index.js +1 -2
  628. package/build/resizable-box/resize-tooltip/index.js.map +1 -1
  629. package/build/resizable-box/resize-tooltip/label.js +1 -2
  630. package/build/resizable-box/resize-tooltip/label.js.map +1 -1
  631. package/build/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js +9 -12
  632. package/build/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js.map +1 -1
  633. package/build/resizable-box/resize-tooltip/utils.js +1 -2
  634. package/build/resizable-box/resize-tooltip/utils.js.map +1 -1
  635. package/build/responsive-wrapper/index.js +1 -2
  636. package/build/responsive-wrapper/index.js.map +1 -1
  637. package/build/sandbox/index.js +1 -2
  638. package/build/sandbox/index.js.map +1 -1
  639. package/build/sandbox/index.native.js +1 -2
  640. package/build/sandbox/index.native.js.map +1 -1
  641. package/build/scroll-lock/index.js +1 -2
  642. package/build/scroll-lock/index.js.map +1 -1
  643. package/build/scrollable/component.js +2 -4
  644. package/build/scrollable/component.js.map +1 -1
  645. package/build/scrollable/hook.js +2 -2
  646. package/build/scrollable/hook.js.map +1 -1
  647. package/build/scrollable/styles.js +7 -14
  648. package/build/scrollable/styles.js.map +1 -1
  649. package/build/search-control/index.js +68 -60
  650. package/build/search-control/index.js.map +1 -1
  651. package/build/search-control/index.native.js +1 -2
  652. package/build/search-control/index.native.js.map +1 -1
  653. package/build/search-control/styles.js +37 -0
  654. package/build/search-control/styles.js.map +1 -0
  655. package/build/search-control/types.js.map +1 -1
  656. package/build/select-control/chevron-down.js +1 -2
  657. package/build/select-control/chevron-down.js.map +1 -1
  658. package/build/select-control/index.js +3 -5
  659. package/build/select-control/index.js.map +1 -1
  660. package/build/select-control/index.native.js +2 -4
  661. package/build/select-control/index.native.js.map +1 -1
  662. package/build/select-control/styles/select-control-styles.js +4 -8
  663. package/build/select-control/styles/select-control-styles.js.map +1 -1
  664. package/build/shortcut/index.js +1 -2
  665. package/build/shortcut/index.js.map +1 -1
  666. package/build/slot-fill/bubbles-virtually/slot-fill-context.js +1 -2
  667. package/build/slot-fill/bubbles-virtually/slot-fill-context.js.map +1 -1
  668. package/build/slot-fill/bubbles-virtually/slot.js +1 -2
  669. package/build/slot-fill/bubbles-virtually/slot.js.map +1 -1
  670. package/build/slot-fill/context.js +2 -4
  671. package/build/slot-fill/context.js.map +1 -1
  672. package/build/slot-fill/index.js +1 -2
  673. package/build/slot-fill/index.js.map +1 -1
  674. package/build/slot-fill/provider.js +1 -2
  675. package/build/slot-fill/provider.js.map +1 -1
  676. package/build/slot-fill/slot.js +1 -2
  677. package/build/slot-fill/slot.js.map +1 -1
  678. package/build/slot-fill/use-slot.js +1 -2
  679. package/build/slot-fill/use-slot.js.map +1 -1
  680. package/build/snackbar/index.js +19 -9
  681. package/build/snackbar/index.js.map +1 -1
  682. package/build/snackbar/list.js +1 -2
  683. package/build/snackbar/list.js.map +1 -1
  684. package/build/spacer/component.js +2 -4
  685. package/build/spacer/component.js.map +1 -1
  686. package/build/spinner/index.js +2 -4
  687. package/build/spinner/index.js.map +1 -1
  688. package/build/spinner/styles.js +3 -6
  689. package/build/spinner/styles.js.map +1 -1
  690. package/build/style-provider/index.js +3 -4
  691. package/build/style-provider/index.js.map +1 -1
  692. package/build/surface/component.js +2 -4
  693. package/build/surface/component.js.map +1 -1
  694. package/build/surface/hook.js +2 -2
  695. package/build/surface/hook.js.map +1 -1
  696. package/build/surface/styles.js +5 -10
  697. package/build/surface/styles.js.map +1 -1
  698. package/build/tab-panel/index.js +4 -6
  699. package/build/tab-panel/index.js.map +1 -1
  700. package/build/tabs/context.js +1 -2
  701. package/build/tabs/context.js.map +1 -1
  702. package/build/tabs/index.js +23 -20
  703. package/build/tabs/index.js.map +1 -1
  704. package/build/tabs/styles.js +5 -8
  705. package/build/tabs/styles.js.map +1 -1
  706. package/build/tabs/tab.js +1 -2
  707. package/build/tabs/tab.js.map +1 -1
  708. package/build/tabs/tablist.js +25 -4
  709. package/build/tabs/tablist.js.map +1 -1
  710. package/build/tabs/tabpanel.js +1 -2
  711. package/build/tabs/tabpanel.js.map +1 -1
  712. package/build/text/component.js +2 -4
  713. package/build/text/component.js.map +1 -1
  714. package/build/text/hook.js +2 -2
  715. package/build/text/hook.js.map +1 -1
  716. package/build/text/index.native.js +1 -2
  717. package/build/text/index.native.js.map +1 -1
  718. package/build/text/styles/emotion-css.native.js +1 -2
  719. package/build/text/styles/emotion-css.native.js.map +1 -1
  720. package/build/text/styles/font-family.native.js +1 -2
  721. package/build/text/styles/font-family.native.js.map +1 -1
  722. package/build/text/styles.js +7 -14
  723. package/build/text/styles.js.map +1 -1
  724. package/build/text-control/index.js +2 -4
  725. package/build/text-control/index.js.map +1 -1
  726. package/build/text-control/index.native.js +1 -2
  727. package/build/text-control/index.native.js.map +1 -1
  728. package/build/text-highlight/index.js +1 -2
  729. package/build/text-highlight/index.js.map +1 -1
  730. package/build/textarea-control/index.js +2 -4
  731. package/build/textarea-control/index.js.map +1 -1
  732. package/build/textarea-control/index.native.js +1 -2
  733. package/build/textarea-control/index.native.js.map +1 -1
  734. package/build/textarea-control/styles/textarea-control-styles.js +1 -2
  735. package/build/textarea-control/styles/textarea-control-styles.js.map +1 -1
  736. package/build/theme/index.js +1 -2
  737. package/build/theme/index.js.map +1 -1
  738. package/build/theme/styles.js +1 -2
  739. package/build/theme/styles.js.map +1 -1
  740. package/build/tip/index.js +1 -2
  741. package/build/tip/index.js.map +1 -1
  742. package/build/toggle-control/index.js +1 -2
  743. package/build/toggle-control/index.js.map +1 -1
  744. package/build/toggle-control/index.native.js +1 -2
  745. package/build/toggle-control/index.native.js.map +1 -1
  746. package/build/toggle-group-control/context.js +1 -2
  747. package/build/toggle-group-control/context.js.map +1 -1
  748. package/build/toggle-group-control/toggle-group-control/as-button-group.js +1 -2
  749. package/build/toggle-group-control/toggle-group-control/as-button-group.js.map +1 -1
  750. package/build/toggle-group-control/toggle-group-control/as-radio-group.js +3 -4
  751. package/build/toggle-group-control/toggle-group-control/as-radio-group.js.map +1 -1
  752. package/build/toggle-group-control/toggle-group-control/component.js +7 -8
  753. package/build/toggle-group-control/toggle-group-control/component.js.map +1 -1
  754. package/build/toggle-group-control/toggle-group-control/styles.js +2 -4
  755. package/build/toggle-group-control/toggle-group-control/styles.js.map +1 -1
  756. package/build/toggle-group-control/toggle-group-control-option/component.js +2 -4
  757. package/build/toggle-group-control/toggle-group-control-option/component.js.map +1 -1
  758. package/build/toggle-group-control/toggle-group-control-option-base/component.js +3 -4
  759. package/build/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
  760. package/build/toggle-group-control/toggle-group-control-option-base/styles.js +4 -8
  761. package/build/toggle-group-control/toggle-group-control-option-base/styles.js.map +1 -1
  762. package/build/toggle-group-control/toggle-group-control-option-icon/component.js +2 -4
  763. package/build/toggle-group-control/toggle-group-control-option-icon/component.js.map +1 -1
  764. package/build/toolbar/toolbar/index.js +2 -4
  765. package/build/toolbar/toolbar/index.js.map +1 -1
  766. package/build/toolbar/toolbar/toolbar-container.js +4 -6
  767. package/build/toolbar/toolbar/toolbar-container.js.map +1 -1
  768. package/build/toolbar/toolbar/toolbar-container.native.js +1 -2
  769. package/build/toolbar/toolbar/toolbar-container.native.js.map +1 -1
  770. package/build/toolbar/toolbar-button/index.js +2 -4
  771. package/build/toolbar/toolbar-button/index.js.map +1 -1
  772. package/build/toolbar/toolbar-button/toolbar-button-container.js +1 -2
  773. package/build/toolbar/toolbar-button/toolbar-button-container.js.map +1 -1
  774. package/build/toolbar/toolbar-context/index.js +1 -2
  775. package/build/toolbar/toolbar-context/index.js.map +1 -1
  776. package/build/toolbar/toolbar-dropdown-menu/index.js +1 -2
  777. package/build/toolbar/toolbar-dropdown-menu/index.js.map +1 -1
  778. package/build/toolbar/toolbar-group/index.js +1 -2
  779. package/build/toolbar/toolbar-group/index.js.map +1 -1
  780. package/build/toolbar/toolbar-group/toolbar-group-collapsed.js +1 -2
  781. package/build/toolbar/toolbar-group/toolbar-group-collapsed.js.map +1 -1
  782. package/build/toolbar/toolbar-group/toolbar-group-collapsed.native.js +1 -2
  783. package/build/toolbar/toolbar-group/toolbar-group-collapsed.native.js.map +1 -1
  784. package/build/toolbar/toolbar-group/toolbar-group-container.js +1 -2
  785. package/build/toolbar/toolbar-group/toolbar-group-container.js.map +1 -1
  786. package/build/toolbar/toolbar-group/toolbar-group-container.native.js +1 -2
  787. package/build/toolbar/toolbar-group/toolbar-group-container.native.js.map +1 -1
  788. package/build/toolbar/toolbar-item/index.js +3 -4
  789. package/build/toolbar/toolbar-item/index.js.map +1 -1
  790. package/build/toolbar/toolbar-item/index.native.js +1 -2
  791. package/build/toolbar/toolbar-item/index.native.js.map +1 -1
  792. package/build/tools-panel/context.js +1 -2
  793. package/build/tools-panel/context.js.map +1 -1
  794. package/build/tools-panel/styles.js +8 -16
  795. package/build/tools-panel/styles.js.map +1 -1
  796. package/build/tools-panel/tools-panel/component.js +2 -4
  797. package/build/tools-panel/tools-panel/component.js.map +1 -1
  798. package/build/tools-panel/tools-panel/hook.js +2 -2
  799. package/build/tools-panel/tools-panel/hook.js.map +1 -1
  800. package/build/tools-panel/tools-panel-header/component.js +1 -2
  801. package/build/tools-panel/tools-panel-header/component.js.map +1 -1
  802. package/build/tools-panel/tools-panel-header/hook.js +2 -2
  803. package/build/tools-panel/tools-panel-header/hook.js.map +1 -1
  804. package/build/tools-panel/tools-panel-item/component.js +2 -4
  805. package/build/tools-panel/tools-panel-item/component.js.map +1 -1
  806. package/build/tools-panel/tools-panel-item/hook.js +2 -2
  807. package/build/tools-panel/tools-panel-item/hook.js.map +1 -1
  808. package/build/tooltip/index.js +5 -8
  809. package/build/tooltip/index.js.map +1 -1
  810. package/build/tooltip/index.native.js +1 -2
  811. package/build/tooltip/index.native.js.map +1 -1
  812. package/build/tree-grid/cell.js +2 -4
  813. package/build/tree-grid/cell.js.map +1 -1
  814. package/build/tree-grid/index.js +2 -4
  815. package/build/tree-grid/index.js.map +1 -1
  816. package/build/tree-grid/item.js +2 -4
  817. package/build/tree-grid/item.js.map +1 -1
  818. package/build/tree-grid/roving-tab-index-context.js +1 -2
  819. package/build/tree-grid/roving-tab-index-context.js.map +1 -1
  820. package/build/tree-grid/roving-tab-index-item.js +2 -4
  821. package/build/tree-grid/roving-tab-index-item.js.map +1 -1
  822. package/build/tree-grid/row.js +2 -4
  823. package/build/tree-grid/row.js.map +1 -1
  824. package/build/tree-select/index.js +2 -3
  825. package/build/tree-select/index.js.map +1 -1
  826. package/build/truncate/component.js +2 -4
  827. package/build/truncate/component.js.map +1 -1
  828. package/build/truncate/hook.js +2 -2
  829. package/build/truncate/hook.js.map +1 -1
  830. package/build/truncate/styles.js +1 -2
  831. package/build/truncate/styles.js.map +1 -1
  832. package/build/truncate/utils.js +3 -6
  833. package/build/truncate/utils.js.map +1 -1
  834. package/build/unit-control/index.js +3 -5
  835. package/build/unit-control/index.js.map +1 -1
  836. package/build/unit-control/index.native.js +1 -2
  837. package/build/unit-control/index.native.js.map +1 -1
  838. package/build/unit-control/styles/unit-control-styles.js +3 -6
  839. package/build/unit-control/styles/unit-control-styles.js.map +1 -1
  840. package/build/unit-control/unit-select-control.js +1 -2
  841. package/build/unit-control/unit-select-control.js.map +1 -1
  842. package/build/unit-control/utils.js +3 -6
  843. package/build/unit-control/utils.js.map +1 -1
  844. package/build/utils/base-label.js +1 -2
  845. package/build/utils/base-label.js.map +1 -1
  846. package/build/utils/box-sizing.js +1 -2
  847. package/build/utils/box-sizing.js.map +1 -1
  848. package/build/utils/breakpoint-values.js +1 -2
  849. package/build/utils/breakpoint-values.js.map +1 -1
  850. package/build/utils/colors-values.js +44 -24
  851. package/build/utils/colors-values.js.map +1 -1
  852. package/build/utils/config-values.js +1 -2
  853. package/build/utils/config-values.js.map +1 -1
  854. package/build/utils/font-size.js +3 -6
  855. package/build/utils/font-size.js.map +1 -1
  856. package/build/utils/font-values.js +1 -2
  857. package/build/utils/font-values.js.map +1 -1
  858. package/build/utils/hooks/use-controlled-state.js +1 -2
  859. package/build/utils/hooks/use-controlled-state.js.map +1 -1
  860. package/build/utils/hooks/use-update-effect.js +2 -3
  861. package/build/utils/hooks/use-update-effect.js.map +1 -1
  862. package/build/utils/input/base.js +2 -4
  863. package/build/utils/input/base.js.map +1 -1
  864. package/build/utils/input/input-control.js +1 -2
  865. package/build/utils/input/input-control.js.map +1 -1
  866. package/build/utils/use-deprecated-props.js +1 -15
  867. package/build/utils/use-deprecated-props.js.map +1 -1
  868. package/build/utils/use-responsive-value.js +2 -3
  869. package/build/utils/use-responsive-value.js.map +1 -1
  870. package/build/v-stack/component.js +2 -4
  871. package/build/v-stack/component.js.map +1 -1
  872. package/build/view/component.js +2 -4
  873. package/build/view/component.js.map +1 -1
  874. package/build/visually-hidden/component.js +2 -4
  875. package/build/visually-hidden/component.js.map +1 -1
  876. package/build/visually-hidden/styles.js +1 -2
  877. package/build/visually-hidden/styles.js.map +1 -1
  878. package/build/z-stack/component.js +2 -4
  879. package/build/z-stack/component.js.map +1 -1
  880. package/build/z-stack/styles.js +2 -4
  881. package/build/z-stack/styles.js.map +1 -1
  882. package/build-module/angle-picker-control/index.js +3 -13
  883. package/build-module/angle-picker-control/index.js.map +1 -1
  884. package/build-module/angle-picker-control/styles/angle-picker-control-styles.js +5 -17
  885. package/build-module/angle-picker-control/styles/angle-picker-control-styles.js.map +1 -1
  886. package/build-module/angle-picker-control/types.js.map +1 -1
  887. package/build-module/button/index.native.js +0 -1
  888. package/build-module/button/index.native.js.map +1 -1
  889. package/build-module/checkbox-control/types.js.map +1 -1
  890. package/build-module/combobox-control/index.js +1 -2
  891. package/build-module/combobox-control/index.js.map +1 -1
  892. package/build-module/composite/current/index.js +15 -0
  893. package/build-module/composite/current/index.js.map +1 -0
  894. package/build-module/composite/index.js +6 -15
  895. package/build-module/composite/index.js.map +1 -1
  896. package/build-module/composite/legacy/index.js +117 -0
  897. package/build-module/composite/legacy/index.js.map +1 -0
  898. package/build-module/composite/v2.js +3 -13
  899. package/build-module/composite/v2.js.map +1 -1
  900. package/build-module/confirm-dialog/component.js +2 -0
  901. package/build-module/confirm-dialog/component.js.map +1 -1
  902. package/build-module/context/wordpress-component.js.map +1 -1
  903. package/build-module/custom-gradient-picker/index.js +2 -15
  904. package/build-module/custom-gradient-picker/index.js.map +1 -1
  905. package/build-module/custom-gradient-picker/types.js.map +1 -1
  906. package/build-module/custom-select-control/index.js +1 -1
  907. package/build-module/custom-select-control/index.js.map +1 -1
  908. package/build-module/custom-select-control-v2/index.js +3 -1
  909. package/build-module/custom-select-control-v2/index.js.map +1 -1
  910. package/build-module/date-time/time/timezone.js +1 -1
  911. package/build-module/date-time/time/timezone.js.map +1 -1
  912. package/build-module/dropdown-menu-v2/styles.js +14 -14
  913. package/build-module/dropdown-menu-v2/styles.js.map +1 -1
  914. package/build-module/external-link/index.js +1 -1
  915. package/build-module/focal-point-picker/index.js +2 -2
  916. package/build-module/focal-point-picker/index.js.map +1 -1
  917. package/build-module/focal-point-picker/index.native.js +0 -1
  918. package/build-module/focal-point-picker/index.native.js.map +1 -1
  919. package/build-module/focal-point-picker/styles/focal-point-picker-style.js +29 -37
  920. package/build-module/focal-point-picker/styles/focal-point-picker-style.js.map +1 -1
  921. package/build-module/focal-point-picker/styles/focal-point-style.js +10 -2
  922. package/build-module/focal-point-picker/styles/focal-point-style.js.map +1 -1
  923. package/build-module/font-size-picker/font-size-picker-toggle-group.js +1 -2
  924. package/build-module/font-size-picker/font-size-picker-toggle-group.js.map +1 -1
  925. package/build-module/font-size-picker/index.js +3 -17
  926. package/build-module/font-size-picker/index.js.map +1 -1
  927. package/build-module/font-size-picker/styles.js +14 -20
  928. package/build-module/font-size-picker/styles.js.map +1 -1
  929. package/build-module/font-size-picker/types.js.map +1 -1
  930. package/build-module/form-token-field/index.js +1 -6
  931. package/build-module/form-token-field/index.js.map +1 -1
  932. package/build-module/form-token-field/suggestions-list.js +0 -1
  933. package/build-module/form-token-field/suggestions-list.js.map +1 -1
  934. package/build-module/gradient-picker/index.js +18 -41
  935. package/build-module/gradient-picker/index.js.map +1 -1
  936. package/build-module/gradient-picker/types.js.map +1 -1
  937. package/build-module/input-control/backdrop.js +2 -0
  938. package/build-module/input-control/backdrop.js.map +1 -1
  939. package/build-module/input-control/index.js +1 -1
  940. package/build-module/input-control/index.js.map +1 -1
  941. package/build-module/input-control/input-base.js +6 -4
  942. package/build-module/input-control/input-base.js.map +1 -1
  943. package/build-module/input-control/styles/input-control-styles.js +25 -23
  944. package/build-module/input-control/styles/input-control-styles.js.map +1 -1
  945. package/build-module/input-control/types.js.map +1 -1
  946. package/build-module/isolated-event-container/index.js +0 -1
  947. package/build-module/isolated-event-container/index.js.map +1 -1
  948. package/build-module/item-group/styles.js +10 -10
  949. package/build-module/item-group/styles.js.map +1 -1
  950. package/build-module/mobile/image/index.native.js +83 -8
  951. package/build-module/mobile/image/index.native.js.map +1 -1
  952. package/build-module/navigation/menu/menu-title-search.js +4 -6
  953. package/build-module/navigation/menu/menu-title-search.js.map +1 -1
  954. package/build-module/navigation/styles/navigation-styles.js +23 -24
  955. package/build-module/navigation/styles/navigation-styles.js.map +1 -1
  956. package/build-module/number-control/index.js +1 -1
  957. package/build-module/number-control/index.js.map +1 -1
  958. package/build-module/palette-edit/index.js +10 -15
  959. package/build-module/palette-edit/index.js.map +1 -1
  960. package/build-module/palette-edit/styles.js +43 -33
  961. package/build-module/palette-edit/styles.js.map +1 -1
  962. package/build-module/popover/index.js +2 -0
  963. package/build-module/popover/index.js.map +1 -1
  964. package/build-module/popover/types.js.map +1 -1
  965. package/build-module/query-controls/index.js +5 -5
  966. package/build-module/query-controls/index.js.map +1 -1
  967. package/build-module/query-controls/index.native.js +4 -4
  968. package/build-module/query-controls/index.native.js.map +1 -1
  969. package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js +4 -4
  970. package/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js.map +1 -1
  971. package/build-module/search-control/index.js +67 -57
  972. package/build-module/search-control/index.js.map +1 -1
  973. package/build-module/search-control/styles.js +29 -0
  974. package/build-module/search-control/styles.js.map +1 -0
  975. package/build-module/search-control/types.js.map +1 -1
  976. package/build-module/select-control/index.js +1 -1
  977. package/build-module/select-control/index.js.map +1 -1
  978. package/build-module/snackbar/index.js +18 -6
  979. package/build-module/snackbar/index.js.map +1 -1
  980. package/build-module/tabs/index.js +21 -17
  981. package/build-module/tabs/index.js.map +1 -1
  982. package/build-module/tabs/tablist.js +22 -0
  983. package/build-module/tabs/tablist.js.map +1 -1
  984. package/build-module/tree-select/index.js +1 -1
  985. package/build-module/tree-select/index.js.map +1 -1
  986. package/build-module/unit-control/index.js +1 -1
  987. package/build-module/unit-control/index.js.map +1 -1
  988. package/build-module/utils/colors-values.js +42 -19
  989. package/build-module/utils/colors-values.js.map +1 -1
  990. package/build-module/utils/hooks/use-update-effect.js +1 -1
  991. package/build-module/utils/hooks/use-update-effect.js.map +1 -1
  992. package/build-module/utils/use-deprecated-props.js +1 -13
  993. package/build-module/utils/use-deprecated-props.js.map +1 -1
  994. package/build-module/utils/use-responsive-value.js +2 -3
  995. package/build-module/utils/use-responsive-value.js.map +1 -1
  996. package/build-style/style-rtl.css +22 -109
  997. package/build-style/style.css +22 -109
  998. package/build-types/angle-picker-control/index.d.ts +0 -1
  999. package/build-types/angle-picker-control/index.d.ts.map +1 -1
  1000. package/build-types/angle-picker-control/styles/angle-picker-control-styles.d.ts +0 -6
  1001. package/build-types/angle-picker-control/styles/angle-picker-control-styles.d.ts.map +1 -1
  1002. package/build-types/angle-picker-control/types.d.ts +2 -0
  1003. package/build-types/angle-picker-control/types.d.ts.map +1 -1
  1004. package/build-types/button/stories/e2e/index.story.d.ts.map +1 -1
  1005. package/build-types/card/stories/index.story.d.ts +2 -2
  1006. package/build-types/checkbox-control/stories/index.story.d.ts +11 -0
  1007. package/build-types/checkbox-control/stories/index.story.d.ts.map +1 -1
  1008. package/build-types/checkbox-control/types.d.ts +2 -3
  1009. package/build-types/checkbox-control/types.d.ts.map +1 -1
  1010. package/build-types/color-palette/styles.d.ts +1 -1
  1011. package/build-types/combobox-control/index.d.ts.map +1 -1
  1012. package/build-types/composite/current/index.d.ts +12 -0
  1013. package/build-types/composite/current/index.d.ts.map +1 -0
  1014. package/build-types/composite/current/stories/index.story.d.ts +13 -0
  1015. package/build-types/composite/current/stories/index.story.d.ts.map +1 -0
  1016. package/build-types/composite/current/stories/utils.d.ts +15 -0
  1017. package/build-types/composite/current/stories/utils.d.ts.map +1 -0
  1018. package/build-types/composite/index.d.ts +1 -14
  1019. package/build-types/composite/index.d.ts.map +1 -1
  1020. package/build-types/composite/legacy/index.d.ts +84 -0
  1021. package/build-types/composite/legacy/index.d.ts.map +1 -0
  1022. package/build-types/composite/legacy/stories/index.story.d.ts +12 -0
  1023. package/build-types/composite/legacy/stories/index.story.d.ts.map +1 -0
  1024. package/build-types/composite/legacy/stories/utils.d.ts +15 -0
  1025. package/build-types/composite/legacy/stories/utils.d.ts.map +1 -0
  1026. package/build-types/composite/legacy/test/index.d.ts.map +1 -0
  1027. package/build-types/composite/v2.d.ts +1 -11
  1028. package/build-types/composite/v2.d.ts.map +1 -1
  1029. package/build-types/confirm-dialog/component.d.ts.map +1 -1
  1030. package/build-types/custom-gradient-picker/index.d.ts +1 -3
  1031. package/build-types/custom-gradient-picker/index.d.ts.map +1 -1
  1032. package/build-types/custom-gradient-picker/types.d.ts +2 -0
  1033. package/build-types/custom-gradient-picker/types.d.ts.map +1 -1
  1034. package/build-types/custom-select-control/index.d.ts.map +1 -1
  1035. package/build-types/custom-select-control/styles.d.ts +2 -2
  1036. package/build-types/custom-select-control-v2/index.d.ts.map +1 -1
  1037. package/build-types/custom-select-control-v2/stories/index.story.d.ts.map +1 -1
  1038. package/build-types/custom-select-control-v2/test/index.d.ts +2 -0
  1039. package/build-types/custom-select-control-v2/test/index.d.ts.map +1 -0
  1040. package/build-types/date-time/date/styles.d.ts +1 -1
  1041. package/build-types/dropdown-menu-v2/stories/index.story.d.ts.map +1 -1
  1042. package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts.map +1 -1
  1043. package/build-types/focal-point-picker/styles/focal-point-style.d.ts.map +1 -1
  1044. package/build-types/font-size-picker/font-size-picker-toggle-group.d.ts.map +1 -1
  1045. package/build-types/font-size-picker/index.d.ts.map +1 -1
  1046. package/build-types/font-size-picker/stories/index.story.d.ts.map +1 -1
  1047. package/build-types/font-size-picker/styles.d.ts +0 -6
  1048. package/build-types/font-size-picker/styles.d.ts.map +1 -1
  1049. package/build-types/font-size-picker/types.d.ts +3 -1
  1050. package/build-types/font-size-picker/types.d.ts.map +1 -1
  1051. package/build-types/form-token-field/index.d.ts.map +1 -1
  1052. package/build-types/gradient-picker/index.d.ts +1 -4
  1053. package/build-types/gradient-picker/index.d.ts.map +1 -1
  1054. package/build-types/gradient-picker/stories/index.story.d.ts.map +1 -1
  1055. package/build-types/gradient-picker/types.d.ts +2 -0
  1056. package/build-types/gradient-picker/types.d.ts.map +1 -1
  1057. package/build-types/heading/component.d.ts +1 -1
  1058. package/build-types/input-control/backdrop.d.ts +2 -1
  1059. package/build-types/input-control/backdrop.d.ts.map +1 -1
  1060. package/build-types/input-control/index.d.ts.map +1 -1
  1061. package/build-types/input-control/input-base.d.ts +1 -3
  1062. package/build-types/input-control/input-base.d.ts.map +1 -1
  1063. package/build-types/input-control/styles/input-control-styles.d.ts +1 -0
  1064. package/build-types/input-control/styles/input-control-styles.d.ts.map +1 -1
  1065. package/build-types/input-control/types.d.ts +7 -1
  1066. package/build-types/input-control/types.d.ts.map +1 -1
  1067. package/build-types/item-group/styles.d.ts.map +1 -1
  1068. package/build-types/navigation/styles/navigation-styles.d.ts +5 -12
  1069. package/build-types/navigation/styles/navigation-styles.d.ts.map +1 -1
  1070. package/build-types/number-control/index.d.ts.map +1 -1
  1071. package/build-types/palette-edit/index.d.ts.map +1 -1
  1072. package/build-types/palette-edit/stories/index.story.d.ts.map +1 -1
  1073. package/build-types/palette-edit/styles.d.ts +15 -21
  1074. package/build-types/palette-edit/styles.d.ts.map +1 -1
  1075. package/build-types/popover/index.d.ts.map +1 -1
  1076. package/build-types/popover/types.d.ts +9 -0
  1077. package/build-types/popover/types.d.ts.map +1 -1
  1078. package/build-types/progress-bar/stories/index.story.d.ts.map +1 -1
  1079. package/build-types/search-control/index.d.ts +4 -9
  1080. package/build-types/search-control/index.d.ts.map +1 -1
  1081. package/build-types/search-control/stories/index.story.d.ts +2 -18
  1082. package/build-types/search-control/stories/index.story.d.ts.map +1 -1
  1083. package/build-types/search-control/styles.d.ts +10 -0
  1084. package/build-types/search-control/styles.d.ts.map +1 -0
  1085. package/build-types/search-control/test/index.d.ts +2 -0
  1086. package/build-types/search-control/test/index.d.ts.map +1 -0
  1087. package/build-types/search-control/types.d.ts +34 -18
  1088. package/build-types/search-control/types.d.ts.map +1 -1
  1089. package/build-types/select-control/index.d.ts.map +1 -1
  1090. package/build-types/snackbar/index.d.ts.map +1 -1
  1091. package/build-types/tabs/index.d.ts.map +1 -1
  1092. package/build-types/tabs/stories/index.story.d.ts.map +1 -1
  1093. package/build-types/tabs/tablist.d.ts.map +1 -1
  1094. package/build-types/theme/stories/index.story.d.ts.map +1 -1
  1095. package/build-types/tree-select/index.d.ts.map +1 -1
  1096. package/build-types/unit-control/index.d.ts.map +1 -1
  1097. package/build-types/utils/colors-values.d.ts +28 -1
  1098. package/build-types/utils/colors-values.d.ts.map +1 -1
  1099. package/build-types/utils/hooks/use-update-effect.d.ts +1 -1
  1100. package/build-types/utils/use-deprecated-props.d.ts +1 -5
  1101. package/build-types/utils/use-deprecated-props.d.ts.map +1 -1
  1102. package/package.json +19 -20
  1103. package/src/angle-picker-control/README.md +0 -8
  1104. package/src/angle-picker-control/index.tsx +4 -23
  1105. package/src/angle-picker-control/stories/index.story.tsx +0 -3
  1106. package/src/angle-picker-control/styles/angle-picker-control-styles.tsx +0 -18
  1107. package/src/angle-picker-control/types.ts +2 -0
  1108. package/src/button/stories/e2e/index.story.tsx +6 -0
  1109. package/src/button/style.scss +17 -5
  1110. package/src/card/test/__snapshots__/index.tsx.snap +3 -3
  1111. package/src/checkbox-control/README.md +1 -2
  1112. package/src/checkbox-control/stories/index.story.tsx +44 -0
  1113. package/src/checkbox-control/test/index.tsx +2 -2
  1114. package/src/checkbox-control/types.ts +2 -3
  1115. package/src/combobox-control/index.tsx +1 -4
  1116. package/src/composite/current/index.ts +22 -0
  1117. package/src/composite/current/stories/index.story.tsx +86 -0
  1118. package/src/composite/current/stories/utils.tsx +61 -0
  1119. package/src/composite/index.ts +6 -21
  1120. package/src/composite/legacy/index.tsx +191 -0
  1121. package/src/composite/legacy/stories/index.story.tsx +205 -0
  1122. package/src/composite/legacy/stories/utils.tsx +67 -0
  1123. package/src/composite/legacy/test/index.tsx +579 -0
  1124. package/src/composite/v2.ts +3 -21
  1125. package/src/confirm-dialog/component.tsx +2 -0
  1126. package/src/context/wordpress-component.ts +1 -1
  1127. package/src/custom-gradient-picker/index.tsx +1 -22
  1128. package/src/custom-gradient-picker/stories/index.story.tsx +0 -3
  1129. package/src/custom-gradient-picker/style.scss +0 -7
  1130. package/src/custom-gradient-picker/types.ts +2 -0
  1131. package/src/custom-select-control/index.js +1 -5
  1132. package/src/custom-select-control-v2/index.tsx +2 -0
  1133. package/src/custom-select-control-v2/stories/index.story.tsx +1 -0
  1134. package/src/custom-select-control-v2/test/index.tsx +219 -0
  1135. package/src/date-time/time/timezone.tsx +1 -1
  1136. package/src/dimension-control/test/__snapshots__/index.test.js.snap +16 -16
  1137. package/src/divider/README.md +1 -1
  1138. package/src/dropdown-menu-v2/stories/index.story.tsx +1 -0
  1139. package/src/dropdown-menu-v2/styles.ts +1 -1
  1140. package/src/focal-point-picker/index.tsx +2 -2
  1141. package/src/focal-point-picker/styles/focal-point-picker-style.ts +26 -10
  1142. package/src/focal-point-picker/styles/focal-point-style.ts +21 -7
  1143. package/src/font-size-picker/README.md +0 -8
  1144. package/src/font-size-picker/font-size-picker-toggle-group.tsx +2 -9
  1145. package/src/font-size-picker/index.tsx +3 -21
  1146. package/src/font-size-picker/stories/index.story.tsx +0 -1
  1147. package/src/font-size-picker/styles.ts +0 -7
  1148. package/src/font-size-picker/test/index.tsx +16 -99
  1149. package/src/font-size-picker/types.ts +3 -1
  1150. package/src/form-token-field/index.tsx +1 -4
  1151. package/src/gradient-picker/README.md +0 -8
  1152. package/src/gradient-picker/index.tsx +32 -56
  1153. package/src/gradient-picker/stories/index.story.tsx +0 -1
  1154. package/src/gradient-picker/types.ts +2 -0
  1155. package/src/guide/style.scss +1 -1
  1156. package/src/input-control/backdrop.tsx +6 -1
  1157. package/src/input-control/index.tsx +1 -5
  1158. package/src/input-control/input-base.tsx +14 -7
  1159. package/src/input-control/styles/input-control-styles.tsx +6 -3
  1160. package/src/input-control/types.ts +10 -1
  1161. package/src/item-group/styles.ts +1 -4
  1162. package/src/mobile/image/index.native.js +117 -12
  1163. package/src/mobile/image/style.native.scss +6 -0
  1164. package/src/modal/style.scss +1 -1
  1165. package/src/navigation/menu/menu-title-search.tsx +6 -6
  1166. package/src/navigation/styles/navigation-styles.tsx +5 -27
  1167. package/src/number-control/index.tsx +1 -5
  1168. package/src/palette-edit/index.tsx +18 -16
  1169. package/src/palette-edit/stories/index.story.tsx +1 -0
  1170. package/src/palette-edit/{styles.js → styles.ts} +56 -13
  1171. package/src/palette-edit/test/index.tsx +2 -2
  1172. package/src/placeholder/style.scss +6 -5
  1173. package/src/popover/index.tsx +2 -0
  1174. package/src/popover/style.scss +1 -0
  1175. package/src/popover/test/index.tsx +250 -0
  1176. package/src/popover/types.ts +9 -0
  1177. package/src/progress-bar/stories/index.story.tsx +1 -0
  1178. package/src/query-controls/index.native.js +4 -4
  1179. package/src/query-controls/index.tsx +5 -5
  1180. package/src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.ts +3 -3
  1181. package/src/search-control/README.md +23 -3
  1182. package/src/search-control/index.tsx +88 -70
  1183. package/src/search-control/stories/index.story.tsx +1 -1
  1184. package/src/search-control/styles.ts +42 -0
  1185. package/src/search-control/test/index.tsx +107 -0
  1186. package/src/search-control/types.ts +37 -22
  1187. package/src/select-control/index.tsx +1 -5
  1188. package/src/snackbar/index.tsx +19 -6
  1189. package/src/style.scss +0 -1
  1190. package/src/tabs/index.tsx +31 -27
  1191. package/src/tabs/stories/index.story.tsx +1 -0
  1192. package/src/tabs/tablist.tsx +19 -0
  1193. package/src/tabs/test/index.tsx +105 -49
  1194. package/src/theme/stories/index.story.tsx +1 -0
  1195. package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +8 -8
  1196. package/src/toolbar/toolbar-button/README.md +2 -2
  1197. package/src/toolbar/toolbar-dropdown-menu/README.md +2 -2
  1198. package/src/toolbar/toolbar-item/README.md +2 -2
  1199. package/src/tree-select/index.tsx +1 -5
  1200. package/src/unit-control/index.tsx +1 -5
  1201. package/src/utils/colors-values.js +45 -23
  1202. package/src/utils/hooks/use-update-effect.js +1 -1
  1203. package/src/utils/use-deprecated-props.ts +1 -18
  1204. package/tsconfig.tsbuildinfo +1 -1
  1205. package/build-types/composite/test/index.d.ts.map +0 -1
  1206. package/src/composite/test/index.tsx +0 -576
  1207. package/src/search-control/style.scss +0 -71
  1208. /package/build-types/composite/{test → legacy/test}/index.d.ts +0 -0
@@ -1 +1 @@
1
- {"version":3,"names":["_react","require","_utils","_EMOTION_STRINGIFIED_CSS_ERROR__","unstyledButton","as","css","font","undefined","COLORS","theme","accent","process","env","NODE_ENV","exports","itemWrapper","name","styles","map","toString","item","bordered","CONFIG","surfaceBorderColor","separated","borderRadius","controlBorderRadius","spacedAround","rounded","baseFontHeight","fontSize","fontLineHeightBase","paddingY","controlHeight","paddingYSmall","controlHeightSmall","paddingYLarge","controlHeightLarge","itemSizes","small","controlPaddingXSmall","medium","controlPaddingX","large","controlPaddingXLarge"],"sources":["@wordpress/components/src/item-group/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS, font } from '../utils';\n\nexport const unstyledButton = ( as: 'a' | 'button' ) => {\n\treturn css`\n\t\tfont-size: ${ font( 'default.fontSize' ) };\n\t\tfont-family: inherit;\n\t\tappearance: none;\n\t\tborder: 1px solid transparent;\n\t\tcursor: pointer;\n\t\tbackground: none;\n\t\ttext-align: start;\n\t\ttext-decoration: ${ as === 'a' ? 'none' : undefined };\n\n\t\tsvg,\n\t\tpath {\n\t\t\tfill: currentColor;\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: ${ COLORS.theme.accent };\n\t\t}\n\n\t\t&:focus {\n\t\t\tbox-shadow: none;\n\t\t\toutline: none;\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbox-shadow: 0 0 0 var( --wp-admin-border-width-focus )\n\t\t\t\tvar(\n\t\t\t\t\t--wp-components-color-accent,\n\t\t\t\t\tvar( --wp-admin-theme-color, ${ COLORS.theme.accent } )\n\t\t\t\t);\n\t\t\t// Windows high contrast mode.\n\t\t\toutline: 2px solid transparent;\n\t\t\toutline-offset: 0;\n\t\t}\n\t`;\n};\n\nexport const itemWrapper = css`\n\twidth: 100%;\n\tdisplay: block;\n`;\n\nexport const item = css`\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tdisplay: block;\n\tmargin: 0;\n\tcolor: inherit;\n`;\n\nexport const bordered = css`\n\tborder: 1px solid ${ CONFIG.surfaceBorderColor };\n`;\n\nexport const separated = css`\n\t> *:not( marquee ) > * {\n\t\tborder-bottom: 1px solid ${ CONFIG.surfaceBorderColor };\n\t}\n\n\t> *:last-of-type > *:not( :focus ) {\n\t\tborder-bottom-color: transparent;\n\t}\n`;\n\nconst borderRadius = CONFIG.controlBorderRadius;\n\nexport const spacedAround = css`\n\tborder-radius: ${ borderRadius };\n`;\n\nexport const rounded = css`\n\tborder-radius: ${ borderRadius };\n\n\t> *:first-of-type > * {\n\t\tborder-top-left-radius: ${ borderRadius };\n\t\tborder-top-right-radius: ${ borderRadius };\n\t}\n\n\t> *:last-of-type > * {\n\t\tborder-bottom-left-radius: ${ borderRadius };\n\t\tborder-bottom-right-radius: ${ borderRadius };\n\t}\n`;\n\nconst baseFontHeight = `calc(${ CONFIG.fontSize } * ${ CONFIG.fontLineHeightBase })`;\n\n/*\n * Math:\n * - Use the desired height as the base value\n * - Subtract the computed height of (default) text\n * - Subtract the effects of border\n * - Divide the calculated number by 2, in order to get an individual top/bottom padding\n */\nconst paddingY = `calc((${ CONFIG.controlHeight } - ${ baseFontHeight } - 2px) / 2)`;\nconst paddingYSmall = `calc((${ CONFIG.controlHeightSmall } - ${ baseFontHeight } - 2px) / 2)`;\nconst paddingYLarge = `calc((${ CONFIG.controlHeightLarge } - ${ baseFontHeight } - 2px) / 2)`;\n\nexport const itemSizes = {\n\tsmall: css`\n\t\tpadding: ${ paddingYSmall } ${ CONFIG.controlPaddingXSmall };\n\t`,\n\tmedium: css`\n\t\tpadding: ${ paddingY } ${ CONFIG.controlPaddingX };\n\t`,\n\tlarge: css`\n\t\tpadding: ${ paddingYLarge } ${ CONFIG.controlPaddingXLarge };\n\t`,\n};\n"],"mappings":"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"}
1
+ {"version":3,"names":["_react","require","_utils","_EMOTION_STRINGIFIED_CSS_ERROR__","unstyledButton","as","css","font","undefined","COLORS","theme","accent","process","env","NODE_ENV","exports","itemWrapper","name","styles","map","toString","item","bordered","CONFIG","surfaceBorderColor","separated","borderRadius","controlBorderRadius","spacedAround","rounded","baseFontHeight","fontSize","fontLineHeightBase","paddingY","controlHeight","paddingYSmall","controlHeightSmall","paddingYLarge","controlHeightLarge","itemSizes","small","controlPaddingXSmall","medium","controlPaddingX","large","controlPaddingXLarge"],"sources":["@wordpress/components/src/item-group/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS, font } from '../utils';\n\nexport const unstyledButton = ( as: 'a' | 'button' ) => {\n\treturn css`\n\t\tfont-size: ${ font( 'default.fontSize' ) };\n\t\tfont-family: inherit;\n\t\tappearance: none;\n\t\tborder: 1px solid transparent;\n\t\tcursor: pointer;\n\t\tbackground: none;\n\t\ttext-align: start;\n\t\ttext-decoration: ${ as === 'a' ? 'none' : undefined };\n\n\t\tsvg,\n\t\tpath {\n\t\t\tfill: currentColor;\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: ${ COLORS.theme.accent };\n\t\t}\n\n\t\t&:focus {\n\t\t\tbox-shadow: none;\n\t\t\toutline: none;\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbox-shadow: 0 0 0 var( --wp-admin-border-width-focus )\n\t\t\t\t${ COLORS.theme.accent };\n\t\t\t// Windows high contrast mode.\n\t\t\toutline: 2px solid transparent;\n\t\t\toutline-offset: 0;\n\t\t}\n\t`;\n};\n\nexport const itemWrapper = css`\n\twidth: 100%;\n\tdisplay: block;\n`;\n\nexport const item = css`\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tdisplay: block;\n\tmargin: 0;\n\tcolor: inherit;\n`;\n\nexport const bordered = css`\n\tborder: 1px solid ${ CONFIG.surfaceBorderColor };\n`;\n\nexport const separated = css`\n\t> *:not( marquee ) > * {\n\t\tborder-bottom: 1px solid ${ CONFIG.surfaceBorderColor };\n\t}\n\n\t> *:last-of-type > *:not( :focus ) {\n\t\tborder-bottom-color: transparent;\n\t}\n`;\n\nconst borderRadius = CONFIG.controlBorderRadius;\n\nexport const spacedAround = css`\n\tborder-radius: ${ borderRadius };\n`;\n\nexport const rounded = css`\n\tborder-radius: ${ borderRadius };\n\n\t> *:first-of-type > * {\n\t\tborder-top-left-radius: ${ borderRadius };\n\t\tborder-top-right-radius: ${ borderRadius };\n\t}\n\n\t> *:last-of-type > * {\n\t\tborder-bottom-left-radius: ${ borderRadius };\n\t\tborder-bottom-right-radius: ${ borderRadius };\n\t}\n`;\n\nconst baseFontHeight = `calc(${ CONFIG.fontSize } * ${ CONFIG.fontLineHeightBase })`;\n\n/*\n * Math:\n * - Use the desired height as the base value\n * - Subtract the computed height of (default) text\n * - Subtract the effects of border\n * - Divide the calculated number by 2, in order to get an individual top/bottom padding\n */\nconst paddingY = `calc((${ CONFIG.controlHeight } - ${ baseFontHeight } - 2px) / 2)`;\nconst paddingYSmall = `calc((${ CONFIG.controlHeightSmall } - ${ baseFontHeight } - 2px) / 2)`;\nconst paddingYLarge = `calc((${ CONFIG.controlHeightLarge } - ${ baseFontHeight } - 2px) / 2)`;\n\nexport const itemSizes = {\n\tsmall: css`\n\t\tpadding: ${ paddingYSmall } ${ CONFIG.controlPaddingXSmall };\n\t`,\n\tmedium: css`\n\t\tpadding: ${ paddingY } ${ CONFIG.controlPaddingX };\n\t`,\n\tlarge: css`\n\t\tpadding: ${ paddingYLarge } ${ CONFIG.controlPaddingXLarge };\n\t`,\n};\n"],"mappings":"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"}
@@ -81,6 +81,5 @@ function KeyboardShortcuts({
81
81
  ref: target
82
82
  }, element, children);
83
83
  }
84
- var _default = KeyboardShortcuts;
85
- exports.default = _default;
84
+ var _default = exports.default = KeyboardShortcuts;
86
85
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_element","require","_compose","KeyboardShortcut","target","callback","shortcut","bindGlobal","eventName","useKeyboardShortcut","KeyboardShortcuts","children","shortcuts","useRef","element","Object","entries","map","_react","createElement","key","Children","count","Fragment","ref","_default","exports","default"],"sources":["@wordpress/components/src/keyboard-shortcuts/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, Children } from '@wordpress/element';\nimport { useKeyboardShortcut } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport type { KeyboardShortcutProps, KeyboardShortcutsProps } from './types';\n\nfunction KeyboardShortcut( {\n\ttarget,\n\tcallback,\n\tshortcut,\n\tbindGlobal,\n\teventName,\n}: KeyboardShortcutProps ) {\n\tuseKeyboardShortcut( shortcut, callback, {\n\t\tbindGlobal,\n\t\ttarget,\n\t\teventName,\n\t} );\n\n\treturn null;\n}\n\n/**\n * `KeyboardShortcuts` is a component which handles keyboard sequences during the lifetime of the rendering element.\n *\n * When passed children, it will capture key events which occur on or within the children. If no children are passed, events are captured on the document.\n *\n * It uses the [Mousetrap](https://craig.is/killing/mice) library to implement keyboard sequence bindings.\n *\n * ```jsx\n * import { KeyboardShortcuts } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyKeyboardShortcuts = () => {\n * \tconst [ isAllSelected, setIsAllSelected ] = useState( false );\n * \tconst selectAll = () => {\n * \t\tsetIsAllSelected( true );\n * \t};\n *\n * \treturn (\n * \t\t<div>\n * \t\t\t<KeyboardShortcuts\n * \t\t\t\tshortcuts={ {\n * \t\t\t\t\t'mod+a': selectAll,\n * \t\t\t\t} }\n * \t\t\t/>\n * \t\t\t[cmd/ctrl + A] Combination pressed? { isAllSelected ? 'Yes' : 'No' }\n * \t\t</div>\n * \t);\n * };\n * ```\n */\nfunction KeyboardShortcuts( {\n\tchildren,\n\tshortcuts,\n\tbindGlobal,\n\teventName,\n}: KeyboardShortcutsProps ) {\n\tconst target = useRef( null );\n\n\tconst element = Object.entries( shortcuts ?? {} ).map(\n\t\t( [ shortcut, callback ] ) => (\n\t\t\t<KeyboardShortcut\n\t\t\t\tkey={ shortcut }\n\t\t\t\tshortcut={ shortcut }\n\t\t\t\tcallback={ callback }\n\t\t\t\tbindGlobal={ bindGlobal }\n\t\t\t\teventName={ eventName }\n\t\t\t\ttarget={ target }\n\t\t\t/>\n\t\t)\n\t);\n\n\t// Render as non-visual if there are no children pressed. Keyboard\n\t// events will be bound to the document instead.\n\tif ( ! Children.count( children ) ) {\n\t\treturn <>{ element }</>;\n\t}\n\n\treturn (\n\t\t<div ref={ target }>\n\t\t\t{ element }\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default KeyboardShortcuts;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AASA,SAASE,gBAAgBA,CAAE;EAC1BC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC;AACsB,CAAC,EAAG;EAC1B,IAAAC,4BAAmB,EAAEH,QAAQ,EAAED,QAAQ,EAAE;IACxCE,UAAU;IACVH,MAAM;IACNI;EACD,CAAE,CAAC;EAEH,OAAO,IAAI;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,iBAAiBA,CAAE;EAC3BC,QAAQ;EACRC,SAAS;EACTL,UAAU;EACVC;AACuB,CAAC,EAAG;EAC3B,MAAMJ,MAAM,GAAG,IAAAS,eAAM,EAAE,IAAK,CAAC;EAE7B,MAAMC,OAAO,GAAGC,MAAM,CAACC,OAAO,CAAEJ,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,CAAC,CAAE,CAAC,CAACK,GAAG,CACpD,CAAE,CAAEX,QAAQ,EAAED,QAAQ,CAAE,KACvB,IAAAa,MAAA,CAAAC,aAAA,EAAChB,gBAAgB;IAChBiB,GAAG,EAAGd,QAAU;IAChBA,QAAQ,EAAGA,QAAU;IACrBD,QAAQ,EAAGA,QAAU;IACrBE,UAAU,EAAGA,UAAY;IACzBC,SAAS,EAAGA,SAAW;IACvBJ,MAAM,EAAGA;EAAQ,CACjB,CAEH,CAAC;;EAED;EACA;EACA,IAAK,CAAEiB,iBAAQ,CAACC,KAAK,CAAEX,QAAS,CAAC,EAAG;IACnC,OAAO,IAAAO,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAK,QAAA,QAAIT,OAAW,CAAC;EACxB;EAEA,OACC,IAAAI,MAAA,CAAAC,aAAA;IAAKK,GAAG,EAAGpB;EAAQ,GAChBU,OAAO,EACPH,QACE,CAAC;AAER;AAAC,IAAAc,QAAA,GAEcf,iBAAiB;AAAAgB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
1
+ {"version":3,"names":["_element","require","_compose","KeyboardShortcut","target","callback","shortcut","bindGlobal","eventName","useKeyboardShortcut","KeyboardShortcuts","children","shortcuts","useRef","element","Object","entries","map","_react","createElement","key","Children","count","Fragment","ref","_default","exports","default"],"sources":["@wordpress/components/src/keyboard-shortcuts/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, Children } from '@wordpress/element';\nimport { useKeyboardShortcut } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport type { KeyboardShortcutProps, KeyboardShortcutsProps } from './types';\n\nfunction KeyboardShortcut( {\n\ttarget,\n\tcallback,\n\tshortcut,\n\tbindGlobal,\n\teventName,\n}: KeyboardShortcutProps ) {\n\tuseKeyboardShortcut( shortcut, callback, {\n\t\tbindGlobal,\n\t\ttarget,\n\t\teventName,\n\t} );\n\n\treturn null;\n}\n\n/**\n * `KeyboardShortcuts` is a component which handles keyboard sequences during the lifetime of the rendering element.\n *\n * When passed children, it will capture key events which occur on or within the children. If no children are passed, events are captured on the document.\n *\n * It uses the [Mousetrap](https://craig.is/killing/mice) library to implement keyboard sequence bindings.\n *\n * ```jsx\n * import { KeyboardShortcuts } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyKeyboardShortcuts = () => {\n * \tconst [ isAllSelected, setIsAllSelected ] = useState( false );\n * \tconst selectAll = () => {\n * \t\tsetIsAllSelected( true );\n * \t};\n *\n * \treturn (\n * \t\t<div>\n * \t\t\t<KeyboardShortcuts\n * \t\t\t\tshortcuts={ {\n * \t\t\t\t\t'mod+a': selectAll,\n * \t\t\t\t} }\n * \t\t\t/>\n * \t\t\t[cmd/ctrl + A] Combination pressed? { isAllSelected ? 'Yes' : 'No' }\n * \t\t</div>\n * \t);\n * };\n * ```\n */\nfunction KeyboardShortcuts( {\n\tchildren,\n\tshortcuts,\n\tbindGlobal,\n\teventName,\n}: KeyboardShortcutsProps ) {\n\tconst target = useRef( null );\n\n\tconst element = Object.entries( shortcuts ?? {} ).map(\n\t\t( [ shortcut, callback ] ) => (\n\t\t\t<KeyboardShortcut\n\t\t\t\tkey={ shortcut }\n\t\t\t\tshortcut={ shortcut }\n\t\t\t\tcallback={ callback }\n\t\t\t\tbindGlobal={ bindGlobal }\n\t\t\t\teventName={ eventName }\n\t\t\t\ttarget={ target }\n\t\t\t/>\n\t\t)\n\t);\n\n\t// Render as non-visual if there are no children pressed. Keyboard\n\t// events will be bound to the document instead.\n\tif ( ! Children.count( children ) ) {\n\t\treturn <>{ element }</>;\n\t}\n\n\treturn (\n\t\t<div ref={ target }>\n\t\t\t{ element }\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default KeyboardShortcuts;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AASA,SAASE,gBAAgBA,CAAE;EAC1BC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC;AACsB,CAAC,EAAG;EAC1B,IAAAC,4BAAmB,EAAEH,QAAQ,EAAED,QAAQ,EAAE;IACxCE,UAAU;IACVH,MAAM;IACNI;EACD,CAAE,CAAC;EAEH,OAAO,IAAI;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,iBAAiBA,CAAE;EAC3BC,QAAQ;EACRC,SAAS;EACTL,UAAU;EACVC;AACuB,CAAC,EAAG;EAC3B,MAAMJ,MAAM,GAAG,IAAAS,eAAM,EAAE,IAAK,CAAC;EAE7B,MAAMC,OAAO,GAAGC,MAAM,CAACC,OAAO,CAAEJ,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,CAAC,CAAE,CAAC,CAACK,GAAG,CACpD,CAAE,CAAEX,QAAQ,EAAED,QAAQ,CAAE,KACvB,IAAAa,MAAA,CAAAC,aAAA,EAAChB,gBAAgB;IAChBiB,GAAG,EAAGd,QAAU;IAChBA,QAAQ,EAAGA,QAAU;IACrBD,QAAQ,EAAGA,QAAU;IACrBE,UAAU,EAAGA,UAAY;IACzBC,SAAS,EAAGA,SAAW;IACvBJ,MAAM,EAAGA;EAAQ,CACjB,CAEH,CAAC;;EAED;EACA;EACA,IAAK,CAAEiB,iBAAQ,CAACC,KAAK,CAAEX,QAAS,CAAC,EAAG;IACnC,OAAO,IAAAO,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAK,QAAA,QAAIT,OAAW,CAAC;EACxB;EAEA,OACC,IAAAI,MAAA,CAAAC,aAAA;IAAKK,GAAG,EAAGpB;EAAQ,GAChBU,OAAO,EACPH,QACE,CAAC;AAER;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcjB,iBAAiB"}
@@ -5,6 +5,5 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  const KeyboardShortcuts = () => null;
8
- var _default = KeyboardShortcuts;
9
- exports.default = _default;
8
+ var _default = exports.default = KeyboardShortcuts;
10
9
  //# sourceMappingURL=index.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["KeyboardShortcuts","_default","exports","default"],"sources":["@wordpress/components/src/keyboard-shortcuts/index.native.js"],"sourcesContent":["const KeyboardShortcuts = () => null;\nexport default KeyboardShortcuts;\n"],"mappings":";;;;;;AAAA,MAAMA,iBAAiB,GAAGA,CAAA,KAAM,IAAI;AAAC,IAAAC,QAAA,GACtBD,iBAAiB;AAAAE,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
1
+ {"version":3,"names":["KeyboardShortcuts","_default","exports","default"],"sources":["@wordpress/components/src/keyboard-shortcuts/index.native.js"],"sourcesContent":["const KeyboardShortcuts = () => null;\nexport default KeyboardShortcuts;\n"],"mappings":";;;;;;AAAA,MAAMA,iBAAiB,GAAGA,CAAA,KAAM,IAAI;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACtBH,iBAAiB"}
@@ -59,6 +59,5 @@ function MenuGroup(props) {
59
59
  "aria-labelledby": label ? labelId : undefined
60
60
  }, children));
61
61
  }
62
- var _default = MenuGroup;
63
- exports.default = _default;
62
+ var _default = exports.default = MenuGroup;
64
63
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_compose","MenuGroup","props","children","className","label","hideSeparator","instanceId","useInstanceId","Children","count","labelId","classNames","classnames","_react","createElement","id","role","undefined","_default","exports","default"],"sources":["@wordpress/components/src/menu-group/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport type { MenuGroupProps } from './types';\n\n/**\n * `MenuGroup` wraps a series of related `MenuItem` components into a common\n * section.\n *\n * ```jsx\n * import { MenuGroup, MenuItem } from '@wordpress/components';\n *\n * const MyMenuGroup = () => (\n * <MenuGroup label=\"Settings\">\n * <MenuItem>Setting 1</MenuItem>\n * <MenuItem>Setting 2</MenuItem>\n * </MenuGroup>\n * );\n * ```\n */\nexport function MenuGroup( props: MenuGroupProps ) {\n\tconst { children, className = '', label, hideSeparator } = props;\n\tconst instanceId = useInstanceId( MenuGroup );\n\n\tif ( ! Children.count( children ) ) {\n\t\treturn null;\n\t}\n\n\tconst labelId = `components-menu-group-label-${ instanceId }`;\n\tconst classNames = classnames( className, 'components-menu-group', {\n\t\t'has-hidden-separator': hideSeparator,\n\t} );\n\n\treturn (\n\t\t<div className={ classNames }>\n\t\t\t{ label && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"components-menu-group__label\"\n\t\t\t\t\tid={ labelId }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div role=\"group\" aria-labelledby={ label ? labelId : undefined }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default MenuGroup;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,SAASA,CAAEC,KAAqB,EAAG;EAClD,MAAM;IAAEC,QAAQ;IAAEC,SAAS,GAAG,EAAE;IAAEC,KAAK;IAAEC;EAAc,CAAC,GAAGJ,KAAK;EAChE,MAAMK,UAAU,GAAG,IAAAC,sBAAa,EAAEP,SAAU,CAAC;EAE7C,IAAK,CAAEQ,iBAAQ,CAACC,KAAK,CAAEP,QAAS,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,MAAMQ,OAAO,GAAI,+BAA+BJ,UAAY,EAAC;EAC7D,MAAMK,UAAU,GAAG,IAAAC,mBAAU,EAAET,SAAS,EAAE,uBAAuB,EAAE;IAClE,sBAAsB,EAAEE;EACzB,CAAE,CAAC;EAEH,OACC,IAAAQ,MAAA,CAAAC,aAAA;IAAKX,SAAS,EAAGQ;EAAY,GAC1BP,KAAK,IACN,IAAAS,MAAA,CAAAC,aAAA;IACCX,SAAS,EAAC,8BAA8B;IACxCY,EAAE,EAAGL,OAAS;IACd,eAAY;EAAM,GAEhBN,KACE,CACL,EACD,IAAAS,MAAA,CAAAC,aAAA;IAAKE,IAAI,EAAC,OAAO;IAAC,mBAAkBZ,KAAK,GAAGM,OAAO,GAAGO;EAAW,GAC9Df,QACE,CACD,CAAC;AAER;AAAC,IAAAgB,QAAA,GAEclB,SAAS;AAAAmB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
1
+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_compose","MenuGroup","props","children","className","label","hideSeparator","instanceId","useInstanceId","Children","count","labelId","classNames","classnames","_react","createElement","id","role","undefined","_default","exports","default"],"sources":["@wordpress/components/src/menu-group/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport type { MenuGroupProps } from './types';\n\n/**\n * `MenuGroup` wraps a series of related `MenuItem` components into a common\n * section.\n *\n * ```jsx\n * import { MenuGroup, MenuItem } from '@wordpress/components';\n *\n * const MyMenuGroup = () => (\n * <MenuGroup label=\"Settings\">\n * <MenuItem>Setting 1</MenuItem>\n * <MenuItem>Setting 2</MenuItem>\n * </MenuGroup>\n * );\n * ```\n */\nexport function MenuGroup( props: MenuGroupProps ) {\n\tconst { children, className = '', label, hideSeparator } = props;\n\tconst instanceId = useInstanceId( MenuGroup );\n\n\tif ( ! Children.count( children ) ) {\n\t\treturn null;\n\t}\n\n\tconst labelId = `components-menu-group-label-${ instanceId }`;\n\tconst classNames = classnames( className, 'components-menu-group', {\n\t\t'has-hidden-separator': hideSeparator,\n\t} );\n\n\treturn (\n\t\t<div className={ classNames }>\n\t\t\t{ label && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"components-menu-group__label\"\n\t\t\t\t\tid={ labelId }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div role=\"group\" aria-labelledby={ label ? labelId : undefined }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default MenuGroup;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,SAASA,CAAEC,KAAqB,EAAG;EAClD,MAAM;IAAEC,QAAQ;IAAEC,SAAS,GAAG,EAAE;IAAEC,KAAK;IAAEC;EAAc,CAAC,GAAGJ,KAAK;EAChE,MAAMK,UAAU,GAAG,IAAAC,sBAAa,EAAEP,SAAU,CAAC;EAE7C,IAAK,CAAEQ,iBAAQ,CAACC,KAAK,CAAEP,QAAS,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,MAAMQ,OAAO,GAAI,+BAA+BJ,UAAY,EAAC;EAC7D,MAAMK,UAAU,GAAG,IAAAC,mBAAU,EAAET,SAAS,EAAE,uBAAuB,EAAE;IAClE,sBAAsB,EAAEE;EACzB,CAAE,CAAC;EAEH,OACC,IAAAQ,MAAA,CAAAC,aAAA;IAAKX,SAAS,EAAGQ;EAAY,GAC1BP,KAAK,IACN,IAAAS,MAAA,CAAAC,aAAA;IACCX,SAAS,EAAC,8BAA8B;IACxCY,EAAE,EAAGL,OAAS;IACd,eAAY;EAAM,GAEhBN,KACE,CACL,EACD,IAAAS,MAAA,CAAAC,aAAA;IAAKE,IAAI,EAAC,OAAO;IAAC,mBAAkBZ,KAAK,GAAGM,OAAO,GAAGO;EAAW,GAC9Df,QACE,CACD,CAAC;AAER;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcpB,SAAS"}
@@ -95,8 +95,6 @@ function UnforwardedMenuItem(props, ref) {
95
95
  * };
96
96
  * ```
97
97
  */
98
- const MenuItem = (0, _element.forwardRef)(UnforwardedMenuItem);
99
- exports.MenuItem = MenuItem;
100
- var _default = MenuItem;
101
- exports.default = _default;
98
+ const MenuItem = exports.MenuItem = (0, _element.forwardRef)(UnforwardedMenuItem);
99
+ var _default = exports.default = MenuItem;
102
100
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_shortcut","_button","_icon","UnforwardedMenuItem","props","ref","children","info","className","icon","iconPosition","shortcut","isSelected","role","suffix","buttonProps","classnames","_react","createElement","cloneElement","default","undefined","MenuItem","forwardRef","exports","_default"],"sources":["@wordpress/components/src/menu-item/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from '../shortcut';\nimport Button from '../button';\nimport Icon from '../icon';\nimport type { WordPressComponentProps } from '../context';\nimport type { MenuItemProps } from './types';\n\nfunction UnforwardedMenuItem(\n\tprops: WordPressComponentProps< MenuItemProps, 'button', false >,\n\tref: ForwardedRef< HTMLButtonElement >\n) {\n\tlet {\n\t\tchildren,\n\t\tinfo,\n\t\tclassName,\n\t\ticon,\n\t\ticonPosition = 'right',\n\t\tshortcut,\n\t\tisSelected,\n\t\trole = 'menuitem',\n\t\tsuffix,\n\t\t...buttonProps\n\t} = props;\n\n\tclassName = classnames( 'components-menu-item__button', className );\n\n\tif ( info ) {\n\t\tchildren = (\n\t\t\t<span className=\"components-menu-item__info-wrapper\">\n\t\t\t\t<span className=\"components-menu-item__item\">{ children }</span>\n\t\t\t\t<span className=\"components-menu-item__info\">{ info }</span>\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif ( icon && typeof icon !== 'string' ) {\n\t\ticon = cloneElement( icon, {\n\t\t\tclassName: classnames( 'components-menu-items__item-icon', {\n\t\t\t\t'has-icon-right': iconPosition === 'right',\n\t\t\t} ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tref={ ref }\n\t\t\t// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n\t\t\taria-checked={\n\t\t\t\trole === 'menuitemcheckbox' || role === 'menuitemradio'\n\t\t\t\t\t? isSelected\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\trole={ role }\n\t\t\ticon={ iconPosition === 'left' ? icon : undefined }\n\t\t\tclassName={ className }\n\t\t\t{ ...buttonProps }\n\t\t>\n\t\t\t<span className=\"components-menu-item__item\">{ children }</span>\n\t\t\t{ ! suffix && (\n\t\t\t\t<Shortcut\n\t\t\t\t\tclassName=\"components-menu-item__shortcut\"\n\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! suffix && icon && iconPosition === 'right' && (\n\t\t\t\t<Icon icon={ icon } />\n\t\t\t) }\n\t\t\t{ suffix }\n\t\t</Button>\n\t);\n}\n\n/**\n * MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.\n *\n * ```jsx\n * import { MenuItem } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItem = () => {\n * \tconst [ isActive, setIsActive ] = useState( true );\n *\n * \treturn (\n * \t\t<MenuItem\n * \t\t\ticon={ isActive ? 'yes' : 'no' }\n * \t\t\tisSelected={ isActive }\n * \t\t\trole=\"menuitemcheckbox\"\n * \t\t\tonClick={ () => setIsActive( ( state ) => ! state ) }\n * \t\t>\n * \t\t\tToggle\n * \t\t</MenuItem>\n * \t);\n * };\n * ```\n */\nexport const MenuItem = forwardRef( UnforwardedMenuItem );\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;AAIA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASK,mBAAmBA,CAC3BC,KAAgE,EAChEC,GAAsC,EACrC;EACD,IAAI;IACHC,QAAQ;IACRC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,YAAY,GAAG,OAAO;IACtBC,QAAQ;IACRC,UAAU;IACVC,IAAI,GAAG,UAAU;IACjBC,MAAM;IACN,GAAGC;EACJ,CAAC,GAAGX,KAAK;EAETI,SAAS,GAAG,IAAAQ,mBAAU,EAAE,8BAA8B,EAAER,SAAU,CAAC;EAEnE,IAAKD,IAAI,EAAG;IACXD,QAAQ,GACP,IAAAW,MAAA,CAAAC,aAAA;MAAMV,SAAS,EAAC;IAAoC,GACnD,IAAAS,MAAA,CAAAC,aAAA;MAAMV,SAAS,EAAC;IAA4B,GAAGF,QAAgB,CAAC,EAChE,IAAAW,MAAA,CAAAC,aAAA;MAAMV,SAAS,EAAC;IAA4B,GAAGD,IAAY,CACtD,CACN;EACF;EAEA,IAAKE,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAG;IACvCA,IAAI,GAAG,IAAAU,qBAAY,EAAEV,IAAI,EAAE;MAC1BD,SAAS,EAAE,IAAAQ,mBAAU,EAAE,kCAAkC,EAAE;QAC1D,gBAAgB,EAAEN,YAAY,KAAK;MACpC,CAAE;IACH,CAAE,CAAC;EACJ;EAEA,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACjB,OAAA,CAAAmB,OAAM;IACNf,GAAG,EAAGA;IACN;IAAA;IACA,gBACCQ,IAAI,KAAK,kBAAkB,IAAIA,IAAI,KAAK,eAAe,GACpDD,UAAU,GACVS,SACH;IACDR,IAAI,EAAGA,IAAM;IACbJ,IAAI,EAAGC,YAAY,KAAK,MAAM,GAAGD,IAAI,GAAGY,SAAW;IACnDb,SAAS,EAAGA,SAAW;IAAA,GAClBO;EAAW,GAEhB,IAAAE,MAAA,CAAAC,aAAA;IAAMV,SAAS,EAAC;EAA4B,GAAGF,QAAgB,CAAC,EAC9D,CAAEQ,MAAM,IACT,IAAAG,MAAA,CAAAC,aAAA,EAAClB,SAAA,CAAAoB,OAAQ;IACRZ,SAAS,EAAC,gCAAgC;IAC1CG,QAAQ,EAAGA;EAAU,CACrB,CACD,EACC,CAAEG,MAAM,IAAIL,IAAI,IAAIC,YAAY,KAAK,OAAO,IAC7C,IAAAO,MAAA,CAAAC,aAAA,EAAChB,KAAA,CAAAkB,OAAI;IAACX,IAAI,EAAGA;EAAM,CAAE,CACrB,EACCK,MACK,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,QAAQ,GAAG,IAAAC,mBAAU,EAAEpB,mBAAoB,CAAC;AAACqB,OAAA,CAAAF,QAAA,GAAAA,QAAA;AAAA,IAAAG,QAAA,GAE3CH,QAAQ;AAAAE,OAAA,CAAAJ,OAAA,GAAAK,QAAA"}
1
+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_shortcut","_button","_icon","UnforwardedMenuItem","props","ref","children","info","className","icon","iconPosition","shortcut","isSelected","role","suffix","buttonProps","classnames","_react","createElement","cloneElement","default","undefined","MenuItem","exports","forwardRef","_default"],"sources":["@wordpress/components/src/menu-item/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from '../shortcut';\nimport Button from '../button';\nimport Icon from '../icon';\nimport type { WordPressComponentProps } from '../context';\nimport type { MenuItemProps } from './types';\n\nfunction UnforwardedMenuItem(\n\tprops: WordPressComponentProps< MenuItemProps, 'button', false >,\n\tref: ForwardedRef< HTMLButtonElement >\n) {\n\tlet {\n\t\tchildren,\n\t\tinfo,\n\t\tclassName,\n\t\ticon,\n\t\ticonPosition = 'right',\n\t\tshortcut,\n\t\tisSelected,\n\t\trole = 'menuitem',\n\t\tsuffix,\n\t\t...buttonProps\n\t} = props;\n\n\tclassName = classnames( 'components-menu-item__button', className );\n\n\tif ( info ) {\n\t\tchildren = (\n\t\t\t<span className=\"components-menu-item__info-wrapper\">\n\t\t\t\t<span className=\"components-menu-item__item\">{ children }</span>\n\t\t\t\t<span className=\"components-menu-item__info\">{ info }</span>\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif ( icon && typeof icon !== 'string' ) {\n\t\ticon = cloneElement( icon, {\n\t\t\tclassName: classnames( 'components-menu-items__item-icon', {\n\t\t\t\t'has-icon-right': iconPosition === 'right',\n\t\t\t} ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tref={ ref }\n\t\t\t// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n\t\t\taria-checked={\n\t\t\t\trole === 'menuitemcheckbox' || role === 'menuitemradio'\n\t\t\t\t\t? isSelected\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\trole={ role }\n\t\t\ticon={ iconPosition === 'left' ? icon : undefined }\n\t\t\tclassName={ className }\n\t\t\t{ ...buttonProps }\n\t\t>\n\t\t\t<span className=\"components-menu-item__item\">{ children }</span>\n\t\t\t{ ! suffix && (\n\t\t\t\t<Shortcut\n\t\t\t\t\tclassName=\"components-menu-item__shortcut\"\n\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! suffix && icon && iconPosition === 'right' && (\n\t\t\t\t<Icon icon={ icon } />\n\t\t\t) }\n\t\t\t{ suffix }\n\t\t</Button>\n\t);\n}\n\n/**\n * MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.\n *\n * ```jsx\n * import { MenuItem } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItem = () => {\n * \tconst [ isActive, setIsActive ] = useState( true );\n *\n * \treturn (\n * \t\t<MenuItem\n * \t\t\ticon={ isActive ? 'yes' : 'no' }\n * \t\t\tisSelected={ isActive }\n * \t\t\trole=\"menuitemcheckbox\"\n * \t\t\tonClick={ () => setIsActive( ( state ) => ! state ) }\n * \t\t>\n * \t\t\tToggle\n * \t\t</MenuItem>\n * \t);\n * };\n * ```\n */\nexport const MenuItem = forwardRef( UnforwardedMenuItem );\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;AAIA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASK,mBAAmBA,CAC3BC,KAAgE,EAChEC,GAAsC,EACrC;EACD,IAAI;IACHC,QAAQ;IACRC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,YAAY,GAAG,OAAO;IACtBC,QAAQ;IACRC,UAAU;IACVC,IAAI,GAAG,UAAU;IACjBC,MAAM;IACN,GAAGC;EACJ,CAAC,GAAGX,KAAK;EAETI,SAAS,GAAG,IAAAQ,mBAAU,EAAE,8BAA8B,EAAER,SAAU,CAAC;EAEnE,IAAKD,IAAI,EAAG;IACXD,QAAQ,GACP,IAAAW,MAAA,CAAAC,aAAA;MAAMV,SAAS,EAAC;IAAoC,GACnD,IAAAS,MAAA,CAAAC,aAAA;MAAMV,SAAS,EAAC;IAA4B,GAAGF,QAAgB,CAAC,EAChE,IAAAW,MAAA,CAAAC,aAAA;MAAMV,SAAS,EAAC;IAA4B,GAAGD,IAAY,CACtD,CACN;EACF;EAEA,IAAKE,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAG;IACvCA,IAAI,GAAG,IAAAU,qBAAY,EAAEV,IAAI,EAAE;MAC1BD,SAAS,EAAE,IAAAQ,mBAAU,EAAE,kCAAkC,EAAE;QAC1D,gBAAgB,EAAEN,YAAY,KAAK;MACpC,CAAE;IACH,CAAE,CAAC;EACJ;EAEA,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACjB,OAAA,CAAAmB,OAAM;IACNf,GAAG,EAAGA;IACN;IAAA;IACA,gBACCQ,IAAI,KAAK,kBAAkB,IAAIA,IAAI,KAAK,eAAe,GACpDD,UAAU,GACVS,SACH;IACDR,IAAI,EAAGA,IAAM;IACbJ,IAAI,EAAGC,YAAY,KAAK,MAAM,GAAGD,IAAI,GAAGY,SAAW;IACnDb,SAAS,EAAGA,SAAW;IAAA,GAClBO;EAAW,GAEhB,IAAAE,MAAA,CAAAC,aAAA;IAAMV,SAAS,EAAC;EAA4B,GAAGF,QAAgB,CAAC,EAC9D,CAAEQ,MAAM,IACT,IAAAG,MAAA,CAAAC,aAAA,EAAClB,SAAA,CAAAoB,OAAQ;IACRZ,SAAS,EAAC,gCAAgC;IAC1CG,QAAQ,EAAGA;EAAU,CACrB,CACD,EACC,CAAEG,MAAM,IAAIL,IAAI,IAAIC,YAAY,KAAK,OAAO,IAC7C,IAAAO,MAAA,CAAAC,aAAA,EAAChB,KAAA,CAAAkB,OAAI;IAACX,IAAI,EAAGA;EAAM,CAAE,CACrB,EACCK,MACK,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,mBAAU,EAAErB,mBAAoB,CAAC;AAAC,IAAAsB,QAAA,GAAAF,OAAA,CAAAH,OAAA,GAE3CE,QAAQ"}
@@ -79,6 +79,5 @@ function MenuItemsChoice({
79
79
  }, item.label);
80
80
  }));
81
81
  }
82
- var _default = MenuItemsChoice;
83
- exports.default = _default;
82
+ var _default = exports.default = MenuItemsChoice;
84
83
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_icons","require","_menuItem","_interopRequireDefault","noop","MenuItemsChoice","choices","onHover","onSelect","value","_react","createElement","Fragment","map","item","isSelected","default","key","role","disabled","icon","check","info","shortcut","className","onClick","onMouseEnter","onMouseLeave","label","_default","exports"],"sources":["@wordpress/components/src/menu-items-choice/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport MenuItem from '../menu-item';\nimport type { MenuItemsChoiceProps } from './types';\n\nconst noop = () => {};\n\n/**\n * `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.\n *\n *\n * ```jsx\n * import { MenuGroup, MenuItemsChoice } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItemsChoice = () => {\n * \tconst [ mode, setMode ] = useState( 'visual' );\n * \tconst choices = [\n * \t\t{\n * \t\t\tvalue: 'visual',\n * \t\t\tlabel: 'Visual editor',\n * \t\t},\n * \t\t{\n * \t\t\tvalue: 'text',\n * \t\t\tlabel: 'Code editor',\n * \t\t},\n * \t];\n *\n * \treturn (\n * \t\t<MenuGroup label=\"Editor\">\n * \t\t\t<MenuItemsChoice\n * \t\t\t\tchoices={ choices }\n * \t\t\t\tvalue={ mode }\n * \t\t\t\tonSelect={ ( newMode ) => setMode( newMode ) }\n * \t\t\t/>\n * \t\t</MenuGroup>\n * \t);\n * };\n * ```\n */\nfunction MenuItemsChoice( {\n\tchoices = [],\n\tonHover = noop,\n\tonSelect,\n\tvalue,\n}: MenuItemsChoiceProps ) {\n\treturn (\n\t\t<>\n\t\t\t{ choices.map( ( item ) => {\n\t\t\t\tconst isSelected = value === item.value;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ item.value }\n\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\tdisabled={ item.disabled }\n\t\t\t\t\t\ticon={ isSelected ? check : null }\n\t\t\t\t\t\tinfo={ item.info }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tshortcut={ item.shortcut }\n\t\t\t\t\t\tclassName=\"components-menu-items-choice\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tif ( ! isSelected ) {\n\t\t\t\t\t\t\t\tonSelect( item.value );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => onHover( item.value ) }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\taria-label={ item[ 'aria-label' ] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default MenuItemsChoice;\n"],"mappings":";;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMG,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAAE;EACzBC,OAAO,GAAG,EAAE;EACZC,OAAO,GAAGH,IAAI;EACdI,QAAQ;EACRC;AACqB,CAAC,EAAG;EACzB,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGN,OAAO,CAACO,GAAG,CAAIC,IAAI,IAAM;IAC1B,MAAMC,UAAU,GAAGN,KAAK,KAAKK,IAAI,CAACL,KAAK;IACvC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACT,SAAA,CAAAc,OAAQ;MACRC,GAAG,EAAGH,IAAI,CAACL,KAAO;MAClBS,IAAI,EAAC,eAAe;MACpBC,QAAQ,EAAGL,IAAI,CAACK,QAAU;MAC1BC,IAAI,EAAGL,UAAU,GAAGM,YAAK,GAAG,IAAM;MAClCC,IAAI,EAAGR,IAAI,CAACQ,IAAM;MAClBP,UAAU,EAAGA,UAAY;MACzBQ,QAAQ,EAAGT,IAAI,CAACS,QAAU;MAC1BC,SAAS,EAAC,8BAA8B;MACxCC,OAAO,EAAGA,CAAA,KAAM;QACf,IAAK,CAAEV,UAAU,EAAG;UACnBP,QAAQ,CAAEM,IAAI,CAACL,KAAM,CAAC;QACvB;MACD,CAAG;MACHiB,YAAY,EAAGA,CAAA,KAAMnB,OAAO,CAAEO,IAAI,CAACL,KAAM,CAAG;MAC5CkB,YAAY,EAAGA,CAAA,KAAMpB,OAAO,CAAE,IAAK,CAAG;MACtC,cAAaO,IAAI,CAAE,YAAY;IAAI,GAEjCA,IAAI,CAACc,KACE,CAAC;EAEb,CAAE,CACD,CAAC;AAEL;AAAC,IAAAC,QAAA,GAEcxB,eAAe;AAAAyB,OAAA,CAAAd,OAAA,GAAAa,QAAA"}
1
+ {"version":3,"names":["_icons","require","_menuItem","_interopRequireDefault","noop","MenuItemsChoice","choices","onHover","onSelect","value","_react","createElement","Fragment","map","item","isSelected","default","key","role","disabled","icon","check","info","shortcut","className","onClick","onMouseEnter","onMouseLeave","label","_default","exports"],"sources":["@wordpress/components/src/menu-items-choice/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport MenuItem from '../menu-item';\nimport type { MenuItemsChoiceProps } from './types';\n\nconst noop = () => {};\n\n/**\n * `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.\n *\n *\n * ```jsx\n * import { MenuGroup, MenuItemsChoice } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItemsChoice = () => {\n * \tconst [ mode, setMode ] = useState( 'visual' );\n * \tconst choices = [\n * \t\t{\n * \t\t\tvalue: 'visual',\n * \t\t\tlabel: 'Visual editor',\n * \t\t},\n * \t\t{\n * \t\t\tvalue: 'text',\n * \t\t\tlabel: 'Code editor',\n * \t\t},\n * \t];\n *\n * \treturn (\n * \t\t<MenuGroup label=\"Editor\">\n * \t\t\t<MenuItemsChoice\n * \t\t\t\tchoices={ choices }\n * \t\t\t\tvalue={ mode }\n * \t\t\t\tonSelect={ ( newMode ) => setMode( newMode ) }\n * \t\t\t/>\n * \t\t</MenuGroup>\n * \t);\n * };\n * ```\n */\nfunction MenuItemsChoice( {\n\tchoices = [],\n\tonHover = noop,\n\tonSelect,\n\tvalue,\n}: MenuItemsChoiceProps ) {\n\treturn (\n\t\t<>\n\t\t\t{ choices.map( ( item ) => {\n\t\t\t\tconst isSelected = value === item.value;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ item.value }\n\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\tdisabled={ item.disabled }\n\t\t\t\t\t\ticon={ isSelected ? check : null }\n\t\t\t\t\t\tinfo={ item.info }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tshortcut={ item.shortcut }\n\t\t\t\t\t\tclassName=\"components-menu-items-choice\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tif ( ! isSelected ) {\n\t\t\t\t\t\t\t\tonSelect( item.value );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => onHover( item.value ) }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\taria-label={ item[ 'aria-label' ] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default MenuItemsChoice;\n"],"mappings":";;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMG,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAAE;EACzBC,OAAO,GAAG,EAAE;EACZC,OAAO,GAAGH,IAAI;EACdI,QAAQ;EACRC;AACqB,CAAC,EAAG;EACzB,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGN,OAAO,CAACO,GAAG,CAAIC,IAAI,IAAM;IAC1B,MAAMC,UAAU,GAAGN,KAAK,KAAKK,IAAI,CAACL,KAAK;IACvC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACT,SAAA,CAAAc,OAAQ;MACRC,GAAG,EAAGH,IAAI,CAACL,KAAO;MAClBS,IAAI,EAAC,eAAe;MACpBC,QAAQ,EAAGL,IAAI,CAACK,QAAU;MAC1BC,IAAI,EAAGL,UAAU,GAAGM,YAAK,GAAG,IAAM;MAClCC,IAAI,EAAGR,IAAI,CAACQ,IAAM;MAClBP,UAAU,EAAGA,UAAY;MACzBQ,QAAQ,EAAGT,IAAI,CAACS,QAAU;MAC1BC,SAAS,EAAC,8BAA8B;MACxCC,OAAO,EAAGA,CAAA,KAAM;QACf,IAAK,CAAEV,UAAU,EAAG;UACnBP,QAAQ,CAAEM,IAAI,CAACL,KAAM,CAAC;QACvB;MACD,CAAG;MACHiB,YAAY,EAAGA,CAAA,KAAMnB,OAAO,CAAEO,IAAI,CAACL,KAAM,CAAG;MAC5CkB,YAAY,EAAGA,CAAA,KAAMpB,OAAO,CAAE,IAAK,CAAG;MACtC,cAAaO,IAAI,CAAE,YAAY;IAAI,GAEjCA,IAAI,CAACc,KACE,CAAC;EAEb,CAAE,CACD,CAAC;AAEL;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEcX,eAAe"}
@@ -159,6 +159,5 @@ function Player({
159
159
  }
160
160
  })));
161
161
  }
162
- var _default = (0, _compose.withPreferredColorScheme)(Player);
163
- exports.default = _default;
162
+ var _default = exports.default = (0, _compose.withPreferredColorScheme)(Player);
164
163
  //# sourceMappingURL=index.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_primitives","_components","_compose","_i18n","_icons","_reactNativeBridge","_url","_element","_styles","_audioUrlParser","isIOS","Platform","OS","Player","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","useState","onPressListen","player","presentFullscreenPlayer","Linking","canOpenURL","then","supported","Alert","alert","__","openURL","catch","containerStyle","useEditorColorScheme","styles","container","containerDark","iconStyle","icon","iconDark","iconDisabledStyle","iconDisabled","iconDisabledDark","isDisabled","finalIconStyle","iconContainerStyle","iconContainer","iconContainerDark","titleContainerStyle","titleContainer","titleContainerIOS","titleContainerAndroid","titleStyle","title","titleDark","uploadFailedStyle","uploadFailed","uploadFailedDark","subtitleStyle","subtitle","subtitleDark","finalSubtitleStyle","buttonBackgroundStyle","buttonBackground","buttonBackgroundDark","extension","result","parseAudioUrl","getSubtitleValue","onAudioUploadCancelDialog","requestImageUploadCancelDialog","getProtocol","requestImageFailedRetryDialog","_react","createElement","TouchableWithoutFeedback","accessible","disabled","onPress","View","style","Icon","audio","size","Text","subtitleContainer","warning","errorIcon","accessibilityLabel","accessibilityRole","accessibilityHint","buttonText","default","source","uri","ref","controls","ignoreSilentSwitch","onFullscreenPlayerWillPresent","onFullscreenPlayerDidDismiss","_default","withPreferredColorScheme","exports"],"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tTouchableWithoutFeedback,\n\tLinking,\n\tAlert,\n\tPlatform,\n} from 'react-native';\nimport { default as VideoPlayer } from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport { Icon, useEditorColorScheme } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { audio, warning } from '@wordpress/icons';\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n} from '@wordpress/react-native-bridge';\nimport { getProtocol } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { parseAudioUrl } from './audio-url-parser.native';\n\nconst isIOS = Platform.OS === 'ios';\n\nfunction Player( {\n\tisUploadInProgress,\n\tisUploadFailed,\n\tattributes,\n\tisSelected,\n} ) {\n\tconst { id, src } = attributes;\n\tconst [ paused, setPaused ] = useState( true );\n\n\tconst onPressListen = () => {\n\t\tif ( src ) {\n\t\t\tif ( isIOS && this.player ) {\n\t\t\t\tthis.player.presentFullscreenPlayer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tLinking.canOpenURL( src )\n\t\t\t\t.then( ( supported ) => {\n\t\t\t\t\tif ( ! supported ) {\n\t\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t\t__( 'No application can handle this request.' )\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn Linking.openURL( src );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t__( 'An unknown error occurred. Please try again.' )\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst containerStyle = useEditorColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = useEditorColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = useEditorColorScheme(\n\t\tstyles.iconDisabled,\n\t\tstyles.iconDisabledDark\n\t);\n\n\tconst isDisabled = isUploadFailed || isUploadInProgress;\n\n\tconst finalIconStyle = {\n\t\t...iconStyle,\n\t\t...( isDisabled && iconDisabledStyle ),\n\t};\n\n\tconst iconContainerStyle = useEditorColorScheme(\n\t\tstyles.iconContainer,\n\t\tstyles.iconContainerDark\n\t);\n\n\tconst titleContainerStyle = {\n\t\t...styles.titleContainer,\n\t\t...( isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid ),\n\t};\n\n\tconst titleStyle = useEditorColorScheme( styles.title, styles.titleDark );\n\n\tconst uploadFailedStyle = useEditorColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = useEditorColorScheme(\n\t\tstyles.subtitle,\n\t\tstyles.subtitleDark\n\t);\n\n\tconst finalSubtitleStyle = {\n\t\t...subtitleStyle,\n\t\t...( isUploadFailed && uploadFailedStyle ),\n\t};\n\n\tconst buttonBackgroundStyle = useEditorColorScheme(\n\t\tstyles.buttonBackground,\n\t\tstyles.buttonBackgroundDark\n\t);\n\n\tlet title = '';\n\tlet extension = '';\n\n\tif ( src ) {\n\t\tconst result = parseAudioUrl( src );\n\t\textension = result.extension;\n\t\ttitle = result.title;\n\t}\n\n\tconst getSubtitleValue = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\treturn __( 'Uploading…' );\n\t\t}\n\t\tif ( isUploadFailed ) {\n\t\t\treturn __( 'Failed to insert audio file. Please tap for options.' );\n\t\t}\n\t\treturn (\n\t\t\textension +\n\t\t\t// translators: displays audio file extension. e.g. MP3 audio file\n\t\t\t__( 'audio file' )\n\t\t);\n\t};\n\n\tfunction onAudioUploadCancelDialog() {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( id && getProtocol( src ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t}\n\t}\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tdisabled={ ! isSelected }\n\t\t\tonPress={ onAudioUploadCancelDialog }\n\t\t>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<View style={ iconContainerStyle }>\n\t\t\t\t\t<Icon icon={ audio } style={ finalIconStyle } size={ 24 } />\n\t\t\t\t</View>\n\t\t\t\t<View style={ titleContainerStyle }>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t<View style={ styles.subtitleContainer }>\n\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ warning }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t...styles.errorIcon,\n\t\t\t\t\t\t\t\t\t...uploadFailedStyle,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Text style={ finalSubtitleStyle }>\n\t\t\t\t\t\t\t{ getSubtitleValue() }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ ! isDisabled && (\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\taccessibilityLabel={ __( 'Audio Player' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to listen the audio file'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonPress={ onPressListen }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ buttonBackgroundStyle }>\n\t\t\t\t\t\t\t<Text style={ styles.buttonText }>\n\t\t\t\t\t\t\t\t{ __( 'OPEN' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t) }\n\t\t\t\t{ isIOS && (\n\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\tsource={ { uri: src } }\n\t\t\t\t\t\tpaused={ paused }\n\t\t\t\t\t\tref={ ( ref ) => {\n\t\t\t\t\t\t\tthis.player = ref;\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tcontrols={ false }\n\t\t\t\t\t\tignoreSilentSwitch={ 'ignore' }\n\t\t\t\t\t\tonFullscreenPlayerWillPresent={ () => {\n\t\t\t\t\t\t\tsetPaused( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFullscreenPlayerDidDismiss={ () => {\n\t\t\t\t\t\t\tsetPaused( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default withPreferredColorScheme( Player );\n"],"mappings":"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"}
1
+ {"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_primitives","_components","_compose","_i18n","_icons","_reactNativeBridge","_url","_element","_styles","_audioUrlParser","isIOS","Platform","OS","Player","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","useState","onPressListen","player","presentFullscreenPlayer","Linking","canOpenURL","then","supported","Alert","alert","__","openURL","catch","containerStyle","useEditorColorScheme","styles","container","containerDark","iconStyle","icon","iconDark","iconDisabledStyle","iconDisabled","iconDisabledDark","isDisabled","finalIconStyle","iconContainerStyle","iconContainer","iconContainerDark","titleContainerStyle","titleContainer","titleContainerIOS","titleContainerAndroid","titleStyle","title","titleDark","uploadFailedStyle","uploadFailed","uploadFailedDark","subtitleStyle","subtitle","subtitleDark","finalSubtitleStyle","buttonBackgroundStyle","buttonBackground","buttonBackgroundDark","extension","result","parseAudioUrl","getSubtitleValue","onAudioUploadCancelDialog","requestImageUploadCancelDialog","getProtocol","requestImageFailedRetryDialog","_react","createElement","TouchableWithoutFeedback","accessible","disabled","onPress","View","style","Icon","audio","size","Text","subtitleContainer","warning","errorIcon","accessibilityLabel","accessibilityRole","accessibilityHint","buttonText","default","source","uri","ref","controls","ignoreSilentSwitch","onFullscreenPlayerWillPresent","onFullscreenPlayerDidDismiss","_default","exports","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tTouchableWithoutFeedback,\n\tLinking,\n\tAlert,\n\tPlatform,\n} from 'react-native';\nimport { default as VideoPlayer } from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport { Icon, useEditorColorScheme } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { audio, warning } from '@wordpress/icons';\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n} from '@wordpress/react-native-bridge';\nimport { getProtocol } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { parseAudioUrl } from './audio-url-parser.native';\n\nconst isIOS = Platform.OS === 'ios';\n\nfunction Player( {\n\tisUploadInProgress,\n\tisUploadFailed,\n\tattributes,\n\tisSelected,\n} ) {\n\tconst { id, src } = attributes;\n\tconst [ paused, setPaused ] = useState( true );\n\n\tconst onPressListen = () => {\n\t\tif ( src ) {\n\t\t\tif ( isIOS && this.player ) {\n\t\t\t\tthis.player.presentFullscreenPlayer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tLinking.canOpenURL( src )\n\t\t\t\t.then( ( supported ) => {\n\t\t\t\t\tif ( ! supported ) {\n\t\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t\t__( 'No application can handle this request.' )\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn Linking.openURL( src );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t__( 'An unknown error occurred. Please try again.' )\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst containerStyle = useEditorColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = useEditorColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = useEditorColorScheme(\n\t\tstyles.iconDisabled,\n\t\tstyles.iconDisabledDark\n\t);\n\n\tconst isDisabled = isUploadFailed || isUploadInProgress;\n\n\tconst finalIconStyle = {\n\t\t...iconStyle,\n\t\t...( isDisabled && iconDisabledStyle ),\n\t};\n\n\tconst iconContainerStyle = useEditorColorScheme(\n\t\tstyles.iconContainer,\n\t\tstyles.iconContainerDark\n\t);\n\n\tconst titleContainerStyle = {\n\t\t...styles.titleContainer,\n\t\t...( isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid ),\n\t};\n\n\tconst titleStyle = useEditorColorScheme( styles.title, styles.titleDark );\n\n\tconst uploadFailedStyle = useEditorColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = useEditorColorScheme(\n\t\tstyles.subtitle,\n\t\tstyles.subtitleDark\n\t);\n\n\tconst finalSubtitleStyle = {\n\t\t...subtitleStyle,\n\t\t...( isUploadFailed && uploadFailedStyle ),\n\t};\n\n\tconst buttonBackgroundStyle = useEditorColorScheme(\n\t\tstyles.buttonBackground,\n\t\tstyles.buttonBackgroundDark\n\t);\n\n\tlet title = '';\n\tlet extension = '';\n\n\tif ( src ) {\n\t\tconst result = parseAudioUrl( src );\n\t\textension = result.extension;\n\t\ttitle = result.title;\n\t}\n\n\tconst getSubtitleValue = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\treturn __( 'Uploading…' );\n\t\t}\n\t\tif ( isUploadFailed ) {\n\t\t\treturn __( 'Failed to insert audio file. Please tap for options.' );\n\t\t}\n\t\treturn (\n\t\t\textension +\n\t\t\t// translators: displays audio file extension. e.g. MP3 audio file\n\t\t\t__( 'audio file' )\n\t\t);\n\t};\n\n\tfunction onAudioUploadCancelDialog() {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( id && getProtocol( src ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t}\n\t}\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tdisabled={ ! isSelected }\n\t\t\tonPress={ onAudioUploadCancelDialog }\n\t\t>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<View style={ iconContainerStyle }>\n\t\t\t\t\t<Icon icon={ audio } style={ finalIconStyle } size={ 24 } />\n\t\t\t\t</View>\n\t\t\t\t<View style={ titleContainerStyle }>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t<View style={ styles.subtitleContainer }>\n\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ warning }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t...styles.errorIcon,\n\t\t\t\t\t\t\t\t\t...uploadFailedStyle,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Text style={ finalSubtitleStyle }>\n\t\t\t\t\t\t\t{ getSubtitleValue() }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ ! isDisabled && (\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\taccessibilityLabel={ __( 'Audio Player' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to listen the audio file'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonPress={ onPressListen }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ buttonBackgroundStyle }>\n\t\t\t\t\t\t\t<Text style={ styles.buttonText }>\n\t\t\t\t\t\t\t\t{ __( 'OPEN' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t) }\n\t\t\t\t{ isIOS && (\n\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\tsource={ { uri: src } }\n\t\t\t\t\t\tpaused={ paused }\n\t\t\t\t\t\tref={ ( ref ) => {\n\t\t\t\t\t\t\tthis.player = ref;\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tcontrols={ false }\n\t\t\t\t\t\tignoreSilentSwitch={ 'ignore' }\n\t\t\t\t\t\tonFullscreenPlayerWillPresent={ () => {\n\t\t\t\t\t\t\tsetPaused( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFullscreenPlayerDidDismiss={ () => {\n\t\t\t\t\t\t\tsetPaused( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default withPreferredColorScheme( Player );\n"],"mappings":"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"}
@@ -32,6 +32,5 @@ const Badge = ({
32
32
  style: _style.default.badge
33
33
  }, label)));
34
34
  };
35
- var _default = (0, _compose.withPreferredColorScheme)(Badge);
36
- exports.default = _default;
35
+ var _default = exports.default = (0, _compose.withPreferredColorScheme)(Badge);
37
36
  //# sourceMappingURL=index.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","Badge","label","children","show","_react","createElement","Fragment","View","style","styles","badgeContainer","Text","badge","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst Badge = ( { label, children, show = true } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ children }\n\t\t\t<View style={ styles.badgeContainer }>\n\t\t\t\t{ show && <Text style={ styles.badge }>{ label }</Text> }\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default withPreferredColorScheme( Badge );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,KAAK,GAAGA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAM;EACrD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGJ,QAAQ,EACV,IAAAE,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAgB,GAClCP,IAAI,IAAI,IAAAC,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAgB,IAAI;IAACH,KAAK,EAAGC,cAAM,CAACG;EAAO,GAAGX,KAAa,CACjD,CACL,CAAC;AAEL,CAAC;AAAC,IAAAY,QAAA,GAEa,IAAAC,iCAAwB,EAAEd,KAAM,CAAC;AAAAe,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
1
+ {"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","Badge","label","children","show","_react","createElement","Fragment","View","style","styles","badgeContainer","Text","badge","_default","exports","default","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst Badge = ( { label, children, show = true } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ children }\n\t\t\t<View style={ styles.badgeContainer }>\n\t\t\t\t{ show && <Text style={ styles.badge }>{ label }</Text> }\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default withPreferredColorScheme( Badge );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,KAAK,GAAGA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAM;EACrD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGJ,QAAQ,EACV,IAAAE,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAgB,GAClCP,IAAI,IAAI,IAAAC,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAgB,IAAI;IAACH,KAAK,EAAGC,cAAM,CAACG;EAAO,GAAGX,KAAa,CACjD,CACL,CAAC;AAEL,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,iCAAwB,EAAEhB,KAAM,CAAC"}
@@ -22,7 +22,7 @@ if (_reactNative.Platform.OS === 'android' && _reactNative.UIManager.setLayoutAn
22
22
 
23
23
  // Context in BottomSheet is necessary for controlling the
24
24
  // transition flow between subsheets and replacing a content inside them
25
- const BottomSheetContext = (0, _element.createContext)({
25
+ const BottomSheetContext = exports.BottomSheetContext = (0, _element.createContext)({
26
26
  // Specifies whether content is currently scrolling.
27
27
  isBottomSheetContentScrolling: false,
28
28
  // Function called to enable scroll within bottom sheet.
@@ -39,7 +39,6 @@ const BottomSheetContext = (0, _element.createContext)({
39
39
  // Toggle full-screen styles and dimensions
40
40
  setIsFullScreen: () => {}
41
41
  });
42
- exports.BottomSheetContext = BottomSheetContext;
43
42
  const {
44
43
  Provider: BottomSheetProvider,
45
44
  Consumer: BottomSheetConsumer
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_element","Platform","OS","UIManager","setLayoutAnimationEnabledExperimental","BottomSheetContext","createContext","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","setIsFullScreen","exports","Provider","BottomSheetProvider","Consumer","BottomSheetConsumer"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-context.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, UIManager } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// It's needed to set the following flags via UIManager\n// to have `LayoutAnimation` working on Android\nif (\n\tPlatform.OS === 'android' &&\n\tUIManager.setLayoutAnimationEnabledExperimental\n) {\n\tUIManager.setLayoutAnimationEnabledExperimental( true );\n}\n\n// Context in BottomSheet is necessary for controlling the\n// transition flow between subsheets and replacing a content inside them\nexport const BottomSheetContext = createContext( {\n\t// Specifies whether content is currently scrolling.\n\tisBottomSheetContentScrolling: false,\n\t// Function called to enable scroll within bottom sheet.\n\tshouldEnableBottomSheetScroll: () => {},\n\t// Function called to enable/disable bottom sheet max height.\n\t// E.g. used to extend bottom sheet on full screen in ColorPicker,\n\t// which is helpful on small devices with set the largest font/display size.\n\tshouldEnableBottomSheetMaxHeight: () => {},\n\t// Callback that is called on closing bottom sheet.\n\tonHandleClosingBottomSheet: () => {},\n\t// Android only: Function called to control android hardware back button functionality\n\t// Return true if the bottom-sheet default close action shouldn't be called.\n\tonHandleHardwareButtonPress: () => {},\n\t// Toggle full-screen styles and dimensions\n\tsetIsFullScreen: () => {},\n} );\n\nexport const { Provider: BottomSheetProvider, Consumer: BottomSheetConsumer } =\n\tBottomSheetContext;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACA,IACCE,qBAAQ,CAACC,EAAE,KAAK,SAAS,IACzBC,sBAAS,CAACC,qCAAqC,EAC9C;EACDD,sBAAS,CAACC,qCAAqC,CAAE,IAAK,CAAC;AACxD;;AAEA;AACA;AACO,MAAMC,kBAAkB,GAAG,IAAAC,sBAAa,EAAE;EAChD;EACAC,6BAA6B,EAAE,KAAK;EACpC;EACAC,6BAA6B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACvC;EACA;EACA;EACAC,gCAAgC,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1C;EACAC,0BAA0B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpC;EACA;EACAC,2BAA2B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACrC;EACAC,eAAe,EAAEA,CAAA,KAAM,CAAC;AACzB,CAAE,CAAC;AAACC,OAAA,CAAAR,kBAAA,GAAAA,kBAAA;AAEG,MAAM;EAAES,QAAQ,EAAEC,mBAAmB;EAAEC,QAAQ,EAAEC;AAAoB,CAAC,GAC5EZ,kBAAkB;AAACQ,OAAA,CAAAI,mBAAA,GAAAA,mBAAA;AAAAJ,OAAA,CAAAE,mBAAA,GAAAA,mBAAA"}
1
+ {"version":3,"names":["_reactNative","require","_element","Platform","OS","UIManager","setLayoutAnimationEnabledExperimental","BottomSheetContext","exports","createContext","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","setIsFullScreen","Provider","BottomSheetProvider","Consumer","BottomSheetConsumer"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-context.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, UIManager } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// It's needed to set the following flags via UIManager\n// to have `LayoutAnimation` working on Android\nif (\n\tPlatform.OS === 'android' &&\n\tUIManager.setLayoutAnimationEnabledExperimental\n) {\n\tUIManager.setLayoutAnimationEnabledExperimental( true );\n}\n\n// Context in BottomSheet is necessary for controlling the\n// transition flow between subsheets and replacing a content inside them\nexport const BottomSheetContext = createContext( {\n\t// Specifies whether content is currently scrolling.\n\tisBottomSheetContentScrolling: false,\n\t// Function called to enable scroll within bottom sheet.\n\tshouldEnableBottomSheetScroll: () => {},\n\t// Function called to enable/disable bottom sheet max height.\n\t// E.g. used to extend bottom sheet on full screen in ColorPicker,\n\t// which is helpful on small devices with set the largest font/display size.\n\tshouldEnableBottomSheetMaxHeight: () => {},\n\t// Callback that is called on closing bottom sheet.\n\tonHandleClosingBottomSheet: () => {},\n\t// Android only: Function called to control android hardware back button functionality\n\t// Return true if the bottom-sheet default close action shouldn't be called.\n\tonHandleHardwareButtonPress: () => {},\n\t// Toggle full-screen styles and dimensions\n\tsetIsFullScreen: () => {},\n} );\n\nexport const { Provider: BottomSheetProvider, Consumer: BottomSheetConsumer } =\n\tBottomSheetContext;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACA,IACCE,qBAAQ,CAACC,EAAE,KAAK,SAAS,IACzBC,sBAAS,CAACC,qCAAqC,EAC9C;EACDD,sBAAS,CAACC,qCAAqC,CAAE,IAAK,CAAC;AACxD;;AAEA;AACA;AACO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,sBAAa,EAAE;EAChD;EACAC,6BAA6B,EAAE,KAAK;EACpC;EACAC,6BAA6B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACvC;EACA;EACA;EACAC,gCAAgC,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1C;EACAC,0BAA0B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACpC;EACA;EACAC,2BAA2B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACrC;EACAC,eAAe,EAAEA,CAAA,KAAM,CAAC;AACzB,CAAE,CAAC;AAEI,MAAM;EAAEC,QAAQ,EAAEC,mBAAmB;EAAEC,QAAQ,EAAEC;AAAoB,CAAC,GAC5EZ,kBAAkB;AAACC,OAAA,CAAAW,mBAAA,GAAAA,mBAAA;AAAAX,OAAA,CAAAS,mBAAA,GAAAA,mBAAA"}
@@ -11,13 +11,12 @@ var _element = require("@wordpress/element");
11
11
 
12
12
  // Navigation context in BottomSheet is necessary for controlling the
13
13
  // height of navigation container.
14
- const BottomSheetNavigationContext = (0, _element.createContext)({
14
+ const BottomSheetNavigationContext = exports.BottomSheetNavigationContext = (0, _element.createContext)({
15
15
  currentHeight: {
16
16
  value: 0
17
17
  },
18
18
  setHeight: () => {}
19
19
  });
20
- exports.BottomSheetNavigationContext = BottomSheetNavigationContext;
21
20
  const {
22
21
  Provider: BottomSheetNavigationProvider,
23
22
  Consumer: BottomSheetNavigationConsumer
@@ -1 +1 @@
1
- {"version":3,"names":["_element","require","BottomSheetNavigationContext","createContext","currentHeight","value","setHeight","exports","Provider","BottomSheetNavigationProvider","Consumer","BottomSheetNavigationConsumer"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// Navigation context in BottomSheet is necessary for controlling the\n// height of navigation container.\nexport const BottomSheetNavigationContext = createContext( {\n\tcurrentHeight: { value: 0 },\n\tsetHeight: () => {},\n} );\n\nexport const {\n\tProvider: BottomSheetNavigationProvider,\n\tConsumer: BottomSheetNavigationConsumer,\n} = BottomSheetNavigationContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACO,MAAMC,4BAA4B,GAAG,IAAAC,sBAAa,EAAE;EAC1DC,aAAa,EAAE;IAAEC,KAAK,EAAE;EAAE,CAAC;EAC3BC,SAAS,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAE,CAAC;AAACC,OAAA,CAAAL,4BAAA,GAAAA,4BAAA;AAEG,MAAM;EACZM,QAAQ,EAAEC,6BAA6B;EACvCC,QAAQ,EAAEC;AACX,CAAC,GAAGT,4BAA4B;AAACK,OAAA,CAAAI,6BAAA,GAAAA,6BAAA;AAAAJ,OAAA,CAAAE,6BAAA,GAAAA,6BAAA"}
1
+ {"version":3,"names":["_element","require","BottomSheetNavigationContext","exports","createContext","currentHeight","value","setHeight","Provider","BottomSheetNavigationProvider","Consumer","BottomSheetNavigationConsumer"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/bottom-sheet-navigation-context.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n// Navigation context in BottomSheet is necessary for controlling the\n// height of navigation container.\nexport const BottomSheetNavigationContext = createContext( {\n\tcurrentHeight: { value: 0 },\n\tsetHeight: () => {},\n} );\n\nexport const {\n\tProvider: BottomSheetNavigationProvider,\n\tConsumer: BottomSheetNavigationConsumer,\n} = BottomSheetNavigationContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACO,MAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,sBAAa,EAAE;EAC1DC,aAAa,EAAE;IAAEC,KAAK,EAAE;EAAE,CAAC;EAC3BC,SAAS,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAE,CAAC;AAEI,MAAM;EACZC,QAAQ,EAAEC,6BAA6B;EACvCC,QAAQ,EAAEC;AACX,CAAC,GAAGT,4BAA4B;AAACC,OAAA,CAAAQ,6BAAA,GAAAA,6BAAA;AAAAR,OAAA,CAAAM,6BAAA,GAAAA,6BAAA"}
@@ -14,8 +14,8 @@ var _compose = require("@wordpress/compose");
14
14
  var _bottomSheetNavigationContext = require("./bottom-sheet-navigation-context");
15
15
  var _bottomSheetContext = require("../bottom-sheet-context");
16
16
  var _styles = _interopRequireDefault(require("./styles.scss"));
17
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
18
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
19
  /**
20
20
  * External dependencies
21
21
  */
@@ -139,6 +139,5 @@ function BottomSheetNavigationContainer({
139
139
  }, screens)));
140
140
  }, [_theme, animatedStyles, currentHeight, main, screens, setHeight, style, testID]);
141
141
  }
142
- var _default = BottomSheetNavigationContainer;
143
- exports.default = _default;
142
+ var _default = exports.default = BottomSheetNavigationContainer;
144
143
  //# sourceMappingURL=navigation-container.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_native","require","_stack","_reactNativeReanimated","_interopRequireWildcard","_element","_compose","_bottomSheetNavigationContext","_bottomSheetContext","_styles","_interopRequireDefault","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AnimationSpec","animation","config","duration","easing","Easing","ease","fadeConfig","current","cardStyle","opacity","progress","options","transitionSpec","open","close","headerShown","gestureEnabled","cardStyleInterpolator","keyboardHandlingEnabled","HEIGHT_ANIMATION_DURATION","DEFAULT_HEIGHT","BottomSheetNavigationContainer","children","animate","main","theme","style","testID","Stack","useRef","createStackNavigator","navigationContext","useContext","BottomSheetNavigationContext","maxHeight","sheetMaxHeight","isMaxHeightSet","isSheetMaxHeightSet","BottomSheetContext","currentHeight","useSharedValue","value","backgroundStyle","usePreferredColorSchemeStyle","styles","background","backgroundDark","defaultTheme","useMemo","DefaultTheme","colors","backgroundColor","_theme","setHeight","useCallback","height","Math","round","newHeight","min","shouldAnimate","withTiming","out","cubic","animatedStyles","useAnimatedStyle","screens","Children","map","child","screen","name","otherProps","props","cloneElement","isNested","_react","createElement","Screen","View","BottomSheetNavigationProvider","NavigationContainer","Navigator","screenOptions","detachInactiveScreens","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport { createStackNavigator } from '@react-navigation/stack';\nimport Animated, {\n\tEasing,\n\tuseAnimatedStyle,\n\tuseSharedValue,\n\twithTiming,\n} from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tChildren,\n\tuseRef,\n\tcloneElement,\n} from '@wordpress/element';\n\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBottomSheetNavigationContext,\n\tBottomSheetNavigationProvider,\n} from './bottom-sheet-navigation-context';\nimport { BottomSheetContext } from '../bottom-sheet-context';\n\nimport styles from './styles.scss';\n\nconst AnimationSpec = {\n\tanimation: 'timing',\n\tconfig: {\n\t\tduration: 200,\n\t\teasing: Easing.ease,\n\t},\n};\n\nconst fadeConfig = ( { current } ) => {\n\treturn {\n\t\tcardStyle: {\n\t\t\topacity: current.progress,\n\t\t},\n\t};\n};\n\nconst options = {\n\ttransitionSpec: {\n\t\topen: AnimationSpec,\n\t\tclose: AnimationSpec,\n\t},\n\theaderShown: false,\n\tgestureEnabled: false,\n\tcardStyleInterpolator: fadeConfig,\n\tkeyboardHandlingEnabled: false,\n};\n\nconst HEIGHT_ANIMATION_DURATION = 300;\nconst DEFAULT_HEIGHT = 1;\n\nfunction BottomSheetNavigationContainer( {\n\tchildren,\n\tanimate,\n\tmain,\n\ttheme,\n\tstyle,\n\ttestID,\n} ) {\n\tconst Stack = useRef( createStackNavigator() ).current;\n\tconst navigationContext = useContext( BottomSheetNavigationContext );\n\tconst { maxHeight: sheetMaxHeight, isMaxHeightSet: isSheetMaxHeightSet } =\n\t\tuseContext( BottomSheetContext );\n\tconst currentHeight = useSharedValue(\n\t\tnavigationContext.currentHeight?.value || DEFAULT_HEIGHT\n\t);\n\n\tconst backgroundStyle = usePreferredColorSchemeStyle(\n\t\tstyles.background,\n\t\tstyles.backgroundDark\n\t);\n\n\tconst defaultTheme = useMemo(\n\t\t() => ( {\n\t\t\t...DefaultTheme,\n\t\t\tcolors: {\n\t\t\t\t...DefaultTheme.colors,\n\t\t\t\tbackground: backgroundStyle.backgroundColor,\n\t\t\t},\n\t\t} ),\n\t\t[ backgroundStyle.backgroundColor ]\n\t);\n\tconst _theme = theme || defaultTheme;\n\n\tconst setHeight = useCallback(\n\t\t( height ) => {\n\t\t\tif (\n\t\t\t\theight > DEFAULT_HEIGHT &&\n\t\t\t\tMath.round( height ) !== Math.round( currentHeight.value )\n\t\t\t) {\n\t\t\t\t// If max height is set in the bottom sheet, we clamp\n\t\t\t\t// the new height using that value.\n\t\t\t\tconst newHeight = isSheetMaxHeightSet\n\t\t\t\t\t? Math.min( sheetMaxHeight, height )\n\t\t\t\t\t: height;\n\t\t\t\tconst shouldAnimate =\n\t\t\t\t\tanimate && currentHeight.value !== DEFAULT_HEIGHT;\n\n\t\t\t\tif ( shouldAnimate ) {\n\t\t\t\t\tcurrentHeight.value = withTiming( newHeight, {\n\t\t\t\t\t\tduration: HEIGHT_ANIMATION_DURATION,\n\t\t\t\t\t\teasing: Easing.out( Easing.cubic ),\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tcurrentHeight.value = newHeight;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ animate, currentHeight, isSheetMaxHeightSet, sheetMaxHeight ]\n\t);\n\n\tconst animatedStyles = useAnimatedStyle( () => ( {\n\t\theight: currentHeight.value,\n\t} ) );\n\n\tconst screens = useMemo( () => {\n\t\treturn Children.map( children, ( child ) => {\n\t\t\tlet screen = child;\n\t\t\tconst { name, ...otherProps } = child.props;\n\t\t\tif ( ! main ) {\n\t\t\t\tscreen = cloneElement( child, {\n\t\t\t\t\t...child.props,\n\t\t\t\t\tisNested: true,\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Stack.Screen\n\t\t\t\t\tname={ name }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tchildren={ () => screen }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ children, main ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<Animated.View\n\t\t\t\tstyle={ [ style, animatedStyles ] }\n\t\t\t\ttestID={ testID }\n\t\t\t>\n\t\t\t\t<BottomSheetNavigationProvider\n\t\t\t\t\tvalue={ { setHeight, currentHeight } }\n\t\t\t\t>\n\t\t\t\t\t{ main ? (\n\t\t\t\t\t\t<NavigationContainer theme={ _theme }>\n\t\t\t\t\t\t\t<Stack.Navigator\n\t\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t\t</NavigationContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Stack.Navigator\n\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheetNavigationProvider>\n\t\t\t</Animated.View>\n\t\t);\n\t}, [\n\t\t_theme,\n\t\tanimatedStyles,\n\t\tcurrentHeight,\n\t\tmain,\n\t\tscreens,\n\t\tsetHeight,\n\t\tstyle,\n\t\ttestID,\n\t] );\n}\n\nexport default BottomSheetNavigationContainer;\n"],"mappings":"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"}
1
+ {"version":3,"names":["_native","require","_stack","_reactNativeReanimated","_interopRequireWildcard","_element","_compose","_bottomSheetNavigationContext","_bottomSheetContext","_styles","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","AnimationSpec","animation","config","duration","easing","Easing","ease","fadeConfig","current","cardStyle","opacity","progress","options","transitionSpec","open","close","headerShown","gestureEnabled","cardStyleInterpolator","keyboardHandlingEnabled","HEIGHT_ANIMATION_DURATION","DEFAULT_HEIGHT","BottomSheetNavigationContainer","children","animate","main","theme","style","testID","Stack","useRef","createStackNavigator","navigationContext","useContext","BottomSheetNavigationContext","maxHeight","sheetMaxHeight","isMaxHeightSet","isSheetMaxHeightSet","BottomSheetContext","currentHeight","useSharedValue","value","backgroundStyle","usePreferredColorSchemeStyle","styles","background","backgroundDark","defaultTheme","useMemo","DefaultTheme","colors","backgroundColor","_theme","setHeight","useCallback","height","Math","round","newHeight","min","shouldAnimate","withTiming","out","cubic","animatedStyles","useAnimatedStyle","screens","Children","map","child","screen","name","otherProps","props","cloneElement","isNested","_react","createElement","Screen","View","BottomSheetNavigationProvider","NavigationContainer","Navigator","screenOptions","detachInactiveScreens","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport { createStackNavigator } from '@react-navigation/stack';\nimport Animated, {\n\tEasing,\n\tuseAnimatedStyle,\n\tuseSharedValue,\n\twithTiming,\n} from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tChildren,\n\tuseRef,\n\tcloneElement,\n} from '@wordpress/element';\n\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBottomSheetNavigationContext,\n\tBottomSheetNavigationProvider,\n} from './bottom-sheet-navigation-context';\nimport { BottomSheetContext } from '../bottom-sheet-context';\n\nimport styles from './styles.scss';\n\nconst AnimationSpec = {\n\tanimation: 'timing',\n\tconfig: {\n\t\tduration: 200,\n\t\teasing: Easing.ease,\n\t},\n};\n\nconst fadeConfig = ( { current } ) => {\n\treturn {\n\t\tcardStyle: {\n\t\t\topacity: current.progress,\n\t\t},\n\t};\n};\n\nconst options = {\n\ttransitionSpec: {\n\t\topen: AnimationSpec,\n\t\tclose: AnimationSpec,\n\t},\n\theaderShown: false,\n\tgestureEnabled: false,\n\tcardStyleInterpolator: fadeConfig,\n\tkeyboardHandlingEnabled: false,\n};\n\nconst HEIGHT_ANIMATION_DURATION = 300;\nconst DEFAULT_HEIGHT = 1;\n\nfunction BottomSheetNavigationContainer( {\n\tchildren,\n\tanimate,\n\tmain,\n\ttheme,\n\tstyle,\n\ttestID,\n} ) {\n\tconst Stack = useRef( createStackNavigator() ).current;\n\tconst navigationContext = useContext( BottomSheetNavigationContext );\n\tconst { maxHeight: sheetMaxHeight, isMaxHeightSet: isSheetMaxHeightSet } =\n\t\tuseContext( BottomSheetContext );\n\tconst currentHeight = useSharedValue(\n\t\tnavigationContext.currentHeight?.value || DEFAULT_HEIGHT\n\t);\n\n\tconst backgroundStyle = usePreferredColorSchemeStyle(\n\t\tstyles.background,\n\t\tstyles.backgroundDark\n\t);\n\n\tconst defaultTheme = useMemo(\n\t\t() => ( {\n\t\t\t...DefaultTheme,\n\t\t\tcolors: {\n\t\t\t\t...DefaultTheme.colors,\n\t\t\t\tbackground: backgroundStyle.backgroundColor,\n\t\t\t},\n\t\t} ),\n\t\t[ backgroundStyle.backgroundColor ]\n\t);\n\tconst _theme = theme || defaultTheme;\n\n\tconst setHeight = useCallback(\n\t\t( height ) => {\n\t\t\tif (\n\t\t\t\theight > DEFAULT_HEIGHT &&\n\t\t\t\tMath.round( height ) !== Math.round( currentHeight.value )\n\t\t\t) {\n\t\t\t\t// If max height is set in the bottom sheet, we clamp\n\t\t\t\t// the new height using that value.\n\t\t\t\tconst newHeight = isSheetMaxHeightSet\n\t\t\t\t\t? Math.min( sheetMaxHeight, height )\n\t\t\t\t\t: height;\n\t\t\t\tconst shouldAnimate =\n\t\t\t\t\tanimate && currentHeight.value !== DEFAULT_HEIGHT;\n\n\t\t\t\tif ( shouldAnimate ) {\n\t\t\t\t\tcurrentHeight.value = withTiming( newHeight, {\n\t\t\t\t\t\tduration: HEIGHT_ANIMATION_DURATION,\n\t\t\t\t\t\teasing: Easing.out( Easing.cubic ),\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tcurrentHeight.value = newHeight;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ animate, currentHeight, isSheetMaxHeightSet, sheetMaxHeight ]\n\t);\n\n\tconst animatedStyles = useAnimatedStyle( () => ( {\n\t\theight: currentHeight.value,\n\t} ) );\n\n\tconst screens = useMemo( () => {\n\t\treturn Children.map( children, ( child ) => {\n\t\t\tlet screen = child;\n\t\t\tconst { name, ...otherProps } = child.props;\n\t\t\tif ( ! main ) {\n\t\t\t\tscreen = cloneElement( child, {\n\t\t\t\t\t...child.props,\n\t\t\t\t\tisNested: true,\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Stack.Screen\n\t\t\t\t\tname={ name }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tchildren={ () => screen }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ children, main ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<Animated.View\n\t\t\t\tstyle={ [ style, animatedStyles ] }\n\t\t\t\ttestID={ testID }\n\t\t\t>\n\t\t\t\t<BottomSheetNavigationProvider\n\t\t\t\t\tvalue={ { setHeight, currentHeight } }\n\t\t\t\t>\n\t\t\t\t\t{ main ? (\n\t\t\t\t\t\t<NavigationContainer theme={ _theme }>\n\t\t\t\t\t\t\t<Stack.Navigator\n\t\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t\t</NavigationContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Stack.Navigator\n\t\t\t\t\t\t\tscreenOptions={ options }\n\t\t\t\t\t\t\tdetachInactiveScreens={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheetNavigationProvider>\n\t\t\t</Animated.View>\n\t\t);\n\t}, [\n\t\t_theme,\n\t\tanimatedStyles,\n\t\tcurrentHeight,\n\t\tmain,\n\t\tscreens,\n\t\tsetHeight,\n\t\tstyle,\n\t\ttestID,\n\t] );\n}\n\nexport default BottomSheetNavigationContainer;\n"],"mappings":"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"}
@@ -119,6 +119,5 @@ const BottomSheetNavigationScreen = ({
119
119
  // eslint-disable-next-line react-hooks/exhaustive-deps
120
120
  }, [children, isFocused, safeAreaBottomInset, listProps, name, isScrollable, isNested, onLayout]);
121
121
  };
122
- var _default = BottomSheetNavigationScreen;
123
- exports.default = _default;
122
+ var _default = exports.default = BottomSheetNavigationScreen;
124
123
  //# sourceMappingURL=navigation-screen.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_native","require","_reactNative","_components","_element","_bottomSheetNavigationContext","_styles","_interopRequireDefault","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","useNavigation","maxHeight","useRef","isFocused","useIsFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","useContext","BottomSheetContext","height","windowHeight","useWindowDimensions","setHeight","BottomSheetNavigationContext","useFocusEffect","useCallback","canGoBack","goBack","current","onLayout","nativeEvent","layout","useMemo","_react","createElement","View","testID","ScrollView","TouchableHighlight","accessible","style","styles","scrollableContent","paddingBottom","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport {\n\tScrollView,\n\tTouchableHighlight,\n\tuseWindowDimensions,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheetContext } from '@wordpress/components';\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport styles from './styles.scss';\n\nconst BottomSheetNavigationScreen = ( {\n\tchildren,\n\tfullScreen,\n\tisScrollable,\n\tisNested,\n\tname,\n} ) => {\n\tconst navigation = useNavigation();\n\tconst maxHeight = useRef( 0 );\n\tconst isFocused = useIsFocused();\n\tconst {\n\t\tonHandleHardwareButtonPress,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tsetIsFullScreen,\n\t\tlistProps,\n\t\tsafeAreaBottomInset,\n\t} = useContext( BottomSheetContext );\n\tconst { height: windowHeight } = useWindowDimensions();\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tonHandleHardwareButtonPress( () => {\n\t\t\t\tif ( navigation.canGoBack() ) {\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\t\t\tnavigation.goBack();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tonHandleHardwareButtonPress( null );\n\t\t\t\treturn false;\n\t\t\t} );\n\t\t\t/**\n\t\t\t * TODO: onHandleHardwareButtonPress stores a single value, which means\n\t\t\t * future invocations from sibling screens can replace the callback for\n\t\t\t * the currently active screen. Currently, the empty dependency array\n\t\t\t * passed to useCallback here is what prevents erroneous callback\n\t\t\t * replacements, but leveraging memoization to achieve this is brittle and\n\t\t\t * explicitly discouraged in the React documentation.\n\t\t\t * https://reactjs.org/docs/hooks-reference.html#usememo\n\t\t\t *\n\t\t\t * Ideally, we refactor onHandleHardwareButtonPress to manage multiple\n\t\t\t * callbacks triggered based upon which screen is currently active.\n\t\t\t *\n\t\t\t * Related: https://github.com/WordPress/gutenberg/pull/36328#discussion_r768897546\n\t\t\t */\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] )\n\t);\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( windowHeight );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( maxHeight.current !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( maxHeight.current );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t}, [ fullScreen, setHeight, setIsFullScreen, windowHeight ] )\n\t);\n\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tif ( fullScreen ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { height } = nativeEvent.layout;\n\t\tif ( maxHeight.current !== height && isFocused ) {\n\t\t\tmaxHeight.current = height;\n\t\t\tsetHeight( height );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn isScrollable || isNested ? (\n\t\t\t<View\n\t\t\t\tonLayout={ onLayout }\n\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t) : (\n\t\t\t<ScrollView { ...listProps }>\n\t\t\t\t<TouchableHighlight accessible={ false }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tonLayout={ onLayout }\n\t\t\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ ! isNested && (\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\tsafeAreaBottomInset ||\n\t\t\t\t\t\t\t\t\t\tstyles.scrollableContent.paddingBottom,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableHighlight>\n\t\t\t</ScrollView>\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\tchildren,\n\t\tisFocused,\n\t\tsafeAreaBottomInset,\n\t\tlistProps,\n\t\tname,\n\t\tisScrollable,\n\t\tisNested,\n\t\tonLayout,\n\t] );\n};\n\nexport default BottomSheetNavigationScreen;\n"],"mappings":"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"}
1
+ {"version":3,"names":["_native","require","_reactNative","_components","_element","_bottomSheetNavigationContext","_styles","_interopRequireDefault","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","useNavigation","maxHeight","useRef","isFocused","useIsFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","useContext","BottomSheetContext","height","windowHeight","useWindowDimensions","setHeight","BottomSheetNavigationContext","useFocusEffect","useCallback","canGoBack","goBack","current","onLayout","nativeEvent","layout","useMemo","_react","createElement","View","testID","ScrollView","TouchableHighlight","accessible","style","styles","scrollableContent","paddingBottom","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport {\n\tScrollView,\n\tTouchableHighlight,\n\tuseWindowDimensions,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheetContext } from '@wordpress/components';\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport styles from './styles.scss';\n\nconst BottomSheetNavigationScreen = ( {\n\tchildren,\n\tfullScreen,\n\tisScrollable,\n\tisNested,\n\tname,\n} ) => {\n\tconst navigation = useNavigation();\n\tconst maxHeight = useRef( 0 );\n\tconst isFocused = useIsFocused();\n\tconst {\n\t\tonHandleHardwareButtonPress,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tsetIsFullScreen,\n\t\tlistProps,\n\t\tsafeAreaBottomInset,\n\t} = useContext( BottomSheetContext );\n\tconst { height: windowHeight } = useWindowDimensions();\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tonHandleHardwareButtonPress( () => {\n\t\t\t\tif ( navigation.canGoBack() ) {\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\t\t\tnavigation.goBack();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tonHandleHardwareButtonPress( null );\n\t\t\t\treturn false;\n\t\t\t} );\n\t\t\t/**\n\t\t\t * TODO: onHandleHardwareButtonPress stores a single value, which means\n\t\t\t * future invocations from sibling screens can replace the callback for\n\t\t\t * the currently active screen. Currently, the empty dependency array\n\t\t\t * passed to useCallback here is what prevents erroneous callback\n\t\t\t * replacements, but leveraging memoization to achieve this is brittle and\n\t\t\t * explicitly discouraged in the React documentation.\n\t\t\t * https://reactjs.org/docs/hooks-reference.html#usememo\n\t\t\t *\n\t\t\t * Ideally, we refactor onHandleHardwareButtonPress to manage multiple\n\t\t\t * callbacks triggered based upon which screen is currently active.\n\t\t\t *\n\t\t\t * Related: https://github.com/WordPress/gutenberg/pull/36328#discussion_r768897546\n\t\t\t */\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] )\n\t);\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( windowHeight );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( maxHeight.current !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( maxHeight.current );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t}, [ fullScreen, setHeight, setIsFullScreen, windowHeight ] )\n\t);\n\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tif ( fullScreen ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { height } = nativeEvent.layout;\n\t\tif ( maxHeight.current !== height && isFocused ) {\n\t\t\tmaxHeight.current = height;\n\t\t\tsetHeight( height );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn isScrollable || isNested ? (\n\t\t\t<View\n\t\t\t\tonLayout={ onLayout }\n\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t) : (\n\t\t\t<ScrollView { ...listProps }>\n\t\t\t\t<TouchableHighlight accessible={ false }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tonLayout={ onLayout }\n\t\t\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ ! isNested && (\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\tsafeAreaBottomInset ||\n\t\t\t\t\t\t\t\t\t\tstyles.scrollableContent.paddingBottom,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableHighlight>\n\t\t\t</ScrollView>\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\tchildren,\n\t\tisFocused,\n\t\tsafeAreaBottomInset,\n\t\tlistProps,\n\t\tname,\n\t\tisScrollable,\n\t\tisNested,\n\t\tonLayout,\n\t] );\n};\n\nexport default BottomSheetNavigationScreen;\n"],"mappings":"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"}
@@ -36,6 +36,5 @@ const BottomSheetButton = ({
36
36
  color
37
37
  }
38
38
  }, text)));
39
- var _default = BottomSheetButton;
40
- exports.default = _default;
39
+ var _default = exports.default = BottomSheetButton;
41
40
  //# sourceMappingURL=button.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","BottomSheetButton","onPress","disabled","text","color","_react","createElement","TouchableOpacity","accessible","View","style","flexDirection","justifyContent","Text","styles","buttonText","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, View, Text } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetButton = ( { onPress, disabled, text, color } ) => (\n\t<TouchableOpacity\n\t\taccessible={ true }\n\t\tonPress={ onPress }\n\t\tdisabled={ disabled }\n\t>\n\t\t<View style={ { flexDirection: 'row', justifyContent: 'center' } }>\n\t\t\t<Text style={ { ...styles.buttonText, color } }>{ text }</Text>\n\t\t</View>\n\t</TouchableOpacity>\n);\n\nexport default BottomSheetButton;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMG,iBAAiB,GAAGA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAC7D,IAAAC,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,gBAAgB;EAChBC,UAAU,EAAG,IAAM;EACnBP,OAAO,EAAGA,OAAS;EACnBC,QAAQ,EAAGA;AAAU,GAErB,IAAAG,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAa,IAAI;EAACC,KAAK,EAAG;IAAEC,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE;EAAS;AAAG,GACjE,IAAAP,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAiB,IAAI;EAACH,KAAK,EAAG;IAAE,GAAGI,eAAM,CAACC,UAAU;IAAEX;EAAM;AAAG,GAAGD,IAAY,CACzD,CACW,CAClB;AAAC,IAAAa,QAAA,GAEahB,iBAAiB;AAAAiB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
1
+ {"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","BottomSheetButton","onPress","disabled","text","color","_react","createElement","TouchableOpacity","accessible","View","style","flexDirection","justifyContent","Text","styles","buttonText","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, View, Text } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetButton = ( { onPress, disabled, text, color } ) => (\n\t<TouchableOpacity\n\t\taccessible={ true }\n\t\tonPress={ onPress }\n\t\tdisabled={ disabled }\n\t>\n\t\t<View style={ { flexDirection: 'row', justifyContent: 'center' } }>\n\t\t\t<Text style={ { ...styles.buttonText, color } }>{ text }</Text>\n\t\t</View>\n\t</TouchableOpacity>\n);\n\nexport default BottomSheetButton;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMG,iBAAiB,GAAGA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAC7D,IAAAC,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,gBAAgB;EAChBC,UAAU,EAAG,IAAM;EACnBP,OAAO,EAAGA,OAAS;EACnBC,QAAQ,EAAGA;AAAU,GAErB,IAAAG,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAa,IAAI;EAACC,KAAK,EAAG;IAAEC,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE;EAAS;AAAG,GACjE,IAAAP,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAiB,IAAI;EAACH,KAAK,EAAG;IAAE,GAAGI,eAAM,CAACC,UAAU;IAAEX;EAAM;AAAG,GAAGD,IAAY,CACzD,CACW,CAClB;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEalB,iBAAiB"}
@@ -297,6 +297,5 @@ class BottomSheetCell extends _element.Component {
297
297
  }));
298
298
  }
299
299
  }
300
- var _default = (0, _compose.withPreferredColorScheme)(BottomSheetCell);
301
- exports.default = _default;
300
+ var _default = exports.default = (0, _compose.withPreferredColorScheme)(BottomSheetCell);
302
301
  //# sourceMappingURL=cell.native.js.map